Skip to content

Commit 8a2e91e

Browse files
ganderzzganderzz
authored
Merge pull request #78 from ganderzz/feature/build-story-book
Build new storybook
2 parents 2cc37a1 + 404f905 commit 8a2e91e

16 files changed

+257
-73
lines changed

‎.circleci/config.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,8 @@ workflows:
5959
version: 2
6060
deploy:
6161
jobs:
62+
- build
63+
6264
- deploy:
6365
filters:
6466
tags:

‎docs/favicon.ico

100755100644
-1.12 KB
Binary file not shown.

‎docs/iframe.html

Lines changed: 67 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,67 @@
1-
<!DOCTYPE html>
2-
<html>
3-
4-
<head>
5-
<meta charset="utf-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
8-
<base target="_parent">
9-
<script>
10-
if (window.parent !== window) {
11-
try {
12-
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
13-
} catch (error) {
14-
// The above line can throw if we do not have access to the parent frame -- i.e. cross origin
15-
}
16-
}
17-
</script>
18-
<title>Storybook</title>
19-
20-
</head>
21-
22-
<body>
23-
<div id="root"></div>
24-
<div id="error-display"></div>
25-
<script type="text/javascript" src="static/preview.bb0c4e0e37e8b7182152.bundle.js"></script></body>
26-
27-
</html>
1+
<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
2+
:not(.sb-show-nopreview) > .sb-nopreview,
3+
:not(.sb-show-errordisplay) > .sb-errordisplay {
4+
display: none;
5+
}
6+
7+
.sb-wrapper {
8+
position: fixed;
9+
top: 0;
10+
bottom: 0;
11+
left: 0;
12+
right: 0;
13+
padding: 20px;
14+
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
15+
-webkit-font-smoothing: antialiased;
16+
}
17+
18+
.sb-heading {
19+
font-size: 20px;
20+
font-weight: 600;
21+
letter-spacing: 0.2px;
22+
margin: 10px 0;
23+
}
24+
25+
.sb-nopreview {
26+
display: flex;
27+
align-content: center;
28+
justify-content: center;
29+
}
30+
31+
.sb-nopreview_main {
32+
margin: auto;
33+
padding: 30px;
34+
border-radius: 10px;
35+
background: rgba(0,0,0,0.03);
36+
}
37+
38+
.sb-nopreview_heading {
39+
text-align: center;
40+
}
41+
42+
.sb-errordisplay {
43+
background-color: rgb(187, 49, 49);
44+
color: #FFF;
45+
}
46+
47+
.sb-errordisplay_code {
48+
font-size: 14px;
49+
width: 100vw;
50+
overflow: auto;
51+
}</style><script>try {
52+
if (window.parent !== window) {
53+
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
54+
window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
55+
}
56+
} catch (e) {
57+
console.warn('unable to connect to parent frame for connecting dev tools');
58+
}</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 {
59+
box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.3);
60+
transition: box-shadow 0.1s;
61+
}
62+
63+
button:hover {
64+
box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.4);
65+
}</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">
66+
<code id="error-stack"></code>
67+
</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>

‎docs/index.html

Lines changed: 14 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,14 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1">
6-
<meta name="storybook-version" content="3.4.7">
7-
<meta content="IE=edge" http-equiv="X-UA-Compatible" />
8-
<title>Storybook</title>
9-
<style>
10-
/*
11-
When resizing panels, the drag event breaks if the cursor
12-
moves over the iframe. Add the 'dragging' class to the body
13-
at drag start and remove it when the drag ends.
14-
*/
15-
.dragging iframe {
16-
pointer-events: none;
17-
}
18-
19-
/* Styling the fuzzy search box placeholders */
20-
.searchBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
21-
color: #ddd;
22-
font-size: 16px;
23-
}
24-
25-
.searchBox::-moz-placeholder { /* Firefox 19+ */
26-
color: #ddd;
27-
font-size: 16px;
28-
}
29-
30-
.searchBox:focus{
31-
border-color: #EEE !important;
32-
}
33-
34-
.btn:hover{
35-
background-color: #eee
36-
}
37-
</style>
38-
39-
40-
</head>
41-
<body style="margin: 0;">
42-
<div id="root"></div>
43-
<script type="text/javascript" src="static/manager.6843610aa61a8fe70078.bundle.js"></script></body>
44-
</html>
1+
<!doctype html><html><head><meta charset="utf-8"><title>Storybook</title><style>html, body {
2+
overflow: hidden;
3+
height: 100%;
4+
width: 100%;
5+
margin: 0;
6+
padding: 0;
7+
}</style><script>try {
8+
if (window.parent !== window) {
9+
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
10+
window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
11+
}
12+
} catch (e) {
13+
console.warn('unable to connect to parent frame for connecting dev tools');
14+
}</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>

‎docs/static/iframe.6cc71ada6d24d09cf9ad.bundle.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/iframe.6cc71ada6d24d09cf9ad.bundle.js.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/manager.08c9b945bba98c15a6a7.bundle.js

Lines changed: 109 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/manager.08c9b945bba98c15a6a7.bundle.js.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/manager.6843610aa61a8fe70078.bundle.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/static/preview.bb0c4e0e37e8b7182152.bundle.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/runtime~iframe.36305751f78a2d599ec4.bundle.js.map

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)