@unocss/vite 0.55.0 → 0.55.2

package/dist/client.d.cts

@@ -0,0 +1,2 @@
+
+export { }

package/dist/client.d.mts

@@ -0,0 +1,2 @@
+
+export { }

package/dist/client.d.ts

@@ -1 +1,2 @@
 
+export { }

package/dist/index.cjs

@@ -3,29 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const UnocssInspector = require('@unocss/inspector');
-const core = require('@unocss/core');
-const process$1 = require('node:process');
-const pluginutils = require('@rollup/pluginutils');
-const config = require('@unocss/config');
-const node_crypto = require('node:crypto');
-const MagicString = require('magic-string');
 const node_path = require('node:path');
 const fs = require('node:fs/promises');
 const fg = require('fast-glob');
+const MagicString = require('magic-string');
 const remapping = require('@ampproject/remapping');
+const node_crypto = require('node:crypto');
+const core = require('@unocss/core');
+const process$1 = require('node:process');
 const node_buffer = require('node:buffer');
+const pluginutils = require('@rollup/pluginutils');
 const fs$1 = require('node:fs');
 const node_url = require('node:url');
+const config = require('@unocss/config');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
-const UnocssInspector__default = /*#__PURE__*/_interopDefaultLegacy(UnocssInspector);
-const process__default = /*#__PURE__*/_interopDefaultLegacy(process$1);
-const MagicString__default = /*#__PURE__*/_interopDefaultLegacy(MagicString);
-const fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
-const fg__default = /*#__PURE__*/_interopDefaultLegacy(fg);
-const remapping__default = /*#__PURE__*/_interopDefaultLegacy(remapping);
-const fs__default$1 = /*#__PURE__*/_interopDefaultLegacy(fs$1);
+const UnocssInspector__default = /*#__PURE__*/_interopDefaultCompat(UnocssInspector);
+const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
+const fg__default = /*#__PURE__*/_interopDefaultCompat(fg);
+const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
+const remapping__default = /*#__PURE__*/_interopDefaultCompat(remapping);
+const process__default = /*#__PURE__*/_interopDefaultCompat(process$1);
+const fs__default$1 = /*#__PURE__*/_interopDefaultCompat(fs$1);
 
 const defaultPipelineExclude = [core.cssIdRE];
 const defaultPipelineInclude = [/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/];
@@ -473,6 +473,8 @@ function GlobalModeBuildPlugin(ctx) {
           distDirs.forEach((dir) => cssPlugins.set(dir, cssPlugin));
         await ready;
       },
+      // we inject a hash to chunk before the dist hash calculation to make sure
+      // the hash is different when unocss changes
       async renderChunk(_, chunk, options) {
         if (isLegacyChunk(chunk, options))
           return null;
@@ -537,6 +539,7 @@ function GlobalModeBuildPlugin(ctx) {
       name: "unocss:global:build:bundle",
       apply: "build",
       enforce: "post",
+      // rewrite the css placeholders
       async generateBundle(options, bundle) {
         const checkJs = ["umd", "amd", "iife"].includes(options.format);
         const files = Object.keys(bundle).filter((i) => i.endsWith(".css") || checkJs && i.endsWith(".js"));
@@ -731,6 +734,7 @@ function GlobalModeDevPlugin({ uno, tokens, tasks, flushTasks, affectedModules,
           return null;
         const { hash, css } = await generateCSS(layer);
         return {
+          // add hash to the chunk of CSS that it will send back to client to check if there is new CSS generated
           code: `__uno_hash_${hash}{--:'';}${css}`,
           map: { mappings: "" }
         };
@@ -1002,7 +1006,7 @@ function ShadowDomModuleModePlugin({ uno }) {
     }
     if (id.includes("?vue&type=style") || id.endsWith(".vue") && vueSFCStyleRE.test(code))
       return code.replace(new RegExp(`(\\/\\*\\s*)?${CSS_PLACEHOLDER}(\\s*\\*\\/)?`), css || "");
-    return code.replace(CSS_PLACEHOLDER, css?.replace(/\\/g, "\\\\") ?? "");
+    return code.replace(CSS_PLACEHOLDER, css?.replace(/\\/g, "\\\\")?.replace(/`/g, "\\`") ?? "");
   };
   return {
     name: "unocss:shadow-dom",
@@ -1063,7 +1067,7 @@ function createTransformerPlugins(ctx) {
   }));
 }
 
-const _dirname = typeof __dirname !== "undefined" ? __dirname : node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href))));
+const _dirname = typeof __dirname !== "undefined" ? __dirname : node_path.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href))));
 const DEVTOOLS_MODULE_ID = "virtual:unocss-devtools";
 const MOCK_CLASSES_MODULE_ID = "virtual:unocss-mock-classes";
 const MOCK_CLASSES_PATH = "/@unocss/mock-classes";
