Build new storybook

ganderzz · Nov 3, 2018 · 9d85718 · 9d85718
1 parent 2cc37a1
commit 9d85718
Show file tree

Hide file tree

Showing 15 changed files with 255 additions and 73 deletions.
diff --git a/docs/favicon.ico b/docs/favicon.ico
diff --git a/docs/iframe.html b/docs/iframe.html
@@ -1,27 +1,67 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
-    <base target="_parent">
-    <script>
-        if (window.parent !== window) {
-            try {
-                window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-            } catch (error) {
-                // The above line can throw if we do not have access to the parent frame -- i.e. cross origin
-            }
-        }
-    </script>
-    <title>Storybook</title>
-
-</head>
-
-<body>
-    <div id="root"></div>
-    <div id="error-display"></div>
-<script type="text/javascript" src="static/preview.bb0c4e0e37e8b7182152.bundle.js"></script></body>
-
-</html>
+<!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><link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css"><link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css"><style>button {
+    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
+    transition: box-shadow 0.1s;
+  }
+
+  button:hover {
+    box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.4);
+  }</style></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.64825ef69626ef9c8f63.bundle.js"></script><script src="static/iframe.6cc71ada6d24d09cf9ad.bundle.js"></script></body></html>
diff --git a/docs/index.html b/docs/index.html
@@ -1,44 +1,14 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="storybook-version" content="3.4.7">
-    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
-    <title>Storybook</title>
-    <style>
-        /*
-          When resizing panels, the drag event breaks if the cursor
-          moves over the iframe. Add the 'dragging' class to the body
-          at drag start and remove it when the drag ends.
-         */
-        .dragging iframe {
-            pointer-events: none;
-        }
-
-        /* Styling the fuzzy search box placeholders */
-        .searchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
-            color: #ddd;
-            font-size: 16px;
-        }
-
-        .searchBox::-moz-placeholder { /* Firefox 19+ */
-            color: #ddd;
-            font-size: 16px;
-        }
-
-        .searchBox:focus{
-            border-color: #EEE !important;
-        }
-
-        .btn:hover{
-            background-color: #eee
-        }
-    </style>
-
-
-</head>
-<body style="margin: 0;">
-    <div id="root"></div>
-<script type="text/javascript" src="static/manager.6843610aa61a8fe70078.bundle.js"></script></body>
-</html>
+<!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.08c9b945bba98c15a6a7.bundle.js"></script></body></html>
diff --git a/docs/static/iframe.6cc71ada6d24d09cf9ad.bundle.js b/docs/static/iframe.6cc71ada6d24d09cf9ad.bundle.js
diff --git a/docs/static/iframe.6cc71ada6d24d09cf9ad.bundle.js.map b/docs/static/iframe.6cc71ada6d24d09cf9ad.bundle.js.map
diff --git a/docs/static/manager.08c9b945bba98c15a6a7.bundle.js b/docs/static/manager.08c9b945bba98c15a6a7.bundle.js
diff --git a/docs/static/manager.08c9b945bba98c15a6a7.bundle.js.map b/docs/static/manager.08c9b945bba98c15a6a7.bundle.js.map
diff --git a/docs/static/manager.6843610aa61a8fe70078.bundle.js b/docs/static/manager.6843610aa61a8fe70078.bundle.js
diff --git a/docs/static/preview.bb0c4e0e37e8b7182152.bundle.js b/docs/static/preview.bb0c4e0e37e8b7182152.bundle.js
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