@plumeria/unplugin 10.5.3

package/dist/vite.js

@@ -0,0 +1,143 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const unplugin_1 = require("unplugin");
+const core_1 = require("./core");
+const path = __importStar(require("path"));
+const disk_css_1 = require("./disk-css");
+function attachViteHooks(plugin, options) {
+    let devServer;
+    const { cssLookup, cssFileLookup, targets, setDev, setRoot } = plugin.__plumeriaInternal;
+    const useDiskEmit = options?.devEmitToDisk ?? false;
+    let isDev = false;
+    let viteRoot = process.cwd();
+    const virtualCssPath = useDiskEmit ? (0, disk_css_1.resolveVirtualCssPath)() : '';
+    const baseTransform = plugin.transform;
+    plugin.transform = async function (code, id) {
+        const result = await baseTransform.call(this, code, id);
+        if (isDev &&
+            useDiskEmit &&
+            result &&
+            typeof result === 'object' &&
+            result.code) {
+            result.code = result.code.replace(/import\s+["'](\/[^"']+\.zero\.css)["'];/g, (_match, cssPath) => {
+                const absolutePath = cssFileLookup.get(cssPath);
+                if (!absolutePath)
+                    return _match;
+                const cssContent = cssLookup.get(absolutePath);
+                if (cssContent == null)
+                    return _match;
+                (0, disk_css_1.ensureVirtualCssFile)(virtualCssPath);
+                const filePathKey = path
+                    .relative(viteRoot, absolutePath)
+                    .replace(/\\/g, '/');
+                (0, disk_css_1.writeCssBlock)(virtualCssPath, filePathKey, cssContent);
+                const importPath = (0, disk_css_1.rewriteImportPath)(id, virtualCssPath);
+                return `import "${importPath}";`;
+            });
+        }
+        else if (!useDiskEmit &&
+            devServer &&
+            result &&
+            typeof result === 'object' &&
+            result.code.includes('.zero.css')) {
+            const baseId = id.replace(core_1.EXTENSION_PATTERN, '');
+            const cssFilename = `${baseId}.zero.css`;
+            const mod = devServer.moduleGraph.getModuleById(cssFilename);
+            if (mod) {
+                devServer.reloadModule(mod);
+            }
+        }
+        return result;
+    };
+    const vitePlugin = {
+        ...plugin,
+        name: '@plumeria/unplugin:vite',
+        config(userConfig, { command }) {
+            if (command === 'build') {
+                const build = userConfig.build || {};
+                build.cssCodeSplit = false;
+                return { build };
+            }
+        },
+        configResolved(config) {
+            viteRoot = config.root;
+            setRoot(config.root);
+            if (config.command === 'serve') {
+                isDev = true;
+                setDev(true);
+            }
+        },
+        configureServer(server) {
+            devServer = server;
+        },
+        handleHotUpdate(ctx) {
+            if (!devServer)
+                return;
+            const modules = [...ctx.modules];
+            if (!ctx.file.includes('node_modules')) {
+                const affectedProviders = targets
+                    .filter((t) => t.id !== ctx.file)
+                    .map((t) => devServer.moduleGraph.getModuleById(t.id))
+                    .filter((m) => !!m);
+                affectedProviders.forEach((p) => {
+                    if (!modules.includes(p)) {
+                        modules.push(p);
+                    }
+                });
+            }
+            return modules;
+        },
+    };
+    if (!useDiskEmit) {
+        vitePlugin.resolveId = function (importeeUrl) {
+            const [id] = importeeUrl.split('?', 1);
+            if (cssLookup.has(id)) {
+                return id;
+            }
+            const resolved = cssFileLookup.get(id);
+            if (resolved) {
+                return resolved;
+            }
+            return null;
+        };
+        vitePlugin.load = function (url) {
+            const [id] = url.split('?', 1);
+            return cssLookup.get(id) ?? null;
+        };
+    }
+    return vitePlugin;
+}
+exports.default = (0, unplugin_1.createVitePlugin)((options, metaOptions) => attachViteHooks((0, core_1.unpluginFactory)(options, metaOptions), options));

package/dist/vite.mjs