@@ -1240,5 +1244,5 @@ exports.GlobalModeDevPlugin = GlobalModeDevPlugin;
 exports.GlobalModePlugin = GlobalModePlugin;
 exports.PerModuleModePlugin = PerModuleModePlugin;
 exports.VueScopedPlugin = VueScopedPlugin;
-exports["default"] = UnocssPlugin;
+exports.default = UnocssPlugin;
 exports.defineConfig = defineConfig;

package/dist/index.d.cts

@@ -0,0 +1,69 @@
+import * as vite from 'vite';
+import { Plugin } from 'vite';
+import { UserConfig, UnocssPluginContext, UserConfigDefaults } from '@unocss/core';
+
+interface VitePluginConfig<Theme extends object = object> extends UserConfig<Theme> {
+    /**
+     * Enable UnoCSS inspector
+     *
+     * @default true
+     */
+    inspector?: boolean;
+    /**
+     * CSS Generation mode
+     *
+     * - `global` - generate a single CSS sheet for entire App
+     * - `dist-chunk` - generate a CSS sheet for each code chunk on build, great for MPA
+     * - `per-module` - generate a CSS sheet for each module, can be scoped
+     * - `vue-scoped` - inject generated CSS to Vue SFC's `<style scoped>` for isolation
+     * - `shadow-dom` - inject generated CSS to `Shadow DOM` css style block for each web component
+     *
+     * @default 'global'
+     */
+    mode?: 'global' | 'per-module' | 'vue-scoped' | 'dist-chunk' | 'shadow-dom';
+    /**
+     * Transform CSS for `@apply` directive
+     *
+     * @experimental
+     * @default false
+     */
+    transformCSS?: boolean | 'pre' | 'post';
+    /**
+     * Make the generated css processed by postcss (https://vitejs.dev/guide/features.html#postcss)
+     *
+     * @default true
+     */
+    postcss?: boolean;
+    /**
+     * Use top level await in HMR code to avoid FOUC on dev time.
+     *
+     * You usually don't need to disable this, unless you are developing on
+     * a browser that does not support top level await.
+     *
+     * This will only affect on dev time.
+     *
+     * @default true
+     */
+    hmrTopLevelAwait?: boolean;
+}
+
+declare function ChunkModeBuildPlugin({ uno, filter }: UnocssPluginContext): Plugin;
+
+declare function GlobalModeDevPlugin({ uno, tokens, tasks, flushTasks, affectedModules, onInvalidate, extract, filter, getConfig }: UnocssPluginContext): Plugin[];
+
+declare function GlobalModeBuildPlugin(ctx: UnocssPluginContext<VitePluginConfig>): Plugin[];
+
+declare function GlobalModePlugin(ctx: UnocssPluginContext): vite.Plugin[];
+
+declare function PerModuleModePlugin({ uno, filter }: UnocssPluginContext): Plugin[];
+
+declare function VueScopedPlugin({ uno, ready }: UnocssPluginContext): Plugin;
+
+declare function defineConfig<Theme extends object>(config: VitePluginConfig<Theme>): VitePluginConfig<Theme>;
+interface UnocssVitePluginAPI {
+    getContext(): UnocssPluginContext<VitePluginConfig>;
+    getMode(): VitePluginConfig['mode'];
+}
+declare function UnocssPlugin<Theme extends object>(configOrPath?: VitePluginConfig<Theme> | string, defaults?: UserConfigDefaults): Plugin[];
+
+export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, UnocssVitePluginAPI, VitePluginConfig, VueScopedPlugin, UnocssPlugin as default, defineConfig };

