sku 14.3.0 → 14.4.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # sku
 
+## 14.4.0
+
+### Minor Changes
+
+- `sku test`: Add experimental support for `vitest` ([#1271](https://github.com/seek-oss/sku/pull/1271))
+
+  > Note: this is an experimental feature. Do not use in production.
+
+- Added `__unstableDangerouslySetViteConfig` to the sku config. ([#1276](https://github.com/seek-oss/sku/pull/1276))
+
+  This property is unstable and its implementation may change in future releases.
+
+- Added `compilePackages` and `skipPackageCompatibilityCompilation` support to the Vite compiler. ([#1276](https://github.com/seek-oss/sku/pull/1276))
+
+### Patch Changes
+
+- Removed `tsconfig.json` from the published files. ([#1276](https://github.com/seek-oss/sku/pull/1276))
+
+- Adding `babel-plugin-macros` to the Vite babel plugins ([#1276](https://github.com/seek-oss/sku/pull/1276))
+
+- Modify root resolution extension order ([#1279](https://github.com/seek-oss/sku/pull/1279))
+
+  Fixes a bug that caused multiple versions of the same package to be bundled in certain situations
+
+- Revert addition of `--disable-warning` flag to `sku` binary ([#1278](https://github.com/seek-oss/sku/pull/1278))
+
+  This flag was added to suppress certain warnings about experimental features being used by `sku`. However, the method use to set this flag is not compatible with certain distributions of Linux without additional configuration, so it has been removed.
+
 ## 14.3.0
 
 ### Minor Changes

package/bin.js

@@ -1,3 +1,3 @@
-#!/usr/bin/env -S node --disable-warning=ExperimentalWarning
+#!/usr/bin/env node
 
 import './dist/bin/sku.js';

package/dist/config/fileResolutionExtensions.js

@@ -1,12 +1,12 @@
 // TODO: Figure out a better way to share this config. This is currently copy-pasted from
 // `eslint-config-seek`
 export const extensions = {
-    js: ['js', 'jsx', 'mjs', 'cjs'],
-    ts: ['ts', 'tsx', 'mts', 'cts'],
+    js: ['mjs', 'cjs', 'js', 'jsx'],
+    ts: ['mts', 'cts', 'ts', 'tsx'],
 };
 const prependDot = (ext) => `.${ext}`;
 export const rootResolutionFileExtensions = [
-    ...extensions.ts.map(prependDot),
     ...extensions.js.map(prependDot),
     '.json',
+    ...extensions.ts.map(prependDot),
 ];

package/dist/context/createSkuContext.d.ts

@@ -10,10 +10,12 @@ export type NormalizedRoute = SkuRouteObject & {
 };
 export declare const createSkuContext: ({ configPath, port: portArg, strictPort, }: SkuContextOptions) => {
     bundler: "webpack" | "vite";
+    testRunner: "vitest" | "jest";
     configPath: string | undefined;
     publicPath: string;
     skuConfig: {
         __UNSAFE_EXPERIMENTAL__bundler: "webpack" | "vite";
+        __UNSAFE_EXPERIMENTAL__testRunner: "vitest" | "jest";
         clientEntry: string;
         compilePackages: string[];
         cspEnabled: boolean;
@@ -22,6 +24,7 @@ export declare const createSkuContext: ({ configPath, port: portArg, strictPort,
         dangerouslySetJestConfig: (skuJestConfig: any) => any;
         dangerouslySetTSConfig: (skuTSConfig: any) => any;
         dangerouslySetWebpackConfig: (skuWebpackConfig: any) => any;
+        __unstableDangerouslySetViteConfig: import("rollup").ObjectHook<(this: void, config: import("vite").UserConfig, env: import("vite").ConfigEnv) => Omit<import("vite").UserConfig, "plugins"> | null | void | Promise<Omit<import("vite").UserConfig, "plugins"> | null | void>>;
         devServerMiddleware: string;
         displayNamesProd: boolean;
         environments: readonly string[];

package/dist/context/createSkuContext.js

@@ -136,6 +136,7 @@ export const createSkuContext = ({ configPath, port: portArg, strictPort, }) =>
     const externalizeNodeModules = skuConfig.externalizeNodeModules;
     return {
         bundler: skuConfig.__UNSAFE_EXPERIMENTAL__bundler,
+        testRunner: skuConfig.__UNSAFE_EXPERIMENTAL__testRunner,
         configPath: appConfigPath,
         publicPath,
         skuConfig,

package/dist/context/defaultSkuConfig.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     __UNSAFE_EXPERIMENTAL__bundler: "webpack";
+    __UNSAFE_EXPERIMENTAL__testRunner: "jest";
     clientEntry: string;
     renderEntry: string;
     serverEntry: string;
@@ -27,6 +28,7 @@ declare const _default: {
     dangerouslySetJestConfig: <T>(a: T) => T;
     dangerouslySetESLintConfig: <T>(a: T) => T;
     dangerouslySetTSConfig: <T>(a: T) => T;
+    __unstableDangerouslySetViteConfig: <T>(a: T) => T;
     eslintIgnore: never[];
     supportedBrowsers: string[];
     cspEnabled: false;

package/dist/context/defaultSkuConfig.js

@@ -4,6 +4,7 @@ import isCompilePackage from "../utils/isCompilePackage.js";
 const defaultDecorator = (a) => a;
 export default {
     __UNSAFE_EXPERIMENTAL__bundler: 'webpack',
+    __UNSAFE_EXPERIMENTAL__testRunner: 'jest',
     clientEntry: 'src/client.js',
     renderEntry: 'src/render.js',
     serverEntry: 'src/server.js',
@@ -31,6 +32,7 @@ export default {
     dangerouslySetJestConfig: defaultDecorator,
     dangerouslySetESLintConfig: defaultDecorator,
     dangerouslySetTSConfig: defaultDecorator,
+    __unstableDangerouslySetViteConfig: defaultDecorator,
     eslintIgnore: [],
     supportedBrowsers: browserslistConfigSeek,
     cspEnabled: false,

package/dist/program/commands/test/jest-test-handler.d.ts

@@ -0,0 +1,6 @@
+import type { SkuContext } from "../../../context/createSkuContext.js";
+export declare const runJestTests: ({ skuContext, }: {
+    skuContext: SkuContext;
+}, { args }: {
+    args: string[];
+}) => Promise<void>;

package/dist/program/commands/test/jest-test-handler.js

@@ -0,0 +1,20 @@
+import debug from 'debug';
+import jest from 'jest';
+import isCI from "../../../utils/isCI.js";
+import { runVocabCompile } from "../../../services/vocab/runVocab.js";
+import { configureProject } from "../../../utils/configure.js";
+const log = debug('sku:jest');
+const { run } = jest;
+export const runJestTests = async ({ skuContext, }, { args = [] }) => {
+    await configureProject(skuContext);
+    await runVocabCompile(skuContext);
+    // https://jestjs.io/docs/configuration#preset-string
+    const jestPreset = 'sku';
+    log(`Using '${jestPreset}' Jest preset`);
+    const jestArgv = [...args];
+    jestArgv.push('--preset', jestPreset);
+    if (isCI) {
+        jestArgv.push('--ci');
+    }
+    run(jestArgv);
+};

package/dist/program/commands/test/test.action.js

@@ -1,20 +1,13 @@
-import debug from 'debug';
-import jest from 'jest';
-import isCI from "../../../utils/isCI.js";
 import { runVocabCompile } from "../../../services/vocab/runVocab.js";
 import { configureProject } from "../../../utils/configure.js";
-const log = debug('sku:jest');
-const { run } = jest;
+import { runJestTests } from './jest-test-handler.js';
+import { vitestHandler } from "./vitest-test-handler.js";
 export const testAction = async ({ skuContext, }, { args = [] }) => {
     await configureProject(skuContext);
     await runVocabCompile(skuContext);
-    // https://jestjs.io/docs/configuration#preset-string
-    const jestPreset = 'sku';
-    log(`Using '${jestPreset}' Jest preset`);
-    const jestArgv = [...args];
-    jestArgv.push('--preset', jestPreset);
-    if (isCI) {
-        jestArgv.push('--ci');
+    if (skuContext.testRunner === 'vitest') {
+        await vitestHandler({ skuContext, args });
+        return;
     }
-    run(jestArgv);
+    runJestTests({ skuContext }, { args });
 };

package/dist/program/commands/test/vitest-test-handler.d.ts

@@ -0,0 +1,5 @@
+import type { SkuContext } from "../../../context/createSkuContext.js";
+export declare const vitestHandler: ({ skuContext, args, }: {
+    skuContext: SkuContext;
+    args: string[];
+}) => Promise<void>;

package/dist/program/commands/test/vitest-test-handler.js

@@ -0,0 +1,39 @@
+import prompts from 'prompts';
+import installDep from "../../../services/packageManager/install.js";
+import isCI from "../../../utils/isCI.js";
+export const vitestHandler = async ({ skuContext, args, }) => {
+    let vitestImport = null;
+    try {
+        vitestImport = await import('@sku-lib/vitest');
+    }
+    catch (e) {
+        if (e.code !== 'ERR_MODULE_NOT_FOUND' || isCI) {
+            console.error(e.message);
+            return;
+        }
+        // If @sku-lib/vitest is not installed, and we're not on CI we prompt to install.
+        console.log('@sku-lib/vitest is not installed');
+        const res = await prompts({
+            type: 'confirm',
+            name: 'install',
+            message: 'Do you want to install `@sku-lib/vitest`?',
+            initial: true,
+        }, { onCancel: () => process.exit(1) });
+        if (!res.install) {
+            console.log('Exiting without running tests.');
+            return;
+        }
+        await installDep({
+            deps: ['@sku-lib/vitest'],
+            type: 'dev',
+            logLevel: 'regular',
+        });
+        // Retry running Vitest after installation
+        await vitestHandler({ skuContext, args });
+        return;
+    }
+    await vitestImport.runVitest({
+        setupFiles: skuContext.paths.setupTests,
+        args,
+    });
+};

package/dist/services/vite/helpers/config/baseConfig.d.ts

@@ -0,0 +1,3 @@
+import { type InlineConfig } from 'vite';
+import type { SkuContext } from "../../../../context/createSkuContext.js";
+export declare const createSkuViteConfig: (config: InlineConfig, skuContext: SkuContext) => Record<string, any>;

package/dist/services/vite/helpers/{createConfig.js → config/baseConfig.js}

@@ -1,30 +1,34 @@
-import { createRequire, builtinModules } from 'node:module';
-import react from '@vitejs/plugin-react';
+import { createRequire } from 'node:module';
+import { mergeConfig } from 'vite';
 import { cjsInterop } from 'vite-plugin-cjs-interop';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
-import { preloadPlugin } from '../plugins/preloadPlugin/preloadPlugin.js';
-import { fixViteVanillaExtractDepScanPlugin } from "../plugins/esbuild/fixViteVanillaExtractDepScanPlugin.js";
-import { outDir, renderEntryChunkName } from './bundleConfig.js';
-import vocabPluginVite from '@vocab/vite';
-import { getVocabConfig } from "../../vocab/config/vocab.js";
+import react from '@vitejs/plugin-react';
+import { preloadPlugin } from '../../plugins/preloadPlugin/preloadPlugin.js';
+import { fixViteVanillaExtractDepScanPlugin } from "../../plugins/esbuild/fixViteVanillaExtractDepScanPlugin.js";
 import { createVocabChunks } from '@vocab/vite/chunks';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import { getVocabConfig } from "../../../vocab/config/vocab.js";
+import vocabPluginVite from '@vocab/vite';
+import { dangerouslySetViteConfig } from '../../plugins/dangerouslySetViteConfig.js';
 const require = createRequire(import.meta.url);
-const clientEntry = require.resolve('../entries/vite-client.js');
-export const createViteConfig = ({ skuContext, configType = 'client', plugins = [], }) => {
-    const input = {
-        client: clientEntry,
-        ssr: skuContext.paths.serverEntry,
-        ssg: skuContext.paths.renderEntry,
-    };
+const getBaseConfig = (skuContext) => {
     const vocabConfig = getVocabConfig(skuContext);
-    const isStartCommand = Boolean(skuContext.commandName?.startsWith('start'));
     const isProductionBuild = process.env.NODE_ENV === 'production';
+    const prodBabelPlugins = [
+        [
+            require.resolve('babel-plugin-unassert'),
+            {
+                variables: ['assert', 'invariant'],
+                modules: ['assert', 'node:assert', 'tiny-invariant'],
+            },
+        ],
+    ];
     return {
-        base: isStartCommand ? '/' : skuContext.publicPath,
+        base: skuContext.publicPath,
         root: process.cwd(),
         clearScreen: process.env.NODE_ENV !== 'test',
         plugins: [
+            dangerouslySetViteConfig(skuContext),
             vocabConfig && vocabPluginVite.default({ vocabConfig }),
             tsconfigPaths(),
             cjsInterop({
@@ -33,17 +37,8 @@ export const createViteConfig = ({ skuContext, configType = 'client', plugins =
             react({
                 babel: {
                     plugins: [
-                        ...(isProductionBuild
-                            ? [
-                                [
-                                    require.resolve('babel-plugin-unassert'),
-                                    {
-                                        variables: ['assert', 'invariant'],
-                                        modules: ['assert', 'node:assert', 'tiny-invariant'],
-                                    },
-                                ],
-                            ]
-                            : []),
+                        require.resolve('babel-plugin-macros'),
+                        ...(isProductionBuild ? prodBabelPlugins : []),
                     ],
                 },
             }),
@@ -51,7 +46,6 @@ export const createViteConfig = ({ skuContext, configType = 'client', plugins =
             preloadPlugin({
                 convertFromWebpack: skuContext.convertLoadable, // Convert loadable import from webpack to vite. Can be put behind a flag.
             }),
-            ...plugins,
         ],
         resolve: {
             alias: {
@@ -64,16 +58,11 @@ export const createViteConfig = ({ skuContext, configType = 'client', plugins =
             'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
         },
         build: {
-            outDir: outDir[configType],
             emptyOutDir: true,
-            ssr: configType === 'ssr' || configType === 'ssg',
-            manifest: configType === 'client',
             ssrManifest: false,
             assetsDir: '',
             rollupOptions: {
-                input: input[configType],
                 output: {
-                    entryFileNames: configType === 'ssg' ? renderEntryChunkName : undefined,
                     experimentalMinChunkSize: undefined,
                     manualChunks: (id, ctx) => {
                         const languageChunkName = createVocabChunks(id, ctx);
@@ -88,19 +77,15 @@ export const createViteConfig = ({ skuContext, configType = 'client', plugins =
             esbuildOptions: {
                 plugins: [fixViteVanillaExtractDepScanPlugin()],
             },
+            exclude: skuContext.skuConfig.skipPackageCompatibilityCompilation,
         },
         ssr: {
-            external: [
-                ...builtinModules,
-                '@vanilla-extract/css/adapter',
-                'serialize-javascript',
-                'used-styles',
-                '@sku-lib/vite',
-                ...(configType === 'ssg' || configType === 'ssr'
-                    ? ['sku/vite/loadable']
-                    : []),
+            external: ['serialize-javascript', '@sku-lib/vite'],
+            noExternal: [
+                'braid-design-system',
+                ...skuContext.skuConfig.compilePackages,
             ],
-            noExternal: ['@vanilla-extract/css', 'braid-design-system'],
         },
     };
 };
+export const createSkuViteConfig = (config, skuContext) => mergeConfig(getBaseConfig(skuContext), config);

package/dist/services/vite/helpers/config/createConfig.d.ts

@@ -0,0 +1,6 @@
+import type { SkuContext } from "../../../../context/createSkuContext.js";
+export declare const createViteSsgConfig: (skuContext: SkuContext) => Record<string, any>;
+export declare const createViteSsrConfig: (skuContext: SkuContext) => Record<string, any>;
+export declare const createViteClientConfig: (skuContext: SkuContext) => Record<string, any>;
+export declare const createViteDevConfig: (skuContext: SkuContext) => Record<string, any>;
+export declare const createViteDevSsrConfig: (skuContext: SkuContext) => Record<string, any>;

package/dist/services/vite/helpers/config/createConfig.js

@@ -0,0 +1,87 @@
+import { createSkuViteConfig } from "./baseConfig.js";
+import { outDir, renderEntryChunkName, } from "../bundleConfig.js";
+import { createRequire } from 'node:module';
+import { middlewarePlugin } from "../../plugins/middlewarePlugin.js";
+import { startTelemetryPlugin } from "../../plugins/startTelemetry.js";
+import { HMRTelemetryPlugin } from "../../plugins/HMRTelemetry.js";
+import { httpsDevServerPlugin } from "../../plugins/httpsDevServerPlugin.js";
+import { getAppHosts } from "../../../../utils/contextUtils/hosts.js";
+const require = createRequire(import.meta.url);
+const clientEntry = require.resolve('../../entries/vite-client.js');
+export const createViteSsgConfig = (skuContext) => createSkuViteConfig({
+    build: {
+        ssr: true,
+        outDir: outDir.ssg,
+        rollupOptions: {
+            input: skuContext.paths.renderEntry,
+            output: {
+                entryFileNames: renderEntryChunkName,
+            },
+        },
+    },
+}, skuContext);
+export const createViteSsrConfig = (skuContext) => createSkuViteConfig({
+    build: {
+        ssr: true,
+        outDir: outDir.ssr,
+        rollupOptions: {
+            input: skuContext.paths.serverEntry,
+        },
+    },
+}, skuContext);
+export const createViteClientConfig = (skuContext) => createSkuViteConfig({
+    build: {
+        ssr: false,
+        outDir: outDir.client,
+        manifest: true,
+        rollupOptions: {
+            input: clientEntry,
+        },
+    },
+}, skuContext);
+export const createViteDevConfig = (skuContext) => createSkuViteConfig({
+    base: '/',
+    plugins: [
+        middlewarePlugin(skuContext),
+        startTelemetryPlugin({
+            target: 'node',
+            type: 'static',
+        }),
+        // eslint-disable-next-line new-cap
+        HMRTelemetryPlugin({
+            target: 'node',
+            type: 'static',
+        }),
+        httpsDevServerPlugin(skuContext),
+    ],
+    build: {
+        ssr: false,
+        outDir: outDir.client,
+        manifest: true,
+        rollupOptions: {
+            input: clientEntry,
+        },
+    },
+    server: {
+        host: 'localhost',
+        allowedHosts: getAppHosts(skuContext).filter((host) => typeof host === 'string'),
+    },
+}, skuContext);
+export const createViteDevSsrConfig = (skuContext) => createSkuViteConfig({
+    build: {
+        ssr: true,
+        outDir: outDir.ssr,
+        rollupOptions: {
+            input: skuContext.paths.serverEntry,
+        },
+    },
+    server: {
+        host: 'localhost',
+        middlewareMode: true,
+        hmr: true,
+        allowedHosts: getAppHosts(skuContext).filter((host) => typeof host === 'string'),
+    },
+    plugins: [httpsDevServerPlugin(skuContext)],
+    appType: 'custom',
+    base: '/',
+}, skuContext);

package/dist/services/vite/helpers/server/createViteServerSsr.js

@@ -3,11 +3,9 @@ import { Transform } from 'node:stream';
 import express from 'express';
 import crypto from 'node:crypto';
 import { readFile } from 'node:fs/promises';
-import { createViteConfig } from "../createConfig.js";
+import { createViteDevSsrConfig } from "../config/createConfig.js";
 import { createSsrHtml } from "../html/createSsrHtml.js";
 import { createCollector } from '@sku-lib/vite/collector';
-import { getAppHosts } from "../../../../utils/contextUtils/hosts.js";
-import { httpsDevServerPlugin } from '../../plugins/httpsDevServerPlugin.js';
 const base = process.env.BASE || '/';
 const resolve = (p) => path.resolve(process.cwd(), p);
 export const createViteServerSsr = async ({ skuContext, }) => {
@@ -20,21 +18,7 @@ export const createViteServerSsr = async ({ skuContext, }) => {
         let vite;
         if (!isProduction) {
             const { createServer: createViteSever } = await import('vite');
-            vite = await createViteSever({
-                ...createViteConfig({
-                    skuContext,
-                    configType: 'ssr',
-                }),
-                server: {
-                    host: 'localhost',
-                    middlewareMode: true,
-                    hmr: true,
-                    allowedHosts: getAppHosts(skuContext).filter((host) => typeof host === 'string'),
-                },
-                plugins: [httpsDevServerPlugin(skuContext)],
-                appType: 'custom',
-                base,
-            });
+            vite = await createViteSever(createViteDevSsrConfig(skuContext));
             app.use(vite.middlewares);
         }
         else {

package/dist/services/vite/index.js

@@ -1,7 +1,6 @@
-import { build } from 'vite';
-import { createViteServer } from './helpers/server/createViteServer.js';
+import { build, createServer } from 'vite';
 import { createViteServerSsr } from './helpers/server/createViteServerSsr.js';
-import { createViteConfig } from './helpers/createConfig.js';
+import { createViteClientConfig, createViteDevConfig, createViteSsgConfig, } from './helpers/config/createConfig.js';
 import { cleanTargetDirectory } from "../../utils/buildFileUtils.js";
 import { openBrowser } from "../../openBrowser/index.js";
 import { getAppHosts } from "../../utils/contextUtils/hosts.js";
@@ -11,11 +10,11 @@ import allocatePort from "../../utils/allocatePort.js";
 export const viteService = {
     buildSsr: async (skuContext) => {
         // TODO: This isn't fully implemented?
-        await build(createViteConfig({ skuContext }));
+        await build(createViteClientConfig(skuContext));
     },
     build: async (skuContext) => {
-        await build(createViteConfig({ skuContext }));
-        await build(createViteConfig({ skuContext, configType: 'ssg' }));
+        await build(createViteClientConfig(skuContext));
+        await build(createViteSsgConfig(skuContext));
         if (skuContext.routes) {
             await prerenderConcurrently(skuContext);
         }
@@ -24,7 +23,7 @@ export const viteService = {
     },
     start: async (skuContext) => {
         // TODO Get this to be backwards compat with webpack
-        const server = await createViteServer(skuContext);
+        const server = await createServer(createViteDevConfig(skuContext));
         const availablePort = await allocatePort({
             port: skuContext.port.client,
             host: '0.0.0.0',

package/dist/services/vite/plugins/dangerouslySetViteConfig.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vite';
+import type { SkuContext } from "../../../context/createSkuContext.js";
+export declare function dangerouslySetViteConfig(skuContext: SkuContext): Plugin;

package/dist/services/vite/plugins/dangerouslySetViteConfig.js

@@ -0,0 +1,6 @@
+export function dangerouslySetViteConfig(skuContext) {
+    return {
+        name: 'vite-plugin-dangerously-set-config',
+        config: skuContext.skuConfig.__unstableDangerouslySetViteConfig,
+    };
+}

package/dist/types/types.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, JSX } from 'react';
 import type { Express, RequestHandler } from 'express';
 import type { ChunkExtractor } from '@loadable/server';
 import type { Linter } from 'eslint';
+import type { Plugin } from 'vite';
 export type ViteRenderFunction = (options: {
     clientEntry: string;
 } & SharedRenderProps) => Promise<string>;
@@ -94,6 +95,15 @@ export interface SkuConfig {
      * @default "webpack"
      */
     __UNSAFE_EXPERIMENTAL__bundler?: 'webpack' | 'vite';
+    /**
+     * The test runner that sku uses to run the tests.
+     * This is an experimental option that may change or be removed without notice.
+     *
+     * NOTE: Not all sku functionality is supported by the `vitest` option.
+     *
+     * @default: "jest"
+     */
+    __UNSAFE_EXPERIMENTAL__testRunner?: 'vitest' | 'jest';
     /**
      * The client entry point to the app. The client entry is the file that executes your browser code.
      *
@@ -183,6 +193,21 @@ export interface SkuConfig {
      * @link https://seek-oss.github.io/sku/#/./docs/configuration?id=dangerouslysetwebpackconfig
      */
     dangerouslySetWebpackConfig?: (skuWebpackConfig: any) => any;
+    /**
+     * This function provides a way to modify sku's Vite configuration.
+     * It should only be used in exceptional circumstances where a solution cannot be achieved by adjusting standard configuration options.
+     *
+     * Before customizing your Vite configuration, please reach out in [#sku-support](https://seek.enterprise.slack.com/archives/CDL5VP5NU) to discuss your requirements and potential alternative solutions.
+     *
+     * As sku creates two Vite configs (`client` & `server|render`), this function will actually run twice.
+     * If you only need to modify one of these configs, then you can check `env.mode` from the second argument within.
+     *
+     * Sku provides no guarantees that its Vite configuration will remain compatible with any customizations made within this function.
+     * It is the responsibility of the user to ensure that their customizations are compatible with sku.
+     *
+     * @link https://seek-oss.github.io/sku/#/./docs/configuration?id=dangerouslysetviteconfig
+     */
+    __unstableDangerouslySetViteConfig?: Plugin['config'];
     /**
      * Path to a file in your project that exports a function that can receive the Express server.
      * This can be used to extend to the dev server middleware.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sku",
-  "version": "14.3.0",
+  "version": "14.4.0",
   "description": "Front-end development toolkit, powered by Webpack, Babel, Vanilla Extract and Jest",
   "types": "./dist/index.d.ts",
   "bin": {
@@ -41,7 +41,6 @@
     "scripts",
     "template",
     "CHANGELOG.md",
-    "tsconfig.json",
     "src/@loadable",
     "bin.js"
   ],
@@ -58,6 +57,7 @@
   },
   "homepage": "https://github.com/seek-oss/sku#readme",
   "peerDependencies": {
+    "@sku-lib/vitest": "*",
     "@storybook/react-webpack5": "^7.0.0 || ^8.0.0",
     "@types/react": "^18.0.0",
     "react": "^18.0.0",
@@ -69,6 +69,9 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "@sku-lib/vitest": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -160,6 +163,7 @@
     "postcss-loader": "^8.0.0",
     "prettier": "~3.5.0",
     "pretty-ms": "^9.2.0",
+    "prompts": "^2.4.2",
     "react-refresh": "^0.17.0",
     "resolve-from": "^5.0.0",
     "selfsigned": "^2.1.1",
@@ -178,8 +182,7 @@
     "webpack-dev-server": "^5.0.2",
     "webpack-merge": "^6.0.1",
     "webpack-node-externals": "^3.0.0",
-    "wrap-ansi": "^9.0.0",
-    "@sku-lib/vite": "0.1.0"
+    "wrap-ansi": "^9.0.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
@@ -195,6 +198,7 @@
     "@types/loadable__webpack-plugin": "^5.7.6",
     "@types/node": "^18.19.31",
     "@types/picomatch": "^2.3.3",
+    "@types/prompts": "^2.4.9",
     "@types/react": "^18.2.3",
     "@types/react-dom": "^18.2.3",
     "@types/semver": "^7.5.8",
@@ -213,7 +217,9 @@
     "react-router-dom": "^6.0.0",
     "ts-patch": "^3.3.0",
     "typescript-transform-paths": "^3.5.2",
-    "vitest": "^3.1.1"
+    "vitest": "^3.1.1",
+    "@sku-lib/vite": "0.1.0",
+    "@sku-lib/vitest": "0.1.0"
   },
   "scripts": {
     "postinstall": "node ./scripts/postinstall.js",

package/dist/services/vite/helpers/createConfig.d.ts

@@ -1,7 +0,0 @@
-import type { InlineConfig } from 'vite';
-import type { SkuContext } from "../../../context/createSkuContext.js";
-export declare const createViteConfig: ({ skuContext, configType, plugins, }: {
-    skuContext: SkuContext;
-    configType?: "client" | "ssr" | "ssg";
-    plugins?: InlineConfig["plugins"];
-}) => InlineConfig;

package/dist/services/vite/helpers/server/createViteServer.d.ts

@@ -1,2 +0,0 @@
-import type { SkuContext } from "../../../../context/createSkuContext.js";
-export declare const createViteServer: (skuContext: SkuContext) => Promise<import("vite").ViteDevServer>;

package/dist/services/vite/helpers/server/createViteServer.js

@@ -1,29 +0,0 @@
-import { middlewarePlugin } from "../../plugins/middlewarePlugin.js";
-import { createServer } from 'vite';
-import { createViteConfig } from '../createConfig.js';
-import { HMRTelemetryPlugin } from "../../plugins/HMRTelemetry.js";
-import { startTelemetryPlugin } from '../../plugins/startTelemetry.js';
-import { getAppHosts } from "../../../../utils/contextUtils/hosts.js";
-import { httpsDevServerPlugin } from '../../plugins/httpsDevServerPlugin.js';
-export const createViteServer = async (skuContext) => createServer({
-    ...createViteConfig({
-        skuContext,
-        plugins: [
-            middlewarePlugin(skuContext),
-            startTelemetryPlugin({
-                target: 'node',
-                type: 'static',
-            }),
-            // eslint-disable-next-line new-cap
-            HMRTelemetryPlugin({
-                target: 'node',
-                type: 'static',
-            }),
-            httpsDevServerPlugin(skuContext),
-        ],
-    }),
-    server: {
-        host: 'localhost',
-        allowedHosts: getAppHosts(skuContext).filter((host) => typeof host === 'string'),
-    },
-});

package/tsconfig.json

@@ -1,31 +0,0 @@
-{
-  "extends": "@tsconfig/node-lts/tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "target": "ESNext",
-    "allowJs": true,
-    "jsx": "react-jsx",
-    "module": "nodenext",
-    "baseUrl": ".",
-    "moduleResolution": "nodenext",
-    "allowSyntheticDefaultImports": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "declaration": true,
-    "types": ["webpack/module", "jest", "node"],
-    "lib": ["ESNext", "DOM"],
-    "paths": {
-      "@/*": ["src/*"]
-    },
-    "plugins": [
-      // Transform paths in output .js files
-      { "transform": "typescript-transform-paths" },
-
-      // Transform paths in output .d.ts files (Include this line if you output declarations files)
-      { "transform": "typescript-transform-paths", "afterDeclarations": true }
-    ]
-  },
-  "include": ["./src/**/*"],
-  "exclude": ["node_modules", "**/@loadable"]
-}