storybook integration

IcculusC · Oct 28, 2018 · 1e768a5 · 1e768a5
1 parent 1a467a2
commit 1e768a5
Show file tree

Hide file tree

Showing 28 changed files with 3,856 additions and 245 deletions.
diff --git a/.cache/325c8f456729b912b0d2134054eb7448-dfeeb2271cc2857eb0a45a5003c8bbee b/.cache/325c8f456729b912b0d2134054eb7448-dfeeb2271cc2857eb0a45a5003c8bbee
@@ -0,0 +1 @@
+{"value":{"success":true,"data":{"latest":{"version":"3.4.11","info":{"plain":"If you see this message in your terminal, please open a GitHub issue"}}},"time":1540694115528},"type":"Object"}
diff --git a/.gitignore b/.gitignore
@@ -39,3 +39,5 @@ dist/
 nbproject
 .idea
 .node_history
+
+.cache
diff --git a/.storybook/addons.js b/.storybook/addons.js
@@ -0,0 +1 @@
+import "@storybook/addon-storysource/register";
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -0,0 +1,9 @@
+import { configure } from "@storybook/react";
+
+function loadStories() {
+  require("../stories/HexEngine.js");
+  require("../stories/Hexagon.js");
+  // You can require as many stories as you need.
+}
+
+configure(loadStories, module);
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -0,0 +1,15 @@
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /stories\/(.*)\.js$/,
+        loaders: [require.resolve("@storybook/addon-storysource/loader")],
+        enforce: "pre"
+      },
+      {
+        test: /stories\/(.*)\.css$/,
+        use: [{ loader: "style-loader" }, { loader: "css-loader" }]
+      }
+    ]
+  }
+};
diff --git a/docs/favicon.ico b/docs/favicon.ico
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -0,0 +1,60 @@
+<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
+  :not(.sb-show-nopreview) > .sb-nopreview,
+  :not(.sb-show-errordisplay) > .sb-errordisplay {
+      display: none;
+  }
+
+  .sb-wrapper {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20px;
+    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  .sb-heading {
+    font-size: 20px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    margin: 10px 0;
+  }
+
+  .sb-nopreview {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+  }
+
+  .sb-nopreview_main {
+    margin: auto;
+    padding: 30px;
+    border-radius: 10px;
+    background: rgba(0,0,0,0.03);
+  }
+
+  .sb-nopreview_heading {
+    text-align: center;
+  }
+
+  .sb-errordisplay {
+    background-color: rgb(187, 49, 49);
+    color: #FFF;
+  }
+
+  .sb-errordisplay_code {
+    font-size: 14px;
+    width: 100vw;
+    overflow: auto;
+  }</style><script>try {
+    if (window.parent !== window) {
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+    }
+  } catch (e) {
+    console.warn('unable to connect to parent frame for connecting dev tools');
+  }</script></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the storybook config.</li><li>Try reloading the page.</li></ul></div></div><div class="sb-errordisplay sb-wrapper"><div id="error-message" class="sb-heading"></div><pre class="sb-errordisplay_code">
+    <code id="error-stack"></code>
+  </pre></div><div id="root"></div><script src="static/runtime~iframe.36305751f78a2d599ec4.bundle.js"></script><script src="static/vendors~iframe.7d7f162474e240b3d9f3.bundle.js"></script><script src="static/iframe.46f8c42406195633851e.bundle.js"></script></body></html>
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,14 @@
+<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><style>html, body {
+    overflow: hidden;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }</style><script>try {
+    if (window.parent !== window) {
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+    }
+  } catch (e) {
+    console.warn('unable to connect to parent frame for connecting dev tools');
+  }</script></head><body><div id="root"></div><script src="static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js"></script><script src="static/manager.47864dbeb9f5aa493dca.bundle.js"></script></body></html>
diff --git a/docs/static/iframe.46f8c42406195633851e.bundle.js b/docs/static/iframe.46f8c42406195633851e.bundle.js
diff --git a/docs/static/iframe.46f8c42406195633851e.bundle.js.map b/docs/static/iframe.46f8c42406195633851e.bundle.js.map
diff --git a/docs/static/manager.47864dbeb9f5aa493dca.bundle.js b/docs/static/manager.47864dbeb9f5aa493dca.bundle.js
diff --git a/docs/static/manager.47864dbeb9f5aa493dca.bundle.js.map b/docs/static/manager.47864dbeb9f5aa493dca.bundle.js.map
diff --git a/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js b/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js
diff --git a/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js.map b/docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js.map
diff --git a/docs/static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js b/docs/static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js
diff --git a/docs/static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js.map b/docs/static/runtime~manager.9ffd8dd7b8642e4235e2.bundle.js.map
diff --git a/docs/static/vendors~iframe.7d7f162474e240b3d9f3.bundle.js b/docs/static/vendors~iframe.7d7f162474e240b3d9f3.bundle.js
diff --git a/docs/static/vendors~iframe.7d7f162474e240b3d9f3.bundle.js.map b/docs/static/vendors~iframe.7d7f162474e240b3d9f3.bundle.js.map
diff --git a/husky.config.js b/husky.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   hooks: {
-    "pre-commit": "yarn test && yarn lint"
+    "pre-commit": "yarn test && yarn lint",
+    "pre-push": "yarn storybook:build"
   }
 };
diff --git a/jest.config.js b/jest.config.js
@@ -7,5 +7,15 @@ module.exports = {
     "^.+\\.js$": "<rootDir>/node_modules/babel-jest"
   },
   transformIgnorePatterns: ["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"],
-  moduleFileExtensions: ["js"]
+  moduleFileExtensions: ["js"],
+  reporters: [
+    "default",
+    [
+      "./node_modules/jest-html-reporter",
+      {
+        outputPath: "./test/report.html",
+        pageTitle: "React Hex Engine"
+      }
+    ]
+  ]
 };
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"value":{"success":true,"data":{"latest":{"version":"3.4.11","info":{"plain":"If you see this message in your terminal, please open a GitHub issue"}}},"time":1540694115528},"type":"Object"}
-Original file line number
+Diff line change
@@ Expand Up / @@ -39,3 +39,5 @@ dist/ @@
     nbproject
     .idea
     .node_history
+    .cache
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		import "@storybook/addon-storysource/register";