package/dist/index.d.mts

@@ -0,0 +1,69 @@
+import * as vite from 'vite';
+import { Plugin } from 'vite';
+import { UserConfig, UnocssPluginContext, UserConfigDefaults } from '@unocss/core';
+
+interface VitePluginConfig<Theme extends object = object> extends UserConfig<Theme> {
+    /**
+     * Enable UnoCSS inspector
+     *
+     * @default true
+     */
+    inspector?: boolean;
+    /**
+     * CSS Generation mode
+     *
+     * - `global` - generate a single CSS sheet for entire App
+     * - `dist-chunk` - generate a CSS sheet for each code chunk on build, great for MPA
+     * - `per-module` - generate a CSS sheet for each module, can be scoped
+     * - `vue-scoped` - inject generated CSS to Vue SFC's `<style scoped>` for isolation
+     * - `shadow-dom` - inject generated CSS to `Shadow DOM` css style block for each web component
+     *
+     * @default 'global'
+     */
+    mode?: 'global' | 'per-module' | 'vue-scoped' | 'dist-chunk' | 'shadow-dom';
+    /**
+     * Transform CSS for `@apply` directive
+     *
+     * @experimental
+     * @default false
+     */
+    transformCSS?: boolean | 'pre' | 'post';
+    /**
+     * Make the generated css processed by postcss (https://vitejs.dev/guide/features.html#postcss)
+     *
+     * @default true
+     */
+    postcss?: boolean;
+    /**
+     * Use top level await in HMR code to avoid FOUC on dev time.
+     *
+     * You usually don't need to disable this, unless you are developing on
+     * a browser that does not support top level await.
+     *
+     * This will only affect on dev time.
+     *
+     * @default true
+     */
+    hmrTopLevelAwait?: boolean;
+}
+
+declare function ChunkModeBuildPlugin({ uno, filter }: UnocssPluginContext): Plugin;
+
+declare function GlobalModeDevPlugin({ uno, tokens, tasks, flushTasks, affectedModules, onInvalidate, extract, filter, getConfig }: UnocssPluginContext): Plugin[];
+
+declare function GlobalModeBuildPlugin(ctx: UnocssPluginContext<VitePluginConfig>): Plugin[];
+
+declare function GlobalModePlugin(ctx: UnocssPluginContext): vite.Plugin[];
+
+declare function PerModuleModePlugin({ uno, filter }: UnocssPluginContext): Plugin[];
+
+declare function VueScopedPlugin({ uno, ready }: UnocssPluginContext): Plugin;
+
+declare function defineConfig<Theme extends object>(config: VitePluginConfig<Theme>): VitePluginConfig<Theme>;
+interface UnocssVitePluginAPI {
+    getContext(): UnocssPluginContext<VitePluginConfig>;
+    getMode(): VitePluginConfig['mode'];
+}
+declare function UnocssPlugin<Theme extends object>(configOrPath?: VitePluginConfig<Theme> | string, defaults?: UserConfigDefaults): Plugin[];
+
+export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, UnocssVitePluginAPI, VitePluginConfig, VueScopedPlugin, UnocssPlugin as default, defineConfig };

package/dist/index.mjs

@@ -1,17 +1,17 @@
 import UnocssInspector from '@unocss/inspector';
-import { cssIdRE, createGenerator, BetterMap, notNull, toEscapedSelector } from '@unocss/core';
-import process$1 from 'node:process';
-import { createFilter } from '@rollup/pluginutils';
-import { loadConfig } from '@unocss/config';
-import { createHash } from 'node:crypto';
-import MagicString from 'magic-string';
 import { resolve, isAbsolute, dirname } from 'node:path';
 import fs from 'node:fs/promises';
 import fg from 'fast-glob';
