@unpackjs/core 4.3.0 → 4.5.0

package/dist/index.js

@@ -383,7 +383,7 @@ let VOID_TAGS = new Set([
     for (let tag of tags || [])buckets[tag.injectTo || 'head-prepend'].push(renderHtmlTagDescriptor(tag));
     let result = html;
     return result = injectHtml(result, 'head-prepend', buckets['head-prepend'].join('')), result = injectHtml(result, 'head', buckets.head.join('')), result = injectHtml(result, 'body-prepend', buckets['body-prepend'].join('')), result = injectHtml(result, 'body', buckets.body.join(''));
-}, loadConfigFile = async (configFilePath)=>{
+}, loadConfigFromFile = async (configFilePath)=>{
     if (isNodeVersionAtLeast(22, 18) || /\.(?:js|mjs|cjs)$/.test(configFilePath)) {
         logger_logger.debug('loading config file with native loader:', colors.dim(configFilePath));
         let configFileURL = pathToFileURL(configFilePath).href, exportModule = await import(`${configFileURL}?t=${Date.now()}`);
@@ -445,7 +445,7 @@ let VOID_TAGS = new Set([
 async function loadConfig({ cliOptions, command }) {
     'build' === command ? setNodeEnv(cliOptions?.watch ? 'development' : 'production') : (setNodeEnv('development'), setDevServer(!0));
     let root = cliOptions?.root ? node_path.resolve(cliOptions.root) : process.cwd(), configFilePath = resolveConfigPath(root, cliOptions?.config), configExport = {};
-    if (configFilePath && 'function' == typeof (configExport = await loadConfigFile(configFilePath))) {
+    if (configFilePath && 'function' == typeof (configExport = await loadConfigFromFile(configFilePath))) {
         let params = {
             env: getNodeEnv(),
             command: process.argv[2]
@@ -784,15 +784,12 @@ async function applyCacheConfig({ config, unpackConfig, envFilePaths }) {
     buildDependencies.userBuildDependencies = cacheConfig.buildDependencies || [], buildDependencies.envFilePaths = envFilePaths;
     let cacheDirectory = node_path.resolve(unpackConfig.root, cacheConfig.cacheDirectory || `${unpackConfig._context.cachePath}/cache`, utils_isDevServer() ? 'dev' : 'build');
     return mergeConfig(config, {
-        cache: !0,
-        experiments: {
-            cache: {
-                type: 'persistent',
-                buildDependencies: Object.values(buildDependencies).flat(),
-                storage: {
-                    type: 'filesystem',
-                    directory: cacheDirectory
-                }
+        cache: {
+            type: 'persistent',
+            buildDependencies: Object.values(buildDependencies).flat(),
+            storage: {
+                type: 'filesystem',
+                directory: cacheDirectory
             }
         }
     });
@@ -893,7 +890,39 @@ async function getEntry(root, customEntry) {
 let getOutputFilename = ({ type, hash, async })=>{
     let FILENAME = utils_isProd() && !1 !== hash ? PROD_DEFAULT_FILENAME : DEV_DEFAULT_FILENAME;
     return async ? 'js' === type ? FILENAME.jsAsync : FILENAME.cssAsync : FILENAME[type];
-};
+}, getCssLoader = (unpackConfig)=>unpackConfig.css?.transformer === 'lightningcss' ? {
+        loader: 'builtin:lightningcss-loader',
+        options: {
+            targets: esVersionToBrowserslist(unpackConfig.build.target),
+            ...unpackConfig.css?.lightningcssLoader
+        }
+    } : {
+        loader: getCompiledPkgPath('postcss-loader'),
+        options: {
+            sourceMap: unpackConfig.css?.sourceMap,
+            ...unpackConfig.css?.postcssLoader
+        }
+    }, getSassLoader = (unpackConfig)=>({
+        loader: getCompiledPkgPath('sass-loader'),
+        options: {
+            api: 'modern-compiler',
+            implementation: getUserDepPath(unpackConfig.root, [
+                'sass-embedded',
+                'sass'
+            ]),
+            sourceMap: unpackConfig.css?.sourceMap,
+            ...unpackConfig.css?.sassLoader
+        }
+    }), getLessLoader = (unpackConfig)=>({
+        loader: getCompiledPkgPath('less-loader'),
+        options: mergeConfig({
+            lessOptions: {
+                javascriptEnabled: !0
+            },
+            implementation: getUserDepPath(unpackConfig.root, 'less'),
+            sourceMap: unpackConfig.css?.sourceMap
+        }, unpackConfig.css?.lessLoader || {})
+    });
 var css_dirname = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
 async function applyHtmlConfig({ config, unpackConfig }) {
     let htmlConfig = unpackConfig.html || {}, { template, templateContent } = getHtmlTemplateOrContent(htmlConfig.template, unpackConfig.root), templateParameters = {
@@ -926,7 +955,7 @@ class JsMinifyPlugin {
     apply(compiler) {
         let meta = JSON.stringify({
             name: jsMinify_PLUGIN_NAME,
-            version: "4.3.0",
+            version: "4.5.0",
             options: this.minifyOptions
         });
         compiler.hooks.compilation.tap(jsMinify_PLUGIN_NAME, (compilation)=>{
@@ -988,11 +1017,9 @@ class Spinner {
 class ProgressBar {
     prefix = 'transforming';
     spinner = new Spinner();
-    update({ current: originalCurrent, message = '' }) {
-        let { columns: terminalWidth } = process.stdout, current = originalCurrent;
-        originalCurrent >= 0.98 && (current = 1);
-        let loadingChar = this.spinner.getCurrentChar(), messageWidth = terminalWidth - this.prefix.length - (1 === current ? 10 : 9);
-        logUpdate(`${loadingChar} ${this.prefix} (${Math.floor(100 * current)}%) ${colors.dim(message.slice(0, messageWidth).padEnd(messageWidth, ' '))}`), 1 === current && clearLine();
+    update({ percentage, message = '' }) {
+        let { columns: terminalWidth } = process.stdout, loadingChar = this.spinner.getCurrentChar(), messageWidth = terminalWidth - this.prefix.length - (1 === percentage ? 10 : 9);
+        logUpdate(`${loadingChar} ${this.prefix} (${Math.floor(100 * percentage)}%) ${colors.dim(message.slice(0, messageWidth).padEnd(messageWidth, ' '))}`), 1 === percentage && clearLine();
     }
 }
 function isLikelyFile(filePath) {
@@ -1054,10 +1081,10 @@ class ProgressLitePlugin {
 class ProgressPlugin extends rspack.ProgressPlugin {
     progressBar = new ProgressBar();
     constructor(){
-        super((percentage, msg, ...args)=>{
+        super((percentage, message)=>{
             utils_isProd() && this.progressBar.update({
-                current: percentage,
-                message: `${msg} ${args.join(' ')}`
+                percentage,
+                message
             });
         });
     }
@@ -1070,13 +1097,39 @@ class ProgressPlugin extends rspack.ProgressPlugin {
 let registerHooks_PLUGIN_NAME = 'RegisterHooksPlugin';
 class RegisterHooksPlugin {
     isFirstCompile = !0;
-    lastVirtualModules = new Map();
+    lastLoadedModules = new Map();
+    resolveIdTimings = new Map();
+    loadTimings = new Map();
     isCompiling = !1;
     idleTimer = void 0;
     apply(compiler) {
         let virtualModulesPlugin = new rspack.experiments.VirtualModulesPlugin();
-        virtualModulesPlugin.apply(compiler), compiler.hooks.compile.tap(registerHooks_PLUGIN_NAME, ()=>{
-            this.isCompiling = !0, applyPluginsByHookSync('buildStart', (impl)=>{
+        virtualModulesPlugin.apply(compiler);
+        let resolveIdPlugins = getNormalizedPluginsByHook('resolveId'), loadPlugins = getNormalizedPluginsByHook('load'), resolveId = async (id, importer)=>{
+            for (let plugin of resolveIdPlugins){
+                let start = performance.now(), result = await plugin.resolveId(id, importer), duration = performance.now() - start;
+                if (this.resolveIdTimings.set(plugin.name, (this.resolveIdTimings.get(plugin.name) || 0) + duration), 'string' == typeof result && result) return result;
+            }
+            return null;
+        }, load = async (id)=>{
+            for (let plugin of loadPlugins){
+                let start = performance.now(), result = await plugin.load(id), duration = performance.now() - start;
+                if (this.loadTimings.set(plugin.name, (this.loadTimings.get(plugin.name) || 0) + duration), 'string' == typeof result) return result;
+            }
+            return null;
+        };
+        (resolveIdPlugins.length > 0 || loadPlugins.length > 0) && compiler.hooks.normalModuleFactory.tap(registerHooks_PLUGIN_NAME, (factory)=>{
+            factory.hooks.beforeResolve.tapPromise(registerHooks_PLUGIN_NAME, async (resolveData)=>{
+                if (!resolveData) return;
+                let request = resolveData.request;
+                if (!request) return;
+                let importer = resolveData.contextInfo?.issuer, resolvedId = await resolveId(request, importer) || request;
+                resolvedId !== request && (resolveData.request = resolvedId);
+                let loaded = await load(resolvedId);
+                null !== loaded && this.lastLoadedModules.get(resolvedId) !== loaded && (this.lastLoadedModules.set(resolvedId, loaded), virtualModulesPlugin.writeModule(resolvedId, loaded));
+            });
+        }), compiler.hooks.compile.tap(registerHooks_PLUGIN_NAME, ()=>{
+            this.isCompiling = !0, this.resolveIdTimings.clear(), this.loadTimings.clear(), applyPluginsByHookSync('buildStart', (impl)=>{
                 impl({
                     compiler,
                     isFirstCompile: this.isFirstCompile,
@@ -1084,15 +1137,14 @@ class RegisterHooksPlugin {
                 });
             });
         });
-        let updateVirtualModules = ()=>{
-            applyPluginsByHookSync('virtualModules', (impl)=>{
-                Object.entries(impl()).forEach(([path, content])=>{
-                    this.lastVirtualModules.get(path) !== content && (this.lastVirtualModules.set(path, content), virtualModulesPlugin.writeModule(path, content));
-                });
-            });
+        let updateLoadedModules = async ()=>{
+            if (0 !== this.lastLoadedModules.size) for (let [id, prev] of this.lastLoadedModules){
+                let loaded = await load(id);
+                null !== loaded && prev !== loaded && (this.lastLoadedModules.set(id, loaded), virtualModulesPlugin.writeModule(id, loaded));
+            }
         };
         compiler.hooks.thisCompilation.tap(registerHooks_PLUGIN_NAME, (compilation)=>{
-            updateVirtualModules(), applyPluginsByHook('processAssets', (impl, plugin)=>{
+            applyPluginsByHookSync('processAssets', (impl, plugin)=>{
                 let { stage, handler } = impl;
                 compilation.hooks.processAssets.tapPromise({
                     name: registerHooks_PLUGIN_NAME,
@@ -1118,6 +1170,8 @@ class RegisterHooksPlugin {
                     data.html = 'string' == typeof result ? result : applyHtmlTagDescriptors(data.html, result);
                 }), data));
         }), compiler.hooks.finishMake.tap(registerHooks_PLUGIN_NAME, (compilation)=>{
+            if (this.resolveIdTimings.size > 0) for (let [pluginName, total] of this.resolveIdTimings)logger_logger.debug(`${colors.magenta('[plugin]')} ${colors.cyan(pluginName)} ${colors.blue('resolveId')} ${colors.dim('in')} ${colors.yellow(`${total.toFixed(2)}ms`)}`);
+            if (this.loadTimings.size > 0) for (let [pluginName, total] of this.loadTimings)logger_logger.debug(`${colors.magenta('[plugin]')} ${colors.cyan(pluginName)} ${colors.blue('load')} ${colors.dim('in')} ${colors.yellow(`${total.toFixed(2)}ms`)}`);
             let pluginMap = transformTimingMap.get(compilation);
             if (pluginMap) {
                 for (let [pluginName, total] of pluginMap)logger_logger.debug(`${colors.magenta('[plugin]')} ${colors.cyan(pluginName)} ${colors.blue('transform')} ${colors.dim('in')} ${colors.yellow(`${total.toFixed(2)}ms`)}`);
@@ -1134,7 +1188,7 @@ class RegisterHooksPlugin {
             }), this.isFirstCompile = !1;
         }), compiler.hooks.afterDone.tap(registerHooks_PLUGIN_NAME, ()=>{
             this.isCompiling = !1, isDev() && (clearTimeout(this.idleTimer), this.idleTimer = setTimeout(()=>{
-                this.isCompiling || updateVirtualModules();
+                this.isCompiling || updateLoadedModules();
             }, 50));
         });
     }
@@ -1279,9 +1333,14 @@ async function getBundlerConfig(originalUnpackConfig) {
                 {
                     test: /\.wasm$/,
                     dependency: 'url',
-                    type: 'asset/resource'
+                    type: 'webassembly/async'
                 }
-            ]
+            ],
+            parser: {
+                javascript: {
+                    exportsPresence: 'warn'
+                }
+            }
         },
         plugins: [
             new rspack.DefinePlugin({
@@ -1291,10 +1350,6 @@ async function getBundlerConfig(originalUnpackConfig) {
                 ...publicVars,
                 ...unpackConfig.define
             }),
-            unpackConfig.performance?.removeMomentLocale && new rspack.IgnorePlugin({
-                resourceRegExp: /^\.\/locale$/,
-                contextRegExp: /moment$/
-            }),
             unpackConfig.build?.copy && new rspack.CopyRspackPlugin({
                 patterns: unpackConfig.build.copy
             }),
@@ -1335,8 +1390,6 @@ async function getBundlerConfig(originalUnpackConfig) {
             entries: !!unpackConfig.mpa
         },
         experiments: {
-            css: !1,
-            asyncWebAssembly: !0,
             nativeWatcher: !0
         },
         optimization: {
@@ -1417,11 +1470,6 @@ async function getBundlerConfig(originalUnpackConfig) {
                 hash: unpackConfig.build?.filenameHash,
                 async: !0
             }), set(config, [
-                'experiments',
-                'css'
-            ], !0);
-            let sourceMap = unpackConfig.css?.sourceMap;
-            set(config, [
                 'module',
                 'parser',
                 'css/module'
@@ -1435,103 +1483,47 @@ async function getBundlerConfig(originalUnpackConfig) {
                 localIdentName: CSS_MODULES_LOCAL_IDENT_NAME,
                 exportsConvention: CSS_MODULES_EXPORTS_CONVENTION
             });
-            let withCssModules = ({ use })=>({
-                    resourceQuery: /[?&]module(?:[=&]|$)/,
-                    use: [
-                        isDev() && {
-                            loader: node_path.resolve(nativeCss_dirname, './typedCssModulesLoader.js')
-                        },
-                        ...use
-                    ].filter(Boolean),
-                    type: 'css/module'
-                }), getLessLoader = ()=>({
-                    loader: getCompiledPkgPath('less-loader'),
-                    options: mergeConfig({
-                        lessOptions: {
-                            javascriptEnabled: !0
-                        },
-                        implementation: getUserDepPath(unpackConfig.root, 'less'),
-                        sourceMap
-                    }, unpackConfig.css?.lessLoader || {})
-                }), getCssLoader = ()=>unpackConfig.css?.transformer === 'lightningcss' ? {
-                    loader: 'builtin:lightningcss-loader',
-                    options: {
-                        targets: esVersionToBrowserslist(unpackConfig.build.target),
-                        ...unpackConfig.css?.lightningcssLoader
-                    }
-                } : {
-                    loader: getCompiledPkgPath('postcss-loader'),
-                    options: {
-                        sourceMap,
-                        ...unpackConfig.css?.postcssLoader
-                    }
-                }, getSassLoader = ()=>({
-                    loader: getCompiledPkgPath('sass-loader'),
-                    options: {
-                        api: 'modern-compiler',
-                        implementation: getUserDepPath(unpackConfig.root, [
-                            'sass-embedded',
-                            'sass'
-                        ]),
-                        sourceMap,
-                        ...unpackConfig.css?.sassLoader
-                    }
-                });
-            return config.module.rules.push({
-                test: /\.css$/i,
-                oneOf: [
-                    withCssModules({
-                        use: [
-                            getCssLoader()
-                        ]
-                    }),
-                    {
-                        use: [
-                            getCssLoader()
-                        ],
-                        type: 'css'
-                    }
-                ].filter(Boolean)
-            }), config.module.rules.push({
-                test: /\.less$/i,
-                oneOf: [
-                    withCssModules({
-                        use: [
-                            getCssLoader(),
-                            getLessLoader()
-                        ]
-                    }),
-                    {
-                        use: [
-                            getCssLoader(),
-                            getLessLoader()
-                        ],
-                        type: 'css'
-                    }
-                ].filter(Boolean)
-            }), config.module.rules.push({
-                test: /\.s[ac]ss$/i,
-                oneOf: [
-                    withCssModules({
-                        use: [
-                            getCssLoader(),
-                            getSassLoader()
-                        ]
-                    }),
-                    {
-                        use: [
-                            getCssLoader(),
-                            getSassLoader()
-                        ],
-                        type: 'css'
-                    }
-                ].filter(Boolean)
-            }), config;
+            let createStyleRule = (test, items)=>{
+                let use = items.filter(Boolean);
+                return {
+                    test,
+                    oneOf: [
+                        (({ use })=>({
+                                resourceQuery: /[?&]module(?:[=&]|$)/,
+                                use: [
+                                    isDev() && {
+                                        loader: node_path.resolve(nativeCss_dirname, './typedCssModulesLoader.js')
+                                    },
+                                    ...use
+                                ].filter(Boolean),
+                                type: 'css/module'
+                            }))({
+                            use
+                        }),
+                        {
+                            use,
+                            type: 'css'
+                        }
+                    ]
+                };
+            };
+            return config.module.rules.push(createStyleRule(/\.css$/i, [
+                getCssLoader(unpackConfig),
+                unpackConfig.css?.tailwindcss && {
+                    loader: require.resolve('@tailwindcss/webpack')
+                }
+            ])), config.module.rules.push(createStyleRule(/\.less$/i, [
+                getCssLoader(unpackConfig),
+                getLessLoader(unpackConfig)
+            ])), config.module.rules.push(createStyleRule(/\.s[ac]ss$/i, [
+                getCssLoader(unpackConfig),
+                getSassLoader(unpackConfig)
+            ])), config;
         }({
             config,
             unpackConfig
         }) : function({ config, unpackConfig }) {
-            let sourceMap = unpackConfig.css?.sourceMap, getCommonRules = ({ importLoaders })=>[
+            let getCommonRules = ({ importLoaders })=>[
                     utils_isDevServer() ? {
                         loader: getCompiledPkgPath('style-loader')
                     } : {
@@ -1553,11 +1545,11 @@ async function getBundlerConfig(originalUnpackConfig) {
                                 exportLocalsConvention: CSS_MODULES_EXPORTS_CONVENTION,
                                 namedExport: !1
                             },
-                            sourceMap
+                            sourceMap: unpackConfig.css?.sourceMap
                         }
                     }
                 ].filter(Boolean);
-            utils_isDevServer() || config.plugins.push(new rspack.CssExtractRspackPlugin({
+            return utils_isDevServer() || config.plugins.push(new rspack.CssExtractRspackPlugin({
                 filename: getOutputFilename({
                     type: 'css',
                     hash: unpackConfig.build?.filenameHash
@@ -1568,65 +1560,34 @@ async function getBundlerConfig(originalUnpackConfig) {
                     async: !0
                 }),
                 ignoreOrder: !0
-            }));
-            let getCssLoader = ()=>unpackConfig.css?.transformer === 'lightningcss' ? {
-                    loader: 'builtin:lightningcss-loader',
-                    options: {
-                        targets: esVersionToBrowserslist(unpackConfig.build.target),
-                        ...unpackConfig.css?.lightningcssLoader
-                    }
-                } : {
-                    loader: getCompiledPkgPath('postcss-loader'),
-                    options: {
-                        sourceMap,
-                        ...unpackConfig.css?.postcssLoader
-                    }
-                };
-            return config.module.rules.push({
+            })), config.module.rules.push({
                 test: /\.less$/i,
                 use: [
                     ...getCommonRules({
                         importLoaders: 2
                     }),
-                    getCssLoader(),
-                    {
-                        loader: getCompiledPkgPath('less-loader'),
-                        options: mergeConfig({
-                            lessOptions: {
-                                javascriptEnabled: !0
-                            },
-                            implementation: getUserDepPath(unpackConfig.root, 'less'),
-                            sourceMap
-                        }, unpackConfig.css?.lessLoader || {})
-                    }
+                    getCssLoader(unpackConfig),
+                    getLessLoader(unpackConfig)
                 ]
             }), config.module.rules.push({
                 test: /\.css$/i,
                 use: [
                     ...getCommonRules({
-                        importLoaders: 1
+                        importLoaders: unpackConfig.css?.tailwindcss ? 2 : 1
                     }),
-                    getCssLoader()
-                ]
+                    getCssLoader(unpackConfig),
+                    unpackConfig.css?.tailwindcss && {
+                        loader: require.resolve('@tailwindcss/webpack')
+                    }
+                ].filter(Boolean)
             }), config.module.rules.push({
                 test: /\.s[ac]ss$/i,
                 use: [
                     ...getCommonRules({
                         importLoaders: 2
                     }),
-                    getCssLoader(),
-                    {
-                        loader: getCompiledPkgPath('sass-loader'),
-                        options: {
-                            api: 'modern-compiler',
-                            implementation: getUserDepPath(unpackConfig.root, [
-                                'sass-embedded',
-                                'sass'
-                            ]),
-                            sourceMap,
-                            ...unpackConfig.css?.sassLoader
-                        }
-                    }
+                    getCssLoader(unpackConfig),
+                    getSassLoader(unpackConfig)
                 ]
             }), config;
         }({
@@ -1809,7 +1770,7 @@ async function unpackDev(unpackConfig) {
             ...middlewares
         ]);
     let server = new RspackDevServer(devServerOptions, compiler);
-    await server.start(), logger_logger.greet(`  ${colors.brand(`${colors.bold(unpackConfig._context.callerName.toUpperCase())} v4.3.0`)}  ${colors.dim('ready in')} ${colors.bold(Math.ceil(performance.now() - getUnpackStartTime()))} ${colors.dim('ms')}\n`), printServerUrls({
+    await server.start(), logger_logger.greet(`  ${colors.brand(`${colors.bold(unpackConfig._context.callerName.toUpperCase())} v4.5.0`)}  ${colors.dim('ready in')} ${colors.bold(Math.ceil(performance.now() - getUnpackStartTime()))} ${colors.dim('ms')}\n`), printServerUrls({
         port,
         host: unpackConfig.server.host,
         base: unpackConfig.base
@@ -1823,10 +1784,10 @@ async function unpackDev(unpackConfig) {
 function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'unpack' }) {
     let _context = {
         callerName,
-        version: "4.3.0",
+        version: "4.5.0",
         cachePath: 'node_modules/.unpack'
     }, resolveConfig = (mode)=>{
-        let rootPath, outputPath, basePath, cachedTraceMap, fs, isValidMethodName, parseFrame, formatOriginalLocation, formatFullStack, resolveErrorLocationAndStack, root, alias, shouldTransformDeepImport, preJsAssets, jsAssets, cssAssets, bundledDepsCachePath, deepImportPkgPattern, deepImportRegex, plugin, root1, uno, generated, configOrPathFromUnpackConfig, defaultsFromUnpackConfig, VIRTUAL_UNO_CSS_ID, rootDir, isMpa, unoConfig, configFilePath, unpackConfigPath, tokens, requestedLayers, tasks, unocssCacheDir, tokensCachePath, layersCachePath, timeCachePath, configHashCachePath, generatedCachePath, bundlerCacheDir, cachedTokensSize, cachedLayersSize, isCompiling, resolveUnocssConfig, flushTasks, getVirtualModuleContent, hash, restoreSkipCode, applyUnoTransformers, getCustomLayers, optionsFromUnpackConfig, rootPath1, registerCode, namesCode, defaultConfig = {
+        let rootPath, outputPath, basePath, cachedTraceMap, fs, isValidMethodName, parseFrame, formatOriginalLocation, formatFullStack, resolveErrorLocationAndStack, root, alias, shouldTransformDeepImport, preJsAssets, jsAssets, cssAssets, bundledDepsCachePath, deepImportPkgPattern, deepImportRegex, plugin, root1, uno, generated, configOrPathFromUnpackConfig, defaultsFromUnpackConfig, VIRTUAL_UNO_CSS_ID, rootDir, isMpa, unoConfig, configFilePath, unpackConfigPath, tokens, requestedLayers, tasks, unocssCacheDir, tokensCachePath, layersCachePath, timeCachePath, configHashCachePath, generatedCachePath, bundlerCacheDir, cachedTokensSize, cachedLayersSize, isCompiling, resolveUnocssConfig, flushTasks, getVirtualModuleContent, hash, restoreSkipCode, applyUnoTransformers, optionsFromUnpackConfig, rootPath1, registerCode, namesCode, defaultConfig = {
             root: cwd,
             base: '/',
             sourceMap: 'production' !== mode && 'cheap-module-source-map',
@@ -1844,7 +1805,7 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                 mountId: 'root'
             },
             css: {
-                transformer: 'postcss',
+                transformer: 'lightningcss',
                 sourceMap: !1
             },
             performance: {
@@ -2404,9 +2365,6 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                                         optimization: {
                                             splitChunks: !1
                                         },
-                                        experiments: {
-                                            css: !0
-                                        },
                                         externals: depExternals
                                     });
                                     compiler.run((_, stats)=>{
@@ -2584,7 +2542,7 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                             let configFile = node_path.join(root, file);
                             if (node_fs.existsSync(configFile)) return configFile;
                         }
-                    })(rootDir, configFilePath), configFromOption = mergeConfig(configFromOption, await loadConfigFile(configFilePath)), resolvedDefaults && (configFromOption = mergeConfig(resolvedDefaults, configFromOption)), configFromOption;
+                    })(rootDir, configFilePath), configFromOption = mergeConfig(configFromOption, await loadConfigFromFile(configFilePath)), resolvedDefaults && (configFromOption = mergeConfig(resolvedDefaults, configFromOption)), configFromOption;
                 }, flushTasks = async ()=>{
                     if (!tasks.length) return;
                     logger_logger.debug(colors.yellow(`[unocss] Extract token from ${tasks.length} modules.`));
@@ -2619,7 +2577,7 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                         invalidate: ()=>{}
                     }), s.hasChanged() && (s = new magic_string(code = restoreSkipCode(s.toString(), skipMap))));
                     return code !== original ? code : null;
-                }, getCustomLayers = ()=>Array.from(requestedLayers).filter((layer)=>layer !== LAYER_MARK_ALL), {
+                }, {
                     name: 'unpack:unocss',
                     apply: (config)=>!!config.css?.unocss,
                     configResolved: async (config, { cachePath })=>{
@@ -2704,7 +2662,7 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                             if (await flushTasks(), !generated || generated.meta.tokensSize !== tokens.size || generated.meta.layersSize !== requestedLayers.size) {
                                 let result = await uno.generate(tokens, {
                                     minify: !0
-                                }), customLayers = getCustomLayers();
+                                }), customLayers = Array.from(requestedLayers).filter((layer)=>layer !== LAYER_MARK_ALL);
                                 generated = {
                                     meta: {
                                         tokensSize: tokens.size,
@@ -2727,10 +2685,7 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                             }
                         }
                     },
-                    virtualModules: ()=>({
-                            [VIRTUAL_UNO_CSS_ID]: getVirtualModuleContent(LAYER_MARK_ALL),
-                            ...getCustomLayers().reduce((acc, layer)=>(acc[`uno:${layer}.css`] = getVirtualModuleContent(layer), acc), {})
-                        })
+                    load: (id)=>id === VIRTUAL_UNO_CSS_ID ? getVirtualModuleContent(LAYER_MARK_ALL) : id.startsWith('uno:') ? getVirtualModuleContent(id.slice(4, -4)) : null
                 }),
                 (rootPath1 = '', registerCode = '', namesCode = '', {
                     name: 'unpack:svg-icons',
@@ -2751,16 +2706,8 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
                             registerCode = `const svgDomId = ${JSON.stringify(domId)}\nconst svgHtml = ${JSON.stringify(svg)}\nconst inject = (position) => {\n  if (typeof document === 'undefined') return\n  if (document.getElementById(svgDomId)) return\n  const div = document.createElement('div')\n  div.innerHTML = svgHtml\n  const svgEl = div.firstElementChild\n  if (!svgEl) return\n  if (position === 'head' && document.head) {\n    document.head.prepend(svgEl)\n    return\n  }\n  const body = document.body\n  if (!body) return\n  if (position === 'body-first' && body.firstChild) {\n    body.insertBefore(svgEl, body.firstChild)\n  } else {\n    body.appendChild(svgEl)\n  }\n}\nconst mount = () => inject(${JSON.stringify(inject)})\nif (typeof document !== 'undefined') {\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', mount)\n  } else {\n    mount()\n  }\n}\nexport default mount`, namesCode = `export const svgIconNames = ${JSON.stringify(names)}\nexport default svgIconNames`;
                         })();
                     },
-                    virtualModules: ()=>({
-                            '~svg-icons-register': registerCode || 'export default null',
-                            '~svg-icons-names': namesCode || 'export default []'
-                        }),
-                    transform: {
-                        filter: {
-                            test: JS_REGEX
-                        },
-                        handler: (code)=>code.includes('virtual:svg-icons-') ? code.replace('virtual:svg-icons-', '~svg-icons-') : null
-                    }
+                    resolveId: (id)=>id.startsWith('virtual:svg-icons-') ? '\0' + id : null,
+                    load: (id)=>'\0virtual:svg-icons-register' === id ? registerCode || 'export default null' : '\0virtual:svg-icons-names' === id ? namesCode || 'export default []' : null
                 })
             ]
         };
@@ -2774,7 +2721,7 @@ function createUnpack({ cwd = process.cwd(), config: userConfig, callerName = 'u
             let mode = watch ? 'development' : 'production';
             setNodeEnv(mode);
             let config = resolveConfig(mode);
-            console.log(colors.brand(`${callerName} v4.3.0`), colors.cyan(`building for ${mode}...`)), await unpackBuild(config);
+            console.log(colors.brand(`${callerName} v4.5.0`), colors.cyan(`building for ${mode}...`)), await unpackBuild(config);
         },
         dev: async ()=>{
             setUnpackStartTime(performance.now());
@@ -2805,8 +2752,10 @@ async function createChokidar(pathOrGlobs, root = process.cwd(), options) {
 var injectFramework_dirname = __rspack_dirname(__rspack_fileURLToPath(import.meta.url));
 async function injectFrameworkPluginForDebug(userConfig) {
     var plugin;
-    let raw, framework, framework1 = (raw = process.env.FRAMEWORK, (framework = raw?.trim().toLowerCase()) ? 'react' === framework || 'vue' === framework ? framework : (logger_logger.warn(`Unknown FRAMEWORK "${raw}", fallback to "react".`), 'react') : 'react'), pluginPath = node_path.resolve(injectFramework_dirname, `../../plugin-${framework1}/dist/index.js`);
-    node_fs.existsSync(pluginPath) && (plugin = (0, (await import(pluginPath))[`plugin${framework1.charAt(0).toUpperCase() + framework1.slice(1)}`])(), userConfig.plugins ? userConfig.plugins.unshift(plugin) : userConfig.plugins = [
+    let framework = process.env.FRAMEWORK?.trim();
+    if (!framework) return;
+    let pluginPath = node_path.resolve(injectFramework_dirname, `../../plugin-${framework}/dist/index.js`);
+    node_fs.existsSync(pluginPath) && (plugin = (0, (await import(pluginPath))[`plugin${framework.charAt(0).toUpperCase() + framework.slice(1)}`])(), userConfig.plugins ? userConfig.plugins.unshift(plugin) : userConfig.plugins = [
         plugin
     ]);
 }
@@ -2923,7 +2872,7 @@ function runCLI() {
             logger_logger.clear(), logger_logger.info(`${node_path.basename(file)} changed, restarting server...`), await watcher.close(), await cleanUpBeforeRestart(), startServer(options);
         });
     });
-    devCommand.option('-o, --open [url]', 'Open browser on startup').option('--port <port>', 'Specify port').option('--host', 'Expose hostname').action(startServer), cli.help(), cli.version("4.3.0"), cli.parse();
+    devCommand.option('-o, --open [url]', 'Open browser on startup').option('--port <port>', 'Specify port').option('--host', 'Expose hostname').action(startServer), cli.help(), cli.version("4.5.0"), cli.parse();
 }
 var src_CSS_MODULES_NAMED_EXPORT = !1;
-export { ALL_INTERFACES_IPV4, CSS_MODULES_EXPORTS_CONVENTION, CSS_MODULES_LOCAL_IDENT_NAME, DEV_DEFAULT_FILENAME, JSX_REGEX, JS_REGEX, LOCALHOST, NODE_MODULES_REGEX, PROD_DEFAULT_FILENAME, SCRIPT_REGEX, TEMPLATE_CONTENT, addRestartCleaner, applyHtmlTagDescriptors, cleanUpBeforeRestart, clearLine, colors, convertBasicAnsiColors, createChokidar, createUnpack, debounce, defineConfig, emptyDir, ensureDir, esVersionToBrowserslist, external_tinyglobby_glob as glob, findExists, getAddressUrls, getCompiledPkgPath, getCurrentUnpackConfig, getFilesContentHash, getHtmlTemplateOrContent, getIpv4Interfaces, getNodeEnv, getOrSetDefault, getPathInJs, getPort, getTime, getUnpackStartTime, getUserDepPath, getUserDepVersion, globSync, isBoolean, isDebug, isDev, isEmptyDir, isFileExists, isFileSync, isFunction, isNodeVersionAtLeast, isObject, isPlainObject, isRegExp, isString, isUndefined, isWin, launchEditor, loadConfig, loadConfigFile, logUpdate, logger_LogColor as LogColor, logger_logger as logger, mergeConfig, normalizePublicPath, openBrowser, pLimit, pathExists, pathToExportIdentifier, prettyTime, printServerUrls, removeDir, renderHtmlTagDescriptor, resolveConfigPath, rspack, runCLI, set, setCurrentUnpackConfig, setDevServer, setNodeEnv, setUnpackStartTime, src_CSS_MODULES_NAMED_EXPORT as CSS_MODULES_NAMED_EXPORT, trackPerformance, utils_isDevServer as isDevServer, utils_isProd as isProd };
+export { ALL_INTERFACES_IPV4, CSS_MODULES_EXPORTS_CONVENTION, CSS_MODULES_LOCAL_IDENT_NAME, DEV_DEFAULT_FILENAME, JSX_REGEX, JS_REGEX, LOCALHOST, NODE_MODULES_REGEX, PROD_DEFAULT_FILENAME, SCRIPT_REGEX, TEMPLATE_CONTENT, addRestartCleaner, applyHtmlTagDescriptors, cleanUpBeforeRestart, clearLine, colors, convertBasicAnsiColors, createChokidar, createUnpack, debounce, defineConfig, emptyDir, ensureDir, esVersionToBrowserslist, external_tinyglobby_glob as glob, findExists, getAddressUrls, getCompiledPkgPath, getCurrentUnpackConfig, getFilesContentHash, getHtmlTemplateOrContent, getIpv4Interfaces, getNodeEnv, getOrSetDefault, getPathInJs, getPort, getTime, getUnpackStartTime, getUserDepPath, getUserDepVersion, globSync, isBoolean, isDebug, isDev, isEmptyDir, isFileExists, isFileSync, isFunction, isNodeVersionAtLeast, isObject, isPlainObject, isRegExp, isString, isUndefined, isWin, launchEditor, loadConfig, loadConfigFromFile, logUpdate, logger_LogColor as LogColor, logger_logger as logger, mergeConfig, normalizePublicPath, openBrowser, pLimit, pathExists, pathToExportIdentifier, prettyTime, printServerUrls, removeDir, renderHtmlTagDescriptor, resolveConfigPath, rspack, runCLI, set, setCurrentUnpackConfig, setDevServer, setNodeEnv, setUnpackStartTime, src_CSS_MODULES_NAMED_EXPORT as CSS_MODULES_NAMED_EXPORT, trackPerformance, utils_isDevServer as isDevServer, utils_isProd as isProd };

package/dist-types/bundler-config/cache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/bundler-config/cache.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAoC5D,wBAAsB,gBAAgB,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,YAAY,CAAA;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB,GAAG,OAAO,CAAC,aAAa,CAAC,CA0BzB"}
+{"version":3,"file":"cache.d.ts","sourceRoot":"","sources":["../../src/bundler-config/cache.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAoC5D,wBAAsB,gBAAgB,CAAC,EACrC,MAAM,EACN,YAAY,EACZ,YAAY,GACb,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,YAAY,CAAA;IAC1B,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB,GAAG,OAAO,CAAC,aAAa,CAAC,CAuBzB"}

package/dist-types/bundler-config/css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/bundler-config/css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAU,YAAY,EAAE,MAAM,WAAW,CAAA;AAWpE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,YAAY,GACb,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,YAAY,CAAA;CAC3B,GAAG,aAAa,CAqHhB"}
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/bundler-config/css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAU,YAAY,EAAE,MAAM,WAAW,CAAA;AAUpE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,YAAY,GACb,EAAE;IACD,MAAM,EAAE,aAAa,CAAA;IACrB,YAAY,EAAE,YAAY,CAAA;CAC3B,GAAG,aAAa,CA4EhB"}