sku 14.9.0 → 14.10.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # sku
 
+## 14.10.0
+
+### Minor Changes
+
+- Add production babel plugins to Vite bundler for optimized builds. ([#1350](https://github.com/seek-oss/sku/pull/1350))
+  - `babel-plugin-transform-react-remove-prop-types` - Strips PropTypes from production builds
+  - `@babel/plugin-transform-react-constant-elements` - Hoists constant JSX elements
+
+### Patch Changes
+
+- `start(vite)`: Fix sporadic hydration issues ([#1356](https://github.com/seek-oss/sku/pull/1356))
+
+- Fix hot reload modules loading as ESM causing Reference Error for type: module packages ([#1361](https://github.com/seek-oss/sku/pull/1361))
+
+  When in type: module package hot-module files (`*.hot-update.js`) could be loaded as ESM.
+  Resulting in a reference error.
+
+  **Example Error:**
+
+  ```js
+  exports.id = 0;
+  ^
+  // ReferenceError: exports is not defined
+  ```
+
+  Hot reload modules are now exported as `*.hot-update.cjs` to ensure they are loaded as CJS.
+
+- Don't emit `.npmrc` validation warning on CI ([#1352](https://github.com/seek-oss/sku/pull/1352))
+
+  `.npmrc` files may be generated on CI, causing a false positive
+
 ## 14.9.0
 
 ### Minor Changes
@@ -8,7 +39,7 @@
 
   ### React 19 support
 
-  Sku now has React 19 support, while still supporting React 18.
+  Sku now has React 19 support, while still supporting React 18. **React 19 contains breaking changes**. Please refer to the [React 19 migration guide](https://react.dev/blog/2024/04/25/react-19-upgrade-guide) for more information on how to upgrade your application.
 
   ### Vite bundler improvements
   - `config`: The vite bundler now has full support for all sku static-site config properties. (library mode and ssr mode is not supported.)

package/dist/config/{babel/babelConfig.js → babel.js}

@@ -1,6 +1,6 @@
-import { cwd } from '../../utils/cwd.js';
+import { cwd } from '../utils/cwd.js';
 import { createRequire } from 'node:module';
-import { rootResolutionFileExtensions } from '../fileResolutionExtensions.js';
+import { rootResolutionFileExtensions } from './fileResolutionExtensions.js';
 const require = createRequire(import.meta.url);
 export default ({ target, lang = 'js', browserslist, displayNamesProd = false, removeAssertionsInProduction = true, hot = false, rootResolution = false, }) => {
     const isBrowser = target === 'browser';

package/dist/{services/eslint/config/index.js → config/eslint/config.js}

@@ -2,7 +2,7 @@
 import eslintConfigSeek from 'eslint-config-seek';
 import { createImportOrderConfig } from './importOrder.js';
 import { createEslintIgnoresConfig } from './ignores.js';
-import { getSkuContext } from '../../../context/createSkuContext.js';
+import { getSkuContext } from '../../context/createSkuContext.js';
 export const createEslintConfig = ({ configPath, } = {}) => {
     const skuContext = getSkuContext({ configPath });
     const { eslintDecorator, eslintIgnore, languages, paths } = skuContext;

package/dist/{services/eslint/config → config/eslint}/importOrder.d.ts

@@ -1,4 +1,4 @@
-import type { SkuContext } from '../../../context/createSkuContext.js';
+import type { SkuContext } from '../../context/createSkuContext.js';
 export declare const createImportOrderConfig: ({ paths, rootResolution, }: SkuContext) => {
     rules: {
         'import-x/order': (string | {

package/dist/config/jest/jsBabelTransform.js

@@ -1,5 +1,5 @@
 import { createTransformer } from 'babel-jest';
-import babelConfig from '../babel/babelConfig.js';
+import babelConfig from '../babel.js';
 import targets from '../targets.json' with { type: 'json' };
 import { getSkuContext } from '../../context/createSkuContext.js';
 const { rootResolution } = getSkuContext();

package/dist/config/jest/tsBabelTransform.js

@@ -1,5 +1,5 @@
 import { createTransformer } from 'babel-jest';
-import babelConfig from '../babel/babelConfig.js';
+import babelConfig from '../babel.js';
 import targets from '../targets.json' with { type: 'json' };
 import { getSkuContext } from '../../context/createSkuContext.js';
 const { rootResolution } = getSkuContext();

package/dist/config/storybook/{index.cjs → config.cjs}

@@ -15,7 +15,8 @@
  */
 /** @type AsyncWebpackFinal */
 const webpackFinal = async (config, { configType }) => {
-    const makeStorybookWebpackConfig = (await import('./storybookWebpackConfig.js')).default;
+    const makeStorybookWebpackConfig = (await import('./webpackConfig.js'))
+        .default;
     return makeStorybookWebpackConfig(config, {
         // storybook dev -> configType === 'DEVELOPMENT'
         // storybook build -> configType === 'PRODUCTION'
@@ -24,7 +25,7 @@ const webpackFinal = async (config, { configType }) => {
 };
 /** @type {NonNullable<StorybookConfig['babel']>} */
 const babel = async () => {
-    const createBabelConfig = (await import('../babel/babelConfig.js')).default;
+    const createBabelConfig = (await import('../babel.js')).default;
     return createBabelConfig({
         target: 'browser',
         lang: 'ts',

package/dist/program/commands/init/init.command.js

@@ -1,6 +1,6 @@
 import { Command } from 'commander';
 import { packageManagerOption } from '../../options/packageManager/packageManager.option.js';
-import { setPackageManager } from '../../../services/packageManager/context/packageManager.js';
+import { setPackageManager } from '../../../services/packageManager/context.js';
 export const initCommand = new Command('init')
     .description('Initialize a new sku project')
     .argument('[projectName]', 'Project name')

package/dist/program/commands/translations/helpers/translation-helpers.js

@@ -1,6 +1,6 @@
 import { resolveConfig } from '@vocab/core';
-import { getVocabConfig } from '../../../../services/vocab/config/vocab.js';
 import { execSync } from 'node:child_process';
+import { getVocabConfig } from '../../../../services/vocab/config.js';
 export const ensureBranch = async () => {
     const branch = getGitBranch();
     if (!branch) {

package/dist/services/eslint/eslintMigration.js

@@ -1,9 +1,9 @@
 import { rm } from 'node:fs/promises';
 import { includeIgnoreFile } from '@eslint/compat';
-import { createEslintIgnoresConfig } from './config/ignores.js';
 import { getPathFromCwd } from '../../utils/cwd.js';
 import exists from '../../utils/exists.js';
 import { SkuConfigUpdater } from '../../utils/SkuConfigUpdater.js';
+import { createEslintIgnoresConfig } from '../../config/eslint/ignores.js';
 const oldEslintConfigPath = getPathFromCwd('.eslintrc');
 const eslintIgnorePath = getPathFromCwd('.eslintignore');
 export const shouldMigrateOldEslintConfig = async () => {

package/dist/services/packageManager/packageManager.js

@@ -2,7 +2,7 @@ import { findUpSync } from 'find-up';
 import { dirname } from 'node:path';
 import { resolveCommand } from 'package-manager-detector/commands';
 import { INSTALL_PAGE } from 'package-manager-detector/constants';
-import { getPackageManager } from './context/packageManager.js';
+import { getPackageManager } from './context.js';
 import semver from 'semver';
 const supportedPackageManagers = ['yarn', 'pnpm', 'npm'];
 const validatePackageManager = (packageManager) => {

package/dist/services/packageManager/pnpmConfig.js

@@ -2,11 +2,12 @@ import banner from '../../utils/banners/banner.js';
 import exists from '../../utils/exists.js';
 import chalk from 'chalk';
 import path from 'node:path';
+import isCI from '../../utils/isCI.js';
 const accent = chalk.blue.bold;
 const info = chalk.bold;
 export const validatePnpmConfig = async ({ rootDir, hasRecommendedPnpmVersionInstalled, pnpmPluginSkuInstalled, }) => {
     const npmrcExists = await exists(path.join(rootDir, '.npmrc'));
-    if (npmrcExists) {
+    if (!isCI && npmrcExists) {
         banner('warning', 'Detected .npmrc file', [
             `Please migrate all ${accent('.npmrc')} configuration to ${accent('pnpm-workspace.yaml')} and add ${accent('.npmrc')} to your ${accent('.gitignore')}. See ${info('https://pnpm.io/settings')} for more information.`,
         ]);

package/dist/services/prettier/runPrettier.js

@@ -7,7 +7,7 @@ import { suggestScript } from '../../utils/suggestScript.js';
 import { fileURLToPath } from 'node:url';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const prettierIgnorePath = getPathFromCwd('.prettierignore');
-const prettierConfigPath = path.join(__dirname, './config/prettierConfig.js');
+const prettierConfigPath = path.join(__dirname, '../../config/prettier.js');
 const runPrettier = async ({ write, listDifferent, paths, }) => {
     console.log(chalk.cyan(`${write ? 'Formatting' : 'Checking'} code with Prettier`));
     const prettierArgs = ['--config', prettierConfigPath, '--cache'];

package/dist/services/typescript/{config/tsconfig.d.ts → tsconfig.d.ts}

@@ -1,3 +1,3 @@
-import type { SkuContext } from '../../../context/createSkuContext.js';
+import type { SkuContext } from '../../context/createSkuContext.js';
 declare const _default: ({ rootResolution, tsconfigDecorator, tsPaths }: SkuContext) => any;
 export default _default;

package/dist/services/typescript/{config/tsconfig.js → tsconfig.js}

@@ -1,4 +1,4 @@
-import { cwd } from '../../../utils/cwd.js';
+import { cwd } from '../../utils/cwd.js';
 export default ({ rootResolution, tsconfigDecorator, tsPaths }) => {
     const config = {
         compilerOptions: {

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

@@ -8,7 +8,7 @@ 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 { getVocabConfig } from '../../../vocab/config.js';
 import vocabPluginVite from '@vocab/vite';
 import { dangerouslySetViteConfig } from '../../plugins/dangerouslySetViteConfig.js';
 import { setSsrNoExternal } from '../../plugins/setSsrNoExternal.js';
@@ -18,6 +18,8 @@ const getBaseConfig = (skuContext) => {
     const vocabConfig = getVocabConfig(skuContext);
     const isProductionBuild = process.env.NODE_ENV === 'production';
     const prodBabelPlugins = [
+        require.resolve('babel-plugin-transform-react-remove-prop-types'),
+        require.resolve('@babel/plugin-transform-react-constant-elements'),
         [
             require.resolve('babel-plugin-unassert'),
             {
@@ -53,9 +55,7 @@ const getBaseConfig = (skuContext) => {
                     ],
                 },
             }),
-            vanillaExtractPlugin({
-                unstable_mode: 'inlineCssInDev',
-            }),
+            vanillaExtractPlugin(),
             preloadPlugin({
                 convertFromWebpack: skuContext.convertLoadable, // Convert loadable import from webpack to vite. Can be put behind a flag.
             }),

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

@@ -8,6 +8,7 @@ import { httpsDevServerPlugin } from '../../plugins/httpsDevServerPlugin.js';
 import { getAppHosts } from '../../../../utils/contextUtils/hosts.js';
 import isCI from '../../../../utils/isCI.js';
 import { bundleAnalyzerPlugin } from '../../plugins/bundleAnalyzer.js';
+import { vitePluginSsrCss } from '../../plugins/ssrCss/plugin.js';
 const require = createRequire(import.meta.url);
 const clientEntry = require.resolve('../../entries/vite-client.js');
 const shouldOpenTab = process.env.OPEN_TAB !== 'false' && !isCI;
@@ -50,6 +51,9 @@ export const createStartConfig = (skuContext) => {
     return createSkuViteConfig({
         base: '/',
         plugins: [
+            vitePluginSsrCss({
+                entries: [skuContext.paths.renderEntry],
+            }),
             middlewarePlugin(skuContext),
             startTelemetryPlugin({
                 target: 'node',

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

@@ -2,13 +2,15 @@ import assert from 'node:assert';
 import path from 'node:path';
 import fs from 'node:fs/promises';
 import resolveSync from 'resolve-from';
+import debug from 'debug';
+const log = debug('sku:dependency-graph');
 export const resolveFrom = async (fromDirectory, moduleId) => resolveSync(fromDirectory, moduleId);
 const ROOT = 'ROOT';
 const promiseMap = async (items, fn) => Promise.all(items.map(fn));
 const loadPackage = async (packageJsonPath) => fs
     .readFile(packageJsonPath, 'utf-8')
     .then(JSON.parse);
-const anaylyseDependency = async (dependent, dep, rootDir, depGraph) => {
+const analyseDependency = async (dependent, dep, rootDir, depGraph) => {
     const packageJsonPath = await resolveFrom(rootDir, `${dep}/package.json`);
     const packageJson = await loadPackage(packageJsonPath);
     const dependencies = Object.keys(packageJson.dependencies ?? {});
@@ -30,10 +32,18 @@ const anaylyseDependency = async (dependent, dep, rootDir, depGraph) => {
             dependencies,
             peerDependencies,
         });
-        await promiseMap([...dependencies, ...peerDependencies], (childDep) => anaylyseDependency(dep, childDep, path.dirname(packageJsonPath), depGraph));
+        await promiseMap([...dependencies, ...peerDependencies], async (childDep) => {
+            try {
+                await analyseDependency(dep, childDep, path.dirname(packageJsonPath), depGraph);
+            }
+            catch (e) {
+                log(`Error analysing dependency ${childDep} for ${dep}.`, e);
+            }
+        });
     }
 };
 export const extractDependencyGraph = async (rootDir) => {
+    log('starting to extract dependency graph...');
     const depGraph = new Map();
     const packageJson = await loadPackage(`${rootDir}/package.json`);
     const deps = Object.keys(packageJson.dependencies ?? {});
@@ -46,12 +56,13 @@ export const extractDependencyGraph = async (rootDir) => {
     depGraph.set(ROOT, dependency);
     await promiseMap(deps, async (childDep) => {
         try {
-            await anaylyseDependency(ROOT, childDep, rootDir, depGraph);
+            await analyseDependency(ROOT, childDep, rootDir, depGraph);
         }
-        catch {
-            // Ignore dep errors
+        catch (e) {
+            log(`Error analysing dependency ${childDep} for ${ROOT}.`, e);
         }
     });
+    log('finished extracting dependency graph');
     return depGraph;
 };
 export const getSsrExternalsForCompiledDependency = (depName, depGraph) => {
@@ -70,7 +81,9 @@ export const getSsrExternalsForCompiledDependency = (depName, depGraph) => {
         dependent.dependents.forEach((dep) => dependents.add(dep));
     }
     noExternals.delete(ROOT);
+    const noExternal = Array.from(noExternals);
+    log(`Found dependencies to prevent externalising for ${depName}:`, noExternal);
     return {
-        noExternal: Array.from(noExternals),
+        noExternal,
     };
 };

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

@@ -21,7 +21,7 @@ export const middlewarePlugin = (skuContext) => ({
             log('Using dev server middleware at %s', skuContext.paths.devServerMiddleware);
             const devServerMiddleware = (await import(skuContext.paths.devServerMiddleware)).default;
             if (devServerMiddleware && typeof devServerMiddleware === 'function') {
-                devServerMiddleware(server);
+                devServerMiddleware(server.middlewares);
                 log('Dev server middleware loaded');
             }
         }

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

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

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

@@ -1,20 +1,18 @@
-import { mergeConfig } from 'vite';
 import { extractDependencyGraph, getSsrExternalsForCompiledDependency, } from '../helpers/config/dependencyGraph.js';
 export function setSsrNoExternal(skuContext) {
     return {
         name: 'vite-plugin-set-ssr-no-external',
-        config: async (config) => {
+        async config() {
             const depGraph = await extractDependencyGraph(process.cwd());
             const ssrExternals = getSsrExternalsForCompiledDependency('@vanilla-extract/css', depGraph);
-            const mergedConfig = mergeConfig(config, {
+            return {
                 ssr: {
                     noExternal: [
                         ...skuContext.skuConfig.compilePackages,
                         ...ssrExternals.noExternal,
                     ],
                 },
-            });
-            return mergedConfig;
+            };
         },
     };
 }

package/dist/services/vite/plugins/ssrCss/collect.d.ts

@@ -0,0 +1,2 @@
+import type { ViteDevServer } from 'vite';
+export declare function collectStyle(server: ViteDevServer, entries: string[]): Promise<string>;

package/dist/services/vite/plugins/ssrCss/collect.js

@@ -0,0 +1,45 @@
+// style collection
+// https://github.com/remix-run/remix/blob/1a8a5216106bd8c3073cc3e5e5399a32c981db74/packages/remix-dev/vite/styles.ts
+// https://github.com/vikejs/vike/blob/f9a91f3c47cab9c2871526ef714cc0f87a41fda0/vike/node/runtime/renderPage/getPageAssets/retrieveAssetsDev.ts
+// https://github.com/sveltejs/kit/blob/998edb26d431e4ee4d3b4dc792a86960a85a5b45/packages/kit/src/exports/vite/dev/index.js#L186-L219
+// https://github.com/withastro/astro/blob/6aaeec5034cabf6a83e1949ec1ca8f50e7978cc1/packages/astro/src/vite-plugin-astro-server/css.ts
+export async function collectStyle(server, entries) {
+    const urls = await collectStyleUrls(server, entries);
+    const codes = await Promise.all(urls.map(async (url) => {
+        const res = url.includes('\0')
+            ? await server.ssrLoadModule(url).then((m) => m.default)
+            : await server
+                .transformRequest(`${url}?direct`)
+                .then((result) => result?.code);
+        return [`/* [collectStyle] ${url} */`, res];
+    }));
+    return codes.flat().filter(Boolean).join('\n\n');
+}
+async function collectStyleUrls(server, entries) {
+    const visited = new Set();
+    async function traverse(url) {
+        const [, id] = await server.moduleGraph.resolveUrl(url);
+        if (visited.has(id)) {
+            return;
+        }
+        visited.add(id);
+        const mod = server.moduleGraph.getModuleById(id);
+        if (!mod) {
+            return;
+        }
+        // Sequential traversal for depth-first behavior
+        for (const childMod of mod.importedModules) {
+            await traverse(childMod.url);
+        }
+    }
+    // ensure vite's import analysis is ready _only_ for top entries to not go too aggresive
+    await Promise.all(entries.map((e) => server.transformRequest(e)));
+    // traverse sequentially for depth-first
+    for (const url of entries) {
+        await traverse(url);
+    }
+    // filter
+    return [...visited].filter((url) => url.match(CSS_LANGS_RE));
+}
+// cf. https://github.com/vitejs/vite/blob/d6bde8b03d433778aaed62afc2be0630c8131908/packages/vite/src/node/constants.ts#L49C23-L50
+const CSS_LANGS_RE = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;

package/dist/services/vite/plugins/ssrCss/index.d.ts

@@ -0,0 +1 @@
+export { vitePluginSsrCss } from './plugin.js';

package/dist/services/vite/plugins/ssrCss/index.js

@@ -0,0 +1 @@
+export { vitePluginSsrCss } from './plugin.js';

package/dist/services/vite/plugins/ssrCss/plugin.d.ts

@@ -0,0 +1,11 @@
+import type { Plugin } from 'vite';
+/**
+ * This plugin provides virtual:ssr-css.css to collect styles reachable from entries.
+ * When using ViteDevServer.transformIndexHtml, it will inject <link rel="stylesheet" href="/@id/__x00__virtual:ssr-css.css" /> to <head>.
+ *
+ * This plugin has been forked from `hi-ogawa/vite-plugins`, with some adjustments to make it work with Sku + Braid.
+ * @see https://github.com/hi-ogawa/vite-plugins/blob/main/packages/ssr-css/README.md
+ */
+export declare function vitePluginSsrCss(pluginOpts: {
+    entries: string[];
+}): Plugin;

package/dist/services/vite/plugins/ssrCss/plugin.js

@@ -0,0 +1,83 @@
+import { collectStyle } from './collect.js';
+const PLUGIN_NAME = 'vite-plugin-ssr-css';
+const VIRTUAL_ENTRY = 'virtual:ssr-css.css';
+/**
+ * This plugin provides virtual:ssr-css.css to collect styles reachable from entries.
+ * When using ViteDevServer.transformIndexHtml, it will inject <link rel="stylesheet" href="/@id/__x00__virtual:ssr-css.css" /> to <head>.
+ *
+ * This plugin has been forked from `hi-ogawa/vite-plugins`, with some adjustments to make it work with Sku + Braid.
+ * @see https://github.com/hi-ogawa/vite-plugins/blob/main/packages/ssr-css/README.md
+ */
+export function vitePluginSsrCss(pluginOpts) {
+    let server;
+    const virtualHref = `/@id/__x00__${VIRTUAL_ENTRY}`;
+    return {
+        name: PLUGIN_NAME,
+        apply: 'serve',
+        configureServer(server_) {
+            server = server_;
+            // invalidate virtual modules for each direct request
+            server.middlewares.use((req, _res, next) => {
+                if (req.url === virtualHref) {
+                    invalidateModule(server, `\0${VIRTUAL_ENTRY}?direct`);
+                }
+                next();
+            });
+        },
+        // virtual module
+        // (use `startsWith` since Vite adds `?direct` for raw css request)
+        resolveId(source, _importer, _options) {
+            return source.startsWith(VIRTUAL_ENTRY) ? `\0${source}` : undefined;
+        },
+        async load(id, _options) {
+            if (id.startsWith(`\0${VIRTUAL_ENTRY}`)) {
+                try {
+                    const url = new URL(id.slice(1), 'https://test.local');
+                    let code = await collectStyle(server, pluginOpts.entries);
+                    if (!url.searchParams.has('direct')) {
+                        code = `export default ${JSON.stringify(code)}`;
+                    }
+                    return code;
+                }
+                catch (e) {
+                    console.error(e);
+                }
+            }
+            return;
+        },
+        // also expose via transformIndexHtml
+        transformIndexHtml: {
+            handler: async () => [
+                {
+                    tag: 'link',
+                    injectTo: 'head',
+                    attrs: {
+                        rel: 'stylesheet',
+                        href: virtualHref,
+                        'data-ssr-css': true,
+                    },
+                },
+                {
+                    tag: 'script',
+                    injectTo: 'head',
+                    attrs: { type: 'module' },
+                    children: /* js */ `
+              import { createHotContext } from "/@vite/client";
+              const hot = createHotContext("/__clear_ssr_css");
+              hot.on("vite:afterUpdate", () => {
+                document
+                  .querySelectorAll("[data-ssr-css]")
+                  .forEach(node => node.remove());
+              });
+            `,
+                },
+            ],
+        },
+    };
+}
+function invalidateModule(server, id) {
+    const mod = server.moduleGraph.getModuleById(id);
+    if (mod) {
+        server.moduleGraph.invalidateModule(mod);
+    }
+}

package/dist/services/vocab/{config/vocab.d.ts → config.d.ts}

@@ -1,4 +1,4 @@
-import type { SkuContext } from '../../../context/createSkuContext.js';
+import type { SkuContext } from '../../context/createSkuContext.js';
 export declare const getVocabConfig: ({ languages }: SkuContext) => {
     devLanguage: string;
     ignore: string[];

package/dist/services/vocab/runVocab.js

@@ -1,5 +1,5 @@
 import { compile } from '@vocab/core';
-import { getVocabConfig } from './config/vocab.js';
+import { getVocabConfig } from './config.js';
 export const runVocabCompile = async (skuContext) => {
     const vocabConfig = getVocabConfig(skuContext);
     if (vocabConfig) {

package/dist/services/webpack/config/utils/loaders.d.ts

@@ -9,7 +9,7 @@ type BabelConfigOptions = {
 };
 export declare const makeJsLoaders: (options: BabelConfigOptions) => {
     loader: string;
-    options: import("../../../../config/babel/babelConfig.js").SkuBabelConfig;
+    options: import("../../../../config/babel.js").SkuBabelConfig;
 }[];
 type MakeExternalCssLoadersOptions = {
     target: 'node' | 'browser';

package/dist/services/webpack/config/utils/loaders.js

@@ -1,4 +1,4 @@
-import babelConfig from '../../../../config/babel/babelConfig.js';
+import babelConfig from '../../../../config/babel.js';
 import autoprefixer from 'autoprefixer';
 import cssnano from 'cssnano';
 import { createRequire } from 'node:module';

package/dist/services/webpack/config/webpack.config.js

@@ -13,7 +13,7 @@ import MetricsPlugin from './plugins/metrics-plugin/index.js';
 import { VocabWebpackPlugin } from '@vocab/webpack';
 import { JAVASCRIPT, resolvePackage } from './utils/index.js';
 import { cwd } from '../../../utils/cwd.js';
-import { getVocabConfig } from '../../vocab/config/vocab.js';
+import { getVocabConfig } from '../../vocab/config.js';
 import getStatsConfig from './statsConfig.js';
 import getSourceMapSetting from './sourceMaps.js';
 import getCacheSettings from './cache.js';

package/dist/services/webpack/config/webpack.config.ssr.js

@@ -14,7 +14,7 @@ import { VocabWebpackPlugin } from '@vocab/webpack';
 import { bundleAnalyzerPlugin } from './plugins/bundleAnalyzer.js';
 import { JAVASCRIPT, resolvePackage } from './utils/index.js';
 import { requireFromCwd } from '../../../utils/cwd.js';
-import { getVocabConfig } from '../../vocab/config/vocab.js';
+import { getVocabConfig } from '../../vocab/config.js';
 import getStatsConfig from './statsConfig.js';
 import getSourceMapSetting from './sourceMaps.js';
 import getCacheSettings from './cache.js';
@@ -204,6 +204,7 @@ const makeWebpackConfig = ({ clientPort, serverPort, isDevServer = false, hot =
                 path: paths.target,
                 publicPath,
                 filename: `server.${type === 'module' ? 'c' : ''}js`,
+                hotUpdateChunkFilename: `[id].[fullhash].hot-update.${type === 'module' ? 'c' : ''}js`,
                 library: { name: 'server', type: 'var' },
             },
             cache: getCacheSettings({ isDevServer, paths }),

package/dist/utils/SkuConfigUpdater.js

@@ -5,7 +5,7 @@ import { parseModule, builders, generateCode, } from 'magicast';
 import { getConfigFromVariableDeclaration } from 'magicast/helpers';
 import debug from 'debug';
 import prettier from 'prettier';
-import prettierConfig from '../services/prettier/config/prettierConfig.js';
+import prettierConfig from '../config/prettier.js';
 const log = debug('sku:update-sku-config');
 export class SkuConfigUpdater {
     /** The AST or AST proxy of the sku config */

package/dist/utils/configureApp.js

@@ -3,8 +3,8 @@ import path from 'node:path';
 import dedent from 'dedent';
 import chalk from 'chalk';
 import ensureGitignore from 'ensure-gitignore';
-import prettierConfig from '../services/prettier/config/prettierConfig.js';
-import createTSConfig from '../services/typescript/config/tsconfig.js';
+import prettierConfig from '../config/prettier.js';
+import createTSConfig from '../services/typescript/tsconfig.js';
 import { bundleReportFolder } from '../services/webpack/config/plugins/bundleAnalyzer.js';
 import { shouldMigrateOldEslintConfig, migrateEslintignore, cleanUpOldEslintFiles, addEslintIgnoreToSkuConfig, } from '../services/eslint/eslintMigration.js';
 import getCertificate from './certificate.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sku",
-  "version": "14.9.0",
+  "version": "14.10.0",
   "description": "Front-end development toolkit, powered by Webpack, Babel, Vanilla Extract and Jest",
   "types": "./dist/index.d.ts",
   "bin": {
@@ -13,14 +13,14 @@
         "require": "./dist/index.d.cts"
       }
     },
-    "./jest-preset": "./dist/config/jest/jest-preset.js",
+    "./jest-preset": "./dist/config/jest/preset.js",
     "./config/eslint": {
-      "types": "./dist/services/eslint/config/index.d.ts",
-      "default": "./dist/services/eslint/config/index.js"
+      "types": "./dist/config/eslint/config.d.ts",
+      "default": "./dist/config/eslint/config.js"
     },
     "./config/storybook": {
-      "types": "./dist/config/storybook/index.d.ts",
-      "default": "./dist/config/storybook/index.cjs"
+      "types": "./dist/config/storybook/config.d.ts",
+      "default": "./dist/config/storybook/config.cjs"
     },
     "./vite/loadable": {
       "types": "./dist/services/vite/loadable/index.d.ts",