fix: esm register.js storybook

ccontrols · Feb 12, 2020 · a7289e6 · a7289e6
1 parent ece897d
commit a7289e6
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 16,697 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -12,9 +12,9 @@ module.exports = {
       name: path.resolve(path.dirname(require.resolve('@component-controls/storybook')), 'preset.js'),
       options: {
         legacy: true,
+        addonPanel: true,
       },
     },  
-
   ],
   stories: [
     '../core/editors/src/**/*.stories.(js|tsx|mdx)',

diff --git a/integrations/storybook/rollup.config.js b/integrations/storybook/rollup.config.js
@@ -8,6 +8,6 @@ export default config({
     './src/config-preview.ts',
     './src/config-props-table.ts',
     './src/config-smart.ts',
-    './src/register.tsx',
+    './src/manager/register.tsx',
   ],
 });
diff --git a/integrations/storybook/src/register.tsx → ...ations/storybook/src/manager/register.tsx b/integrations/storybook/src/register.tsx → ...ations/storybook/src/manager/register.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import addons from '@storybook/addons';
-import { PropsPanel } from './manager/Panel';
-import { ADDON_ID, PANEL_ID, PARAM_KEY } from './shared/shared';
+import { PropsPanel } from './Panel';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from '../shared/shared';
 
 addons.register(ADDON_ID, api => {
   addons.addPanel(PANEL_ID, {

diff --git a/integrations/storybook/src/preset.ts b/integrations/storybook/src/preset.ts
@@ -23,7 +23,7 @@ module.exports = {
   managerEntries: (entry: any[] = [], options: any = {}) => {
     const { addonPanel = true } = options;
     if (addonPanel) {
-      return [...entry, require.resolve('./register')];
+      return [...entry, require.resolve('./register.esm')];
     }
     return entry;
   },

diff --git a/rollup-config.js b/rollup-config.js
@@ -65,11 +65,18 @@ const createOutput = (dir = 'dist', defaultOpts) => {
   const outputs = [
     {
       dir,
-      format: 'esm',
+      format: 'cjs',
       chunkFileNames: filename ? `${filename}.js` : `[name].js`,
       entryFileNames: filename ? `${filename}.js` : `[name].js`,
       ...output,
     },
+    {
+      dir,
+      format: 'esm',
+      chunkFileNames: filename ? `${filename}.esm.js` : `[name].esm.js`,
+      entryFileNames: filename ? `${filename}.esm.js` : `[name].esm.js`,
+      ...output,
+    },
   ];
 
   return {