Merge pull request #364 from primer/release-9.6.0

Release 9.6.0

Author: jonrohan

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 .sass-cache
 node_modules
+**/package-lock.json
 *.log
 build
 _site

.storybook/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    "env",
+    "react",
+    "minify"
+  ]
+}

.storybook/Octicon.js

@@ -0,0 +1,27 @@
+import React from 'react'
+import {storiesOf} from '@storybook/react'
+import octicons from 'octicons'
+import SVGInline from 'react-svg-inline'
+
+const Octicon = (props) => {
+  const {name} = props
+  if (name in octicons) {
+    return <SVGInline svg={octicons[name].toSVG(props)} />
+  } else {
+    throw new Error(`No such octicon: "${name}"!`)
+  }
+}
+
+const story = storiesOf('Octicons', module)
+
+Object.keys(octicons).forEach(name => {
+  story.add(name, () => {
+    return (
+      <div>
+        <Octicon name={name} height="64" />
+        <Octicon name={name} height="32" />
+        <Octicon name={name} height="16" />
+      </div>
+    )
+  })
+})

.storybook/addons.js

@@ -0,0 +1 @@
+import '@storybook/addon-options/register'

.storybook/config.js

@@ -0,0 +1,29 @@
+import React from 'react'
+import { configure, addDecorator } from '@storybook/react'
+import { setOptions } from '@storybook/addon-options'
+import '../modules/primer-css/index.scss'
+
+setOptions({
+  name: 'Primer',
+  url: 'http://primercss.io/',
+  showDownPanel: false,
+})
+
+addDecorator(story => (
+  <div className='p-4'>
+    {story()}
+  </div>
+))
+
+const contexts = [
+  require.context('.', true, /\.js$/),
+  require.context('../modules', true, /stories.*\.js$/),
+]
+
+configure(() => {
+  contexts.forEach(context => {
+    context.keys()
+      .filter(key => !key.includes('node_modules'))
+      .forEach(context)
+  })
+}, module)

.storybook/lib/storiesFromMarkdown.js

@@ -0,0 +1,45 @@
+import remark from 'remark'
+import parents from 'unist-util-parents'
+import select from 'unist-util-select'
+import findBefore from 'unist-util-find-before'
+import htmlToReact from 'html-to-react'
+import parsePairs from 'parse-pairs'
+
+const htmlParser = new htmlToReact.Parser()
+
+const nodeToStory = (node, file) => {
+  const html = node.value
+  const element = htmlParser.parse(html)
+  const pairs = node.lang.replace(/^html\s*/, '')
+  const attrs = pairs.length ? parsePairs(pairs) : {}
+  const title = attrs.title || getPreviousHeading(node) ||
+    `story @ ${file}:${node.position.start.line}`
+  return {
+    title,
+    story: () => element,
+    attrs,
+    html,
+    file,
+    node,
+  }
+}
+
+const getPreviousHeading = node => {
+  const heading = findBefore(node.parent, node, 'heading')
+  return (heading && !heading.used)
+    ? (heading.used = true, heading.children.map(c => c.value).join(''))
+    : undefined
+}
+
+export default req => {
+  return req.keys().reduce((stories, file) => {
+    const content = req(file)
+    const ast = parents(remark.parse(content))
+    const path = file.replace(/^\.\//, '')
+    return stories.concat(
+      select(ast, 'code[lang^=html]')
+        .map(node => nodeToStory(node, path))
+        .filter(({attrs}) => attrs.story !== "false")
+    )
+  }, [])
+}

.storybook/postcss.config.js

@@ -0,0 +1,8 @@
+// FIXME this should go away when we merge and release:
+// <https://github.com/primer/primer-module-build/pull/19>
+const plugins = require("primer-module-build/lib/.postcss.json")
+delete plugins.use
+
+module.exports = {
+  plugins,
+}

.storybook/preview-head.html

@@ -0,0 +1,2 @@
+<link rel="stylesheet" href="https://unpkg.com/primer-css@9.2.0/build/build.css">
+<script src="https://github.com/site/assets/styleguide.js" async></script>

.storybook/webpack.config.js

@@ -0,0 +1,44 @@
+const path = require("path");
+
+const modulesPath = path.resolve(__dirname, "../modules")
+
+module.exports = (config, env) => {
+
+  if (env === 'PRODUCTION') {
+    config.plugins = config.plugins
+      .filter(plugin => plugin.constructor.name !== 'UglifyJsPlugin')
+  }
+
+  config.module.rules.push(
+    {
+      test: /\.md$/,
+      use: "raw-loader",
+    },
+    {
+      test: /\.scss$/,
+      loaders: [
+        "style-loader",
+        "css-loader",
+        {
+          loader: "postcss-loader",
+          options: {
+            config: {
+              path: require.resolve("./postcss.config.js"),
+            },
+          },
+        },
+        {
+          loader: "sass-loader",
+          options: {
+            includePaths: [
+              modulesPath,
+            ],
+          }
+        },
+      ],
+      include: modulesPath,
+    }
+  )
+
+  return config
+}

.travis.yml

@@ -9,9 +9,6 @@ env:
     # github
     - secure: "J+1oWjvvXjyrwkY/4IFWKdN/weFmQcPwlRuFG4R0Gb3rYe4nqtC9l68sJvmS8asc8dQMhOhcUZCH6sjvo7l2WD4NuK4umPSbs+rJNUsfbvH4pZjStQIj/3ll1OfQelGDWAYQWhIfciYY4F3Bp0ZWTfKOppLQ2AVIYu1fPVXDdlo="
 
-before_script:
-  - lerna bootstrap
-
 script:
   - npm test