+import MagicString from 'magic-string';
 import remapping from '@ampproject/remapping';
+import { createHash } from 'node:crypto';
+import { cssIdRE, createGenerator, BetterMap, notNull, toEscapedSelector } from '@unocss/core';
+import process$1 from 'node:process';
 import { Buffer } from 'node:buffer';
+import { createFilter } from '@rollup/pluginutils';
 import fs$1 from 'node:fs';
 import { fileURLToPath } from 'node:url';
+import { loadConfig } from '@unocss/config';
 
 const defaultPipelineExclude = [cssIdRE];
 const defaultPipelineInclude = [/\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/];
@@ -459,6 +459,8 @@ function GlobalModeBuildPlugin(ctx) {
           distDirs.forEach((dir) => cssPlugins.set(dir, cssPlugin));
         await ready;
       },
+      // we inject a hash to chunk before the dist hash calculation to make sure
+      // the hash is different when unocss changes
       async renderChunk(_, chunk, options) {
         if (isLegacyChunk(chunk, options))
           return null;
@@ -523,6 +525,7 @@ function GlobalModeBuildPlugin(ctx) {
       name: "unocss:global:build:bundle",
       apply: "build",
       enforce: "post",
+      // rewrite the css placeholders
       async generateBundle(options, bundle) {
         const checkJs = ["umd", "amd", "iife"].includes(options.format);
         const files = Object.keys(bundle).filter((i) => i.endsWith(".css") || checkJs && i.endsWith(".js"));
@@ -717,6 +720,7 @@ function GlobalModeDevPlugin({ uno, tokens, tasks, flushTasks, affectedModules,
           return null;
         const { hash, css } = await generateCSS(layer);
         return {
+          // add hash to the chunk of CSS that it will send back to client to check if there is new CSS generated
           code: `__uno_hash_${hash}{--:'';}${css}`,
           map: { mappings: "" }
         };
@@ -988,7 +992,7 @@ function ShadowDomModuleModePlugin({ uno }) {
     }
     if (id.includes("?vue&type=style") || id.endsWith(".vue") && vueSFCStyleRE.test(code))
       return code.replace(new RegExp(`(\\/\\*\\s*)?${CSS_PLACEHOLDER}(\\s*\\*\\/)?`), css || "");
-    return code.replace(CSS_PLACEHOLDER, css?.replace(/\\/g, "\\\\") ?? "");
+    return code.replace(CSS_PLACEHOLDER, css?.replace(/\\/g, "\\\\")?.replace(/`/g, "\\`") ?? "");
   };
   return {
     name: "unocss:shadow-dom",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.55.0",
+  "version": "0.55.2",
   "description": "The Vite plugin for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -43,19 +43,19 @@
   },
   "dependencies": {
     "@ampproject/remapping": "^2.2.1",
-    "@rollup/pluginutils": "^5.0.2",
+    "@rollup/pluginutils": "^5.0.3",
     "chokidar": "^3.5.3",
     "fast-glob": "^3.3.1",
     "magic-string": "^0.30.2",
-    "@unocss/config": "0.55.0",
-    "@unocss/core": "0.55.0",
-    "@unocss/inspector": "0.55.0",
-    "@unocss/scope": "0.55.0",
-    "@unocss/transformer-directives": "0.55.0"
+    "@unocss/config": "0.55.2",
+    "@unocss/core": "0.55.2",
+    "@unocss/inspector": "0.55.2",
+    "@unocss/scope": "0.55.2",
+    "@unocss/transformer-directives": "0.55.2"
   },
   "devDependencies": {
     "vite": "^4.4.9",
-    "@unocss/shared-integration": "0.55.0"
+    "@unocss/shared-integration": "0.55.2"
   },
   "scripts": {
     "build": "unbuild",