@@ -0,0 +1,108 @@
+import { createVitePlugin } from 'unplugin';
+import { unpluginFactory, EXTENSION_PATTERN } from './core.mjs';
+import * as path from 'path';
+import { resolveVirtualCssPath, ensureVirtualCssFile, writeCssBlock, rewriteImportPath, } from './disk-css.mjs';
+function attachViteHooks(plugin, options) {
+    let devServer;
+    const { cssLookup, cssFileLookup, targets, setDev, setRoot } = plugin.__plumeriaInternal;
+    const useDiskEmit = options?.devEmitToDisk ?? false;
+    let isDev = false;
+    let viteRoot = process.cwd();
+    const virtualCssPath = useDiskEmit ? resolveVirtualCssPath() : '';
+    const baseTransform = plugin.transform;
+    plugin.transform = async function (code, id) {
+        const result = await baseTransform.call(this, code, id);
+        if (isDev &&
+            useDiskEmit &&
+            result &&
+            typeof result === 'object' &&
+            result.code) {
+            result.code = result.code.replace(/import\s+["'](\/[^"']+\.zero\.css)["'];/g, (_match, cssPath) => {
+                const absolutePath = cssFileLookup.get(cssPath);
+                if (!absolutePath)
+                    return _match;
+                const cssContent = cssLookup.get(absolutePath);
+                if (cssContent == null)
+                    return _match;
+                ensureVirtualCssFile(virtualCssPath);
+                const filePathKey = path
+                    .relative(viteRoot, absolutePath)
+                    .replace(/\\/g, '/');
+                writeCssBlock(virtualCssPath, filePathKey, cssContent);
+                const importPath = rewriteImportPath(id, virtualCssPath);
+                return `import "${importPath}";`;
+            });
+        }
+        else if (!useDiskEmit &&
+            devServer &&
+            result &&
+            typeof result === 'object' &&
+            result.code.includes('.zero.css')) {
+            const baseId = id.replace(EXTENSION_PATTERN, '');
+            const cssFilename = `${baseId}.zero.css`;
+            const mod = devServer.moduleGraph.getModuleById(cssFilename);
+            if (mod) {
+                devServer.reloadModule(mod);
+            }
+        }
+        return result;
+    };
+    const vitePlugin = {
+        ...plugin,
+        name: '@plumeria/unplugin:vite',
+        config(userConfig, { command }) {
+            if (command === 'build') {
+                const build = userConfig.build || {};
+                build.cssCodeSplit = false;
+                return { build };
+            }
+        },
+        configResolved(config) {
+            viteRoot = config.root;
+            setRoot(config.root);
+            if (config.command === 'serve') {
+                isDev = true;
+                setDev(true);
+            }
+        },
+        configureServer(server) {
+            devServer = server;
+        },
+        handleHotUpdate(ctx) {
+            if (!devServer)
+                return;
+            const modules = [...ctx.modules];
+            if (!ctx.file.includes('node_modules')) {
+                const affectedProviders = targets
+                    .filter((t) => t.id !== ctx.file)
+                    .map((t) => devServer.moduleGraph.getModuleById(t.id))
+                    .filter((m) => !!m);
+                affectedProviders.forEach((p) => {
+                    if (!modules.includes(p)) {
+                        modules.push(p);
+                    }
+                });
+            }
+            return modules;
+        },
+    };
+    if (!useDiskEmit) {
+        vitePlugin.resolveId = function (importeeUrl) {
+            const [id] = importeeUrl.split('?', 1);
+            if (cssLookup.has(id)) {
+                return id;
+            }
+            const resolved = cssFileLookup.get(id);
+            if (resolved) {
+                return resolved;
+            }
+            return null;
+        };
+        vitePlugin.load = function (url) {
+            const [id] = url.split('?', 1);
+            return cssLookup.get(id) ?? null;
+        };
+    }
+    return vitePlugin;
+}
+export default createVitePlugin((options, metaOptions) => attachViteHooks(unpluginFactory(options, metaOptions), options));

package/dist/webpack.d.ts

@@ -0,0 +1,4 @@
+import { type PluginOptions } from './core';
+export declare function attachWebpackHooks(plugin: any): any;
+declare const _default: (options?: PluginOptions | undefined) => import("unplugin").WebpackPluginInstance;
+export default _default;

package/dist/webpack.js

