@plumeria/webpack-plugin 2.4.1 → 3.0.0

package/dist/index.d.ts

@@ -1,11 +1,2 @@
-import type { Compiler } from 'webpack';
-import type { CSSObject } from '@plumeria/utils';
-export declare class PlumeriaPlugin {
-    private stylesByFile;
-    private outFile;
-    constructor();
-    apply(compiler: Compiler): void;
-    registerFileStyles(filePath: string, styles: CSSObject): void;
-    private generateOrderedCSS;
-    private writeCSS;
-}
+import type { LoaderContext } from 'webpack';
+export default function loader(this: LoaderContext<unknown>, source: string): void;

package/dist/index.js

@@ -3,84 +3,286 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlumeriaPlugin = void 0;
-const path_1 = __importDefault(require("path"));
+exports.default = loader;
+const core_1 = require("@swc/core");
 const fs_1 = __importDefault(require("fs"));
-const PLUGIN_NAME = 'PlumeriaPlugin';
-class PlumeriaPlugin {
-    stylesByFile = new Map();
-    outFile;
-    constructor() { }
-    apply(compiler) {
-        this.outFile = path_1.default.resolve(__dirname, '..', 'zero-virtual.css');
-        compiler.hooks.invalid.tap(PLUGIN_NAME, (filename) => {
-            if (filename) {
-                const absPath = path_1.default.resolve(filename);
-                this.stylesByFile.delete(absPath);
+const path_1 = __importDefault(require("path"));
+const zss_engine_1 = require("zss-engine");
+const utils_1 = require("@plumeria/utils");
+const VIRTUAL_FILE_PATH = path_1.default.resolve(__dirname, '..', 'zero-virtual.css');
+function loader(source) {
+    const callback = this.async();
+    if (this.resourcePath.includes('node_modules') ||
+        !source.includes('@plumeria/core')) {
+        return callback(null, source);
+    }
+    this.clearDependencies();
+    this.addDependency(this.resourcePath);
+    utils_1.tables.staticTable = (0, utils_1.scanForCreateStatic)((path) => this.addDependency(path));
+    const { keyframesHashTableLocal, keyframesObjectTableLocal } = (0, utils_1.scanForKeyframes)((path) => this.addDependency(path));
+    utils_1.tables.keyframesHashTable = keyframesHashTableLocal;
+    utils_1.tables.keyframesObjectTable = keyframesObjectTableLocal;
+    const { viewTransitionHashTableLocal, viewTransitionObjectTableLocal } = (0, utils_1.scanForViewTransition)((path) => this.addDependency(path));
+    utils_1.tables.viewTransitionHashTable = viewTransitionHashTableLocal;
+    utils_1.tables.viewTransitionObjectTable = viewTransitionObjectTableLocal;
+    const { themeTableLocal, createThemeObjectTableLocal } = (0, utils_1.scanForCreateTheme)((path) => this.addDependency(path));
+    utils_1.tables.themeTable = themeTableLocal;
+    utils_1.tables.createThemeObjectTable = createThemeObjectTableLocal;
+    const extractedSheets = [];
+    const fileStyles = {};
+    const ast = (0, core_1.parseSync)(source, {
+        syntax: 'typescript',
+        tsx: true,
+        target: 'es2022',
+    });
+    const localConsts = (0, utils_1.collectLocalConsts)(ast);
+    Object.assign(utils_1.tables.staticTable, localConsts);
+    const localCreateStyles = {};
+    const replacements = [];
+    (0, utils_1.traverse)(ast, {
+        VariableDeclarator({ node }) {
+            if (node.id.type === 'Identifier' &&
+                node.init &&
+                utils_1.t.isCallExpression(node.init) &&
+                utils_1.t.isMemberExpression(node.init.callee) &&
+                utils_1.t.isIdentifier(node.init.callee.object, { name: 'css' }) &&
+                utils_1.t.isIdentifier(node.init.callee.property, { name: 'create' }) &&
+                node.init.arguments.length === 1 &&
+                utils_1.t.isObjectExpression(node.init.arguments[0].expression)) {
+                const obj = (0, utils_1.objectExpressionToObject)(node.init.arguments[0].expression, utils_1.tables.staticTable, utils_1.tables.keyframesHashTable, utils_1.tables.viewTransitionHashTable, utils_1.tables.themeTable);
+                if (obj) {
+                    localCreateStyles[node.id.value] = obj;
+                    const hashMap = {};
+                    Object.entries(obj).forEach(([key, style]) => {
+                        const records = (0, utils_1.getStyleRecords)(key, style, 2);
+                        const propMap = {};
+                        (0, utils_1.extractOndemandStyles)(style, extractedSheets);
+                        records.forEach((r) => {
+                            propMap[r.key] = r.hash;
+                            extractedSheets.push(r.sheet);
+                        });
+                        hashMap[key] = records.map((r) => r.hash).join(' ');
+                    });
+                    replacements.push({
+                        start: node.init.span.start - ast.span.start,
+                        end: node.init.span.end - ast.span.start,
+                        content: JSON.stringify(hashMap),
+                    });
+                }
             }
-        });
-        compiler.hooks.watchRun.tap(PLUGIN_NAME, () => {
-            this.stylesByFile.clear();
-        });
-        compiler.hooks.normalModuleFactory.tap(PLUGIN_NAME, (nmf) => {
-            nmf.hooks.createModule.tap(PLUGIN_NAME, (createData) => {
-                const modPath = createData.matchResource ?? createData.resourceResolveData?.path;
-                if (modPath && modPath.includes('zero-virtual.css')) {
-                    createData.settings ??= {};
-                    createData.settings.sideEffects = true;
+        },
+        CallExpression({ node }) {
+            const callee = node.callee;
+            if (utils_1.t.isMemberExpression(callee) &&
+                utils_1.t.isIdentifier(callee.object, { name: 'css' }) &&
+                utils_1.t.isIdentifier(callee.property)) {
+                const args = node.arguments;
+                if (callee.property.value === 'props') {
+                    const merged = {};
+                    let allStatic = true;
+                    args.forEach((arg) => {
+                        const expr = arg.expression;
+                        if (utils_1.t.isObjectExpression(expr)) {
+                            const obj = (0, utils_1.objectExpressionToObject)(expr, utils_1.tables.staticTable, utils_1.tables.keyframesHashTable, utils_1.tables.viewTransitionHashTable, utils_1.tables.themeTable);
+                            if (obj) {
+                                Object.assign(merged, obj);
+                            }
+                            else {
+                                allStatic = false;
+                            }
+                        }
+                        else if (utils_1.t.isMemberExpression(expr)) {
+                            if (utils_1.t.isIdentifier(expr.object) &&
+                                utils_1.t.isIdentifier(expr.property)) {
+                                const varName = expr.object.value;
+                                const propName = expr.property.value;
+                                const styleSet = localCreateStyles[varName];
+                                if (styleSet && styleSet[propName]) {
+                                    Object.assign(merged, styleSet[propName]);
+                                }
+                                else {
+                                    allStatic = false;
+                                }
+                            }
+                            else {
+                                allStatic = false;
+                            }
+                        }
+                        else if (utils_1.t.isIdentifier(expr)) {
+                            const obj = localCreateStyles[expr.value];
+                            if (obj) {
+                                Object.assign(merged, obj);
+                            }
+                            else {
+                                allStatic = false;
+                            }
+                        }
+                        else {
+                            allStatic = false;
+                        }
+                    });
+                    if (allStatic && Object.keys(merged).length > 0) {
+                        (0, utils_1.extractOndemandStyles)(merged, extractedSheets);
+                        const hash = (0, zss_engine_1.genBase36Hash)(merged, 1, 8);
+                        const records = (0, utils_1.getStyleRecords)(hash, merged, 2);
+                        records.forEach((r) => {
+                            extractedSheets.push(r.sheet);
+                        });
+                        replacements.push({
+                            start: node.span.start - ast.span.start,
+                            end: node.span.end - ast.span.start,
+                            content: JSON.stringify(records.map((r) => r.hash).join(' ')),
+                        });
+                    }
+                }
+                else if (callee.property.value === 'keyframes' &&
+                    args.length > 0 &&
+                    utils_1.t.isObjectExpression(args[0].expression)) {
+                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, utils_1.tables.staticTable, utils_1.tables.keyframesHashTable, utils_1.tables.viewTransitionHashTable, utils_1.tables.themeTable);
+                    const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
+                    utils_1.tables.keyframesObjectTable[hash] = obj;
+                    replacements.push({
+                        start: node.span.start - ast.span.start,
+                        end: node.span.end - ast.span.start,
+                        content: JSON.stringify(`kf-${hash}`),
+                    });
                 }
-            });
-        });
+                else if (callee.property.value === 'viewTransition' &&
+                    args.length > 0 &&
+                    utils_1.t.isObjectExpression(args[0].expression)) {
+                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, utils_1.tables.staticTable, utils_1.tables.keyframesHashTable, utils_1.tables.viewTransitionHashTable, utils_1.tables.themeTable);
+                    const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
+                    utils_1.tables.viewTransitionObjectTable[hash] = obj;
+                    replacements.push({
+                        start: node.span.start - ast.span.start,
+                        end: node.span.end - ast.span.start,
+                        content: JSON.stringify(`vt-${hash}`),
+                    });
+                }
+                else if (callee.property.value === 'createTheme' &&
+                    args.length > 0 &&
+                    utils_1.t.isObjectExpression(args[0].expression)) {
+                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, utils_1.tables.staticTable, utils_1.tables.keyframesHashTable, utils_1.tables.viewTransitionHashTable, utils_1.tables.themeTable);
+                    const hash = (0, zss_engine_1.genBase36Hash)(obj, 1, 8);
+                    utils_1.tables.createThemeObjectTable[hash] = obj;
+                    replacements.push({
+                        start: node.span.start - ast.span.start,
+                        end: node.span.end - ast.span.start,
+                        content: JSON.stringify(''),
+                    });
+                }
+                else if (callee.property.value === 'createStatic' &&
+                    args.length > 0 &&
+                    utils_1.t.isStringLiteral(args[0].expression)) {
+                    replacements.push({
+                        start: node.span.start - ast.span.start,
+                        end: node.span.end - ast.span.start,
+                        content: JSON.stringify(''),
+                    });
+                }
+            }
+        },
+    });
+    if (extractedSheets.length > 0) {
+        fileStyles.baseStyles =
+            (fileStyles.baseStyles || '') + extractedSheets.join('');
     }
-    registerFileStyles(filePath, styles) {
-        const absPath = path_1.default.resolve(filePath);
-        const prev = this.stylesByFile.get(absPath) || {
-            filePath,
-            keyframeStyles: '',
-            viewTransitionStyles: '',
-            themeStyles: '',
-            baseStyles: '',
-        };
-        const updatedStyles = {
-            ...prev,
-            ...styles,
-            lastAccessed: Date.now(),
-        };
-        this.stylesByFile.set(absPath, updatedStyles);
-        this.writeCSS();
+    const buffer = Buffer.from(source);
+    let offset = 0;
+    const parts = [];
+    replacements
+        .sort((a, b) => a.start - b.start)
+        .forEach((r) => {
+        parts.push(buffer.subarray(offset, r.start));
+        parts.push(Buffer.from(r.content));
+        offset = r.end;
+    });
+    parts.push(buffer.subarray(offset));
+    const transformedSource = Buffer.concat(parts).toString();
+    const VIRTUAL_CSS_PATH = require.resolve(VIRTUAL_FILE_PATH);
+    function stringifyRequest(loaderContext, request) {
+        const context = loaderContext.context || loaderContext.rootContext;
+        const relativePath = path_1.default.relative(context, request);
+        const requestPath = relativePath.startsWith('.')
+            ? relativePath
+            : './' + relativePath;
+        return JSON.stringify(requestPath);
     }
-    generateOrderedCSS() {
-        const allStyles = Array.from(this.stylesByFile.values());
-        if (allStyles.length === 0) {
-            return '';
+    const virtualCssRequest = stringifyRequest(this, `${VIRTUAL_CSS_PATH}`);
+    const postfix = `\nimport ${virtualCssRequest};`;
+    let css = '';
+    try {
+        css = fs_1.default.readFileSync(VIRTUAL_FILE_PATH, 'utf-8');
+    }
+    catch (e) {
+    }
+    function generateOrderedCSS(styles) {
+        const sections = [];
+        if (styles.keyframeStyles?.trim()) {
+            if (!css.includes(styles.keyframeStyles))
+                sections.push(styles.keyframeStyles);
+        }
+        if (styles.viewTransitionStyles?.trim()) {
+            if (!css.includes(styles.viewTransitionStyles))
+                sections.push(styles.viewTransitionStyles);
         }
-        const sortedStyles = allStyles.sort((a, b) => (b.lastAccessed || 0) - (a.lastAccessed || 0));
-        const keyframeStylesSet = new Set();
-        const viewTransitionStylesSet = new Set();
-        const themeStylesSet = new Set();
-        const baseStylesSet = new Set();
-        for (const s of sortedStyles) {
-            if (s.keyframeStyles?.trim().length > 0)
-                keyframeStylesSet.add(s.keyframeStyles);
-            if (s.viewTransitionStyles?.trim().length > 0)
-                viewTransitionStylesSet.add(s.viewTransitionStyles);
-            if (s.themeStyles?.trim().length > 0)
-                themeStylesSet.add(s.themeStyles);
-            if (s.baseStyles?.trim().length > 0)
-                baseStylesSet.add(s.baseStyles);
+        if (styles.themeStyles?.trim()) {
+            if (!css.includes(styles.themeStyles))
+                sections.push(styles.themeStyles);
         }
-        return [
-            ...Array.from(keyframeStylesSet),
-            ...Array.from(viewTransitionStylesSet),
-            ...Array.from(themeStylesSet),
-            ...Array.from(baseStylesSet),
-        ]
-            .filter(Boolean)
-            .join('\n');
+        if (styles.baseStyles?.trim()) {
+            sections.push(styles.baseStyles);
+        }
+        return sections.join('\n');
+    }
+    const orderedCSS = generateOrderedCSS(fileStyles);
+    const relativeId = path_1.default.relative(process.cwd(), this.resourcePath);
+    const hmrCode = `
+    if (module.hot) {
+      module.hot.accept(${virtualCssRequest});
+
+      const styleId = "plumeria-hmr";
+      const fileKey = ${JSON.stringify(relativeId)};
+      
+      let styleEl = document.getElementById(styleId);
+      
+      if (!styleEl) {
+        styleEl = document.createElement("style");
+        styleEl.id = styleId;
+        document.head.prepend(styleEl);
+        styleEl.__plumeriaStyles = {};
+      }
+
+      styleEl.__plumeriaStyles[fileKey] = ${JSON.stringify(orderedCSS)};
+      styleEl.textContent = Object.values(styleEl.__plumeriaStyles).join('\\n');
+
+      module.hot.dispose(() => {
+        if (styleEl && styleEl.__plumeriaStyles) {
+          delete styleEl.__plumeriaStyles[fileKey];
+          styleEl.textContent = Object.values(styleEl.__plumeriaStyles).join('\\n');
+          
+          if (Object.keys(styleEl.__plumeriaStyles).length === 0 && styleEl.parentNode) {
+            styleEl.parentNode.removeChild(styleEl);
+          }
+        }
+      });
+    }
+  `;
+    if (extractedSheets.length > 0 && process.env.NODE_ENV === 'development') {
+        fs_1.default.appendFileSync(VIRTUAL_FILE_PATH, extractedSheets.join(''), 'utf-8');
+    }
+    else if (extractedSheets.length > 0 &&
+        process.env.NODE_ENV === 'production') {
+        fs_1.default.writeFileSync(VIRTUAL_FILE_PATH, '');
+    }
+    const useClientDirective = /^\s*['"]use client['"]/;
+    if (process.env.NODE_ENV === 'production')
+        return callback(null, transformedSource);
+    if (!useClientDirective.test(source)) {
+        callback(null, transformedSource + postfix);
+        return;
     }
-    writeCSS() {
-        const css = this.generateOrderedCSS();
-        fs_1.default.writeFileSync(this.outFile, css, 'utf-8');
+    else {
+        callback(null, transformedSource + hmrCode);
     }
 }
-exports.PlumeriaPlugin = PlumeriaPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/webpack-plugin",
-  "version": "2.4.1",
+  "version": "3.0.0",
   "description": "Plumeria Webpack plugin",
   "author": "Refirst 11",
   "license": "MIT",
@@ -22,12 +22,12 @@
     "zero-virtual.css"
   ],
   "dependencies": {
-    "@plumeria/utils": "^2.4.1"
+    "@plumeria/utils": "^3.0.0"
   },
   "devDependencies": {
     "@swc/core": "1.15.2",
     "webpack": "5.101.0",
-    "zss-engine": "2.1.0"
+    "zss-engine": "2.1.2"
   },
   "publishConfig": {
     "access": "public",

package/dist/virtual-css-loader.d.ts

@@ -1,2 +0,0 @@
-import type { LoaderContext } from 'webpack';
-export default function loader(this: LoaderContext<unknown>, source: string): void;

package/dist/virtual-css-loader.js

@@ -1,187 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = loader;
-const core_1 = require("@swc/core");
-const path_1 = __importDefault(require("path"));
-const fs_1 = __importDefault(require("fs"));
-const zss_engine_1 = require("zss-engine");
-const utils_1 = require("@plumeria/utils");
-function loader(source) {
-    const callback = this.async();
-    this.clearDependencies();
-    this.addDependency(this.resourcePath);
-    utils_1.tables.staticTable = (0, utils_1.scanForCreateStatic)((path) => this.addDependency(path));
-    const { keyframesHashTableLocal, keyframesObjectTableLocal } = (0, utils_1.scanForKeyframes)((path) => this.addDependency(path));
-    utils_1.tables.keyframesHashTable = keyframesHashTableLocal;
-    utils_1.tables.keyframesObjectTable = keyframesObjectTableLocal;
-    const { viewTransitionHashTableLocal, viewTransitionObjectTableLocal } = (0, utils_1.scanForViewTransition)((path) => this.addDependency(path));
-    utils_1.tables.viewTransitionHashTable = viewTransitionHashTableLocal;
-    utils_1.tables.viewTransitionObjectTable = viewTransitionObjectTableLocal;
-    const { themeTableLocal, createThemeObjectTableLocal } = (0, utils_1.scanForCreateTheme)((path) => this.addDependency(path));
-    utils_1.tables.themeTable = themeTableLocal;
-    utils_1.tables.createThemeObjectTable = createThemeObjectTableLocal;
-    const extractedObjects = [];
-    let ast;
-    try {
-        ast = (0, core_1.parseSync)(source, {
-            syntax: 'typescript',
-            tsx: true,
-            target: 'es2022',
-        });
-    }
-    catch (err) {
-        console.log(err);
-        callback(null, source);
-        return;
-    }
-    const localConsts = (0, utils_1.collectLocalConsts)(ast);
-    Object.assign(utils_1.tables.staticTable, localConsts);
-    let hasCssCreate = false;
-    (0, utils_1.traverse)(ast, {
-        CallExpression({ node }) {
-            const callee = node.callee;
-            if (utils_1.t.isMemberExpression(callee) &&
-                utils_1.t.isIdentifier(callee.object, { name: 'css' }) &&
-                utils_1.t.isIdentifier(callee.property)) {
-                const args = node.arguments;
-                if (callee.property.value === 'create' &&
-                    args.length === 1 &&
-                    utils_1.t.isObjectExpression(args[0].expression)) {
-                    hasCssCreate = true;
-                    const obj = (0, utils_1.objectExpressionToObject)(args[0].expression, utils_1.tables.staticTable, utils_1.tables.keyframesHashTable, utils_1.tables.viewTransitionHashTable, utils_1.tables.themeTable);
-                    if (obj) {
-                        extractedObjects.push(obj);
-                    }
-                }
-            }
-        },
-    });
-    const fileStyles = {};
-    if (extractedObjects.length > 0) {
-        const combinedStyles = extractedObjects.reduce((acc, obj) => Object.assign(acc, obj), {});
-        const base = (0, utils_1.createCSS)(combinedStyles);
-        if (base) {
-            fileStyles.baseStyles = base;
-        }
-    }
-    if (Object.keys(utils_1.tables.keyframesObjectTable).length > 0) {
-        fileStyles.keyframeStyles = Object.entries(utils_1.tables.keyframesObjectTable)
-            .map(([hash, obj]) => (0, zss_engine_1.transpile)({ [`@keyframes kf-${hash}`]: obj }, undefined, '--global')
-            .styleSheet)
-            .join('\n');
-    }
-    if (Object.keys(utils_1.tables.viewTransitionObjectTable).length > 0) {
-        fileStyles.viewTransitionStyles = Object.entries(utils_1.tables.viewTransitionObjectTable)
-            .map(([hash, obj]) => (0, zss_engine_1.transpile)({
-            [`::view-transition-group(vt-${hash})`]: obj.group,
-            [`::view-transition-image-pair(vt-${hash})`]: obj.imagePair,
-            [`::view-transition-old(vt-${hash})`]: obj.old,
-            [`::view-transition-new(vt-${hash})`]: obj.new,
-        }, undefined, '--global').styleSheet)
-            .join('\n');
-    }
-    if (Object.keys(utils_1.tables.createThemeObjectTable).length > 0) {
-        fileStyles.themeStyles = Object.values(utils_1.tables.createThemeObjectTable)
-            .map((obj) => (0, zss_engine_1.transpile)((0, utils_1.createTheme)(obj), undefined, '--global')
-            .styleSheet)
-            .join('\n');
-    }
-    const VIRTUAL_FILE_PATH = path_1.default.resolve(__dirname, '..', 'zero-virtual.css');
-    const VIRTUAL_CSS_PATH = require.resolve(VIRTUAL_FILE_PATH);
-    function stringifyRequest(loaderContext, request) {
-        return JSON.stringify(loaderContext.utils.contextify(loaderContext.context || loaderContext.rootContext, request));
-    }
-    const virtualCssImportPath = path_1.default.posix.join(path_1.default.posix.relative(path_1.default.dirname(this.resourcePath), path_1.default.resolve(__dirname, '..', VIRTUAL_CSS_PATH)));
-    let importPath = virtualCssImportPath;
-    if (!importPath.startsWith('.')) {
-        importPath = './' + importPath;
-    }
-    const serializedStyleRules = JSON.stringify(fileStyles);
-    const urlParams = new URLSearchParams({
-        from: this.resourcePath,
-        plumeria: serializedStyleRules,
-    });
-    const virtualCssRequest = stringifyRequest(this, `${VIRTUAL_CSS_PATH}?${urlParams.toString()}`);
-    const postfix = `\nimport ${virtualCssRequest};`;
-    const pluginInstance = this._compiler?.options?.plugins.find((p) => p?.constructor?.name === 'PlumeriaPlugin');
-    const fileKey = this.resourcePath;
-    if (pluginInstance) {
-        if (!pluginInstance?.__plumeriaRegistered) {
-            pluginInstance.__plumeriaRegistered = new Map();
-        }
-        const cache = pluginInstance.__plumeriaRegistered;
-        const previousRequest = cache.get(fileKey);
-        if (previousRequest !== virtualCssRequest) {
-            cache.set(fileKey, virtualCssRequest);
-            pluginInstance.registerFileStyles(fileKey, fileStyles);
-        }
-    }
-    let css = '';
-    css = fs_1.default.readFileSync(path_1.default.resolve(__dirname, '../zero-virtual.css'), 'utf-8');
-    function generateOrderedCSS(styles) {
-        const sections = [];
-        if (styles.keyframeStyles?.trim()) {
-            if (!css.includes(styles.keyframeStyles))
-                sections.push(styles.keyframeStyles);
-        }
-        if (styles.viewTransitionStyles?.trim()) {
-            if (!css.includes(styles.viewTransitionStyles))
-                sections.push(styles.viewTransitionStyles);
-        }
-        if (styles.themeStyles?.trim()) {
-            if (!css.includes(styles.themeStyles))
-                sections.push(styles.themeStyles);
-        }
-        if (styles.baseStyles?.trim()) {
-            sections.push(styles.baseStyles);
-        }
-        return sections.join('\n');
-    }
-    const orderedCSS = generateOrderedCSS(fileStyles);
-    const relativeId = path_1.default.relative(process.cwd(), this.resourcePath);
-    const hmrCode = `
-    if (module.hot) {
-      module.hot.accept(${virtualCssRequest});
-
-      const styleId = "plumeria-hmr";
-      const fileKey = ${JSON.stringify(relativeId)};
-      
-      let styleEl = document.getElementById(styleId);
-      
-      if (!styleEl) {
-        styleEl = document.createElement("style");
-        styleEl.id = styleId;
-        styleEl.setAttribute("data-plumeria-hmr", "");
-        document.head.prepend(styleEl);
-        styleEl.__plumeriaStyles = {};
-      }
-
-      styleEl.__plumeriaStyles[fileKey] = ${JSON.stringify(orderedCSS)};
-      styleEl.textContent = Object.values(styleEl.__plumeriaStyles).join('\\n');
-
-      module.hot.dispose(() => {
-        if (styleEl && styleEl.__plumeriaStyles) {
-          delete styleEl.__plumeriaStyles[fileKey];
-          styleEl.textContent = Object.values(styleEl.__plumeriaStyles).join('\\n');
-          
-          if (Object.keys(styleEl.__plumeriaStyles).length === 0 && styleEl.parentNode) {
-            styleEl.parentNode.removeChild(styleEl);
-          }
-        }
-      });
-    }
-  `;
-    if (hasCssCreate) {
-        callback(null, source + hmrCode);
-        return;
-    }
-    const useClientDirective = /^\s*['"]use client['"]/;
-    if (!useClientDirective.test(source)) {
-        callback(null, source + postfix);
-        return;
-    }
-    callback(null, source);
-}