@storybook/addon-svelte-csf 4.0.1 → 4.0.3

package/dist/parser/extract-stories.d.ts

@@ -1,5 +1,4 @@
 interface StoryDef {
-    storyId: string;
     name: string;
     template: boolean;
     source: string;

package/dist/parser/extract-stories.js

@@ -1,5 +1,4 @@
 import * as svelte from 'svelte/compiler';
-import { storyNameFromExport, toId } from '@storybook/csf';
 import dedent from 'dedent';
 import { extractId } from './extract-id.js';
 function getStaticAttribute(name, node) {
@@ -85,7 +84,6 @@ export function extractStories(component) {
                         source = dedent `${component.substr(start, end - start)}`;
                     }
                     stories[isTemplate ? `tpl:${id}` : id] = {
-                        storyId: toId(meta.id || meta.title || id, storyNameFromExport(id)),
                         name,
                         template: isTemplate,
                         source,

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

@@ -22,7 +22,6 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "MyStory",
             "source": "<div>a story</div>",
-            "storyId": "mystory--my-story",
             "template": false,
           },
         },
@@ -50,7 +49,6 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "MyStory",
             "source": "<div>a story</div>",
-            "storyId": "myid--my-id",
             "template": false,
           },
         },
@@ -78,7 +76,6 @@ describe('extractSource', () => {
             "hasArgs": true,
             "name": "MyStory",
             "source": "<div>a story</div>",
-            "storyId": "mystory--my-story",
             "template": false,
           },
         },
@@ -106,7 +103,6 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "MyTemplate",
             "source": "<div>a template</div>",
-            "storyId": "mytemplate--my-template",
             "template": true,
           },
         },
@@ -134,7 +130,6 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "default",
             "source": "<div>a template</div>",
-            "storyId": "default--default",
             "template": true,
           },
         },
@@ -165,14 +160,12 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "Story1",
             "source": "<div>story 1</div>",
-            "storyId": "story1--story-1",
             "template": false,
           },
           "Story2": {
             "hasArgs": false,
             "name": "Story2",
             "source": "<div>story 2</div>",
-            "storyId": "story2--story-2",
             "template": false,
           },
         },
@@ -206,7 +199,6 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "Story1",
             "source": "<div>story 1</div>",
-            "storyId": "test--story-1",
             "template": false,
           },
         },
@@ -236,7 +228,6 @@ describe('extractSource', () => {
             "hasArgs": false,
             "name": "Button",
             "source": "<div>a story</div>",
-            "storyId": "button77471352--button-77471352",
             "template": false,
           },
         },

package/dist/preset/indexer.d.ts

@@ -3,6 +3,7 @@ export declare function svelteIndexer(fileName: any, { makeTitle }: {
 }): Promise<{
     meta: {
         title: any;
+        id?: string | undefined;
     };
     stories: {
         id: string;

package/dist/preset/indexer.js

@@ -2,6 +2,7 @@ import * as svelte from 'svelte/compiler';
 import { extractStories } from '../parser/extract-stories.js';
 import fs from 'fs-extra';
 import { loadSvelteConfig } from '../config-loader.js';
+import { storyNameFromExport, toId } from '@storybook/csf';
 export async function svelteIndexer(fileName, { makeTitle }) {
     let code = (await fs.readFile(fileName, 'utf-8')).toString();
     const svelteOptions = await loadSvelteConfig();
@@ -9,12 +10,13 @@ export async function svelteIndexer(fileName, { makeTitle }) {
         code = (await svelte.preprocess(code, svelteOptions.preprocess, { filename: fileName })).code;
     }
     const defs = extractStories(code);
+    const meta = { ...defs.meta, title: makeTitle(defs.meta.title) };
     return {
-        meta: { title: makeTitle(defs.meta.title) },
+        meta,
         stories: Object.entries(defs.stories)
             .filter(([id, story]) => !story.template)
             .map(([id, story]) => ({
-            id: story.storyId,
+            id: toId(meta.id || meta.title || id, storyNameFromExport(id)),
             name: story.name,
         })),
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-svelte-csf",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "Allows to write stories in Svelte syntax",
   "keywords": [
     "storybook-addons",