@@ -0,0 +1,167 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachWebpackHooks = attachWebpackHooks;
+const unplugin_1 = require("unplugin");
+const core_1 = require("./core");
+const path = __importStar(require("path"));
+const ZERO_CSS_SUFFIX = '(?:$|\\?|%3F)';
+const VIRTUAL_CSS_PATH = new RegExp(`\\.zero\\.css${ZERO_CSS_SUFFIX}`);
+function attachWebpackHooks(plugin) {
+    const { setDev, setRoot } = plugin.__plumeriaInternal;
+    plugin.transformInclude = (id) => {
+        const [pathId] = id.split('?', 1);
+        return (/\.(ts|tsx|js|jsx)$/.test(pathId) &&
+            !pathId.includes('node_modules') &&
+            !pathId.endsWith('.html'));
+    };
+    plugin.loadInclude = (id) => {
+        const [pathId] = id.split('?', 1);
+        return pathId.endsWith('.zero.css');
+    };
+    const originalTransform = plugin.transform;
+    plugin.transform = async function (code, id) {
+        const result = await originalTransform.call(this, code, id);
+        if (result && typeof result === 'object' && result.code) {
+            const { cssFileLookup } = plugin.__plumeriaInternal;
+            result.code = result.code.replace(/import\s+"(\/[^"]+\.zero\.css)";/g, (_match, cssPath) => {
+                const absoluteCssPath = cssFileLookup.get(cssPath);
+                if (!absoluteCssPath)
+                    return _match;
+                let rel = path
+                    .relative(path.dirname(id), absoluteCssPath)
+                    .replace(/\\/g, '/');
+                if (!rel.startsWith('.'))
+                    rel = `./${rel}`;
+                return `import "${rel}?t=${Date.now()}";`;
+            });
+        }
+        return result;
+    };
+    plugin.resolveId = function (id, importer) {
+        const [pathId, query] = id.split('?');
+        const { cssLookup } = plugin.__plumeriaInternal;
+        if (pathId.endsWith('.zero.css')) {
+            let resolvedAbsolute = null;
+            if (cssLookup.has(pathId)) {
+                resolvedAbsolute = pathId;
+            }
+            else if (importer) {
+                const resolved = path
+                    .resolve(path.dirname(importer), pathId)
+                    .replace(/\\/g, '/');
+                if (cssLookup.has(resolved)) {
+                    resolvedAbsolute = resolved;
+                }
+            }
+            if (resolvedAbsolute) {
+                return query ? `${resolvedAbsolute}?${query}` : resolvedAbsolute;
+            }
+        }
+        return null;
+    };
+    plugin.load = function (id) {
+        const [pathId] = id.split('?', 1);
+        const { cssLookup, targets } = plugin.__plumeriaInternal;
+        const sourceTarget = targets.find((t) => `${t.id.replace(/\.(ts|tsx|js|jsx)$/, '')}.zero.css` === pathId);
+        if (sourceTarget && typeof this.addDependency === 'function') {
+            this.addDependency(sourceTarget.id);
+        }
+        const css = cssLookup.get(pathId);
+        if (css == null)
+            return null;
+        return { code: css, moduleType: 'css' };
+    };
+    const hookFn = (compiler) => {
+        if (compiler.isChild())
+            return;
+        setRoot(compiler.context);
+        if (compiler.options.mode === 'development') {
+            setDev(true);
+        }
+        const rules = compiler.options.module?.rules;
+        if (rules && Array.isArray(rules)) {
+            const cssRule = rules.find((rule) => rule &&
+                rule.test &&
+                rule.test instanceof RegExp &&
+                rule.test.test('test.css'));
+            if (cssRule) {
+                rules.unshift({
+                    ...cssRule,
+                    test: VIRTUAL_CSS_PATH,
+                    type: 'css/auto',
+                    enforce: 'pre',
+                });
+            }
+            else {
+                for (let i = 0; i < rules.length; i++) {
+                    const rule = rules[i];
+                    if (rule &&
+                        rule.type === 'javascript/auto' &&
+                        Array.isArray(rule.use) &&
+                        rule.use.some((u) => u?.loader && String(u.loader).includes('load.mjs'))) {
+                        const origInclude = rule.include;
+                        rule.include = (id) => {
+                            if (VIRTUAL_CSS_PATH.test(id))
+                                return false;
+                            return typeof origInclude === 'function' ? origInclude(id) : true;
+                        };
+                        rules.unshift({
+                            include: (id) => {
+                                if (!VIRTUAL_CSS_PATH.test(id))
+                                    return false;
+                                return typeof origInclude === 'function'
+                                    ? origInclude(id)
+                                    : true;
+                            },
+                            enforce: rule.enforce,
+                            use: rule.use,
+                            type: 'css/auto',
+                        });
+                        break;
+                    }
+                }
+            }
+        }
+    };
+    return {
+        ...plugin,
+        webpack: hookFn,
+        rspack: hookFn,
+    };
+}
+exports.default = (0, unplugin_1.createWebpackPlugin)((options, meta) => {
+    return attachWebpackHooks((0, core_1.unpluginFactory)(options, meta));
+});

