@storybook/sveltekit 9.0.0-alpha.2 → 9.0.0-alpha.20

package/dist/{chunk-REI2Y3HY.mjs → chunk-UUT6FZ4K.mjs}

@@ -1,5 +1,5 @@
 import { __export } from './chunk-CEH6MNVV.mjs';
-import { action } from '@storybook/addon-actions';
+import { action } from 'storybook/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,svelteKitMocksDecorator=(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()},decorators=[svelteKitMocksDecorator];

package/dist/index.d.ts

@@ -1,6 +1,7 @@
+import { SvelteRenderer } from '@storybook/svelte';
+export * from '@storybook/svelte';
 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';
 
 /**

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 __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 index_exports={};__export(index_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_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,svelteKitMocksDecorator=(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()},decorators=[svelteKitMocksDecorator];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});
+"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},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default"));var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var index_exports={};__export(index_exports,{setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(index_exports);__reExport(index_exports,require("@storybook/svelte"),module.exports);var import_svelte4=require("@storybook/svelte"),import_preview_api=require("storybook/preview-api");var preview_exports={};__export(preview_exports,{decorators:()=>decorators});var import_actions=require("storybook/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,svelteKitMocksDecorator=(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_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_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()},decorators=[svelteKitMocksDecorator];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,...require("@storybook/svelte")});

package/dist/index.mjs

@@ -1,7 +1,8 @@
-import { preview_exports } from './chunk-REI2Y3HY.mjs';
+import { preview_exports } from './chunk-UUT6FZ4K.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';
+export * from '@storybook/svelte';
+import { composeConfigs, setDefaultProjectAnnotations, setProjectAnnotations as setProjectAnnotations$1 } from 'storybook/preview-api';
 
 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]);
 

package/dist/preview.js

@@ -1 +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 preview_exports={};__export(preview_exports,{decorators:()=>decorators});module.exports=__toCommonJS(preview_exports);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,svelteKitMocksDecorator=(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()},decorators=[svelteKitMocksDecorator];0&&(module.exports={decorators});
+"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 preview_exports={};__export(preview_exports,{decorators:()=>decorators});module.exports=__toCommonJS(preview_exports);var import_actions=require("storybook/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,svelteKitMocksDecorator=(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_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_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()},decorators=[svelteKitMocksDecorator];0&&(module.exports={decorators});

package/dist/preview.mjs

@@ -1,2 +1,2 @@
-export { decorators } from './chunk-REI2Y3HY.mjs';
+export { decorators } from './chunk-UUT6FZ4K.mjs';
 import './chunk-CEH6MNVV.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "9.0.0-alpha.2",
+  "version": "9.0.0-alpha.20",
   "description": "Storybook for SvelteKit",
   "keywords": [
     "storybook",
@@ -54,6 +54,7 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
+    "template/**/*",
     "README.md",
     "*.js",
     "*.d.ts",
@@ -64,23 +65,22 @@
     "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addon-actions": "9.0.0-alpha.2",
-    "@storybook/builder-vite": "9.0.0-alpha.2",
-    "@storybook/svelte": "9.0.0-alpha.2",
-    "@storybook/svelte-vite": "9.0.0-alpha.2"
+    "@storybook/builder-vite": "9.0.0-alpha.20",
+    "@storybook/svelte": "9.0.0-alpha.20",
+    "@storybook/svelte-vite": "9.0.0-alpha.20"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
     "typescript": "^5.7.3",
