Merge pull request #25132 from paoloricciuti/fix-sveltekit-other-app-…

…modules

SvelteKit: Fix missing `$app` modules

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

@@ -7,7 +7,9 @@ export function mockSveltekitStores() {
     config: () => ({
       resolve: {
         alias: {
-          $app: resolve(__dirname, '../src/mocks/app/'),
+          '$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'),
         },
       },
     }),

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/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">{version}</div>

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/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>

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/environment.stories.js

@@ -0,0 +1,10 @@
+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 = {};

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/paths.stories.js

@@ -0,0 +1,10 @@
+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 = {};

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/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">{version}</div>

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/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>

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js

@@ -0,0 +1,10 @@
+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 = {};

code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/paths.stories.js

@@ -0,0 +1,10 @@
+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 = {};