@storybook/addon-svelte-csf 4.0.0 → 4.0.2

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/svelte-stories-loader.js

@@ -1,9 +1,8 @@
-import dedent from 'dedent';
 import { extractStories } from './extract-stories.js';
 import { fileURLToPath } from 'url';
 import { readFileSync } from 'fs';
 const parser = fileURLToPath(new URL('./collect-stories.js', import.meta.url))
-    .replace(/\\/g, "\\\\"); // For Windows paths;
+    .replace(/\\/g, '/'); // For Windows paths;
 // 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
 export function getNameFromFilename(filename) {
@@ -44,9 +43,7 @@ function transformSvelteStories(code) {
         .map(([id]) => `export const ${id} = __storiesMetaData.stories[${JSON.stringify(id)}]`)
         .join('\n');
     const codeWithoutDefaultExport = code.replace('export default ', '//export default');
-    // throws dedent expression is not callable.
-    // @ts-ignore
-    return dedent `${codeWithoutDefaultExport}
+    return `${codeWithoutDefaultExport}
     const { default: parser } = require('${parser}');
     const __storiesMetaData = parser(${componentName}, ${JSON.stringify(storiesDef)});
     export default __storiesMetaData.meta;

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.0",
+  "version": "4.0.2",
   "description": "Allows to write stories in Svelte syntax",
   "keywords": [
     "storybook-addons",