-    "vite": "^4.0.0"
+    "vite": "^6.2.5"
   },
   "peerDependencies": {
-    "storybook": "^9.0.0-alpha.2",
-    "svelte": "^4.0.0 || ^5.0.0",
-    "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
+    "storybook": "^9.0.0-alpha.20",
+    "svelte": "^5.0.0",
+    "vite": "^5.0.0 || ^6.0.0"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=20.0.0"
   },
   "publishConfig": {
     "access": "public"

package/template/stories_svelte-kit-skeleton-ts/modules/Environment.svelte

@@ -0,0 +1,8 @@
+<script>
+  import { browser, dev, building, version } from '$app/environment';
+</script>
+
+<div data-testid="browser">{browser}</div>
+<div data-testid="dev">{dev}</div>
+<div data-testid="building">{building}</div>
+<div data-testid="version" data-chromatic="ignore">{version}</div>

package/template/stories_svelte-kit-skeleton-ts/modules/Forms.svelte

@@ -0,0 +1,7 @@
+<script>
+	import { enhance } from '$app/forms';
+</script>
+
+<form use:enhance method="post">
+	<button>enhance</button>
+</form>

package/template/stories_svelte-kit-skeleton-ts/modules/Hrefs.svelte

@@ -0,0 +1,8 @@
+<ul>
+  <li><a href="/basic-href">Link to <code>/basic-href</code></a></li>
+  <li>
+    <a href="/deep/nested/link?with=true&multiple-params=200#and-an-id"
+      >Link to <code>/deep/nested/link?with=true&multiple-params=200#and-an-id</code></a
+    >
+  </li>
+</ul>

package/template/stories_svelte-kit-skeleton-ts/modules/Navigation.svelte

@@ -0,0 +1,37 @@
+<script>
+	import { goto, invalidate, invalidateAll, afterNavigate, replaceState, pushState } from '$app/navigation';
+
+	export let afterNavigateFn;
+
+	afterNavigate(afterNavigateFn);
+</script>
+
+<button
+	on:click={() => {
+		goto('/storybook-goto');
+	}}>goto</button
+>
+
+<button
+	on:click={() => {
+		invalidate('/storybook-invalidate');
+	}}>invalidate</button
+>
+
+<button
+	on:click={() => {
+		invalidateAll();
+	}}>invalidateAll</button
+>
+
+<button
+	on:click={() => {
+		pushState('/storybook-push-state', {});
+	}}>pushState</button
+>
+
+<button
+	on:click={() => {
+		replaceState('/storybook-replace-state', {});
+	}}>replaceState</button
+>

package/template/stories_svelte-kit-skeleton-ts/modules/Paths.svelte

@@ -0,0 +1,6 @@
+<script>
+	import { assets, base } from "$app/paths";
+</script>
+
+<div data-testid="assets">{assets}</div>
+<div data-testid="base">{base}</div>

package/template/stories_svelte-kit-skeleton-ts/modules/Stores.svelte

@@ -0,0 +1,17 @@
+<script>
+	import { page, navigating, updated, getStores } from '$app/stores';
+
+	let { navigating: navigatingStore, page: pageStore, updated: updatedStore } = getStores();
+
+	updated.check();
+</script>
+
+<p>Directly importing</p>
+<pre>{JSON.stringify($page, null, 2)}</pre>
+<pre>{JSON.stringify($navigating, null, 2)}</pre>
+<pre>{JSON.stringify($updated, null, 2)}</pre>
+
+<p>With getStores</p>
+<pre>{JSON.stringify($pageStore, null, 2)}</pre>
+<pre>{JSON.stringify($navigatingStore, null, 2)}</pre>
+<pre>{JSON.stringify($updatedStore, null, 2)}</pre>

package/template/stories_svelte-kit-skeleton-ts/modules/environment.stories.js

@@ -0,0 +1,8 @@
+import Environment from './Environment.svelte';
+
+export default {
+  title: 'stories/frameworks/sveltekit/modules/environment',
+  component: Environment,
+};
+
+export const Default = {};

package/template/{stories_svelte-kit-prerelease-ts → stories_svelte-kit-skeleton-ts/modules}/forms.stories.js

@@ -1,11 +1,10 @@
-import { expect, fn, within } from '@storybook/test';
+import { expect, fn, within } from 'storybook/test';
 
 import Forms from './Forms.svelte';
 
 export default {
-  title: 'stories/sveltekit/modules/forms',
+  title: 'stories/frameworks/sveltekit/modules/forms',
   component: Forms,
-  tags: ['autodocs'],
 };
 
 const enhance = fn();

package/template/{stories_svelte-kit-prerelease-ts → stories_svelte-kit-skeleton-ts/modules}/hrefs.stories.js

@@ -1,11 +1,10 @@
-import { expect, fn, within } from '@storybook/test';
+import { expect, fn, within } from 'storybook/test';
 
 import Hrefs from './Hrefs.svelte';
 
 export default {
-  title: 'stories/sveltekit/modules/hrefs',
+  title: 'stories/frameworks/sveltekit/modules/hrefs',
   component: Hrefs,
-  tags: ['autodocs'],
 };
 
 export const DefaultActions = {

package/template/{stories_svelte-kit-skeleton-js → stories_svelte-kit-skeleton-ts/modules}/navigation.stories.js

@@ -1,11 +1,10 @@
-import { expect, fn, within } from '@storybook/test';
+import { expect, fn, within } from 'storybook/test';
 
 import Navigation from './Navigation.svelte';
 
 export default {
-  title: 'stories/sveltekit/modules/navigation',
+  title: 'stories/frameworks/sveltekit/modules/navigation',
   component: Navigation,
-  tags: ['autodocs'],
 };
 
 const goto = fn();

package/template/stories_svelte-kit-skeleton-ts/modules/paths.stories.js

@@ -0,0 +1,8 @@
+import Paths from './Paths.svelte';
+
+export default {
+  title: 'stories/frameworks/sveltekit/modules/paths',
+  component: Paths,
+};
+
+export const Default = {};

package/template/stories_svelte-kit-skeleton-ts/{stores.stories.js → modules/stores.stories.js}

@@ -1,9 +1,8 @@
 import Stores from './Stores.svelte';
 
 export default {
-  title: 'stories/sveltekit/modules/stores',
+  title: 'stories/frameworks/sveltekit/modules/stores',
   component: Stores,
-  tags: ['autodocs'],
 };
 
 export const AllUndefined = {};

package/template/stories_svelte-kit-prerelease-ts/docs-jsdoc-runes.stories.js

@@ -1,10 +0,0 @@
-import DocsJSDocRunes from './DocsJSDocRunes.svelte';
-
-export default {
-  title: 'stories/renderers/svelte/docs-jsdoc-runes',
-  component: DocsJSDocRunes,
-  args: {},
-  tags: ['autodocs'],
-};
-
-export const Primary = {};

package/template/stories_svelte-kit-prerelease-ts/docs-ts-inline-prop-types.stories.js

@@ -1,10 +0,0 @@
-import DocsTSInlinePropTypes from './DocsTSInlinePropTypes.svelte';
-
-export default {
-  title: 'stories/renderers/svelte/docs-ts-inline-prop-types',
-  component: DocsTSInlinePropTypes,
-  args: {},
-  tags: ['autodocs'],
-};
-
-export const Primary = {};

package/template/stories_svelte-kit-prerelease-ts/docs-ts-referenced-prop-types.stories.js

@@ -1,10 +0,0 @@
-import DocsTSReferencedPropTypes from './DocsTSReferencedPropTypes.svelte';
-
-export default {
-  title: 'stories/renderers/svelte/docs-ts-referenced-prop-types',
-  component: DocsTSReferencedPropTypes,
-  args: {},
-  tags: ['autodocs'],
-};
-
-export const Primary = {};

package/template/stories_svelte-kit-prerelease-ts/docs-ts.stories.js

@@ -1,10 +0,0 @@
-import DocsTSLegacy from './DocsTSLegacy.svelte';
-
-export default {
-  title: 'stories/renderers/svelte/docs-ts',
-  component: DocsTSLegacy,
-  args: {},
-  tags: ['autodocs'],
-};
-
-export const Primary = {};

package/template/stories_svelte-kit-prerelease-ts/navigation.stories.js

@@ -1,121 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Navigation from './Navigation.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/navigation',
-  component: Navigation,
-  tags: ['autodocs'],
-};
-
-const goto = fn();
-
-export const Goto = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('goto');
-    button.click();
-    expect(goto).toHaveBeenCalledWith('/storybook-goto');
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        goto,
-      },
-    },
-  },
-};
-
-const replaceState = fn();
-
-export const ReplaceState = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('replaceState');
-    button.click();
-    expect(replaceState).toHaveBeenCalledWith('/storybook-replace-state', {});
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        replaceState,
-      },
-    },
-  },
-};
-
-const pushState = fn();
-
-export const PushState = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('pushState');
-    button.click();
-    expect(pushState).toHaveBeenCalledWith('/storybook-push-state', {});
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        pushState,
-      },
-    },
-  },
-};
-
-export const DefaultActions = {};
-
-const invalidate = fn();
-
-export const Invalidate = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('invalidate', { exact: true });
-    button.click();
-    expect(invalidate).toHaveBeenCalledWith('/storybook-invalidate');
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        invalidate,
-      },
-    },
-  },
-};
-
-const invalidateAll = fn();
-
-export const InvalidateAll = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('invalidateAll');
-    button.click();
-    expect(invalidateAll).toHaveBeenCalledWith();
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        invalidateAll,
-      },
-    },
-  },
-};
-
-const afterNavigateFn = fn();
-
-export const AfterNavigate = {
-  async play() {
-    expect(afterNavigateFn).toHaveBeenCalledWith({ test: 'passed' });
-  },
-  args: {
-    afterNavigateFn,
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        afterNavigate: {
-          test: 'passed',
-        },
-      },
-    },
-  },
-};

