@storybook/sveltekit 11.0.0-alpha.3 → 11.0.0-alpha.5

package/dist/_node-chunks/chunk-4GGOF3SQ.js

@@ -0,0 +1,31 @@
+import CJS_COMPAT_NODE_URL_krxa3c8h1ok from 'node:url';
+import CJS_COMPAT_NODE_PATH_krxa3c8h1ok from 'node:path';
+import CJS_COMPAT_NODE_MODULE_krxa3c8h1ok from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_krxa3c8h1ok.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_krxa3c8h1ok.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_krxa3c8h1ok.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/plugins/mock-sveltekit-modules.ts
+function mockSveltekitModules() {
+  return {
+    name: "storybook:sveltekit-mock-modules",
+    config: () => ({
+      resolve: {
+        alias: {
+          "$app/forms": "@storybook/sveltekit/internal/mocks/app/forms",
+          "$app/navigation": "@storybook/sveltekit/internal/mocks/app/navigation",
+          "$app/state": "@storybook/sveltekit/internal/mocks/app/state.svelte.js"
+        }
+      }
+    })
+  };
+}
+
+export {
+  mockSveltekitModules
+};

package/dist/{chunk-B_AQQjYm.d.ts → chunk-D3kX1WMe.d.ts}

@@ -10,6 +10,9 @@ declare function enhance(form: HTMLFormElement): {
 declare function goto(...args: any[]): Promise<void>;
 declare function invalidate(...args: any[]): Promise<void>;
 declare function invalidateAll(): Promise<void>;
+declare function refreshAll(): Promise<void>;
+declare function pushState(...args: any[]): Promise<void>;
+declare function replaceState(...args: any[]): Promise<void>;
 //#endregion
 //#region code/frameworks/sveltekit/.dts-emit/code/frameworks/sveltekit/src/types.d.ts
 type FrameworkName = CompatibleString<'@storybook/sveltekit'>;
@@ -96,19 +99,13 @@ type SvelteKitParameters = Partial<{
       current: boolean;
     };
   };
