@storybook/sveltekit 8.3.0-alpha.7 → 8.3.0-alpha.8

package/dist/chunk-CEH6MNVV.mjs

@@ -0,0 +1,3 @@
+var __defProp=Object.defineProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0});};
+
+export { __export };

package/dist/chunk-RHFL6QS6.mjs

@@ -0,0 +1,7 @@
+import { __export } from './chunk-CEH6MNVV.mjs';
+import { action } from '@storybook/addon-actions';
+import { onMount, setContext, getContext } from 'svelte';
+
+var preview_exports={};__export(preview_exports,{decorators:()=>decorators});function setAfterNavigateArgument(afterNavigateArgs){setContext("after-navigate-args",afterNavigateArgs);}function createMockedStore(contextName){return [{subscribe(runner){let page2=getContext(contextName);return runner(page2),()=>{}}},value=>{setContext(contextName,value);}]}var[page,setPage]=createMockedStore("page-ctx"),[navigating,setNavigating]=createMockedStore("navigating-ctx"),[updated,setUpdated]=createMockedStore("updated-ctx");updated.check=()=>{};var normalizeHrefConfig=hrefConfig=>typeof hrefConfig=="function"?{callback:hrefConfig,asRegex:!1}:hrefConfig,decorators=[(Story,ctx)=>{let svelteKitParameters=ctx.parameters?.sveltekit_experimental??{};return setPage(svelteKitParameters?.stores?.page),setNavigating(svelteKitParameters?.stores?.navigating),setUpdated(svelteKitParameters?.stores?.updated),setAfterNavigateArgument(svelteKitParameters?.navigation?.afterNavigate),onMount(()=>{let globalClickListener=e=>{let element=e.composedPath().findLast(el=>el instanceof HTMLElement&&el.tagName==="A");if(element&&element instanceof HTMLAnchorElement){let to=element.getAttribute("href");if(!to)return;e.preventDefault();let defaultActionCallback=()=>action("navigate")(to,e);if(!svelteKitParameters.hrefs){defaultActionCallback();return}let callDefaultCallback=!0;Object.entries(svelteKitParameters.hrefs).forEach(([href,hrefConfig])=>{let{callback,asRegex}=normalizeHrefConfig(hrefConfig);(asRegex?new RegExp(href).test(to):to===href)&&(callDefaultCallback=!1,callback?.(to,e));}),callDefaultCallback&&defaultActionCallback();}};function createListeners(baseModule,functions,defaultToAction){let toRemove=[];return functions.forEach(func=>{let hasFunction=svelteKitParameters[baseModule]?.[func]&&svelteKitParameters[baseModule][func]instanceof Function;if(hasFunction||defaultToAction){let listener=({detail=[]})=>{let args=Array.isArray(detail)?detail:[];(hasFunction?svelteKitParameters[baseModule][func]:action(func))(...args);},eventType=`storybook:${func}`;toRemove.push({eventType,listener}),window.addEventListener(eventType,listener);}}),()=>{toRemove.forEach(({eventType,listener})=>{window.removeEventListener(eventType,listener);});}}let removeNavigationListeners=createListeners("navigation",["goto","invalidate","invalidateAll","pushState","replaceState"],!0),removeFormsListeners=createListeners("forms",["enhance"]);return window.addEventListener("click",globalClickListener),()=>{window.removeEventListener("click",globalClickListener),removeNavigationListeners(),removeFormsListeners();}}),Story()}];
+
+export { decorators, preview_exports };

package/dist/index.d.ts