package/template/stories_svelte-kit-prerelease-ts/stores.stories.js

@@ -1,116 +0,0 @@
-import Stores from './Stores.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/stores',
-  component: Stores,
-  tags: ['autodocs'],
-};
-
-export const AllUndefined = {};
-
-export const PageStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const NavigatingStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const UpdatedStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        updated: true,
-      },
-    },
-  },
-};
-
-export const PageAndNavigatingStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const PageAndUpdatedStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-        updated: true,
-      },
-    },
-  },
-};
-
-export const NavigatingAndUpdatedStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-        updated: true,
-      },
-    },
-  },
-};
-
-export const AllThreeStores = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-        updated: true,
-      },
-    },
-  },
-};

package/template/stories_svelte-kit-skeleton-js/environment.stories.js

@@ -1,11 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Environment from './Environment.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/environment',
-  component: Environment,
-  tags: ['autodocs'],
-};
-
-export const Default = {};

package/template/stories_svelte-kit-skeleton-js/forms.stories.js

@@ -1,27 +0,0 @@
-import { expect, fn, userEvent, within } from '@storybook/test';
-
-import Forms from './Forms.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/forms',
-  component: Forms,
-  tags: ['autodocs'],
-};
-
-const enhance = fn();
-
-export const Enhance = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByRole('button');
-    await userEvent.click(button);
-    expect(enhance).toHaveBeenCalled();
-  },
-  parameters: {
-    sveltekit_experimental: {
-      forms: {
-        enhance,
-      },
-    },
-  },
-};

