lint

docs/src/CodeExample.js

@@ -1,12 +1,10 @@
 import React from 'react'
 import HTMLtoJSX from 'html-2-jsx'
-import {Absolute, BorderBox, Box, StyledOcticon as Octicon, Relative, Text, theme} from '@primer/components'
+import {Absolute, BorderBox, Box, StyledOcticon as Octicon, Relative, Text} from '@primer/components'
 import {LiveEditor, LiveError, LivePreview, LiveProvider} from 'react-live'
-import {createGlobalStyle} from 'styled-components'
 import {getIconByName} from '@githubprimer/octicons-react'
 import ClipboardCopy from './ClipboardCopy'
 import Frame from './Frame'
-import {CommonStyles, CommonScripts} from './utils'
 
 import 'prism-github/prism-github.scss'
 
@@ -20,7 +18,6 @@ const converter = new HTMLtoJSX({
 const defaultTransform = code => `<React.Fragment>${code}</React.Fragment>`
 
 const languageTransforms = {
-  // erb: erb => sanitizeERB(languageTransforms.html(erb)),
   html: html => defaultTransform(converter.convert(html)),
   jsx: defaultTransform
 }
@@ -65,6 +62,7 @@ export default function CodeExample(props) {
       children,
       dangerouslySetInnerHTML
     }
+    // eslint-disable-next-line react/no-danger-with-children
     return <BorderBox data-source={source} is="pre" {...rest} />
   }
 }
@@ -81,33 +79,3 @@ function getLanguage(className) {
 function getTransformForLanguage(lang) {
   return lang in languageTransforms ? languageTransforms[lang] : null
 }
-
-function sanitizeERB(html) {
-  return html
-    .replace(/&lt;%= octicon\("([-\w]+)"([^%]+)\)\s*%&gt;/g, erbOcticon)
-    .replace(/&lt;%([^%]+)%gt;/g, '{/* ERB: `$1` */}')
-}
-
-const RUBY_ARG_PATTERNS = [/^:(\w+) ?=&gt; ?(.+)$/, /^(\w+): ?(.+)$/]
-
-function erbOcticon(substr, name, argString) {
-  let args = ''
-  if (argString) {
-    args = argString
-      .split(/,\s*/)
-      .slice(1)
-      .map(arg => {
-        for (const pattern of RUBY_ARG_PATTERNS) {
-          const match = arg.match(pattern)
-          if (match) {
-            const attr = match[1]
-            const value = match[2].charAt(0) === '"' ? match[2] : `{${match[2]}}`
-            return `${attr}=${value}`
-          }
-        }
-        return ''
-      })
-      .join(' ')
-  }
-  return `<Octicon icon={getIconByName("${name}")} ${args} />`
-}

docs/src/Frame.js

@@ -1,7 +1,5 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import PropTypes from 'prop-types'
-import Document, {Head} from 'next/document'
 import {BorderBox} from '@primer/components'
 import {assetPrefix} from './utils'
 
@@ -23,6 +21,7 @@ export default class Frame extends React.Component {
   componentDidMount() {
     this.doc = this.node.contentDocument
     const files = JSON.parse(document.body.dataset.files || '[]')
+    // eslint-disable-next-line react/no-did-mount-set-state
     this.setState({files})
     this.node.addEventListener('load', () => this.setState({loaded: true}))
   }

docs/src/Header.js

@@ -5,7 +5,6 @@ import {Text, Flex, Sticky, BorderBox, Box} from '@primer/components'
 import BoxShadow from './BoxShadow'
 import Link from './Link'
 import NodeLink from './NodeLink'
-import {repository} from 'primer/package.json'
 
 const NavLink = withRouter(({is: Tag = NodeLink, href, router, ...rest}) => (
   <Tag href={href} color="white" px={4} fontWeight={router.pathname === href ? 'bold' : null} {...rest} />

docs/src/PackageHeader.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import {Comment, Info, FileCode, Alert, PrimitiveDot} from '@githubprimer/octicons-react'
-import {BorderBox, Box, Flex, Link, StyledOcticon as Octicon, Text} from '@primer/components'
+import {Comment, Info, FileCode, Alert} from '@githubprimer/octicons-react'
+import {Box, Flex, Link, StyledOcticon as Octicon, Text} from '@primer/components'
 import StatusLabel from './StatusLabel'
 
 export default function PackageHeader(props) {

docs/src/StatusLabel.js

@@ -1,3 +1,4 @@
+import React from 'react'
 import styled from 'styled-components'
 import {BorderBox, StyledOcticon as Octicon, Text} from '@primer/components'
 import {PrimitiveDot} from '@githubprimer/octicons-react'