Skip to content

Commit 2ddc2a6

Browse files
author
Dang Hai An
committed
feat: storybook, nested targets example
1 parent bb712e2 commit 2ddc2a6

24 files changed

+7942
-34
lines changed

‎docs/favicon.ico

4.19 KB
Binary file not shown.

‎docs/iframe.html

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
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></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">
59+
<code id="error-stack"></code>
60+
</pre></div><div id="root"></div><script src="runtime~main.85f208740978715ff675.bundle.js"></script><script src="vendors~main.85f208740978715ff675.bundle.js"></script><script src="main.85f208740978715ff675.bundle.js"></script></body></html>

‎docs/index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
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="./sb_dll/storybook_ui_dll.js"></script><script src="runtime~main.bf7f1bbd18bd2f1ec8df.bundle.js"></script><script src="vendors~main.99ad87f9e3d4577e9b07.bundle.js"></script><script src="main.2dcb9aa617a1e12e1b44.bundle.js"></script></body></html>

‎docs/main.2dcb9aa617a1e12e1b44.bundle.js

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/main.85f208740978715ff675.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/main.85f208740978715ff675.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/runtime~main.85f208740978715ff675.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/runtime~main.85f208740978715ff675.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/runtime~main.bf7f1bbd18bd2f1ec8df.bundle.js

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/sb_dll/storybook_ui-manifest.json

Lines changed: 1 addition & 0 deletions
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)