package/dist/webpack.mjs

@@ -0,0 +1,131 @@
+import { createWebpackPlugin } from 'unplugin';
+import { unpluginFactory } from './core.mjs';
+import * as path from 'path';
+const ZERO_CSS_SUFFIX = '(?:$|\\?|%3F)';
+const VIRTUAL_CSS_PATH = new RegExp(`\\.zero\\.css${ZERO_CSS_SUFFIX}`);
+export function attachWebpackHooks(plugin) {
+    const { setDev, setRoot } = plugin.__plumeriaInternal;
+    plugin.transformInclude = (id) => {
+        const [pathId] = id.split('?', 1);
+        return (/\.(ts|tsx|js|jsx)$/.test(pathId) &&
+            !pathId.includes('node_modules') &&
+            !pathId.endsWith('.html'));
+    };
+    plugin.loadInclude = (id) => {
+        const [pathId] = id.split('?', 1);
+        return pathId.endsWith('.zero.css');
+    };
+    const originalTransform = plugin.transform;
+    plugin.transform = async function (code, id) {
+        const result = await originalTransform.call(this, code, id);
+        if (result && typeof result === 'object' && result.code) {
+            const { cssFileLookup } = plugin.__plumeriaInternal;
+            result.code = result.code.replace(/import\s+"(\/[^"]+\.zero\.css)";/g, (_match, cssPath) => {
+                const absoluteCssPath = cssFileLookup.get(cssPath);
+                if (!absoluteCssPath)
+                    return _match;
+                let rel = path
+                    .relative(path.dirname(id), absoluteCssPath)
+                    .replace(/\\/g, '/');
+                if (!rel.startsWith('.'))
+                    rel = `./${rel}`;
+                return `import "${rel}?t=${Date.now()}";`;
+            });
+        }
+        return result;
+    };
+    plugin.resolveId = function (id, importer) {
+        const [pathId, query] = id.split('?');
+        const { cssLookup } = plugin.__plumeriaInternal;
+        if (pathId.endsWith('.zero.css')) {
+            let resolvedAbsolute = null;
+            if (cssLookup.has(pathId)) {
+                resolvedAbsolute = pathId;
+            }
+            else if (importer) {
+                const resolved = path
+                    .resolve(path.dirname(importer), pathId)
+                    .replace(/\\/g, '/');
+                if (cssLookup.has(resolved)) {
+                    resolvedAbsolute = resolved;
+                }
+            }
+            if (resolvedAbsolute) {
+                return query ? `${resolvedAbsolute}?${query}` : resolvedAbsolute;
+            }
+        }
+        return null;
+    };
+    plugin.load = function (id) {
+        const [pathId] = id.split('?', 1);
+        const { cssLookup, targets } = plugin.__plumeriaInternal;
+        const sourceTarget = targets.find((t) => `${t.id.replace(/\.(ts|tsx|js|jsx)$/, '')}.zero.css` === pathId);
+        if (sourceTarget && typeof this.addDependency === 'function') {
+            this.addDependency(sourceTarget.id);
+        }
+        const css = cssLookup.get(pathId);
+        if (css == null)
+            return null;
+        return { code: css, moduleType: 'css' };
+    };
+    const hookFn = (compiler) => {
+        if (compiler.isChild())
+            return;
+        setRoot(compiler.context);
+        if (compiler.options.mode === 'development') {
+            setDev(true);
+        }
+        const rules = compiler.options.module?.rules;
+        if (rules && Array.isArray(rules)) {
+            const cssRule = rules.find((rule) => rule &&
+                rule.test &&
+                rule.test instanceof RegExp &&
+                rule.test.test('test.css'));
+            if (cssRule) {
+                rules.unshift({
+                    ...cssRule,
+                    test: VIRTUAL_CSS_PATH,
+                    type: 'css/auto',
+                    enforce: 'pre',
+                });
+            }
+            else {
+                for (let i = 0; i < rules.length; i++) {
+                    const rule = rules[i];
+                    if (rule &&
+                        rule.type === 'javascript/auto' &&
+                        Array.isArray(rule.use) &&
+                        rule.use.some((u) => u?.loader && String(u.loader).includes('load.mjs'))) {
+                        const origInclude = rule.include;
+                        rule.include = (id) => {
+                            if (VIRTUAL_CSS_PATH.test(id))
+                                return false;
+                            return typeof origInclude === 'function' ? origInclude(id) : true;
+                        };
+                        rules.unshift({
+                            include: (id) => {
+                                if (!VIRTUAL_CSS_PATH.test(id))
+                                    return false;
+                                return typeof origInclude === 'function'
+                                    ? origInclude(id)
+                                    : true;
+                            },
+                            enforce: rule.enforce,
+                            use: rule.use,
+                            type: 'css/auto',
+                        });
+                        break;
+                    }
+                }
+            }
+        }
+    };
+    return {
+        ...plugin,
+        webpack: hookFn,
+        rspack: hookFn,
+    };
+}
+export default createWebpackPlugin((options, meta) => {
+    return attachWebpackHooks(unpluginFactory(options, meta));
+});