package/template/stories_svelte-kit-skeleton-js/hrefs.stories.js

@@ -1,53 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Hrefs from './Hrefs.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/hrefs',
-  component: Hrefs,
-  tags: ['autodocs'],
-};
-
-export const DefaultActions = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-
-    const initialUrl = window.location.toString();
-
-    const basicHref = canvas.getByText('/basic-href');
-    basicHref.click();
-
-    const complexHref = canvas.getByText(
-      '/deep/nested/link?with=true&multiple-params=200#and-an-id'
-    );
-    complexHref.click();
-
-    const finalUrl = window.location.toString();
-    expect(finalUrl).toBe(initialUrl);
-  },
-};
-
-const basicStringMatch = fn();
-const noMatch = fn();
-const exactStringMatch = fn();
-const regexMatch = fn();
-
-export const Callbacks = {
-  parameters: {
-    sveltekit_experimental: {
-      hrefs: {
-        '/basic-href': basicStringMatch,
-        '/basic': noMatch,
-        '/deep/nested/link?with=true&multiple-params=200#and-an-id': exactStringMatch,
-        'nested/link\\?with': { callback: regexMatch, asRegex: true },
-      },
-    },
-  },
-  play: async (ctx) => {
-    await DefaultActions.play(ctx);
-    expect(basicStringMatch).toHaveBeenCalledTimes(1);
-    expect(noMatch).not.toHaveBeenCalled();
-    expect(exactStringMatch).toHaveBeenCalledTimes(1);
-    expect(regexMatch).toHaveBeenCalledTimes(1);
-  },
-};

package/template/stories_svelte-kit-skeleton-js/paths.stories.js

@@ -1,11 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Paths from './Paths.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/paths',
-  component: Paths,
-  tags: ['autodocs'],
-};
-
-export const Default = {};

package/template/stories_svelte-kit-skeleton-js/stores.stories.js

@@ -1,116 +0,0 @@
-import Stores from './Stores.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/stores',
-  component: Stores,
-  tags: ['autodocs'],
-};
-
-export const AllUndefined = {};
-
-export const PageStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const NavigatingStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const UpdatedStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        updated: true,
-      },
-    },
-  },
-};
-
-export const PageAndNavigatingStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-      },
-    },
-  },
-};
-
-export const PageAndUpdatedStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-        updated: true,
-      },
-    },
-  },
-};
-
-export const NavigatingAndUpdatedStore = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-        updated: true,
-      },
-    },
-  },
-};
-
-export const AllThreeStores = {
-  parameters: {
-    sveltekit_experimental: {
-      stores: {
-        page: {
-          data: {
-            test: 'passed',
-          },
-        },
-        navigating: {
-          route: {
-            id: '/storybook',
-          },
-        },
-        updated: true,
-      },
-    },
-  },
-};

package/template/stories_svelte-kit-skeleton-ts/docs-ts.stories.js

@@ -1,10 +0,0 @@
-import DocsTS from './DocsTS.svelte';
-
-export default {
-  title: 'stories/renderers/svelte/docs-ts',
-  component: DocsTS,
-  args: {},
-  tags: ['autodocs'],
-};
-
-export const Primary = {};

package/template/stories_svelte-kit-skeleton-ts/environment.stories.js

