add mock state.ts

Author: alexandfox

code/frameworks/sveltekit/src/mocks/app/state.ts

@@ -0,0 +1,69 @@
+import { getContext, setContext } from 'svelte';
+import { state } from 'svelte/reactivity';
+
+function createMockedStateValue<T>(contextName: string, defaultValue?: T) {
+  let value = state.raw(getContext(contextName) ?? defaultValue);
+   
+  return {
+    get current() {
+      return value;
+    },
+    set current(newValue: T) {
+      value = newValue;
+      setContext(contextName, newValue);
+    }
+  };
+}
+
+function createPageState() {
+  const contextValue = getContext('page-state-ctx') ?? {
+    url: new URL('http://localhost:6006'),
+    params: {},
+    route: {
+      id: '/'
+    },
+    status: 200,
+    error: null,
+    data: {},
+    form: undefined,
+    state: {}
+  };
+
+  return state.raw(contextValue);
+}
+
+function createNavigatingState() {
+  const contextValue = getContext('navigating-state-ctx') ?? null;
+  return state.raw(contextValue);
+}
+
+function createUpdatedState() {
+  const updatedValue = createMockedStateValue('updated-state-ctx', false);
+  
+  return {
+    get current() {
+      return updatedValue.current;
+    },
+    check: async () => {
+      const event = new CustomEvent('storybook:updated-check');
+      window.dispatchEvent(event);
+      return false;
+    }
+  };
+}
+
+export const page = createPageState();
+export const navigating = createNavigatingState();
+export const updated = createUpdatedState();
+
+export function setPageState(value: any) {
+  setContext('page-state-ctx', value);
+}
+
+export function setNavigatingState(value: any) {
+  setContext('navigating-state-ctx', value);
+}
+
+export function setUpdatedState(value: boolean) {
+  setContext('updated-state-ctx', value);
+}

code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts

@@ -8,6 +8,7 @@ export function mockSveltekitStores() {
         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',
           '$app/stores': '@storybook/sveltekit/internal/mocks/app/stores',
         },
       },