@storybook/addon-svelte-csf 3.0.0-next.2 → 3.0.0-next.3

package/.babelrc.js

@@ -1,5 +1,8 @@
 module.exports = {
-  presets: [['@babel/preset-env', { targets: { node: '16' } }], '@babel/preset-typescript'],
+  presets: [
+    ['@babel/preset-env', { targets: { node: '16' }, modules: false }],
+    '@babel/preset-typescript',
+  ],
   plugins: ['@babel/plugin-transform-runtime'],
   env: {
     esm: {

package/dist/cjs/components/context.js

@@ -1,18 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createRegistrationContext = createRegistrationContext;
-exports.createRenderContext = createRenderContext;
-exports.useContext = useContext;
-
-var _svelte = require("svelte");
-
+import { getContext, hasContext, setContext } from "svelte";
 const CONTEXT_KEY = "storybook-registration-context";
-
-function createRenderContext(props = {}) {
-  (0, _svelte.setContext)(CONTEXT_KEY, {
+export function createRenderContext(props = {}) {
+  setContext(CONTEXT_KEY, {
     render: true,
     register: () => {},
     meta: {},
@@ -20,9 +9,8 @@ function createRenderContext(props = {}) {
     ...props
   });
 }
-
-function createRegistrationContext(repositories) {
-  (0, _svelte.setContext)(CONTEXT_KEY, {
+export function createRegistrationContext(repositories) {
+  setContext(CONTEXT_KEY, {
     render: false,
     register: story => {
       repositories.stories.push(story);
@@ -36,11 +24,10 @@ function createRegistrationContext(repositories) {
     args: {}
   });
 }
-
-function useContext() {
-  if (!(0, _svelte.hasContext)(CONTEXT_KEY)) {
+export function useContext() {
+  if (!hasContext(CONTEXT_KEY)) {
     createRenderContext();
   }
 
-  return (0, _svelte.getContext)(CONTEXT_KEY);
+  return getContext(CONTEXT_KEY);
 }

package/dist/cjs/constants.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ADDON_ID = void 0;
-const ADDON_ID = 'storybook/svelte-csf';
-exports.ADDON_ID = ADDON_ID;
+export const ADDON_ID = 'storybook/svelte-csf';

package/dist/cjs/index.js

@@ -1,40 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Meta", {
-  enumerable: true,
-  get: function () {
-    return _Meta.default;
-  }
-});
-Object.defineProperty(exports, "Story", {
-  enumerable: true,
-  get: function () {
-    return _Story.default;
-  }
-});
-Object.defineProperty(exports, "Template", {
-  enumerable: true,
-  get: function () {
-    return _Template.default;
-  }
-});
-exports.default = void 0;
-
-var _Meta = _interopRequireDefault(require("./components/Meta.svelte"));
-
-var _Story = _interopRequireDefault(require("./components/Story.svelte"));
-
-var _Template = _interopRequireDefault(require("./components/Template.svelte"));
+export { default as Meta } from './components/Meta.svelte';
+export { default as Story } from './components/Story.svelte';
+export { default as Template } from './components/Template.svelte';
 
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 } // make it work with --isolatedModules
 
 
-var _default = {};
-exports.default = _default;
+export default {};

package/dist/cjs/jest-transform.js

@@ -1,5 +1,3 @@
-"use strict";
-
 const svelte = require('svelte/compiler');
 
 const parser = require.resolve('./parser/collect-stories').replace(/[/\\]/g, '/');

package/dist/cjs/parser/collect-stories.js

@@ -1,24 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _clientLogger = require("@storybook/client-logger");
-
-var _clientApi = require("@storybook/client-api");
-
-var _extractId = require("./extract-id");
-
-var _RegisterContext = _interopRequireDefault(require("../components/RegisterContext.svelte"));
-
-var _RenderContext = _interopRequireDefault(require("../components/RenderContext.svelte"));
-
 /* eslint-env browser */
-
+import { logger } from '@storybook/client-logger';
+import { combineParameters } from '@storybook/client-api';
+import { extractId } from './extract-id';
+import RegisterContext from '../components/RegisterContext.svelte';
+import RenderContext from '../components/RenderContext.svelte';
 /* Called from a webpack loader and a jest transformation.
  *
  * It mounts a Stories component in a context which disables
@@ -29,9 +14,9 @@ var _RenderContext = _interopRequireDefault(require("../components/RenderContext
  * instantiate the main Stories component: Every Story but
  * the one selected is disabled.
  */
-const createFragment = document.createDocumentFragment ? () => document.createDocumentFragment() : () => document.createElement('div');
 
-var _default = (StoriesComponent, {
+const createFragment = document.createDocumentFragment ? () => document.createDocumentFragment() : () => document.createElement('div');
+export default ((StoriesComponent, {
   stories = {},
   allocatedIds
 }) => {
@@ -41,7 +26,7 @@ var _default = (StoriesComponent, {
   }; // extract all stories
 
   try {
-    const context = new _RegisterContext.default({
+    const context = new RegisterContext({
       target: createFragment(),
       props: {
         Stories: StoriesComponent,
@@ -50,7 +35,7 @@ var _default = (StoriesComponent, {
     });
     context.$destroy();
   } catch (e) {
-    _clientLogger.logger.error(`Error extracting stories ${e.toString()}`, e);
+    logger.error(`Error extracting stories ${e.toString()}`, e);
   }
 
   const {
@@ -58,8 +43,7 @@ var _default = (StoriesComponent, {
   } = repositories;
 
   if (!meta) {
-    _clientLogger.logger.error('Missing <Meta/> tag');
-
+    logger.error('Missing <Meta/> tag');
     return {};
   }
 
@@ -72,7 +56,7 @@ var _default = (StoriesComponent, {
   const duplicateTemplatesId = templatesId.filter((item, index) => templatesId.indexOf(item) !== index);
 
   if (duplicateTemplatesId.length > 0) {
-    _clientLogger.logger.warn(`Found duplicates templates id for stories '${meta.name}': ${duplicateTemplatesId}`);
+    logger.warn(`Found duplicates templates id for stories '${meta.name}': ${duplicateTemplatesId}`);
   }
 
   return {
@@ -86,7 +70,7 @@ var _default = (StoriesComponent, {
         source = false,
         ...props
       } = story;
-      const storyId = (0, _extractId.extractId)(story, allocatedIds);
+      const storyId = extractId(story, allocatedIds);
 
       if (!storyId) {
         return all;
@@ -100,7 +84,7 @@ var _default = (StoriesComponent, {
         }
 
         return {
-          Component: _RenderContext.default,
+          Component: RenderContext,
           props: {
             Stories: StoriesComponent,
             storyName: name,
@@ -123,7 +107,7 @@ var _default = (StoriesComponent, {
       const rawSource = storyDef ? storyDef.source : null;
 
       if (rawSource) {
-        storyFn.parameters = (0, _clientApi.combineParameters)(storyFn.parameters || {}, {
+        storyFn.parameters = combineParameters(storyFn.parameters || {}, {
           storySource: {
             source: rawSource
           }
@@ -139,7 +123,7 @@ var _default = (StoriesComponent, {
       }
 
       if (snippet) {
-        storyFn.parameters = (0, _clientApi.combineParameters)(storyFn.parameters || {}, {
+        storyFn.parameters = combineParameters(storyFn.parameters || {}, {
           docs: {
             source: {
               code: snippet
@@ -153,6 +137,4 @@ var _default = (StoriesComponent, {
       return all;
     }, {})
   };
-};
-
-exports.default = _default;
+});

package/dist/cjs/parser/collect-stories.test.js

@@ -1,14 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _collectStories = _interopRequireDefault(require("./collect-stories"));
-
-var _TestStories = _interopRequireDefault(require("../components/__tests__/TestStories.svelte"));
-
+import collectStories from './collect-stories';
+import TestStories from '../components/__tests__/TestStories.svelte';
 describe('parse-stories', () => {
   test('Extract Stories', () => {
-    const data = (0, _collectStories.default)(_TestStories.default, {
+    const data = collectStories(TestStories, {
       stories: {
         'tpl:tpl2': 'tpl2src'
       }

package/dist/cjs/parser/extract-id.js

@@ -1,11 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractId = extractId;
-
-var _clientLogger = require("@storybook/client-logger");
+import { logger } from '@storybook/client-logger';
 
 function hashCode(str) {
   const h = str.split('') // eslint-disable-next-line no-bitwise
@@ -14,7 +7,7 @@ function hashCode(str) {
 } // extract a story id
 
 
-function extractId({
+export function extractId({
   id,
   name
 }, allocatedIds = []) {
@@ -29,8 +22,7 @@ function extractId({
   let generated = name.replace(/\W+(.|$)/g, (_, chr) => chr.toUpperCase());
 
   if (allocatedIds.indexOf(generated) >= 0) {
-    _clientLogger.logger.warn(`Story name conflict with exports - Please add an explicit id for story ${name}`);
-
+    logger.warn(`Story name conflict with exports - Please add an explicit id for story ${name}`);
     generated += hashCode(name);
   }
 

package/dist/cjs/parser/extract-id.test.js

@@ -1,25 +1,22 @@
-"use strict";
-
-var _extractId = require("./extract-id");
-
+import { extractId } from './extract-id';
 describe('extract-id', () => {
   test('name with spaces', () => {
-    expect((0, _extractId.extractId)({
+    expect(extractId({
       name: 'Name with spaces'
     })).toBe('NameWithSpaces');
   });
   test('name with parenthesis', () => {
-    expect((0, _extractId.extractId)({
+    expect(extractId({
       name: 'Name with (parenthesis)'
     })).toBe('NameWithParenthesis');
   });
   test('duplicates id', () => {
-    expect((0, _extractId.extractId)({
+    expect(extractId({
       name: 'Button'
     }, ['Button'])).toBe('Button77471352');
   });
   test('No negative hash', () => {
-    expect((0, _extractId.extractId)({
+    expect(extractId({
       name: 'Navbar'
     }, ['Navbar'])).toBe('Navbar7557f7d0');
   });

package/dist/cjs/parser/extract-stories.js

@@ -1,23 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractStories = extractStories;
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var svelte = _interopRequireWildcard(require("svelte/compiler"));
-
-var _extractId = require("./extract-id");
-
-var _csf = require("@storybook/csf");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import dedent from 'ts-dedent';
+import * as svelte from 'svelte/compiler';
+import { extractId } from './extract-id';
+import { toId, storyNameFromExport } from "@storybook/csf";
 
 function getStaticAttribute(name, node) {
   // extract the attribute
@@ -44,7 +28,7 @@ function getStaticAttribute(name, node) {
  */
 
 
-function extractStories(component) {
+export function extractStories(component) {
   // compile
   const {
     ast
@@ -97,7 +81,7 @@ function extractStories(component) {
           name = 'default';
         }
 
-        const id = (0, _extractId.extractId)({
+        const id = extractId({
           id: getStaticAttribute('id', node),
           name
         }, isTemplate ? undefined : allocatedIds);
@@ -113,11 +97,11 @@ function extractStories(component) {
             const {
               end
             } = node.children[node.children.length - 1];
-            source = (0, _tsDedent.default)(component.substr(start, end - start));
+            source = dedent(component.substr(start, end - start));
           }
 
           stories[isTemplate ? `tpl:${id}` : id] = {
-            storyId: (0, _csf.toId)(meta.id || meta.title || id, (0, _csf.storyNameFromExport)(id)),
+            storyId: toId(meta.id || meta.title || id, storyNameFromExport(id)),
             name,
             template: isTemplate,
             source,

package/dist/cjs/parser/extract-stories.test.js

@@ -1,10 +1,7 @@
-"use strict";
-
-var _extractStories = require("./extract-stories");
-
+import { extractStories } from './extract-stories';
 describe('extractSource', () => {
   test('Simple Story', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Story } from '@storybook/svelte';
         </script>
@@ -32,7 +29,7 @@ describe('extractSource', () => {
     `);
   });
   test('Explicit Id Story', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Story } from '@storybook/svelte';
         </script>
@@ -60,7 +57,7 @@ describe('extractSource', () => {
     `);
   });
   test('Args Story', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Story } from '@storybook/svelte';
         </script>
@@ -88,7 +85,7 @@ describe('extractSource', () => {
     `);
   });
   test('Simple Template', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Template } from '@storybook/svelte';
         </script>
@@ -116,7 +113,7 @@ describe('extractSource', () => {
     `);
   });
   test('Unnamed Template', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Template } from '@storybook/svelte';
         </script>
@@ -144,7 +141,7 @@ describe('extractSource', () => {
     `);
   });
   test('Multiple Stories', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Template } from '@storybook/svelte';
         </script>
@@ -182,7 +179,7 @@ describe('extractSource', () => {
     `);
   });
   test('Renamed Import', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Story as SBStory, Meta as SBMeta } from '@storybook/addon-svelte-csf';
         </script>
@@ -216,7 +213,7 @@ describe('extractSource', () => {
     `);
   });
   test('Duplicate Id', () => {
-    expect((0, _extractStories.extractStories)(`
+    expect(extractStories(`
         <script>
           import { Story } from '@storybook/svelte';
           import Button from './Button.svelte';

package/dist/cjs/parser/svelte-stories-loader.js

@@ -1,24 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getNameFromFilename = getNameFromFilename;
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _fs = require("fs");
-
-var _extractStories = require("./extract-stories");
+import dedent from 'ts-dedent';
+import { readFileSync } from 'fs';
+import { extractStories } from './extract-stories';
 
 const parser = require.resolve('./collect-stories').replace(/[/\\]/g, '/'); // From https://github.com/sveltejs/svelte/blob/8db3e8d0297e052556f0b6dde310ef6e197b8d18/src/compiler/compile/utils/get_name_from_filename.ts
 // Copied because it is not exported from the compiler
 
 
-function getNameFromFilename(filename) {
+export function getNameFromFilename(filename) {
   if (!filename) return null;
   const parts = filename.split(/[/\\]/).map(encodeURI);
 
@@ -46,14 +34,14 @@ function transformSvelteStories(code) {
     resource
   } = this._module;
   const componentName = getNameFromFilename(resource);
-  const source = (0, _fs.readFileSync)(resource).toString();
-  const storiesDef = (0, _extractStories.extractStories)(source);
+  const source = readFileSync(resource).toString();
+  const storiesDef = extractStories(source);
   const {
     stories
   } = storiesDef;
   const storyDef = Object.entries(stories).filter(([, def]) => !def.template).map(([id]) => `export const ${id} = __storiesMetaData.stories[${JSON.stringify(id)}]`).join('\n');
   const codeWithoutDefaultExport = code.replace('export default ', '//export default');
-  return (0, _tsDedent.default)`${codeWithoutDefaultExport}
+  return dedent`${codeWithoutDefaultExport}
     const { default: parser } = require('${parser}');
     const __storiesMetaData = parser(${componentName}, ${JSON.stringify(storiesDef)});
     export default __storiesMetaData.meta;
@@ -61,5 +49,4 @@ function transformSvelteStories(code) {
   `;
 }
 
-var _default = transformSvelteStories;
-exports.default = _default;
+export default transformSvelteStories;

package/dist/cjs/plugins/vite-svelte-csf.js

@@ -1,42 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = csfPlugin;
-
-var _fs = require("fs");
-
-var svelte = _interopRequireWildcard(require("svelte/compiler"));
-
-var _magicString = _interopRequireDefault(require("magic-string"));
-
-var _vite = require("vite");
-
-var _svelteStoriesLoader = require("../parser/svelte-stories-loader");
-
-var _extractStories = require("../parser/extract-stories");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import { readFileSync } from 'fs';
+import * as svelte from 'svelte/compiler';
+import MagicString from 'magic-string';
+import { createFilter } from 'vite';
+import { getNameFromFilename } from '../parser/svelte-stories-loader';
+import { extractStories } from '../parser/extract-stories';
 
 const parser = require.resolve('../../esm/parser/collect-stories').replace(/[/\\]/g, '/');
 
-function csfPlugin(svelteOptions) {
+export default function csfPlugin(svelteOptions) {
   const include = /\.stories\.svelte$/;
-  const filter = (0, _vite.createFilter)(include);
+  const filter = createFilter(include);
   return {
     name: 'storybook:addon-svelte-csf-plugin',
     enforce: 'post',
 
     async transform(code, id) {
       if (!filter(id)) return undefined;
-      const s = new _magicString.default(code);
-      const component = (0, _svelteStoriesLoader.getNameFromFilename)(id);
-      let source = (0, _fs.readFileSync)(id).toString();
+      const s = new MagicString(code);
+      const component = getNameFromFilename(id);
+      let source = readFileSync(id).toString();
 
       if (svelteOptions && svelteOptions.preprocess) {
         source = (await svelte.preprocess(source, svelteOptions.preprocess, {
@@ -44,7 +26,7 @@ function csfPlugin(svelteOptions) {
         })).code;
       }
 
-      const all = (0, _extractStories.extractStories)(source);
+      const all = extractStories(source);
       const {
         stories
       } = all;

package/dist/cjs/preset/index.js

@@ -1,24 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.managerEntries = managerEntries;
-exports.storyIndexers = void 0;
-exports.viteFinal = viteFinal;
-exports.webpack = webpack;
-
-var _indexer = require("./indexer.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function managerEntries(entry = []) {
+import { svelteIndexer } from './indexer.js';
+export function managerEntries(entry = []) {
   return [...entry, require.resolve('./manager')];
 }
-
-function webpack(config) {
+export function webpack(config) {
   return { ...config,
     module: { ...config.module,
       rules: [...config.module.rules, {
@@ -31,8 +15,7 @@ function webpack(config) {
     }
   };
 }
-
-async function viteFinal(config, options) {
+export async function viteFinal(config, options) {
   const {
     plugins = []
   } = config;
@@ -42,7 +25,7 @@ async function viteFinal(config, options) {
   try {
     const {
       loadSvelteConfig
-    } = await Promise.resolve().then(() => _interopRequireWildcard(require('@sveltejs/vite-plugin-svelte')));
+    } = await import('@sveltejs/vite-plugin-svelte');
     svelteConfig = { ...(await loadSvelteConfig()),
       ...svelteOptions
     };
@@ -58,20 +41,15 @@ async function viteFinal(config, options) {
     }
   }
 
-  const {
-    default: svelteCsfPlugin
-  } = await Promise.resolve().then(() => _interopRequireWildcard(require('../plugins/vite-svelte-csf')));
+  const svelteCsfPlugin = (await import('../plugins/vite-svelte-csf.js')).default.default;
   plugins.push(svelteCsfPlugin(svelteConfig));
   return { ...config,
     plugins
   };
 }
-
-const storyIndexers = async indexers => {
+export const storyIndexers = async indexers => {
   return [{
     test: /\.stories\.svelte$/,
-    indexer: _indexer.svelteIndexer
+    indexer: svelteIndexer
   }, ...(indexers || [])];
-};
-
-exports.storyIndexers = storyIndexers;
+};

package/dist/cjs/preset/indexer.js

@@ -1,21 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.svelteIndexer = svelteIndexer;
-
-var _extractStories = require("../parser/extract-stories");
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-async function svelteIndexer(fileName, {
+import { extractStories } from '../parser/extract-stories';
+import fs from 'fs-extra';
+export async function svelteIndexer(fileName, {
   makeTitle
 }) {
-  let code = (await _fsExtra.default.readFile(fileName, 'utf-8')).toString();
-  const defs = (0, _extractStories.extractStories)(code);
+  let code = (await fs.readFile(fileName, 'utf-8')).toString();
+  const defs = extractStories(code);
   return {
     meta: {
       title: makeTitle(defs.meta.title)

package/dist/cjs/preset/manager.js

@@ -1,8 +1,4 @@
-"use strict";
+import { addons } from '@storybook/addons';
+import { ADDON_ID } from '../constants'; // Register the addon
 
-var _addons = require("@storybook/addons");
-
-var _constants = require("../constants");
-
-// Register the addon
-_addons.addons.register(_constants.ADDON_ID, () => {});
+addons.register(ADDON_ID, () => {});

package/dist/esm/preset/index.js

@@ -41,9 +41,7 @@ export async function viteFinal(config, options) {
     }
   }
 
-  const {
-    default: svelteCsfPlugin
-  } = await import('../plugins/vite-svelte-csf');
+  const svelteCsfPlugin = (await import('../plugins/vite-svelte-csf.js')).default.default;
   plugins.push(svelteCsfPlugin(svelteConfig));
   return { ...config,
     plugins

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-svelte-csf",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.3",
   "description": "Allows to write stories in Svelte syntax",
   "keywords": [
     "storybook-addons",