Initial theme setup

Inclues renaming, configuration, storybook setup, and first component
becca-bailey · Jul 28, 2019 · cb23ce2 · cb23ce2
1 parent 7ac09a3
commit cb23ce2
Show file tree

Hide file tree

Showing 22 changed files with 20,907 additions and 154 deletions.
diff --git a/demo/gatsby-config.js b/demo/gatsby-config.js
@@ -5,5 +5,5 @@
  */
 
 module.exports = {
-  plugins: ["gatsby-theme-jam-example"],
+  plugins: ["gatsby-theme-writer"],
 }
diff --git a/demo/package.json b/demo/package.json
@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "gatsby": "^2.13.1",
-    "gatsby-theme-jam-example": "*",
+    "gatsby-theme-events": "*",
     "react": "^16.8.6",
     "react-dom": "^16.8.6"
   },

diff --git a/theme/.gitignore → gatsby-theme-writer/.gitignore b/theme/.gitignore → gatsby-theme-writer/.gitignore
diff --git a/theme/.prettierrc → gatsby-theme-writer/.prettierrc b/theme/.prettierrc → gatsby-theme-writer/.prettierrc
diff --git a/gatsby-theme-writer/.storybook/addons.js b/gatsby-theme-writer/.storybook/addons.js
@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-links/register';
diff --git a/gatsby-theme-writer/.storybook/config.js b/gatsby-theme-writer/.storybook/config.js
@@ -0,0 +1,10 @@
+import { configure } from "@storybook/react"
+import "typeface-petit-formal-script"
+
+// automatically import all files ending in *.stories.js
+const req = require.context("../stories", true, /\.stories\.js$/)
+function loadStories() {
+  req.keys().forEach(filename => req(filename))
+}
+
+configure(loadStories, module)
diff --git a/theme/LICENSE → gatsby-theme-writer/LICENSE b/theme/LICENSE → gatsby-theme-writer/LICENSE
diff --git a/theme/README.md → gatsby-theme-writer/README.md b/theme/README.md → gatsby-theme-writer/README.md
@@ -9,16 +9,16 @@ See the [live demo](https://gatsby-theme-jam-example.netlify.com)
 To use this theme in your Gatsby sites, follow these instructions:
 
 1.  Install the theme
+
     ```sh
-    npm install --save gatsby-theme-jam-example
+    npm install --save gatsby-theme-writer
     ```
 
 2.  Add the theme to your `gatsby-config.js`:
+
     ```js
     module.exports = {
-      plugins: [
-        'gatsby-theme-jam-example'
-      ]
+      plugins: ["gatsby-theme-writer"],
     }
     ```
 
@@ -43,9 +43,9 @@ To ensure your Theme Jam submission [follows the rules](https://themejam.gatsbyj
 - [ ] Submit your theme at https://themejam.gatsbyjs.org
 
 [a11y]: https://gatsbyjs.org/docs/making-your-site-accessible#how-to-improve-accessibility
-[Lighthouse]: https://developers.google.com/web/tools/lighthouse/
+[lighthouse]: https://developers.google.com/web/tools/lighthouse/
 [axe]: https://www.deque.com/axe/
-[WebPageTest]: http://webpagetest.org/
-[Netlify]: https://netlify.com
-[GitHub Pages]: https://pages.github.com/
+[webpagetest]: http://webpagetest.org/
+[netlify]: https://netlify.com
+[github pages]: https://pages.github.com/
 [npmpublish]: https://docs.npmjs.com/cli/publish
diff --git a/gatsby-theme-writer/gatsby-browser.js b/gatsby-theme-writer/gatsby-browser.js
@@ -0,0 +1 @@
+import "typeface-petit-formal-script"
diff --git a/theme/gatsby-config.js → gatsby-theme-writer/gatsby-config.js b/theme/gatsby-config.js → gatsby-theme-writer/gatsby-config.js
diff --git a/theme/gatsby-node.js → gatsby-theme-writer/gatsby-node.js b/theme/gatsby-node.js → gatsby-theme-writer/gatsby-node.js
diff --git a/theme/index.js → gatsby-theme-writer/index.js b/theme/index.js → gatsby-theme-writer/index.js
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import '@storybook/addon-actions/register';
		import '@storybook/addon-links/register';