fix: load stories bundle with render functions

ccontrols · May 31, 2020 · 814719d · 814719d
1 parent 1a86b90
commit 814719d
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 12 deletions.
diff --git a/core/webpack-compile/bundle.js b/core/webpack-compile/bundle.js
@@ -0,0 +1 @@
+module.exports = require('./dist/bundle');
diff --git a/core/webpack-compile/package.json b/core/webpack-compile/package.json
@@ -9,7 +9,8 @@
   "files": [
     "dist/",
     "package.json",
-    "README.md"
+    "README.md",
+    "bundle.js"
   ],
   "scripts": {
     "build": "yarn cross-env NODE_ENV=production rollup -c",

diff --git a/integrations/gatsby-theme-stories/src/components/Layout.tsx b/integrations/gatsby-theme-stories/src/components/Layout.tsx
@@ -22,7 +22,6 @@ import { Header } from './Header';
 import { PagesConfig } from './types';
 
 interface LayoutProps {
-  children: React.ReactNode;
   title?: string;
   storyStore: Store;
   storyId: string;

diff --git a/integrations/gatsby-theme-stories/src/gatsby-node.ts b/integrations/gatsby-theme-stories/src/gatsby-node.ts
@@ -6,7 +6,6 @@ import { LoaderOptions } from './types';
 
 const defaultPresets = ['react', 'react-docgen-typescript'];
 
-let loadedStore: StoriesStore | undefined;
 exports.sourceNodes = async function sourceNodes(
   { actions, createContentDigest, createNodeId }: NodePluginArgs,
   options: LoaderOptions,
@@ -18,7 +17,7 @@ exports.sourceNodes = async function sourceNodes(
     presets: defaultPresets,
     configPath: options.configPath,
   });
-  loadedStore = loadStoryStore(store);
+  const loadedStore: StoriesStore | undefined = loadStoryStore(store);
 
   if (loadedStore) {
     Object.keys(loadedStore.kinds).forEach(key => {
@@ -82,7 +81,6 @@ exports.createPages = async ({ graphql, actions }: CreatePagesArgs) => {
         context: {
           title: node.name,
           storyId: node.id,
-          loadedStore,
         },
       });
     });

diff --git a/integrations/gatsby-theme-stories/src/templates/StoryPage.tsx b/integrations/gatsby-theme-stories/src/templates/StoryPage.tsx
@@ -1,29 +1,27 @@
 import React, { FC, useMemo } from 'react';
 
 import { StoriesStore } from '@component-controls/specification';
-import { Store } from '@component-controls/store';
+import { loadStoryStore, Store } from '@component-controls/store';
+import * as bundle from '@component-controls/webpack-compile/bundle';
 
 import { Layout } from '../components/Layout';
 import { pages } from '../config/pages';
 
 interface SitePageProps {
   pathContext: {
     title: string;
-    loadedStore: StoriesStore;
     storyId: string;
   };
 }
 
-const SitePage: FC<SitePageProps> = ({
-  pathContext: { title, loadedStore, storyId },
-}) => {
+const SitePage: FC<SitePageProps> = ({ pathContext: { title, storyId } }) => {
   const storyStore = useMemo(
     () =>
       new Store({
-        store: loadedStore,
+        store: loadStoryStore(bundle),
         updateLocalStorage: false,
       }),
-    [loadedStore],
+    [],
   );
   return (
     <Layout