@storybook/addon-svelte-csf 2.0.9 → 2.0.10

package/.babelrc.js

@@ -1,8 +1,5 @@
 module.exports = {
   presets: ['@babel/preset-env', '@babel/preset-typescript'],
-  plugins: [
-    "@babel/plugin-transform-runtime"
-  ],
   env: {
     esm: {
       presets: [

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.0.10 (Thu Oct 27 2022)
+
+#### 🐛 Bug Fix
+
+- Revert "Implement a Svelte StoryIndexer" #76 [#76](https://github.com/storybookjs/addon-svelte-csf/pull/76) ([@JReinhold](https://github.com/JReinhold))
+
+#### Authors: 1
+
+- Jeppe Reinhold ([@JReinhold](https://github.com/JReinhold))
+
+---
+
 # v2.0.9 (Thu Oct 27 2022)
 
 #### 🐛 Bug Fix

package/dist/cjs/components/context.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,13 +7,13 @@ exports.createRegistrationContext = createRegistrationContext;
 exports.createRenderContext = createRenderContext;
 exports.useContext = useContext;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _svelte = require("svelte");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var CONTEXT_KEY = "storybook-registration-context";
 

package/dist/cjs/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -31,6 +29,8 @@ var _Story = _interopRequireDefault(require("./components/Story.svelte"));
 
 var _Template = _interopRequireDefault(require("./components/Template.svelte"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (module && module.hot && module.hot.decline) {
   module.hot.decline();
 } // make it work with --isolatedModules

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

@@ -1,16 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _clientLogger = require("@storybook/client-logger");
 
 var _clientApi = require("@storybook/client-api");
@@ -23,6 +17,24 @@ var _RenderContext = _interopRequireDefault(require("../components/RenderContext
 
 var _excluded = ["id", "name", "template", "component", "source"];
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 /* Called from a webpack loader and a jest transformation.
  *
  * It mounts a Stories component in a context which disables
@@ -96,7 +108,8 @@ var _default = function _default(StoriesComponent, _ref) {
           component = story.component,
           _story$source = story.source,
           source = _story$source === void 0 ? false : _story$source,
-          props = (0, _objectWithoutProperties2["default"])(story, _excluded);
+          props = _objectWithoutProperties(story, _excluded);
+
       var storyId = (0, _extractId.extractId)(story, allocatedIds);
 
       if (!storyId) {
@@ -125,7 +138,7 @@ var _default = function _default(StoriesComponent, _ref) {
 
       storyFn.storyName = name;
       Object.entries(props).forEach(function (_ref2) {
-        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+        var _ref3 = _slicedToArray(_ref2, 2),
             k = _ref3[0],
             v = _ref3[1];
 

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

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _collectStories = _interopRequireDefault(require("./collect-stories"));
 
 var _TestStories = _interopRequireDefault(require("../components/__tests__/TestStories.svelte"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 describe('parse-stories', function () {
   test('Extract Stories', function () {
     var data = (0, _collectStories["default"])(_TestStories["default"], {

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

@@ -25,10 +25,6 @@ function extractId(_ref) {
     return id;
   }
 
-  if (!name) {
-    throw new Error("Id or Name should be specified");
-  }
-
   var generated = name.replace(/\W+(.|$)/g, function (_, chr) {
     return chr.toUpperCase();
   });

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

@@ -1,8 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,12 +13,12 @@ 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 _getRequireWildcardCache(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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function getStaticAttribute(name, node) {
   // extract the attribute
   var attribute = node.attributes.find(function (att) {
@@ -28,7 +26,7 @@ function getStaticAttribute(name, node) {
   });
 
   if (!attribute) {
-    return undefined;
+    return null;
   }
 
   var value = attribute.value; // expect the attribute to be static, ie only one Text node
@@ -54,43 +52,37 @@ function extractStories(component) {
   var allocatedIds = ['default'];
   var localNames = {
     Story: 'Story',
-    Template: 'Template',
-    Meta: 'Meta'
+    Template: 'Template'
   };
-
-  if (ast.instance) {
-    svelte.walk(ast.instance, {
-      enter: function enter(node) {
-        if (node.type === 'ImportDeclaration') {
-          if (node.source.value === '@storybook/addon-svelte-csf') {
-            node.specifiers.filter(function (n) {
-              return n.type === 'ImportSpecifier';
-            }).forEach(function (n) {
-              localNames[n.imported.name] = n.local.name;
-            });
-          }
-
-          this.skip();
-        }
-      }
-    }); // extracts allocated Ids
-
-    svelte.walk(ast.instance, {
-      enter: function enter(node) {
-        if (node.type === 'ImportDeclaration') {
-          node.specifiers.map(function (n) {
-            return n.local.name;
-          }).forEach(function (name) {
-            return allocatedIds.push(name);
+  svelte.walk(ast.instance, {
+    enter: function enter(node) {
+      if (node.type === 'ImportDeclaration') {
+        if (node.source.value === '@storybook/addon-svelte-csf') {
+          node.specifiers.filter(function (n) {
+            return n.type === 'ImportSpecifier';
+          }).forEach(function (n) {
+            localNames[n.imported.name] = n.local.name;
           });
-          this.skip();
         }
+
+        this.skip();
       }
-    });
-  }
+    }
+  }); // extracts allocated Ids
 
+  svelte.walk(ast.instance, {
+    enter: function enter(node) {
+      if (node.type === 'ImportDeclaration') {
+        node.specifiers.map(function (n) {
+          return n.local.name;
+        }).forEach(function (name) {
+          return allocatedIds.push(name);
+        });
+        this.skip();
+      }
+    }
+  });
   var stories = {};
-  var meta = {};
   svelte.walk(ast.html, {
     enter: function enter(node) {
       if (node.type === 'InlineComponent' && (node.name === localNames.Story || node.name === localNames.Template)) {
@@ -119,7 +111,6 @@ function extractStories(component) {
           }
 
           stories[isTemplate ? "tpl:".concat(id) : id] = {
-            storyId: (0, _csf.toId)(meta.id || meta.title || id, (0, _csf.storyNameFromExport)(id)),
             name: name,
             template: isTemplate,
             source: source,
@@ -128,15 +119,10 @@ function extractStories(component) {
             }) != null
           };
         }
-      } else if (node.type === 'InlineComponent' && node.name === localNames.Meta) {
-        this.skip();
-        meta.title = getStaticAttribute("title", node);
-        meta.id = getStaticAttribute("id", node);
       }
     }
   });
   return {
-    meta: meta,
     stories: stories,
     allocatedIds: allocatedIds
   };

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

@@ -4,27 +4,27 @@ var _extractStories = require("./extract-stories");
 
 describe('extractSource', function () {
   test('Simple Story', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"mystory--my-story\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Explicit Id Story', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story id=\"myId\" name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"myId\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"myid--my-id\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story id=\"myId\" name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"stories\": Object {\n          \"myId\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Args Story', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\" let:args>\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": true,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"mystory--my-story\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\" let:args>\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": true,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Simple Template', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template name=\"MyTemplate\">\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"tpl:MyTemplate\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyTemplate\",\n            \"source\": \"<div>a template</div>\",\n            \"storyId\": \"mytemplate--my-template\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template name=\"MyTemplate\">\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"stories\": Object {\n          \"tpl:MyTemplate\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyTemplate\",\n            \"source\": \"<div>a template</div>\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
   });
   test('Unnamed Template', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template>\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"tpl:default\": Object {\n            \"hasArgs\": false,\n            \"name\": \"default\",\n            \"source\": \"<div>a template</div>\",\n            \"storyId\": \"default--default\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template>\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"stories\": Object {\n          \"tpl:default\": Object {\n            \"hasArgs\": false,\n            \"name\": \"default\",\n            \"source\": \"<div>a template</div>\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
   });
   test('Multiple Stories', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"Story1\">\n          <div>story 1</div>\n        </Story>\n        <Story name=\"Story2\">\n          <div>story 2</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"storyId\": \"story1--story-1\",\n            \"template\": false,\n          },\n          \"Story2\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story2\",\n            \"source\": \"<div>story 2</div>\",\n            \"storyId\": \"story2--story-2\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"Story1\">\n          <div>story 1</div>\n        </Story>\n        <Story name=\"Story2\">\n          <div>story 2</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"template\": false,\n          },\n          \"Story2\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story2\",\n            \"source\": \"<div>story 2</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Renamed Import', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story as SBStory, Meta as SBMeta } from '@storybook/addon-svelte-csf';\n        </script>\n\n        <SBMeta title='test'/>\n\n        <SBStory name=\"Story1\">\n          <div>story 1</div>\n        </SBStory>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"SBStory\",\n          \"SBMeta\",\n        ],\n        \"meta\": Object {\n          \"id\": undefined,\n          \"title\": \"test\",\n        },\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"storyId\": \"test--story-1\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story as SBStory, Meta as SBMeta } from '@storybook/addon-svelte-csf';\n        </script>\n\n        <SBMeta title='test'/>\n\n        <SBStory name=\"Story1\">\n          <div>story 1</div>\n        </SBStory>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"SBStory\",\n          \"SBMeta\",\n        ],\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Duplicate Id', function () {
-    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n          import Button from './Button.svelte';\n        </script>\n\n        <Story name=\"Button\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n          \"Button\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"Button77471352\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Button\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"button77471352--button-77471352\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect((0, _extractStories.extractStories)("\n        <script>\n          import { Story } from '@storybook/svelte';\n          import Button from './Button.svelte';\n        </script>\n\n        <Story name=\"Button\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n          \"Button\",\n        ],\n        \"stories\": Object {\n          \"Button77471352\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Button\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
 });

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

@@ -1,17 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 exports.getNameFromFilename = getNameFromFilename;
 
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 
 var _fs = require("fs");
@@ -20,6 +14,22 @@ var _extractStories = require("./extract-stories");
 
 var _templateObject;
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var 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
 
@@ -54,18 +64,18 @@ function transformSvelteStories(code) {
   var storiesDef = (0, _extractStories.extractStories)(source);
   var stories = storiesDef.stories;
   var storyDef = Object.entries(stories).filter(function (_ref) {
-    var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+    var _ref2 = _slicedToArray(_ref, 2),
         def = _ref2[1];
 
     return !def.template;
   }).map(function (_ref3) {
-    var _ref4 = (0, _slicedToArray2["default"])(_ref3, 1),
+    var _ref4 = _slicedToArray(_ref3, 1),
         id = _ref4[0];
 
     return "export const ".concat(id, " = __storiesMetaData.stories[").concat(JSON.stringify(id), "]");
   }).join('\n');
   var codeWithoutDefaultExport = code.replace('export default ', '//export default');
-  return (0, _tsDedent["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["", "\n    const { default: parser } = require('", "');\n    const __storiesMetaData = parser(", ", ", ");\n    export default __storiesMetaData.meta;\n    ", ";\n  "])), codeWithoutDefaultExport, parser, componentName, JSON.stringify(storiesDef), storyDef);
+  return (0, _tsDedent["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["", "\n    const { default: parser } = require('", "');\n    const __storiesMetaData = parser(", ", ", ");\n    export default __storiesMetaData.meta;\n    ", ";\n  "])), codeWithoutDefaultExport, parser, componentName, JSON.stringify(storiesDef), storyDef);
 }
 
 var _default = transformSvelteStories;

package/dist/cjs/preset/index.js

@@ -1,37 +1,38 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.managerEntries = managerEntries;
-exports.storyIndexers = void 0;
 exports.webpack = webpack;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-var _indexer = require("./indexer.js");
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 function managerEntries() {
   var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return [].concat((0, _toConsumableArray2["default"])(entry), [require.resolve('./manager')]);
+  return [].concat(_toConsumableArray(entry), [require.resolve('./manager')]);
 }
 
 function webpack(config) {
   return _objectSpread(_objectSpread({}, config), {}, {
     module: _objectSpread(_objectSpread({}, config.module), {}, {
-      rules: [].concat((0, _toConsumableArray2["default"])(config.module.rules), [{
+      rules: [].concat(_toConsumableArray(config.module.rules), [{
         test: /\.stories\.svelte$/,
         enforce: 'post',
         use: [{
@@ -40,30 +41,4 @@ function webpack(config) {
       }])
     })
   });
-}
-
-var storyIndexers = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(indexers) {
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", [{
-              test: /\.stories\.svelte$/,
-              indexer: _indexer.svelteIndexer
-            }].concat((0, _toConsumableArray2["default"])(indexers || [])));
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function storyIndexers(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-exports.storyIndexers = storyIndexers;
+}

package/dist/esm/components/context.js

@@ -1,9 +1,9 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 import { getContext, hasContext, setContext } from "svelte";
 var CONTEXT_KEY = "storybook-registration-context";
 export function createRenderContext() {

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

@@ -1,7 +1,21 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["id", "name", "template", "component", "source"];
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 /* eslint-env browser */
 import { logger } from '@storybook/client-logger';
 import { combineParameters } from '@storybook/client-api';

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

@@ -18,10 +18,6 @@ export function extractId(_ref) {
     return id;
   }
 
-  if (!name) {
-    throw new Error("Id or Name should be specified");
-  }
-
   var generated = name.replace(/\W+(.|$)/g, function (_, chr) {
     return chr.toUpperCase();
   });

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

@@ -1,7 +1,6 @@
 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
@@ -10,7 +9,7 @@ function getStaticAttribute(name, node) {
   });
 
   if (!attribute) {
-    return undefined;
+    return null;
   }
 
   var value = attribute.value; // expect the attribute to be static, ie only one Text node
@@ -36,43 +35,37 @@ export function extractStories(component) {
   var allocatedIds = ['default'];
   var localNames = {
     Story: 'Story',
-    Template: 'Template',
-    Meta: 'Meta'
+    Template: 'Template'
   };
-
-  if (ast.instance) {
-    svelte.walk(ast.instance, {
-      enter: function enter(node) {
-        if (node.type === 'ImportDeclaration') {
-          if (node.source.value === '@storybook/addon-svelte-csf') {
-            node.specifiers.filter(function (n) {
-              return n.type === 'ImportSpecifier';
-            }).forEach(function (n) {
-              localNames[n.imported.name] = n.local.name;
-            });
-          }
-
-          this.skip();
-        }
-      }
-    }); // extracts allocated Ids
-
-    svelte.walk(ast.instance, {
-      enter: function enter(node) {
-        if (node.type === 'ImportDeclaration') {
-          node.specifiers.map(function (n) {
-            return n.local.name;
-          }).forEach(function (name) {
-            return allocatedIds.push(name);
+  svelte.walk(ast.instance, {
+    enter: function enter(node) {
+      if (node.type === 'ImportDeclaration') {
+        if (node.source.value === '@storybook/addon-svelte-csf') {
+          node.specifiers.filter(function (n) {
+            return n.type === 'ImportSpecifier';
+          }).forEach(function (n) {
+            localNames[n.imported.name] = n.local.name;
           });
-          this.skip();
         }
+
+        this.skip();
       }
-    });
-  }
+    }
+  }); // extracts allocated Ids
 
+  svelte.walk(ast.instance, {
+    enter: function enter(node) {
+      if (node.type === 'ImportDeclaration') {
+        node.specifiers.map(function (n) {
+          return n.local.name;
+        }).forEach(function (name) {
+          return allocatedIds.push(name);
+        });
+        this.skip();
+      }
+    }
+  });
   var stories = {};
-  var meta = {};
   svelte.walk(ast.html, {
     enter: function enter(node) {
       if (node.type === 'InlineComponent' && (node.name === localNames.Story || node.name === localNames.Template)) {
@@ -101,7 +94,6 @@ export function extractStories(component) {
           }
 
           stories[isTemplate ? "tpl:".concat(id) : id] = {
-            storyId: toId(meta.id || meta.title || id, storyNameFromExport(id)),
             name: name,
             template: isTemplate,
             source: source,
@@ -110,15 +102,10 @@ export function extractStories(component) {
             }) != null
           };
         }
-      } else if (node.type === 'InlineComponent' && node.name === localNames.Meta) {
-        this.skip();
-        meta.title = getStaticAttribute("title", node);
-        meta.id = getStaticAttribute("id", node);
       }
     }
   });
   return {
-    meta: meta,
     stories: stories,
     allocatedIds: allocatedIds
   };

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

@@ -1,27 +1,27 @@
 import { extractStories } from './extract-stories';
 describe('extractSource', function () {
   test('Simple Story', function () {
-    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"mystory--my-story\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Explicit Id Story', function () {
-    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story id=\"myId\" name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"myId\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"myid--my-id\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story id=\"myId\" name=\"MyStory\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"stories\": Object {\n          \"myId\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Args Story', function () {
-    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\" let:args>\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": true,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"mystory--my-story\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"MyStory\" let:args>\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n        ],\n        \"stories\": Object {\n          \"MyStory\": Object {\n            \"hasArgs\": true,\n            \"name\": \"MyStory\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Simple Template', function () {
-    expect(extractStories("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template name=\"MyTemplate\">\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"tpl:MyTemplate\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyTemplate\",\n            \"source\": \"<div>a template</div>\",\n            \"storyId\": \"mytemplate--my-template\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template name=\"MyTemplate\">\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"stories\": Object {\n          \"tpl:MyTemplate\": Object {\n            \"hasArgs\": false,\n            \"name\": \"MyTemplate\",\n            \"source\": \"<div>a template</div>\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
   });
   test('Unnamed Template', function () {
-    expect(extractStories("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template>\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"tpl:default\": Object {\n            \"hasArgs\": false,\n            \"name\": \"default\",\n            \"source\": \"<div>a template</div>\",\n            \"storyId\": \"default--default\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Template>\n          <div>a template</div>\n        </Template>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"stories\": Object {\n          \"tpl:default\": Object {\n            \"hasArgs\": false,\n            \"name\": \"default\",\n            \"source\": \"<div>a template</div>\",\n            \"template\": true,\n          },\n        },\n      }\n    ");
   });
   test('Multiple Stories', function () {
-    expect(extractStories("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"Story1\">\n          <div>story 1</div>\n        </Story>\n        <Story name=\"Story2\">\n          <div>story 2</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"storyId\": \"story1--story-1\",\n            \"template\": false,\n          },\n          \"Story2\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story2\",\n            \"source\": \"<div>story 2</div>\",\n            \"storyId\": \"story2--story-2\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Template } from '@storybook/svelte';\n        </script>\n\n        <Story name=\"Story1\">\n          <div>story 1</div>\n        </Story>\n        <Story name=\"Story2\">\n          <div>story 2</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Template\",\n        ],\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"template\": false,\n          },\n          \"Story2\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story2\",\n            \"source\": \"<div>story 2</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Renamed Import', function () {
-    expect(extractStories("\n        <script>\n          import { Story as SBStory, Meta as SBMeta } from '@storybook/addon-svelte-csf';\n        </script>\n\n        <SBMeta title='test'/>\n\n        <SBStory name=\"Story1\">\n          <div>story 1</div>\n        </SBStory>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"SBStory\",\n          \"SBMeta\",\n        ],\n        \"meta\": Object {\n          \"id\": undefined,\n          \"title\": \"test\",\n        },\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"storyId\": \"test--story-1\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Story as SBStory, Meta as SBMeta } from '@storybook/addon-svelte-csf';\n        </script>\n\n        <SBMeta title='test'/>\n\n        <SBStory name=\"Story1\">\n          <div>story 1</div>\n        </SBStory>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"SBStory\",\n          \"SBMeta\",\n        ],\n        \"stories\": Object {\n          \"Story1\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Story1\",\n            \"source\": \"<div>story 1</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
   test('Duplicate Id', function () {
-    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n          import Button from './Button.svelte';\n        </script>\n\n        <Story name=\"Button\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n          \"Button\",\n        ],\n        \"meta\": Object {},\n        \"stories\": Object {\n          \"Button77471352\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Button\",\n            \"source\": \"<div>a story</div>\",\n            \"storyId\": \"button77471352--button-77471352\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
+    expect(extractStories("\n        <script>\n          import { Story } from '@storybook/svelte';\n          import Button from './Button.svelte';\n        </script>\n\n        <Story name=\"Button\">\n          <div>a story</div>\n        </Story>\n        ")).toMatchInlineSnapshot("\n      Object {\n        \"allocatedIds\": Array [\n          \"default\",\n          \"Story\",\n          \"Button\",\n        ],\n        \"stories\": Object {\n          \"Button77471352\": Object {\n            \"hasArgs\": false,\n            \"name\": \"Button\",\n            \"source\": \"<div>a story</div>\",\n            \"template\": false,\n          },\n        },\n      }\n    ");
   });
 });

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

@@ -1,8 +1,19 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 var _templateObject;
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import dedent from 'ts-dedent';
 import { readFileSync } from 'fs';
 import { extractStories } from './extract-stories';

package/dist/esm/preset/index.js

@@ -1,13 +1,21 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { svelteIndexer } from "./indexer.js";
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 export function managerEntries() {
   var entry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return [].concat(_toConsumableArray(entry), [require.resolve('./manager')]);
@@ -24,27 +32,4 @@ export function webpack(config) {
       }])
     })
   });
-}
-export var storyIndexers = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(indexers) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", [{
-              test: /\.stories\.svelte$/,
-              indexer: svelteIndexer
-            }].concat(_toConsumableArray(indexers || [])));
-
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function storyIndexers(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-svelte-csf",
-  "version": "2.0.9",
+  "version": "2.0.10",
   "description": "Allows to write stories in Svelte syntax",
   "keywords": [
     "storybook-addons",
@@ -28,14 +28,13 @@
     "prepublish": "yarn clean && yarn build",
     "test": "jest",
     "lint": "eslint --cache --cache-location=.cache/eslint --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
-    "storybook": "sb dev -p 6006",
+    "storybook": "start-storybook -p 6006",
     "start": "concurrently \"yarn storybook -- --no-manager-cache --quiet\" \"yarn build -- --watch\"",
-    "build-storybook": "sb build",
+    "build-storybook": "build-storybook",
     "release": "yarn build && auto shipit"
   },
   "dependencies": {
-    "ts-dedent": "^2.0.0",
-    "@babel/runtime": "^7.17.5"
+    "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
     "@auto-it/released": "^10.32.6",
@@ -44,18 +43,13 @@
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.17.5",
-    "@storybook/addon-essentials": "^7.0.0-alpha.29",
-    "@storybook/addon-interactions": "^7.0.0-alpha.29",
+    "@storybook/addon-essentials": "^6.4.20",
+    "@storybook/addon-interactions": "^6.4.20",
     "@storybook/jest": "^0.0.10",
     "@storybook/testing-library": "^0.0.9",
-    "@storybook/addon-storyshots": "^7.0.0-alpha.29",
+    "@storybook/addon-storyshots": "^6.4.20",
     "@storybook/eslint-config-storybook": "^3.1.2",
-    "@storybook/svelte": "^7.0.0-alpha.29",
-    "@storybook/core-server": "^7.0.0-alpha.29",
-    "@storybook/core-client": "^7.0.0-alpha.29",
-    "@storybook/svelte-webpack5": "7.0.0-alpha.29",
-    "sb": "7.0.0-alpha.29",
+    "@storybook/svelte": "^6.4.20",
     "auto": "^10.3.0",
     "babel-jest": "^29.1.0",
     "babel-loader": "^8.1.0",
@@ -68,15 +62,14 @@
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "rimraf": "^3.0.2",
-    "svelte": "^3.50.0",
+    "svelte": "^3.46.6",
     "svelte-jester": "^2.3.2",
     "svelte-loader": "^3.1.2",
     "typescript": "^3.9.7"
   },
   "peerDependencies": {
     "@storybook/svelte": ">=6.4.20",
-    "@storybook/theming": ">=6.4.20",
-    "svelte": "^3.50.0",
+    "svelte": "^3.46.6",
     "svelte-loader": "^3.1.2"
   },
   "peerDependenciesMeta": {

package/dist/cjs/preset/indexer.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.svelteIndexer = svelteIndexer;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _extractStories = require("../parser/extract-stories");
-
-var _fsExtra = _interopRequireDefault(require("fs-extra"));
-
-function svelteIndexer(_x, _x2) {
-  return _svelteIndexer.apply(this, arguments);
-}
-
-function _svelteIndexer() {
-  _svelteIndexer = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(fileName, _ref) {
-    var makeTitle, code, defs;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            makeTitle = _ref.makeTitle;
-            _context.next = 3;
-            return _fsExtra["default"].readFile(fileName, 'utf-8');
-
-          case 3:
-            code = _context.sent.toString();
-            defs = (0, _extractStories.extractStories)(code);
-            return _context.abrupt("return", {
-              meta: {
-                title: makeTitle(defs.meta.title)
-              },
-              stories: Object.entries(defs.stories).filter(function (_ref2) {
-                var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-                    id = _ref3[0],
-                    story = _ref3[1];
-
-                return !story.template;
-              }).map(function (_ref4) {
-                var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
-                    id = _ref5[0],
-                    story = _ref5[1];
-
-                return {
-                  id: story.storyId,
-                  name: story.name
-                };
-              })
-            });
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _svelteIndexer.apply(this, arguments);
-}

package/dist/esm/preset/indexer.js

@@ -1,54 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { extractStories } from '../parser/extract-stories';
-import fs from 'fs-extra';
-export function svelteIndexer(_x, _x2) {
-  return _svelteIndexer.apply(this, arguments);
-}
-
-function _svelteIndexer() {
-  _svelteIndexer = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fileName, _ref) {
-    var makeTitle, code, defs;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            makeTitle = _ref.makeTitle;
-            _context.next = 3;
-            return fs.readFile(fileName, 'utf-8');
-
-          case 3:
-            code = _context.sent.toString();
-            defs = extractStories(code);
-            return _context.abrupt("return", {
-              meta: {
-                title: makeTitle(defs.meta.title)
-              },
-              stories: Object.entries(defs.stories).filter(function (_ref2) {
-                var _ref3 = _slicedToArray(_ref2, 2),
-                    id = _ref3[0],
-                    story = _ref3[1];
-
-                return !story.template;
-              }).map(function (_ref4) {
-                var _ref5 = _slicedToArray(_ref4, 2),
-                    id = _ref5[0],
-                    story = _ref5[1];
-
-                return {
-                  id: story.storyId,
-                  name: story.name
-                };
-              })
-            });
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _svelteIndexer.apply(this, arguments);
-}