-  /**
-   * @deprecated
-   * @see {@link https://svelte.dev/docs/kit/$app-stores}
-   */
-  stores: {
-    page: Record<string, any>;
-    navigating: Record<string, any>;
-    updated: boolean;
-  };
   navigation: {
     goto: typeof goto;
     invalidate: typeof invalidate;
     invalidateAll: typeof invalidateAll;
+    refreshAll: typeof refreshAll;
+    pushState: typeof pushState;
+    replaceState: typeof replaceState;
     afterNavigate: Record<string, any>;
   };
   forms: {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { a as SvelteKitParameters, i as StorybookConfig, n as HrefConfig, r as NormalizedHrefConfig, t as FrameworkOptions } from "./chunk-B_AQQjYm.js";
+import { a as SvelteKitParameters, i as StorybookConfig, n as HrefConfig, r as NormalizedHrefConfig, t as FrameworkOptions } from "./chunk-D3kX1WMe.js";
 import { SvelteRenderer } from "@storybook/svelte";
 import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from "storybook/internal/types";
 export * from "@storybook/svelte";

package/dist/mocks/app/navigation.js

@@ -14,7 +14,15 @@ function setAfterNavigateArgument(afterNavigateArgs) {
 function afterNavigate(cb) {
   let argument = getContext("after-navigate-args");
   onMount(() => {
-    cb && cb instanceof Function && cb(argument);
+    cb && cb instanceof Function && cb({
+      type: "enter",
+      shallow: !1,
+      from: null,
+      to: null,
+      willUnload: !1,
+      complete: Promise.resolve(),
+      ...argument
+    });
   });
 }
 function onNavigate() {
@@ -33,10 +41,16 @@ async function invalidateAll() {
   let event = new CustomEvent("storybook:invalidateAll");
   window.dispatchEvent(event);
 }
+async function refreshAll() {
+  let event = new CustomEvent("storybook:refreshAll");
+  window.dispatchEvent(event);
+}
 function preloadCode() {
 }
 function preloadData() {
 }
+function snapshot() {
+}
 async function pushState(...args) {
   let event = new CustomEvent("storybook:pushState", {
     detail: args
@@ -60,6 +74,8 @@ export {
   preloadCode,
   preloadData,
   pushState,
+  refreshAll,
   replaceState,
-  setAfterNavigateArgument
+  setAfterNavigateArgument,
+  snapshot
 };

package/dist/node/index.d.ts

@@ -1,4 +1,4 @@
-import { i as StorybookConfig } from "../chunk-B_AQQjYm.js";
+import { i as StorybookConfig } from "../chunk-D3kX1WMe.js";
 
 //#region code/frameworks/sveltekit/.dts-emit/code/frameworks/sveltekit/src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_8bzyphzac1d from 'node:url';
-import CJS_COMPAT_NODE_PATH_8bzyphzac1d from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8bzyphzac1d from "node:module";
+import CJS_COMPAT_NODE_URL_krxa3c8h1ok from 'node:url';
+import CJS_COMPAT_NODE_PATH_krxa3c8h1ok from 'node:path';
+import CJS_COMPAT_NODE_MODULE_krxa3c8h1ok from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8bzyphzac1d.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8bzyphzac1d.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8bzyphzac1d.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_krxa3c8h1ok.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_krxa3c8h1ok.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_krxa3c8h1ok.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.js

@@ -1,19 +1,21 @@
-import CJS_COMPAT_NODE_URL_8bzyphzac1d from 'node:url';
-import CJS_COMPAT_NODE_PATH_8bzyphzac1d from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8bzyphzac1d from "node:module";
+import CJS_COMPAT_NODE_URL_krxa3c8h1ok from 'node:url';
+import CJS_COMPAT_NODE_PATH_krxa3c8h1ok from 'node:path';
+import CJS_COMPAT_NODE_MODULE_krxa3c8h1ok from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8bzyphzac1d.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8bzyphzac1d.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8bzyphzac1d.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_krxa3c8h1ok.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_krxa3c8h1ok.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_krxa3c8h1ok.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
-  mockSveltekitStores
-} from "./_node-chunks/chunk-NLX4AUI3.js";
+  mockSveltekitModules
+} from "./_node-chunks/chunk-4GGOF3SQ.js";
 
 // src/preset.ts
+import { existsSync } from "node:fs";
+import { resolve } from "node:path";
 import { fileURLToPath } from "node:url";
 import { withoutVitePlugins } from "@storybook/builder-vite";
 import { viteFinal as svelteViteFinal } from "@storybook/svelte-vite/preset";
@@ -24,7 +26,78 @@ function configOverrides() {
     // SvelteKit sets SSR, we need it to be false when building
     name: "storybook:sveltekit-overrides",
     apply: "build",
-    config: () => ({ build: { ssr: !1 } })
+    config: () => ({
+      build: { ssr: !1 },
+      // SvelteKit's compile plugin defines these, and Storybook removes that plugin. `$app/env/public`
+      // reads `env` from the payload. See https://github.com/sveltejs/kit/blob/090496890cedbbff15d998695d48cd31e7d698b7/packages/kit/src/exports/vite/build/index.js#L346-L349
+      // and https://github.com/sveltejs/kit/blob/090496890cedbbff15d998695d48cd31e7d698b7/packages/kit/src/exports/vite/build/index.js#L1064-L1075
+      define: {
+        __SVELTEKIT_PAYLOAD__: JSON.stringify({ env: {} }),
+        __SVELTEKIT_MANIFEST_ASSETS__: "[]",
+        __SVELTEKIT_MANIFEST_IMMUTABLE__: "[]",
+        __SVELTEKIT_MANIFEST_PRERENDERED__: "[]",
+        __SVELTEKIT_MANIFEST_ROUTES__: "[]"
+      }
+    })
+  };
+}
+
+// src/plugins/dev-public-env.ts
+function devPublicEnv() {
+  return {
+    name: "storybook:sveltekit-dev-public-env",
+    apply: "serve",
+    transform: {
+      // In development, `$app/env/public` reads `env` from this global, which SvelteKit's HTML sets.
+      // Setting it in the module itself works regardless of which module Storybook evaluates first.
+      // See https://github.com/sveltejs/kit/blob/090496890cedbbff15d998695d48cd31e7d698b7/packages/kit/src/core/env.js#L280-L283
+      filter: { id: /\/generated\/dev\/env\/public\/client\.js(\?|$)/ },
+      handler(code) {
+        return `(globalThis.__sveltekit_dev ??= {}).env ??= {};${code}`;
+      }
+    }
+  };
+}
+
+// src/plugins/guard-server-modules.ts
+function guardServerModules() {
+  return {
+    name: "storybook:sveltekit-guard-server-modules",
+    applyToEnvironment: (environment) => environment.config.consumer === "client",
+    load: {
+      // The files behind `$app/env/private` and `$app/server`, see https://github.com/sveltejs/kit/blob/090496890cedbbff15d998695d48cd31e7d698b7/packages/kit/src/exports/vite/module_ids.js
+      filter: { id: /\/src\/runtime\/app\/(env\/private|server)\/index\.js(\?|$)/ },
+      handler() {
+        this.error(
+          "`$app/env/private` and `$app/server` are server-only modules. Storybook renders stories in the browser. Stories and the components that they render cannot import these modules. Mock the module that imports them with a mock file: https://storybook.js.org/docs/writing-stories/mocking-data-and-modules/mocking-modules#mock-files"
+        );
+      }
+    }
+  };
+}
+
+// src/plugins/sync.ts
+import { execFileSync } from "node:child_process";
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+import { pathToFileURL } from "node:url";
+import { resolvePackageDir } from "storybook/internal/common";
+function syncSvelteKit() {
+  return {
+    name: "storybook:sveltekit-sync",
+    apply: "build",
+    // Builds need the files that `svelte-kit sync` writes, such as `$app/tsconfig`. SvelteKit's
+    // compile plugin writes them, but Storybook removes that plugin
+    configResolved({ root }) {
+      let kitDir = resolvePackageDir(
+        "@sveltejs/kit",
+        pathToFileURL(join(root, "package.json")).href
+      ), { bin } = JSON.parse(readFileSync(join(kitDir, "package.json"), "utf-8"));
+      execFileSync(process.execPath, [join(kitDir, bin["svelte-kit"]), "sync"], {
+        cwd: root,
+        stdio: "pipe"
+      });
+    }
   };
 }
 
@@ -35,7 +108,12 @@ var core = {
 }, previewAnnotations = (entry = []) => [
   ...entry,
   fileURLToPath(import.meta.resolve("@storybook/sveltekit/preview"))
-], viteFinal = async (config, options) => {
+], staticDirs = async (values = [], options) => {
+  if (options.configType !== "PRODUCTION")
+    return values;
+  let assetsDir = resolve(options.configDir, "..", "static");
+  return existsSync(assetsDir) ? [...values, { from: assetsDir, to: "/" }] : values;
+}, viteFinal = async (config, options) => {
   let baseConfig = await svelteViteFinal(config, options);
   return {
     ...baseConfig,
@@ -46,18 +124,21 @@ var core = {
         "vite-plugin-sveltekit-guard"
       ]),
       configOverrides(),
-      mockSveltekitStores()
+      syncSvelteKit(),
+      devPublicEnv(),
+      mockSveltekitModules(),
+      guardServerModules()
     ]
   };
 }, optimizeViteDeps = [
   "@storybook/sveltekit/internal/mocks/app/forms",
   "@storybook/sveltekit/internal/mocks/app/navigation",
-  "@storybook/sveltekit/internal/mocks/app/stores",
   "@storybook/sveltekit/internal/mocks/app/state.svelte.js"
 ];
 export {
   core,
   optimizeViteDeps,
   previewAnnotations,
+  staticDirs,
   viteFinal
 };

package/dist/vite-plugin.js

@@ -1,20 +1,20 @@
-import CJS_COMPAT_NODE_URL_8bzyphzac1d from 'node:url';
-import CJS_COMPAT_NODE_PATH_8bzyphzac1d from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8bzyphzac1d from "node:module";
+import CJS_COMPAT_NODE_URL_krxa3c8h1ok from 'node:url';
+import CJS_COMPAT_NODE_PATH_krxa3c8h1ok from 'node:path';
+import CJS_COMPAT_NODE_MODULE_krxa3c8h1ok from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_8bzyphzac1d.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8bzyphzac1d.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8bzyphzac1d.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_krxa3c8h1ok.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_krxa3c8h1ok.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_krxa3c8h1ok.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
-  mockSveltekitStores
-} from "./_node-chunks/chunk-NLX4AUI3.js";
+  mockSveltekitModules
+} from "./_node-chunks/chunk-4GGOF3SQ.js";
 
 // src/vite-plugin.ts
