Bojagi · tchock · Mar 5, 2021 · Mar 5, 2021
diff --git a/packages/cli/fakeStorybookAddons.js b/packages/cli/fakeStorybookAddons.js
@@ -1 +1,24 @@
-module.exports.makeDecorator = () => story => story();
+const makeDecorator = () => story => story();
+const getChannel = () => ({
+  addListener: () => {},
+  addPeerListener: () => {},
+  emit: () => {},
+  last: () => {},
+  eventNames: () => {},
+  listenerCount: () => {},
+  listeners: () => {},
+  once: () => {},
+  removeAllListeners: () => {},
+  removeListener: () => {},
+  on: () => {},
+  off: () => {},
+})
+
+const addons = {
+  makeDecorator,
+  getChannel,
+};
+
+module.exports.addons = addons;
+module.exports.makeDecorator = makeDecorator;
+module.exports.getChannel = getChannel;
diff --git a/packages/cli/fakeStorybookReact.js b/packages/cli/fakeStorybookReact.js
@@ -5,5 +5,9 @@ module.exports.getStorybook = () => [];
 module.exports.raw = () => [];
 module.exports.setAddon = () => {};
 module.exports.storiesOf = () => {};
-module.exports.forceReRender = () => {};
+module.exports.forceReRender = () => {
+  if (window && window.bojagi) {
+    window.bojagi.forceReRender();
+  }
+};
 module.exports.configure = () => {};
diff --git a/packages/cli/src/containers/PreviewContainer/serveStoryApi.spec.ts b/packages/cli/src/containers/PreviewContainer/serveStoryApi.spec.ts
@@ -51,6 +51,12 @@ test('get components API output', () => {
         },
       ],
     },
+    emptyFile: {
+      fileName: 'empty',
+      title: 'FILE EMPTY',
+      filePath: '/some/path/some/empty_file.ts',
+      storyItems: [],
+    },
   };
 
   const result = serveStoriesApi({

diff --git a/packages/cli/src/containers/PreviewContainer/serveStoryApi.ts b/packages/cli/src/containers/PreviewContainer/serveStoryApi.ts
@@ -1,4 +1,5 @@
 import { StoryCollectionMetadata } from '../../steps/analyze';
+import { filterEmptyStories } from '../../utils/filterEmptyStories';
 import { SetupApiOptions } from './setupApi';
 
 export function serveStoriesApi({ storiesMetadata, getFiles, getAssets }: SetupApiOptions) {
@@ -7,6 +8,7 @@ export function serveStoriesApi({ storiesMetadata, getFiles, getAssets }: SetupA
   return {
     files: getFiles().map(({ url, name }) => ({ name, url })),
     stories: Object.entries(storiesMetadata)
+      .filter(([, meta]) => filterEmptyStories(meta))
       .sort(sortStory)
       .map(([filePath, meta]) => {
         return {

diff --git a/packages/cli/src/steps/writeFiles/index.ts b/packages/cli/src/steps/writeFiles/index.ts
@@ -9,6 +9,7 @@ import { normalizeFilePath } from '../../utils/normalizeFilePath';
 import { getStepOutputFiles } from '../../utils/getOutputFiles';
 import { getStepOutputStories } from '../../utils/getOutputStories';
 import { getStepOutputDependencies } from '../../utils/getOutputDependencies';
+import { filterEmptyStories } from '../../utils/filterEmptyStories';
 
 export type WriteFilesStepOutput = StepOutput & {};
 
@@ -66,6 +67,7 @@ async function action({ config, stepOutputs }: StepRunnerActionOptions<Dependenc
         ...item,
       };
     })
+    .filter(filterEmptyStories)
     .map(mapObjectWithWhitelist(STORY_PROPERTY_WHITELIST));
 
   const dependenciesOutput = getStepOutputDependencies(stepOutputs);

diff --git a/packages/cli/src/utils/composeWebpackConfig.ts b/packages/cli/src/utils/composeWebpackConfig.ts
@@ -99,7 +99,7 @@ const composeWebpackConfig = (
       },
       plugins: [
         new webpack.NormalModuleReplacementPlugin(
-          /@storybook\/addons/,
+          /@storybook\/addons$/,
           require.resolve('@bojagi/cli/fakeStorybookAddons.js')
         ),
         new webpack.NormalModuleReplacementPlugin(

diff --git a/packages/cli/src/utils/filterEmptyStories.ts b/packages/cli/src/utils/filterEmptyStories.ts
@@ -0,0 +1,3 @@
+export function filterEmptyStories(story) {
+  return !!story.storyItems && story.storyItems.length;
+}
diff --git a/packages/integration-tests/src/components/Empty.bojagi.js b/packages/integration-tests/src/components/Empty.bojagi.js
@@ -0,0 +1 @@
+// Doesn't export anything, should be ignored by the CLI
diff --git a/packages/integration-tests/test/__snapshots__/bundle.integration.ts.snap b/packages/integration-tests/test/__snapshots__/bundle.integration.ts.snap
@@ -52,6 +52,11 @@ exports[`run bundle command 2`] = `
   \\"namespace\\": \\"default\\",
   \\"outputFilePath\\": \\"files/Button.bojagi.js\\"
  },
+ {
+  \\"name\\": \\"Empty.bojagi.js\\",
+  \\"namespace\\": \\"default\\",
+  \\"outputFilePath\\": \\"files/Empty.bojagi.js\\"
+ },
  {
   \\"name\\": \\"Hooks.bojagi.js\\",
   \\"namespace\\": \\"default\\",
@@ -73,9 +78,9 @@ exports[`run bundle command 2`] = `
   \\"outputFilePath\\": \\"files/PingPong.bojagi.js\\"
  },
  {
-  \\"name\\": \\"9.js\\",
+  \\"name\\": \\"10.js\\",
   \\"namespace\\": \\"default\\",
-  \\"outputFilePath\\": \\"files/9.js\\"
+  \\"outputFilePath\\": \\"files/10.js\\"
  },
  {
   \\"name\\": \\"./index.html\\",
@@ -551,6 +556,14 @@ exports[`run bundle command 4`] = `
    }
   ]
  },
+ \\"packages/integration-tests/src/components/Empty.bojagi.js\\": {
+  \\"id\\": \\"packages/integration-tests/src/components/Empty.bojagi.js\\",
+  \\"isExternal\\": false,
+  \\"isNodeModule\\": false,
+  \\"filePath\\": \\"src/components/Empty.bojagi.js\\",
+  \\"gitPath\\": \\"packages/integration-tests/src/components/Empty.bojagi.js\\",
+  \\"dependencies\\": []
+ },
  \\"packages/integration-tests/src/components/Hooks.bojagi.js\\": {
   \\"id\\": \\"packages/integration-tests/src/components/Hooks.bojagi.js\\",
   \\"isExternal\\": false,
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		// Doesn't export anything, should be ignored by the CLI