package/package.json

@@ -0,0 +1,105 @@
+{
+  "name": "@plumeria/unplugin",
+  "version": "10.5.3",
+  "description": "Universal Plumeria plugin for various build tools",
+  "author": "Refirst 11",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zss-in-js/plumeria.git",
+    "directory": "packages/unplugin"
+  },
+  "bugs": {
+    "url": "https://github.com/zss-in-js/plumeria/issues"
+  },
+  "keywords": [
+    "plumeria",
+    "css",
+    "unplugin",
+    "vite",
+    "webpack",
+    "rspack",
+    "esbuild",
+    "farm",
+    "rollup",
+    "rolldown",
+    "bun"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.mjs",
+      "require": "./dist/vite.js"
+    },
+    "./webpack": {
+      "types": "./dist/webpack.d.ts",
+      "import": "./dist/webpack.mjs",
+      "require": "./dist/webpack.js"
+    },
+    "./rspack": {
+      "types": "./dist/rspack.d.ts",
+      "import": "./dist/rspack.mjs",
+      "require": "./dist/rspack.js"
+    },
+    "./esbuild": {
+      "types": "./dist/esbuild.d.ts",
+      "import": "./dist/esbuild.mjs",
+      "require": "./dist/esbuild.js"
+    },
+    "./farm": {
+      "types": "./dist/farm.d.ts",
+      "import": "./dist/farm.mjs",
+      "require": "./dist/farm.js"
+    },
+    "./rollup": {
+      "types": "./dist/rollup.d.ts",
+      "import": "./dist/rollup.mjs",
+      "require": "./dist/rollup.js"
+    },
+    "./rolldown": {
+      "types": "./dist/rolldown.d.ts",
+      "import": "./dist/rolldown.mjs",
+      "require": "./dist/rolldown.js"
+    },
+    "./unloader": {
+      "types": "./dist/unloader.d.ts",
+      "import": "./dist/unloader.mjs",
+      "require": "./dist/unloader.js"
+    },
+    "./bun": {
+      "types": "./dist/bun.d.ts",
+      "import": "./dist/bun.mjs",
+      "require": "./dist/bun.js"
+    }
+  },
+  "files": [
+    "dist/",
+    "zero-virtual.css"
+  ],
+  "scripts": {
+    "build": "rimraf dist && pnpm esm && pnpm cjs",
+    "cjs": "tsc --project tsconfig.cjs.json",
+    "esm": "tsc --project tsconfig.esm.json && node mjs-extension.ts"
+  },
+  "dependencies": {
+    "@plumeria/utils": "workspace:^",
+    "unplugin": "^3.0.0"
+  },
+  "devDependencies": {
+    "@swc/core": "catalog:",
+    "zss-engine": "catalog:",
+    "@rollup/pluginutils": "^5.1.0",
+    "vite": "^7.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/zero-virtual.css

@@ -0,0 +1 @@
+/** Placeholder file */