@pixolith/webpack-sw6-config 11.0.9 → 12.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixolith/webpack-sw6-config",
   "public": true,
-  "version": "11.0.9",
+  "version": "12.0.0",
   "description": "",
   "main": "src/index.js",
   "scripts": {},
@@ -21,7 +21,7 @@
     "url": "https://github.com/pixolith/webpack-plugins/issues"
   },
   "homepage": "https://github.com/pixolith/webpack-plugins/tree/master/packages/webpack-hook-plugin/#readme",
-  "gitHead": "043bba0319a06f598d397a462d9c25609bddc4bc",
+  "gitHead": "5c29b0a4c1b2e0876f25a05f517100c83fc9a36c",
   "dependencies": {
     "@babel/cli": "7.25.9",
     "@babel/core": "^7.26.0",
@@ -29,15 +29,15 @@
     "@babel/plugin-proposal-decorators": "7.25.9",
     "@babel/preset-env": "7.26.0",
     "@babel/preset-typescript": "7.26.0",
-    "@pixolith/eslint-config-sw6": "^11.0.0",
-    "@pixolith/external-svg-sprite-loader": "^11.0.0",
-    "@pixolith/stylelint-config-standard": "^11.0.0",
-    "@pixolith/webpack-assets-copy-plugin": "^11.0.0",
-    "@pixolith/webpack-filename-linter-plugin": "^11.0.0",
-    "@pixolith/webpack-hook-plugin": "^11.0.0",
-    "@pixolith/webpack-sw6-plugin-map-emitter": "^11.0.0",
-    "@pixolith/webpack-twig-assets-emitter-plugin": "^11.0.8",
-    "@pixolith/webpack-watcher": "^11.0.5",
+    "@pixolith/eslint-config-sw6": "^12.0.0",
+    "@pixolith/external-svg-sprite-loader": "^12.0.0",
+    "@pixolith/stylelint-config-standard": "^12.0.0",
+    "@pixolith/webpack-assets-copy-plugin": "^12.0.0",
+    "@pixolith/webpack-filename-linter-plugin": "^12.0.0",
+    "@pixolith/webpack-hook-plugin": "^12.0.0",
+    "@pixolith/webpack-sw6-plugin-map-emitter": "^12.0.0",
+    "@pixolith/webpack-twig-assets-emitter-plugin": "^12.0.0",
+    "@pixolith/webpack-watcher": "^12.0.0",
     "@swc/core": "^1.9.3",
     "autoprefixer": "^10.4.20",
     "babel-loader": "^9.2.1",

package/src/config.js

@@ -6,11 +6,22 @@ const config = {
     isProd: process.env.NODE_ENV === 'production',
     isDebug: !!process.env.DEBUG || false,
     shopwareMode: process.env.SHOPWARE_MODE,
-    shopwareVersion: process.env.SHOPWARE_VERSION || '6.6',
 
     assetUrl: process.env.ASSET_URL || '/',
     pluginPrefixes: process.env.PLUGIN_PREFIXES || 'Pxsw',
 
+    // Multi-theme build configuration (mandatory in v12+)
+    themeNames: process.env.THEME_NAMES
+        ? process.env.THEME_NAMES.split(',')
+              .map((s) => s.trim())
+              .filter(Boolean)
+        : [],
+    skipPlugins: process.env.SKIP_PLUGINS
+        ? process.env.SKIP_PLUGINS.split(',')
+              .map((s) => s.trim())
+              .filter(Boolean)
+        : [],
+
     pxSharedPath: process.env.SHARED_SCSS_PATH || '../../shared',
     scssFolder: process.env.SCSS_FOLDER || 'scss',
     jsFolder: process.env.JS_FOLDER || 'js',
@@ -32,11 +43,35 @@ const config = {
     shopwareVendorPath: Path.join(process.cwd(), 'vendor/shopware/storefront/Resources/app/storefront/vendor'),
     shopwarePluginPath: Path.join(process.cwd(), 'vendor/shopware/storefront/Resources/app/storefront/src'),
 
-    allowedExtensions: ['.ts', '.js', '.scss', '.css', '.svg']
+    allowedExtensions: ['.ts', '.js', '.scss', '.css', '.svg'],
+};
+
+// PICKED_THEME: optional filter to build/watch a single theme from THEME_NAMES
+let pickedTheme = process.env.PICKED_THEME
+    ? process.env.PICKED_THEME.trim()
+    : '';
+
+if (pickedTheme && config.themeNames.indexOf(pickedTheme) === -1) {
+    process.stderr.write(
+        `PICKED_THEME "${pickedTheme}" is not in THEME_NAMES [${config.themeNames.join(', ')}].\n`,
+    );
+    process.exit(1);
 }
 
-const pxEntryPath = process.env.PX_ENTRY_PATH || (process.env.SHOPWARE_MODE === 'storefront' ? 'src/Resources/app/storefront/private' : 'src/Resources/app/administration/src');
-const pxRouteSplitPath = process.env.PX_ROUTE_SPLIT_PATH || (process.env.SHOPWARE_MODE === 'storefront' ? 'src/Resources/app/storefront/private/scss-route-split/*' : '');
+// buildThemes: the subset of themeNames that actually get compiled
+// themeNames stays as the full list (used for _global_resources exclusion)
+config.buildThemes = pickedTheme ? [pickedTheme] : config.themeNames;
+
+const pxEntryPath =
+    process.env.PX_ENTRY_PATH ||
+    (process.env.SHOPWARE_MODE === 'storefront'
+        ? 'src/Resources/app/storefront/private'
+        : 'src/Resources/app/administration/src');
+const pxRouteSplitPath =
+    process.env.PX_ROUTE_SPLIT_PATH ||
+    (process.env.SHOPWARE_MODE === 'storefront'
+        ? 'src/Resources/app/storefront/private/scss-route-split/*'
+        : '');
 
 // Create a glob regex to match the plugin prefixes
 let prefixes = config.pluginPrefixes.split(',').map(p => `${p}*`).join('|');
@@ -49,6 +84,7 @@ const routeSplitMatch = new RegExp(`/scss-route-split\/([\\w-]*)`);
 
 module.exports = {
     ...config,
+
     pluginSrcPath: Path.join(pluginSrcPath, pxEntryPath),
     pluginScssPath: Path.join(pluginSrcPath, pxEntryPath, config.scssFolder),
     pluginJsPath: Path.join(pluginSrcPath, pxEntryPath, config.jsFolder),
@@ -70,5 +106,9 @@ module.exports = {
     pluginRouteSplitPath: Path.join(pluginSrcPath, pxRouteSplitPath),
     vendorRouteSplitPath: Path.join(vendorSrcPath, pxRouteSplitPath),
 
-    resourcesPath: process.env.RESOURCES_PATHS
-}
+    // Raw glob base paths for multi-theme resource resolution
+    pluginGlobBase: pluginSrcPath,
+    vendorGlobBase: vendorSrcPath,
+    pxEntryPath: pxEntryPath,
+    resourcesPath: process.env.RESOURCES_PATHS,
+};

package/src/index.js

@@ -1,15 +1,20 @@
+const Fs = require('fs');
+const Glob = require('glob');
 const config = require('./config');
 const production = require('./webpack.config.production');
-const storefront = require('./webpack.config.storefront');
-const dev = require('./webpack.config.dev');
-const administration = require('./webpack.config.administration');
+const createStorefrontConfig = require('./webpack.config.storefront');
+const createDevConfig = require('./webpack.config.dev');
+const createAdministrationConfig = require('./webpack.config.administration');
 const pkg = require('./../package.json');
 const watcher = require('@pixolith/webpack-watcher');
 const { merge } = require('webpack-merge');
+const ChangeCase = require('change-case');
 
 const setup = () => {
     watcher.clean(config);
-    watcher.run(null, config);
+    config.buildThemes.forEach((themeName) => {
+        watcher.compileTheme(themeName, config);
+    });
 
     if (config.isDebug) {
         console.table({
@@ -29,14 +34,207 @@ const setup = () => {
             isProd: config.isProd,
             shopwareMode: config.shopwareMode,
             assetUrl: config.assetUrl,
+            themeNames: config.themeNames.join(', ') + (config.buildThemes.length < config.themeNames.length ? ' (building: ' + config.buildThemes.join(', ') + ')' : ''),
             version: pkg.version,
         });
     }
 };
 
-setup();
+/**
+ * Build per-theme resource paths for sass-resources-loader.
+ *
+ * Each theme gets:
+ *   1. uses.scss (shared vendor utilities)
+ *   2. vendor global resources (vendor/pxsw/...)
+ *   3. all non-theme plugin _global_resources (custom/plugins + custom/static-plugins
+ *      that are NOT in THEME_NAMES)
+ *   4. this theme's _global_resources (overrides everything)
+ *
+ * Other themes' global resources are excluded to prevent style bleeding.
+ *
+ * @param {string} themeName - Theme name (e.g. 'PxswEbertTheme')
+ * @param {Object} options
+ * @param {string[]} options.uses - Paths to shared vendor uses.scss
+ * @param {string[]} options.sharedVendorResourcePaths - Paths to shared vendor _global_resources
+ * @returns {string[]} Array of SCSS resource paths
+ */
+const getResourcesPaths = (themeName, options) => {
+    let uses = options.uses || [];
+    let sharedVendorResourcePaths = options.sharedVendorResourcePaths || [];
+    let paths = [].concat(uses, sharedVendorResourcePaths);
+    let globalResourcesSuffix = '/src/Resources/app/_global_resources';
+    let scssGlob = '/**/*.scss';
+
+    // Collect base plugin global resources (plugins NOT in THEME_NAMES)
+    let pluginDirs = ['custom/plugins', 'custom/static-plugins'];
+    pluginDirs.forEach((dir) => {
+        if (!Fs.existsSync(dir)) {
+            return;
+        }
+
+        let entries = Fs.readdirSync(dir).filter((name) => {
+            // Must match plugin prefix pattern
+            let prefixes = (config.pluginPrefixes || 'Pxsw').split(',');
+            let matchesPrefix = prefixes.some((p) =>
+                name.startsWith(p.trim()),
+            );
+            if (!matchesPrefix) {
+                return false;
+            }
+            // Exclude ALL themes from base pool — prevents style bleeding
+            let isTheme = config.themeNames.some(
+                (t) => name.indexOf(t) !== -1,
+            );
+            return !isTheme;
+        });
+
+        entries.forEach((name) => {
+            let glob = dir + '/' + name + globalResourcesSuffix + scssGlob;
+            if (Glob.sync(glob).length) {
+                paths.push(glob);
+            }
+        });
+    });
+
+    // Add this theme's global resources LAST (overrides base)
+    pluginDirs.forEach((dir) => {
+        if (!Fs.existsSync(dir)) {
+            return;
+        }
+
+        let themeGlob =
+            dir + '/*' + themeName + '*' + globalResourcesSuffix + scssGlob;
+        if (Glob.sync(themeGlob).length) {
+            paths.push(themeGlob);
+        }
+    });
+
+    return paths;
+};
+
+/**
+ * Create an array of webpack configs, one per theme.
+ * Each theme gets its own dev config (with per-theme resourcesPaths for
+ * sass-resources-loader) and its own storefront config (with per-theme entry).
+ *
+ * @param {Object} options
+ * @param {string[]} options.uses - Paths to shared vendor uses.scss
+ * @param {string[]} options.sharedVendorResourcePaths - Paths to shared vendor _global_resources
+ * @returns {Object[]} Array of webpack config objects (one per theme)
+ */
+const createThemeConfigs = (options) => {
+    setup();
+
+    return config.buildThemes.map((themeName, index) => {
+        let resourcesPaths = getResourcesPaths(themeName, options);
+        let themeSlug = ChangeCase.kebabCase(themeName);
+        let themeOptions = {
+            themeName: themeName,
+            resourcesPaths: resourcesPaths,
+        };
+
+        let devCfg = createDevConfig(themeOptions);
+        let storefrontCfg = createStorefrontConfig(themeOptions);
+        let merged = merge(
+            devCfg,
+            storefrontCfg,
+            config.isProd ? production : {},
+        );
+
+        // Only the first compiler should have devServer (webpack multi-compiler limitation)
+        if (index > 0) {
+            delete merged.devServer;
+        }
+
+        // Per-theme filesystem cache to avoid collisions between compilers
+        merged.cache = {
+            type: 'filesystem',
+            name: themeSlug,
+            buildDependencies: {
+                config: [__filename],
+            },
+        };
+
+        return merged;
+    });
+};
+
+const setupAdministration = () => {
+    watcher.clean(config);
+    config.buildThemes.forEach((themeName) => {
+        watcher.compileAdministration(themeName, config);
+    });
+
+    if (config.isDebug) {
+        console.table({
+            ...config,
+
+            version: pkg.version,
+
+            pluginMatch: config.pluginMatch.toString(),
+            vendorMatch: config.vendorMatch.toString(),
+            allowedExtensions: config.allowedExtensions.toString(),
+        });
+    } else {
+        console.table({
+            isProd: config.isProd,
+            shopwareMode: config.shopwareMode,
+            assetUrl: config.assetUrl,
+            themeNames: config.themeNames.join(', ') + (config.buildThemes.length < config.themeNames.length ? ' (building: ' + config.buildThemes.join(', ') + ')' : ''),
+            version: pkg.version,
+        });
+    }
+};
+
+/**
+ * Create an array of webpack configs for administration, one per theme.
+ * Each theme gets its own dev config (with per-theme resourcesPaths for
+ * sass-resources-loader) and its own administration config (with per-theme
+ * SCSS entries for theme-specific styling).
+ *
+ * @param {Object} options
+ * @param {string[]} options.uses - Paths to shared vendor uses.scss
+ * @param {string[]} options.sharedVendorResourcePaths - Paths to shared vendor _global_resources
+ * @returns {Object[]} Array of webpack config objects (one per theme)
+ */
+const createAdminConfigs = (options) => {
+    setupAdministration();
+
+    return config.buildThemes.map((themeName, index) => {
+        let resourcesPaths = getResourcesPaths(themeName, options);
+        let themeSlug = ChangeCase.kebabCase(themeName);
+        let themeOptions = {
+            themeName: themeName,
+            resourcesPaths: resourcesPaths,
+        };
+
+        let devCfg = createDevConfig(themeOptions);
+        let adminCfg = createAdministrationConfig(themeOptions);
+        let merged = merge(
+            devCfg,
+            adminCfg,
+            config.isProd ? production : {},
+        );
+
+        // Only the first compiler should have devServer (webpack multi-compiler limitation)
+        if (index > 0) {
+            delete merged.devServer;
+        }
+
+        // Per-theme filesystem cache to avoid collisions between compilers
+        merged.cache = {
+            type: 'filesystem',
+            name: themeSlug + '-admin',
+            buildDependencies: {
+                config: [__filename],
+            },
+        };
+
+        return merged;
+    });
+};
 
 module.exports = {
-    storefront: merge(dev, storefront, config.isProd ? production : {}),
-    administration: merge(dev, administration, config.isProd ? production : {}),
+    createThemeConfigs: createThemeConfigs,
+    createAdminConfigs: createAdminConfigs,
 };

package/src/webpack.config.administration.js

@@ -5,178 +5,110 @@ const Path = require('path'),
     Entry = require('webpack-glob-entry'),
     ChangeCase = require('change-case'),
     MiniCssExtractPlugin = require('mini-css-extract-plugin'),
-    Consola = require('consola'),
-    AssetsCopyPlugin = require('@pixolith/webpack-assets-copy-plugin'),
-    SvgStorePlugin = require('@pixolith/external-svg-sprite-loader'),
-    TwigAssetEmitterPlugin = require('@pixolith/webpack-twig-assets-emitter-plugin'),
-    outputConfig = {
+    Consola = require('consola');
+
+module.exports = function createAdministrationConfig(themeOptions) {
+    let themeName = themeOptions && themeOptions.themeName;
+    let themeSlug = themeName
+        ? ChangeCase.kebabCase(themeName)
+        : 'administration';
+
+    let outputConfig = {
         path: config.outputPath,
-        publicPath: config.shopwareVersion === '6.6' ? '/' : config.assetUrl,
-        filename: (chunkData) => {
-            let pluginName = chunkData.chunk.name.toLowerCase().replace('pxsw-pxsw-', 'pxsw-');
-            pluginName = config.shopwareVersion === '6.6' ? pluginName.replace('vendor-', '') : pluginName;
-            return config.shopwareVersion === '6.6' ?
-                `${pluginName.replace(/-/g, '',)}/administration/js/${pluginName}.js` :
-                `js/${chunkData.chunk.name.toLowerCase()}${
-                    config.isProd ? '.admin.[contenthash]' : ''
-                }.js`;
-        }
-    },
-    miniCssChunksConfig = {
+        publicPath: config.assetUrl,
         filename: (chunkData) => {
-            let pluginName = chunkData.chunk.name.toLowerCase().replace('pxsw-pxsw-', 'pxsw-');
-            pluginName = config.shopwareVersion === '6.6' ? pluginName.replace('vendor-', '') : pluginName;
-            return config.shopwareVersion === '6.6' ?
-                `${pluginName.replace(/-/g, '',)}/administration/css/${pluginName}.css` :
-                `css/[name]${
-                    config.isProd ? '.admin.[contenthash]' : ''
-                }.css`;
-        }
-    }
+            return `js/${chunkData.chunk.name.toLowerCase()}${
+                config.isProd ? '.admin.[contenthash]' : ''
+            }.js`;
+        },
+        uniqueName: themeSlug + '-admin',
+    };
 
-module.exports = {
-    entry: () => {
-        let entriesPlugins = Entry(
-            (filePath) =>
-                ChangeCase.kebabCase(
-                    filePath.match(config.pluginMatch)[1],
-                ),
-            Path.join(config.pluginSrcPath, 'index.js'),
-        );
+    let miniCssChunksConfig = {
+        filename: (chunkData) => {
+            return `css/[name]${
+                config.isProd ? '.admin.[contenthash]' : ''
+            }.css`;
+        },
+    };
 
-        let entriesVendor = Entry(
-            (filePath) =>
-                ChangeCase.kebabCase(
-                    filePath.match(config.vendorMatch)[1],
-                ),
-            Path.resolve(config.vendorSrcPath, 'index.js'),
-        );
+    return {
+        name: themeSlug + '-admin',
+        entry: () => {
+            let entriesPlugins = Entry(
+                (filePath) =>
+                    ChangeCase.kebabCase(filePath.match(config.pluginMatch)[2]),
+                Path.join(config.pluginSrcPath, 'index.js'),
+            );
 
-        if (process.env.DEBUG) {
-            Consola.info('[DEBUG]: Webpack entry points:');
-            console.table({...entriesPlugins, ...entriesVendor });
-        }
+            let entriesVendor = Entry(
+                (filePath) =>
+                    ChangeCase.kebabCase(filePath.match(config.vendorMatch)[1]),
+                Path.resolve(config.vendorSrcPath, 'index.js'),
+            );
 
-        return {...entriesPlugins, ...entriesVendor };
-    },
-    module: {
-        rules: [
-            {
-                test: /\.js$/,
-                exclude: (file) => /node_modules/.test(file),
-                loader: 'babel-loader',
-                options: {
-                    configFile: Path.resolve(__dirname, 'babel.config.js'),
-                },
-            },
-            {
-                test: /\.(jpe?g|png|gif|ico)(\?v=\d+\.\d+\.\d+)?$/,
-                type: 'asset/resource',
-                generator: {
-                    filename: config.shopwareVersion === '6.6' ? '../img/[name][ext]' : 'img/[name][ext]'
-                }
-            },
-            {
-                test: /\.(eot|ttf|woff2?)(\?v=\d+\.\d+\.\d+)?$/,
-                type: 'asset/resource',
-                generator: {
-                    filename: config.shopwareVersion === '6.6' ? '../fonts/[name][ext]' : 'fonts/[name][ext]'
-                }
-            },
-            {
-                test: /\.svg$/,
-                use: [
-                    {
-                        loader: SvgStorePlugin.loader,
-                        options: {
-                            name: 'sprite/sprite.svg',
-                            iconName: '[name]',
-                            overrideOrder: config.spriteOrder,
-                            ignoreIconsByName: config.ignoreIcons,
-                            onlySymbols: true,
-                        },
-                    },
-                    {
-                        loader: 'svgo-loader',
-                        options: {
-                            plugins: [
-                                'cleanupAttrs',
-                                'removeDoctype',
-                                'removeXMLProcInst',
-                                'cleanupEnableBackground',
-                                'convertStyleToAttrs',
-                                'convertPathData',
-                                'cleanupIds',
-                                'minifyStyles',
-                                'removeUselessDefs',
-                                'convertShapeToPath',
-                                'removeUnusedNS',
-                                'removeDimensions',
-                                'convertTransform',
-                                'collapseGroups',
-                                'removeComments',
-                                'removeEditorsNSData',
-                                'removeUnknownsAndDefaults',
-                            ],
-                        },
-                    },
-                ],
-            },
-        ],
-    },
-    output: outputConfig,
-    plugins: [
-        new SvgStorePlugin(),
-        new MiniCssExtractPlugin(miniCssChunksConfig),
-    ].concat(
-        config.isProd && config.shopwareVersion === '6.6' ?
-            new AssetsCopyPlugin({
-                includes: ['js', 'css'],
-                ignoreFiles: [/[-\w.]*.hot-update.js/],
-                files: [
-                    {
-                        from: config.outputPath,
-                        to: '$pluginPath/$plugin/src/Resources/public',
-                        replace: async (fromPath, toPath) => {
-                            let composerPluginName = Path.basename(fromPath).replace(
-                                    Path.extname(fromPath),
-                                    '',
-                                ).replace('pxsw-', ''),
-                                pluginName = 'Pxsw' + ChangeCase.pascalCase(composerPluginName);
+            // Discover the consolidated admin SCSS entry from .theme-entries/{theme-slug}/
+            let scssEntries = {};
+            let scssEntryDir = Path.join(
+                config.outputPath,
+                '.theme-entries',
+                themeSlug,
+            );
+            let scssEntryFile = Path.join(
+                scssEntryDir,
+                themeSlug + '-admin.scss',
+            );
 
-                            let isPlugin = await Fs.existsSync(`custom/plugins/${pluginName}/src`),
-                                isStaticPlugin = await Fs.existsSync(`custom/static-plugins/${pluginName}/src`);
+            if (Fs.existsSync(scssEntryFile)) {
+                scssEntries[themeSlug + '-admin-scss'] = scssEntryFile;
+            }
 
-                            let pluginFolder = isPlugin ? 'custom/plugins' : (isStaticPlugin ? 'custom/static-plugins' : 'vendor/pxsw');
+            let allEntries = {
+                ...entriesPlugins,
+                ...entriesVendor,
+                ...scssEntries,
+            };
 
-                            toPath = toPath.replace('$pluginPath', pluginFolder);
-                            if (!isPlugin && !isStaticPlugin) {
-                                let isDoublePxswPlugin = await Fs.existsSync(`vendor/pxsw/pxsw-${composerPluginName}/src`);
-                                toPath = toPath.replace('$plugin', isDoublePxswPlugin ? `pxsw-${composerPluginName}` : composerPluginName);
-                            } else {
-                                toPath = toPath.replace('$plugin', pluginName);
-                            }
+            if (config.isDebug) {
+                Consola.info(
+                    `[${themeName || themeSlug}] Administration webpack entry points:`,
+                );
+                console.table(allEntries);
+            }
 
-                            return toPath;
-                        },
+            return allEntries;
+        },
+        module: {
+            rules: [
+                {
+                    test: /\.js$/,
+                    exclude: (file) => /node_modules/.test(file),
+                    loader: 'babel-loader',
+                    options: {
+                        configFile: Path.resolve(__dirname, 'babel.config.js'),
                     },
-                ],
-            }) : [],
-    ).concat(
-        config.isProd && config.shopwareVersion !== '6.6' ?
-            new TwigAssetEmitterPlugin({
-                includes: ['js', 'css'],
-                ignoreFiles: [/.*icons.*\.js/],
-                template: {
-                    admin: {
-                        assetUrl: config.assetUrl,
-                        filename: 'index.html.twig',
+                },
+                {
+                    test: /\.(jpe?g|png|gif|ico)(\?v=\d+\.\d+\.\d+)?$/,
+                    type: 'asset/resource',
+                    generator: {
+                        filename: 'img/[name][ext]',
+                    },
+                },
+                {
+                    test: /\.(eot|ttf|woff2?)(\?v=\d+\.\d+\.\d+)?$/,
+                    type: 'asset/resource',
+                    generator: {
+                        filename: 'fonts/[name][ext]',
                     },
                 },
-            }) : [],
-    ),
+            ],
+        },
+        output: outputConfig,
+        plugins: [new MiniCssExtractPlugin(miniCssChunksConfig)],
 
-    optimization: {
-        splitChunks: false,
-    },
+        optimization: {
+            splitChunks: false,
+        },
+    };
 };