@unocss/vite 0.24.3 → 0.26.0

package/dist/index.cjs

@@ -290,6 +290,8 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   function setWarnTimer() {
     if (!resolved && !resolvedWarnTimer) {
       resolvedWarnTimer = setTimeout(() => {
+        if (process.env.TEST || process.env.NODE_ENV === "test")
+          return;
         if (!resolved) {
           const msg = "[unocss] entry module not found, have you add `import 'uno.css'` in your main entry?";
           console.warn(msg);
@@ -626,6 +628,58 @@ function ConfigHMRPlugin(ctx) {
   };
 }
 
+function initTransformerPlugins(ctx) {
+  async function applyTransformers(c, _code, id, enforce) {
+    const transformers = (ctx.uno.config.transformers || []).filter((i) => i.enforce === enforce);
+    if (!transformers.length)
+      return void 0;
+    let code = _code;
+    for (const t of transformers) {
+      if (t.idFilter) {
+        if (!t.idFilter(id))
+          continue;
+      } else if (!ctx.filter(code, id)) {
+        continue;
+      }
+      const result = await t.transform(code, id, ctx);
+      if (result == null)
+        continue;
+      if (typeof result === "string") {
+        code = result;
+      } else {
+        code = result.code;
+        if (result.map && "sourcemapChain" in c)
+          c.sourcemapChain.push(result.map);
+      }
+    }
+    if (code === _code)
+      return null;
+    return code;
+  }
+  return [
+    {
+      name: "unocss:transformers:deafult",
+      transform(code, id) {
+        return applyTransformers(this, code, id);
+      }
+    },
+    {
+      name: "unocss:transformers:pre",
+      enforce: "pre",
+      transform(code, id) {
+        return applyTransformers(this, code, id, "pre");
+      }
+    },
+    {
+      name: "unocss:transformers:post",
+      enforce: "post",
+      transform(code, id) {
+        return applyTransformers(this, code, id, "post");
+      }
+    }
+  ];
+}
+
 function defineConfig(config) {
   return config;
 }
@@ -634,6 +688,7 @@ function UnocssPlugin(configOrPath, defaults = {}) {
   const inlineConfig = configOrPath && typeof configOrPath !== "string" ? configOrPath : {};
   const mode = inlineConfig.mode ?? "global";
   const plugins = [
+    ...initTransformerPlugins(ctx),
     ConfigHMRPlugin(ctx)
   ];
   if (inlineConfig.inspector !== false)

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import * as vite from 'vite';
 import { Plugin } from 'vite';
-import { UserConfig, UnoGenerator, BetterMap, UserConfigDefaults } from '@unocss/core';
-import { LoadConfigResult } from '@unocss/config';
+import { UserConfig, UnocssPluginContext, UserConfigDefaults } from '@unocss/core';
 
 interface VitePluginConfig<Theme extends {} = {}> extends UserConfig<Theme> {
     /**
@@ -23,19 +22,13 @@ interface VitePluginConfig<Theme extends {} = {}> extends UserConfig<Theme> {
      * @default 'global'
      */
     mode?: 'global' | 'per-module' | 'vue-scoped' | 'svelte-scoped' | 'dist-chunk' | 'shadow-dom';
-}
-
-interface UnocssPluginContext<Config extends UserConfig = UserConfig> {
-    ready: Promise<LoadConfigResult<Config>>;
-    uno: UnoGenerator;
-    tokens: Set<string>;
-    modules: BetterMap<string, string>;
-    filter: (code: string, id: string) => boolean;
-    extract: (code: string, id?: string) => Promise<void>;
-    reloadConfig: () => Promise<LoadConfigResult<Config>>;
-    getConfig: () => Promise<Config>;
-    invalidate: () => void;
-    onInvalidate: (fn: () => void) => void;
+    /**
+     * Transform CSS for `@apply` directive
+     *
+     * @experimental
+     * @default false
+     */
+    transformCSS?: boolean | 'pre' | 'post';
 }
 
 declare function ChunkModeBuildPlugin({ uno, filter }: UnocssPluginContext): Plugin;
@@ -55,4 +48,4 @@ declare function SvelteScopedPlugin({ uno, ready }: UnocssPluginContext): Plugin
 declare function defineConfig<Theme extends {}>(config: VitePluginConfig<Theme>): VitePluginConfig<Theme>;
 declare function UnocssPlugin(configOrPath?: VitePluginConfig | string, defaults?: UserConfigDefaults): Plugin[];
 
-export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, SvelteScopedPlugin, UnocssPluginContext, VitePluginConfig, VueScopedPlugin, UnocssPlugin as default, defineConfig };
+export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, SvelteScopedPlugin, VitePluginConfig, VueScopedPlugin, UnocssPlugin as default, defineConfig };

package/dist/index.mjs

@@ -282,6 +282,8 @@ function GlobalModeDevPlugin({ uno, tokens, onInvalidate, extract, filter }) {
   function setWarnTimer() {
     if (!resolved && !resolvedWarnTimer) {
       resolvedWarnTimer = setTimeout(() => {
+        if (process.env.TEST || process.env.NODE_ENV === "test")
+          return;
         if (!resolved) {
           const msg = "[unocss] entry module not found, have you add `import 'uno.css'` in your main entry?";
           console.warn(msg);
@@ -618,6 +620,58 @@ function ConfigHMRPlugin(ctx) {
   };
 }
 
+function initTransformerPlugins(ctx) {
+  async function applyTransformers(c, _code, id, enforce) {
+    const transformers = (ctx.uno.config.transformers || []).filter((i) => i.enforce === enforce);
+    if (!transformers.length)
+      return void 0;
+    let code = _code;
+    for (const t of transformers) {
+      if (t.idFilter) {
+        if (!t.idFilter(id))
+          continue;
+      } else if (!ctx.filter(code, id)) {
+        continue;
+      }
+      const result = await t.transform(code, id, ctx);
+      if (result == null)
+        continue;
+      if (typeof result === "string") {
+        code = result;
+      } else {
+        code = result.code;
+        if (result.map && "sourcemapChain" in c)
+          c.sourcemapChain.push(result.map);
+      }
+    }
+    if (code === _code)
+      return null;
+    return code;
+  }
+  return [
+    {
+      name: "unocss:transformers:deafult",
+      transform(code, id) {
+        return applyTransformers(this, code, id);
+      }
+    },
+    {
+      name: "unocss:transformers:pre",
+      enforce: "pre",
+      transform(code, id) {
+        return applyTransformers(this, code, id, "pre");
+      }
+    },
+    {
+      name: "unocss:transformers:post",
+      enforce: "post",
+      transform(code, id) {
+        return applyTransformers(this, code, id, "post");
+      }
+    }
+  ];
+}
+
 function defineConfig(config) {
   return config;
 }
@@ -626,6 +680,7 @@ function UnocssPlugin(configOrPath, defaults = {}) {
   const inlineConfig = configOrPath && typeof configOrPath !== "string" ? configOrPath : {};
   const mode = inlineConfig.mode ?? "global";
   const plugins = [
+    ...initTransformerPlugins(ctx),
     ConfigHMRPlugin(ctx)
   ];
   if (inlineConfig.inspector !== false)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.24.3",
+  "version": "0.26.0",
   "description": "The Vite plugin for UnoCSS",
   "keywords": [
     "unocss",
@@ -11,15 +11,18 @@
   "bugs": {
     "url": "https://github.com/unocss/unocss/issues"
   },
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/unocss/unocss.git",
     "directory": "packages/vite"
   },
   "funding": "https://github.com/sponsors/antfu",
-  "license": "MIT",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "sideEffects": false,
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "require": "./dist/index.cjs",
@@ -30,15 +33,13 @@
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@rollup/pluginutils": "^4.1.2",
-    "@unocss/config": "0.24.3",
-    "@unocss/core": "0.24.3",
-    "@unocss/inspector": "0.24.3",
-    "@unocss/scope": "0.24.3"
+    "@unocss/config": "0.26.0",
+    "@unocss/core": "0.26.0",
+    "@unocss/transformer-directives": "0.26.0",
+    "@unocss/inspector": "0.26.0",
+    "@unocss/scope": "0.26.0"
   },
   "devDependencies": {
     "vite": "^2.7.13"