@@ -1,11 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Environment from './Environment.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/environment',
-  component: Environment,
-  tags: ['autodocs'],
-};
-
-export const Default = {};

package/template/stories_svelte-kit-skeleton-ts/forms.stories.js

@@ -1,27 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Forms from './Forms.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/forms',
-  component: Forms,
-  tags: ['autodocs'],
-};
-
-const enhance = fn();
-
-export const Enhance = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('enhance');
-    button.click();
-    expect(enhance).toHaveBeenCalled();
-  },
-  parameters: {
-    sveltekit_experimental: {
-      forms: {
-        enhance,
-      },
-    },
-  },
-};

package/template/stories_svelte-kit-skeleton-ts/hrefs.stories.js

@@ -1,53 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Hrefs from './Hrefs.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/hrefs',
-  component: Hrefs,
-  tags: ['autodocs'],
-};
-
-export const DefaultActions = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-
-    const initialUrl = window.location.toString();
-
-    const basicHref = canvas.getByText('/basic-href');
-    basicHref.click();
-
-    const complexHref = canvas.getByText(
-      '/deep/nested/link?with=true&multiple-params=200#and-an-id'
-    );
-    complexHref.click();
-
-    const finalUrl = window.location.toString();
-    expect(finalUrl).toBe(initialUrl);
-  },
-};
-
-const basicStringMatch = fn();
-const noMatch = fn();
-const exactStringMatch = fn();
-const regexMatch = fn();
-
-export const Callbacks = {
-  parameters: {
-    sveltekit_experimental: {
-      hrefs: {
-        '/basic-href': basicStringMatch,
-        '/basic': noMatch,
-        '/deep/nested/link?with=true&multiple-params=200#and-an-id': exactStringMatch,
-        'nested/link\\?with': { callback: regexMatch, asRegex: true },
-      },
-    },
-  },
-  play: async (ctx) => {
-    await DefaultActions.play(ctx);
-    expect(basicStringMatch).toHaveBeenCalledTimes(1);
-    expect(noMatch).not.toHaveBeenCalled();
-    expect(exactStringMatch).toHaveBeenCalledTimes(1);
-    expect(regexMatch).toHaveBeenCalledTimes(1);
-  },
-};

package/template/stories_svelte-kit-skeleton-ts/navigation.stories.js

@@ -1,121 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Navigation from './Navigation.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/navigation',
-  component: Navigation,
-  tags: ['autodocs'],
-};
-
-const goto = fn();
-
-export const Goto = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('goto');
-    button.click();
-    expect(goto).toHaveBeenCalledWith('/storybook-goto');
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        goto,
-      },
-    },
-  },
-};
-
-const replaceState = fn();
-
-export const ReplaceState = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('replaceState');
-    button.click();
-    expect(replaceState).toHaveBeenCalledWith('/storybook-replace-state', {});
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        replaceState,
-      },
-    },
-  },
-};
-
-const pushState = fn();
-
-export const PushState = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('pushState');
-    button.click();
-    expect(pushState).toHaveBeenCalledWith('/storybook-push-state', {});
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        pushState,
-      },
-    },
-  },
-};
-
-export const DefaultActions = {};
-
-const invalidate = fn();
-
-export const Invalidate = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('invalidate', { exact: true });
-    button.click();
-    expect(invalidate).toHaveBeenCalledWith('/storybook-invalidate');
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        invalidate,
-      },
-    },
-  },
-};
-
-const invalidateAll = fn();
-
-export const InvalidateAll = {
-  async play({ canvasElement }) {
-    const canvas = within(canvasElement);
-    const button = canvas.getByText('invalidateAll');
-    button.click();
-    expect(invalidateAll).toHaveBeenCalledWith();
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        invalidateAll,
-      },
-    },
-  },
-};
-
-const afterNavigateFn = fn();
-
-export const AfterNavigate = {
-  async play() {
-    expect(afterNavigateFn).toHaveBeenCalledWith({ test: 'passed' });
-  },
-  args: {
-    afterNavigateFn,
-  },
-  parameters: {
-    sveltekit_experimental: {
-      navigation: {
-        afterNavigate: {
-          test: 'passed',
-        },
-      },
-    },
-  },
-};

package/template/stories_svelte-kit-skeleton-ts/paths.stories.js

@@ -1,11 +0,0 @@
-import { expect, fn, within } from '@storybook/test';
-
-import Paths from './Paths.svelte';
-
-export default {
-  title: 'stories/sveltekit/modules/paths',
-  component: Paths,
-  tags: ['autodocs'],
-};
-
-export const Default = {};