Merge pull request #7848 from storybookjs/tech/add-docs-to-standalone

Addon-docs: Add docs to standalone example
storybookjs · Jul 6, 2021 · 52623ee · 52623ee
2 parents 76d155e + 45ddb57
commit 52623ee
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 37 deletions.
diff --git a/examples/standalone-preview/package.json b/examples/standalone-preview/package.json
@@ -6,6 +6,7 @@
     "storybook": "parcel ./storybook.html --port 1337"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "6.4.0-alpha.11",
     "@storybook/react": "6.4.0-alpha.11",
     "parcel": "^1.12.4",
     "react": "16.14.0",

diff --git a/examples/standalone-preview/storybook.html b/examples/standalone-preview/storybook.html
@@ -8,6 +8,7 @@
   </head>
   <body>
     <div id="root"></div>
+    <div id="docs-root"></div>
     <script src="./storybook.ts"></script>
     <div class="sb-errordisplay sb-wrapper">
       <div id="error-message" class="sb-heading"></div>

diff --git a/examples/standalone-preview/storybook.ts b/examples/standalone-preview/storybook.ts
@@ -1,5 +1,14 @@
-import { configure } from '@storybook/react';
+import { configure, addParameters } from '@storybook/react';
+import { DocsPage, DocsContainer } from '@storybook/addon-docs';
+
 import * as Comp1 from './stories/Component1.stories';
 import * as Comp2 from './stories/Component2.stories';
 
+addParameters({
+  docs: {
+    page: DocsPage,
+    container: DocsContainer,
+  },
+});
+
 configure(() => [Comp1, Comp2], module);
diff --git a/package.json b/package.json
@@ -270,6 +270,42 @@
     "webpack-dev-middleware": "^3.7.3",
     "window-size": "^1.1.1"
   },
+  "dependenciesMeta": {
+    "@compodoc/compodoc": {
+      "built": false
+    },
+    "core-js": {
+      "built": false
+    },
+    "core-js-pure": {
+      "built": false
+    },
+    "ejs": {
+      "built": false
+    },
+    "level": {
+      "built": false
+    },
+    "node-uuid": {
+      "built": false,
+      "unplugged": false
+    },
+    "nodemon": {
+      "built": false
+    },
+    "parcel": {
+      "built": false
+    },
+    "preact": {
+      "built": false
+    },
+    "styled-components": {
+      "built": false
+    },
+    "yorkie": {
+      "built": false
+    }
+  },
   "optionalDependencies": {
     "@cypress/webpack-preprocessor": "^5.7.0",
     "cypress": "6.8.0",
@@ -323,41 +359,5 @@
         "Other"
       ]
     ]
-  },
-  "dependenciesMeta": {
-    "@compodoc/compodoc": {
-      "built": false
-    },
-    "core-js": {
-      "built": false
-    },
-    "core-js-pure": {
-      "built": false
-    },
-    "ejs": {
-      "built": false
-    },
-    "level": {
-      "built": false
-    },
-    "node-uuid": {
-      "built": false,
-      "unplugged": false
-    },
-    "nodemon": {
-      "built": false
-    },
-    "parcel": {
-      "built": false
-    },
-    "preact": {
-      "built": false
-    },
-    "styled-components": {
-      "built": false
-    },
-    "yorkie": {
-      "built": false
-    }
   }
 }
diff --git a/yarn.lock b/yarn.lock
@@ -39619,6 +39619,7 @@ resolve@1.19.0:
   version: 0.0.0-use.local
   resolution: "standalone-preview@workspace:examples/standalone-preview"
   dependencies:
+    "@storybook/addon-docs": 6.4.0-alpha.11
     "@storybook/react": 6.4.0-alpha.11
     parcel: ^1.12.4
     react: 16.14.0