-var storybookSveltekitPlugin = () => [mockSveltekitStores()];
+var storybookSveltekitPlugin = () => [mockSveltekitModules()];
 export {
   storybookSveltekitPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/sveltekit",
-  "version": "11.0.0-alpha.3",
+  "version": "11.0.0-alpha.5",
   "description": "Storybook for SvelteKit: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -37,7 +37,6 @@
     "./internal/mocks/app/forms": "./dist/mocks/app/forms.js",
     "./internal/mocks/app/navigation": "./dist/mocks/app/navigation.js",
     "./internal/mocks/app/state.svelte.js": "./static/app-state-mock.svelte.js",
-    "./internal/mocks/app/stores": "./dist/mocks/app/stores.js",
     "./node": {
       "types": "./dist/node/index.d.ts",
       "code": "./src/node/index.ts",
@@ -57,19 +56,21 @@
     "*.d.ts"
   ],
   "dependencies": {
-    "@storybook/builder-vite": "11.0.0-alpha.3",
-    "@storybook/svelte": "11.0.0-alpha.3",
-    "@storybook/svelte-vite": "11.0.0-alpha.3"
+    "@storybook/builder-vite": "11.0.0-alpha.5",
+    "@storybook/svelte": "11.0.0-alpha.5",
+    "@storybook/svelte-vite": "11.0.0-alpha.5"
   },
   "devDependencies": {
     "@types/node": "^22.19.1",
+    "memfs": "^4.11.1",
     "typescript": "^6.0.3",
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^11.0.0-alpha.3",
+    "@sveltejs/kit": "^3.0.0",
+    "storybook": "^11.0.0-alpha.5",
     "svelte": "^5.0.0",
-    "vite": "^6.3.0 || ^7.0.0 || ^8.0.0"
+    "vite": "^8.0.0"
   },
   "publishConfig": {
     "access": "public"

package/static/MockProvider.svelte

@@ -3,14 +3,10 @@
   import { action } from 'storybook/actions';
   
   import { setAfterNavigateArgument } from '@storybook/sveltekit/internal/mocks/app/navigation';
-  import { setAppStoresNavigating, setAppStoresPage, setAppStoresUpdated } from '@storybook/sveltekit/internal/mocks/app/stores';
 
   const { svelteKitParameters = {}, children } = $props();
 
   // Set context during component initialization - this happens before any child components
-  setAppStoresPage(svelteKitParameters?.stores?.page);
-  setAppStoresNavigating(svelteKitParameters?.stores?.navigating);
-  setAppStoresUpdated(svelteKitParameters?.stores?.updated);
   setAfterNavigateArgument(svelteKitParameters?.navigation?.afterNavigate);
 
   const normalizeHrefConfig = (hrefConfig) => {
@@ -110,7 +106,7 @@
 
     const removeNavigationListeners = createListeners(
       'navigation',
-      ['goto', 'invalidate', 'invalidateAll', 'pushState', 'replaceState'],
+      ['goto', 'invalidate', 'invalidateAll', 'refreshAll', 'pushState', 'replaceState'],
       true
     );
     const removeFormsListeners = createListeners('forms', ['enhance']);

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

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

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

@@ -0,0 +1,5 @@
+<script>
+  import favicon from '#lib/assets/favicon.svg';
+</script>
+
+<img alt="Svelte logo" src={favicon} />

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

@@ -3,6 +3,7 @@
     goto,
     invalidate,
     invalidateAll,
+    refreshAll,
     afterNavigate,
     replaceState,
     pushState,
@@ -31,6 +32,12 @@
   }}>invalidateAll</button
 >
 
+<button
+  on:click={() => {
+    refreshAll();
+  }}>refreshAll</button
+>
+
 <button
   on:click={() => {
     pushState('/storybook-push-state', {});

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

@@ -1,6 +1,6 @@
 <script>
-	import { assets, base } from "$app/paths";
+  import { asset, resolve } from '$app/paths';
 </script>
 
-<div data-testid="assets">{assets}</div>
-<div data-testid="base">{base}</div>
+<div data-testid="asset">{asset('robots.txt')}</div>
+<div data-testid="resolve">{resolve('/')}</div>

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

@@ -0,0 +1,5 @@
+<script>
+  import { STORYBOOK_STATIC_PUBLIC } from '$app/env/public';
+</script>
+
+<div data-testid="static-public">{STORYBOOK_STATIC_PUBLIC}</div>

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

@@ -0,0 +1,15 @@
+import { expect, within } from 'storybook/test';
+
+import Lib from './Lib.svelte';
+
+export default {
+  title: 'stories/frameworks/sveltekit/modules/lib',
+  component: Lib,
+};
+
+export const SubpathImport = {
+  async play({ canvasElement }) {
+    const canvas = within(canvasElement);
+    await expect(canvas.getByAltText('Svelte logo').getAttribute('src')).toMatch(/svg/);
+  },
+};

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

@@ -99,11 +99,29 @@ export const InvalidateAll = {
   },
 };
 
+const refreshAll = fn();
+
+export const RefreshAll = {
+  async play({ canvasElement }) {
+    const canvas = within(canvasElement);
+    const button = canvas.getByText('refreshAll');
+    button.click();
+    expect(refreshAll).toHaveBeenCalledWith();
+  },
+  parameters: {
+    sveltekit_experimental: {
+      navigation: {
+        refreshAll,
+      },
+    },
+  },
+};
+
 const afterNavigateFn = fn();
 
 export const AfterNavigate = {
   async play() {
-    expect(afterNavigateFn).toHaveBeenCalledWith({ test: 'passed' });
+    expect(afterNavigateFn).toHaveBeenCalledWith(expect.objectContaining({ test: 'passed' }));
   },
   args: {
     afterNavigateFn,
@@ -118,3 +136,16 @@ export const AfterNavigate = {
     },
   },
 };
+
+const defaultAfterNavigateFn = fn();
+
+export const AfterNavigateDefault = {
+  async play() {
+    expect(defaultAfterNavigateFn).toHaveBeenCalledWith(
+      expect.objectContaining({ type: 'enter', shallow: false, willUnload: false })
+    );
+  },
+  args: {
+    afterNavigateFn: defaultAfterNavigateFn,
+  },
+};

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

@@ -0,0 +1,15 @@
+import { expect, within } from 'storybook/test';
+
+import PublicEnv from './PublicEnv.svelte';
+
+export default {
+  title: 'stories/frameworks/sveltekit/modules/public-env',
+  component: PublicEnv,
+};
+
+export const Static = {
+  async play({ canvasElement }) {
+    const canvas = within(canvasElement);
+    await expect(canvas.getByTestId('static-public')).toHaveTextContent('static public value');
+  },
+};

package/dist/_node-chunks/chunk-NLX4AUI3.js

@@ -1,32 +0,0 @@
-import CJS_COMPAT_NODE_URL_8bzyphzac1d from 'node:url';
-import CJS_COMPAT_NODE_PATH_8bzyphzac1d from 'node:path';
-import CJS_COMPAT_NODE_MODULE_8bzyphzac1d from "node:module";
-
-var __filename = CJS_COMPAT_NODE_URL_8bzyphzac1d.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_8bzyphzac1d.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_8bzyphzac1d.createRequire(import.meta.url);
-
-// ------------------------------------------------------------
-// end of CJS compatibility banner, injected by Storybook's esbuild configuration
-// ------------------------------------------------------------
-
-// src/plugins/mock-sveltekit-stores.ts
-function mockSveltekitStores() {
-  return {
-    name: "storybook:sveltekit-mock-stores",
-    config: () => ({
-      resolve: {
-        alias: {
-          "$app/forms": "@storybook/sveltekit/internal/mocks/app/forms",
-          "$app/navigation": "@storybook/sveltekit/internal/mocks/app/navigation",
-          "$app/state": "@storybook/sveltekit/internal/mocks/app/state.svelte.js",
-          "$app/stores": "@storybook/sveltekit/internal/mocks/app/stores"
-        }
-      }
-    })
-  };
-}
-
-export {
-  mockSveltekitStores
-};

package/dist/mocks/app/stores.js

@@ -1,37 +0,0 @@
-import "../../_browser-chunks/chunk-4BE7D4DS.js";
-
-// src/mocks/app/stores.ts
-import { getContext, setContext } from "svelte";
-function createMockedStore(contextName) {
-  return [
-    {
-      subscribe(runner) {
-        let page2 = getContext(contextName);
-        return runner(page2), () => {
-        };
-      }
-    },
-    (value) => {
-      setContext(contextName, value);
-    }
-  ];
-}
-var [page, setAppStoresPage] = createMockedStore("page-ctx"), [navigating, setAppStoresNavigating] = createMockedStore("navigating-ctx"), [updated, setAppStoresUpdated] = createMockedStore("updated-ctx");
-updated.check = () => {
-};
-function getStores() {
-  return {
-    page,
-    navigating,
-    updated
-  };
-}
-export {
-  getStores,
-  navigating,
-  page,
-  setAppStoresNavigating,
-  setAppStoresPage,
-  setAppStoresUpdated,
-  updated
-};

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

@@ -1,17 +0,0 @@
-<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/stores.stories.js

@@ -1,115 +0,0 @@
-import Stores from './Stores.svelte';
-
-export default {
-  title: 'stories/frameworks/sveltekit/modules/stores',
-  component: Stores,
-};
-
-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,
-      },
-    },
-  },
-};