@@ -1,53 +1,27 @@
-import { StorybookConfig as StorybookConfig$1, CompatibleString } from 'storybook/internal/types';
-import { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+export { F as FrameworkOptions, H as HrefConfig, N as NormalizedHrefConfig, S as StorybookConfig, a as SvelteKitParameters } from './types-3f08d935.js';
+import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
+import { SvelteRenderer } from '@storybook/svelte';
+import '@storybook/builder-vite';
 
-declare function enhance(form: HTMLFormElement): {
-    destroy(): void;
-};
+/**
+ * Function that sets the globalConfig of your storybook. The global config is the preview module of
+ * your .storybook folder.
+ *
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your
+ * stories when using `composeStories` or `composeStory`.
+ *
+ * Example:
+ *
+ * ```jsx
+ * // setup-file.js
+ * import { setProjectAnnotations } from '@storybook/sveltekit';
+ * import projectAnnotations from './.storybook/preview';
+ *
+ * setProjectAnnotations(projectAnnotations);
+ * ```
+ *
+ * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
+ */
+declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<SvelteRenderer>;
 
-declare function goto(...args: any[]): Promise<void>;
-declare function invalidate(...args: any[]): Promise<void>;
-declare function invalidateAll(): Promise<void>;
-
-type FrameworkName = CompatibleString<'@storybook/sveltekit'>;
-type BuilderName = CompatibleString<'@storybook/builder-vite'>;
-type FrameworkOptions = {
-    builder?: BuilderOptions;
-};
-type StorybookConfigFramework = {
-    framework: FrameworkName | {
-        name: FrameworkName;
-        options: FrameworkOptions;
-    };
-    core?: StorybookConfig$1['core'] & {
-        builder?: BuilderName | {
-            name: BuilderName;
-            options: BuilderOptions;
-        };
-    };
-};
-type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigVite | keyof StorybookConfigFramework> & StorybookConfigVite & StorybookConfigFramework;
-type NormalizedHrefConfig = {
-    callback: (to: string, event: Event) => void;
-    asRegex?: boolean;
-};
-type HrefConfig = NormalizedHrefConfig | NormalizedHrefConfig['callback'];
-type SvelteKitParameters = Partial<{
-    hrefs: Record<string, HrefConfig>;
-    stores: {
-        page: Record<string, any>;
-        navigating: Record<string, any>;
-        updated: boolean;
-    };
-    navigation: {
-        goto: typeof goto;
-        invalidate: typeof invalidate;
-        invalidateAll: typeof invalidateAll;
-        afterNavigate: Record<string, any>;
-    };
-    forms: {
-        enhance: typeof enhance;
-    };
-}>;
-
-export { FrameworkOptions, HrefConfig, NormalizedHrefConfig, StorybookConfig, SvelteKitParameters };
+export { setProjectAnnotations };

package/dist/index.js

@@ -1 +1 @@
-"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};module.exports=__toCommonJS(src_exports);
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(src_exports);var import_preview_api=require("storybook/internal/preview-api"),import_svelte4=require("@storybook/svelte");var preview_exports={};__export(preview_exports,{decorators:()=>decorators});var import_addon_actions=require("@storybook/addon-actions"),import_svelte3=require("svelte");var import_svelte=require("svelte");function setAfterNavigateArgument(afterNavigateArgs){(0,import_svelte.setContext)("after-navigate-args",afterNavigateArgs)}var import_svelte2=require("svelte");function createMockedStore(contextName){return[{subscribe(runner){let page2=(0,import_svelte2.getContext)(contextName);return runner(page2),()=>{}}},value=>{(0,import_svelte2.setContext)(contextName,value)}]}var[page,setPage]=createMockedStore("page-ctx"),[navigating,setNavigating]=createMockedStore("navigating-ctx"),[updated,setUpdated]=createMockedStore("updated-ctx");updated.check=()=>{};var normalizeHrefConfig=hrefConfig=>typeof hrefConfig=="function"?{callback:hrefConfig,asRegex:!1}:hrefConfig,decorators=[(Story,ctx)=>{let svelteKitParameters=ctx.parameters?.sveltekit_experimental??{};return setPage(svelteKitParameters?.stores?.page),setNavigating(svelteKitParameters?.stores?.navigating),setUpdated(svelteKitParameters?.stores?.updated),setAfterNavigateArgument(svelteKitParameters?.navigation?.afterNavigate),(0,import_svelte3.onMount)(()=>{let globalClickListener=e=>{let element=e.composedPath().findLast(el=>el instanceof HTMLElement&&el.tagName==="A");if(element&&element instanceof HTMLAnchorElement){let to=element.getAttribute("href");if(!to)return;e.preventDefault();let defaultActionCallback=()=>(0,import_addon_actions.action)("navigate")(to,e);if(!svelteKitParameters.hrefs){defaultActionCallback();return}let callDefaultCallback=!0;Object.entries(svelteKitParameters.hrefs).forEach(([href,hrefConfig])=>{let{callback,asRegex}=normalizeHrefConfig(hrefConfig);(asRegex?new RegExp(href).test(to):to===href)&&(callDefaultCallback=!1,callback?.(to,e))}),callDefaultCallback&&defaultActionCallback()}};function createListeners(baseModule,functions,defaultToAction){let toRemove=[];return functions.forEach(func=>{let hasFunction=svelteKitParameters[baseModule]?.[func]&&svelteKitParameters[baseModule][func]instanceof Function;if(hasFunction||defaultToAction){let listener=({detail=[]})=>{let args=Array.isArray(detail)?detail:[];(hasFunction?svelteKitParameters[baseModule][func]:(0,import_addon_actions.action)(func))(...args)},eventType=`storybook:${func}`;toRemove.push({eventType,listener}),window.addEventListener(eventType,listener)}}),()=>{toRemove.forEach(({eventType,listener})=>{window.removeEventListener(eventType,listener)})}}let removeNavigationListeners=createListeners("navigation",["goto","invalidate","invalidateAll","pushState","replaceState"],!0),removeFormsListeners=createListeners("forms",["enhance"]);return window.addEventListener("click",globalClickListener),()=>{window.removeEventListener("click",globalClickListener),removeNavigationListeners(),removeFormsListeners()}}),Story()}];function setProjectAnnotations(projectAnnotations){return(0,import_preview_api.setDefaultProjectAnnotations)(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),(0,import_preview_api.setProjectAnnotations)(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS=(0,import_preview_api.composeConfigs)([import_svelte4.INTERNAL_DEFAULT_PROJECT_ANNOTATIONS,preview_exports]);0&&(module.exports={setProjectAnnotations});

package/dist/index.mjs

@@ -1 +1,8 @@
+import { preview_exports } from './chunk-RHFL6QS6.mjs';
+import './chunk-CEH6MNVV.mjs';
+import { composeConfigs, setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/internal/preview-api';
+import { INTERNAL_DEFAULT_PROJECT_ANNOTATIONS as INTERNAL_DEFAULT_PROJECT_ANNOTATIONS$1 } from '@storybook/svelte';
 
+function setProjectAnnotations(projectAnnotations){return setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS),setProjectAnnotations$1(projectAnnotations)}var INTERNAL_DEFAULT_PROJECT_ANNOTATIONS=composeConfigs([INTERNAL_DEFAULT_PROJECT_ANNOTATIONS$1,preview_exports]);
+
+export { setProjectAnnotations };

package/dist/preset.d.ts

@@ -1,5 +1,5 @@
 import { PresetProperty } from 'storybook/internal/types';
-import { StorybookConfig } from './index.js';
+import { S as StorybookConfig } from './types-3f08d935.js';
 import '@storybook/builder-vite';
 
 declare const core: PresetProperty<'core'>;

package/dist/preview.mjs

@@ -1,6 +1,2 @@
-import { action } from '@storybook/addon-actions';
-import { onMount, setContext, getContext } from 'svelte';
-
-function setAfterNavigateArgument(afterNavigateArgs){setContext("after-navigate-args",afterNavigateArgs);}function createMockedStore(contextName){return [{subscribe(runner){let page2=getContext(contextName);return runner(page2),()=>{}}},value=>{setContext(contextName,value);}]}var[page,setPage]=createMockedStore("page-ctx"),[navigating,setNavigating]=createMockedStore("navigating-ctx"),[updated,setUpdated]=createMockedStore("updated-ctx");updated.check=()=>{};var normalizeHrefConfig=hrefConfig=>typeof hrefConfig=="function"?{callback:hrefConfig,asRegex:!1}:hrefConfig,decorators=[(Story,ctx)=>{let svelteKitParameters=ctx.parameters?.sveltekit_experimental??{};return setPage(svelteKitParameters?.stores?.page),setNavigating(svelteKitParameters?.stores?.navigating),setUpdated(svelteKitParameters?.stores?.updated),setAfterNavigateArgument(svelteKitParameters?.navigation?.afterNavigate),onMount(()=>{let globalClickListener=e=>{let element=e.composedPath().findLast(el=>el instanceof HTMLElement&&el.tagName==="A");if(element&&element instanceof HTMLAnchorElement){let to=element.getAttribute("href");if(!to)return;e.preventDefault();let defaultActionCallback=()=>action("navigate")(to,e);if(!svelteKitParameters.hrefs){defaultActionCallback();return}let callDefaultCallback=!0;Object.entries(svelteKitParameters.hrefs).forEach(([href,hrefConfig])=>{let{callback,asRegex}=normalizeHrefConfig(hrefConfig);(asRegex?new RegExp(href).test(to):to===href)&&(callDefaultCallback=!1,callback?.(to,e));}),callDefaultCallback&&defaultActionCallback();}};function createListeners(baseModule,functions,defaultToAction){let toRemove=[];return functions.forEach(func=>{let hasFunction=svelteKitParameters[baseModule]?.[func]&&svelteKitParameters[baseModule][func]instanceof Function;if(hasFunction||defaultToAction){let listener=({detail=[]})=>{let args=Array.isArray(detail)?detail:[];(hasFunction?svelteKitParameters[baseModule][func]:action(func))(...args);},eventType=`storybook:${func}`;toRemove.push({eventType,listener}),window.addEventListener(eventType,listener);}}),()=>{toRemove.forEach(({eventType,listener})=>{window.removeEventListener(eventType,listener);});}}let removeNavigationListeners=createListeners("navigation",["goto","invalidate","invalidateAll","pushState","replaceState"],!0),removeFormsListeners=createListeners("forms",["enhance"]);return window.addEventListener("click",globalClickListener),()=>{window.removeEventListener("click",globalClickListener),removeNavigationListeners(),removeFormsListeners();}}),Story()}];
-
-export { decorators };
+export { decorators } from './chunk-RHFL6QS6.mjs';
+import './chunk-CEH6MNVV.mjs';

package/dist/types-3f08d935.d.ts

@@ -0,0 +1,53 @@
+import { StorybookConfig as StorybookConfig$1, CompatibleString } from 'storybook/internal/types';
+import { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+
+declare function enhance(form: HTMLFormElement): {
+    destroy(): void;
+};
+
+declare function goto(...args: any[]): Promise<void>;
+declare function invalidate(...args: any[]): Promise<void>;
+declare function invalidateAll(): Promise<void>;
+
+type FrameworkName = CompatibleString<'@storybook/sveltekit'>;
+type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+type FrameworkOptions = {
+    builder?: BuilderOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfig$1['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+};
+type StorybookConfig = Omit<StorybookConfig$1, keyof StorybookConfigVite | keyof StorybookConfigFramework> & StorybookConfigVite & StorybookConfigFramework;
+type NormalizedHrefConfig = {
+    callback: (to: string, event: Event) => void;
+    asRegex?: boolean;
+};
+type HrefConfig = NormalizedHrefConfig | NormalizedHrefConfig['callback'];
+type SvelteKitParameters = Partial<{
+    hrefs: Record<string, HrefConfig>;
+    stores: {
+        page: Record<string, any>;
+        navigating: Record<string, any>;
+        updated: boolean;
+    };
+    navigation: {
+        goto: typeof goto;
+        invalidate: typeof invalidate;
+        invalidateAll: typeof invalidateAll;
+        afterNavigate: Record<string, any>;
+    };
+    forms: {
+        enhance: typeof enhance;
+    };
+}>;
+
+export { FrameworkOptions as F, HrefConfig as H, NormalizedHrefConfig as N, StorybookConfig as S, SvelteKitParameters as a };

package/dist/vite.d.ts

@@ -0,0 +1,14 @@
+declare const storybookSveltekitPlugin: () => Promise<{
+    name: string;
+    config: () => {
+        resolve: {
+            alias: {
+                '$app/forms': string;
+                '$app/navigation': string;
+                '$app/stores': string;
+            };
+        };
+    };
+}>[];
+
+export { storybookSveltekitPlugin };

package/dist/vite.js

@@ -0,0 +1 @@
+"use strict";var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var vite_exports={};__export(vite_exports,{storybookSveltekitPlugin:()=>storybookSveltekitPlugin});module.exports=__toCommonJS(vite_exports);var import_node_path=require("path");async function mockSveltekitStores(){return{name:"storybook:sveltekit-mock-stores",config:()=>({resolve:{alias:{"$app/forms":(0,import_node_path.resolve)(__dirname,"../src/mocks/app/forms.ts"),"$app/navigation":(0,import_node_path.resolve)(__dirname,"../src/mocks/app/navigation.ts"),"$app/stores":(0,import_node_path.resolve)(__dirname,"../src/mocks/app/stores.ts")}}})}}var storybookSveltekitPlugin=()=>[mockSveltekitStores()];0&&(module.exports={storybookSveltekitPlugin});

package/dist/vite.mjs

@@ -0,0 +1,6 @@
+import './chunk-CEH6MNVV.mjs';
+import { resolve } from 'node:path';
+
+async function mockSveltekitStores(){return {name:"storybook:sveltekit-mock-stores",config:()=>({resolve:{alias:{"$app/forms":resolve(__dirname,"../src/mocks/app/forms.ts"),"$app/navigation":resolve(__dirname,"../src/mocks/app/navigation.ts"),"$app/stores":resolve(__dirname,"../src/mocks/app/stores.ts")}}})}}var storybookSveltekitPlugin=()=>[mockSveltekitStores()];
+
+export { storybookSveltekitPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "8.3.0-alpha.7",
+  "version": "8.3.0-alpha.8",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
@@ -25,8 +25,8 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
+      "node": "./dist/index.js",
       "require": "./dist/index.js"
     },
     "./dist/preview.mjs": {
@@ -36,6 +36,11 @@
       "types": "./dist/preset.d.ts",
       "require": "./dist/preset.js"
     },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "require": "./dist/vite.js",
+      "import": "./dist/vite.mjs"
+    },
     "./package.json": "./package.json"
   },
   "main": "dist/index.js",
@@ -53,10 +58,10 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-actions": "8.3.0-alpha.7",
-    "@storybook/builder-vite": "8.3.0-alpha.7",
-    "@storybook/svelte": "8.3.0-alpha.7",
-    "@storybook/svelte-vite": "8.3.0-alpha.7"
+    "@storybook/addon-actions": "8.3.0-alpha.8",
+    "@storybook/builder-vite": "8.3.0-alpha.8",
+    "@storybook/svelte": "8.3.0-alpha.8",
+    "@storybook/svelte-vite": "8.3.0-alpha.8"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
@@ -64,7 +69,7 @@
     "vite": "^4.0.0"
   },
   "peerDependencies": {
-    "storybook": "^8.3.0-alpha.7",
+    "storybook": "^8.3.0-alpha.8",
     "svelte": "^4.0.0 || ^5.0.0-next.65",
     "vite": "^4.0.0 || ^5.0.0"
   },
@@ -78,7 +83,8 @@
     "entries": [
       "./src/index.ts",
       "./src/preview.ts",
-      "./src/preset.ts"
+      "./src/preset.ts",
+      "./src/vite.ts"
     ],
     "platform": "node"
   },