@unocss/vite 0.44.0 → 0.44.1

package/README.md

@@ -251,26 +251,20 @@ To support `class:foo` and `class:foo={bar}` add the plugin and configure `extra
 You can use simple rules with `class:`, for example `class:bg-red-500={foo}` or using `shorcuts` to include multiples rules, see `src/routes/__layout.svelte` on linked example project below.
 
 ```ts
-// svelte.config.js
-import preprocess from 'svelte-preprocess'
+// vite.config.js
+import { sveltekit } from '@sveltejs/kit/vite'
 import UnoCss from 'unocss/vite'
 import { extractorSvelte } from '@unocss/core'
 
-/** @type {import('@sveltejs/kit').Config} */
+/** @type {import('vite').UserConfig} */
 const config = {
-  // Consult https://github.com/sveltejs/svelte-preprocess
-  // for more information about preprocessors
-  preprocess: preprocess(),
-  kit: {
-    vite: {
-      plugins: [
-        UnoCss({
-          extractors: [extractorSvelte],
-          /* more options */
-        }),
-      ],
-    },
-  },
+  plugins: [
+    sveltekit(),
+    UnoCss({
+      extractors: [extractorSvelte],
+      /* more options */
+    }),
+  ],
 }
 ```
 

package/dist/index.cjs

@@ -354,7 +354,7 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
             chunk.code = await replaceAsync(js, LAYER_PLACEHOLDER_RE, async (_, __, layer) => {
               replaced = true;
               const css = layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(vfsLayers)) : result.getLayer(layer) || "";
-              return css;
+              return css.replace(/\n/g, "").replace(/(?<!\\)(['"])/g, "\\$1");
             });
           }
         }
@@ -528,44 +528,67 @@ function PerModuleModePlugin({ uno, filter }) {
       }]
     });
   };
-  return {
-    name: "unocss:module-scope",
-    enforce: "post",
-    configureServer(_server) {
-      server = _server;
-    },
-    async transform(code, id) {
-      if (!filter(code, id))
-        return;
-      const hash = getHash(id);
-      const hasScope = code.match(SCOPE_IMPORT_RE);
-      const { css } = await uno.generate(code, { id, scope: hasScope ? `.${hash}` : void 0, preflights: false });
-      if (!css && !hasScope)
-        return null;
-      if (hasScope)
-        code = code.replace(SCOPE_IMPORT_RE, ` from 'data:text/javascript;base64,${Buffer.from(`export default () => "${hash}"`).toString("base64")}'`);
-      moduleMap.set(hash, [id, css]);
-      invalidate(hash);
-      return {
-        code: `import "${VIRTUAL_PREFIX}${hash}.css";${code}`,
-        map: null
-      };
-    },
-    resolveId(id) {
-      return id.startsWith(VIRTUAL_PREFIX) ? id : null;
+  return [
+    {
+      name: "unocss:module-scope:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!filter(code, id))
+          return;
+        const hash = getHash(id);
+        const { css } = await uno.generate(code, {
+          id,
+          preflights: true
+        });
+        if (!css)
+          return null;
+        moduleMap.set(hash, [id, css]);
+        invalidate(hash);
+        return {
+          code: `import "${VIRTUAL_PREFIX}${hash}.css";${code}`,
+          map: null
+        };
+      }
     },
-    load(id) {
-      if (!id.startsWith(VIRTUAL_PREFIX))
-        return null;
-      const hash = id.slice(VIRTUAL_PREFIX.length, -".css".length);
-      const [source, css] = moduleMap.get(hash) || [];
-      if (source)
-        this.addWatchFile(source);
-      return `
+    {
+      name: "unocss:module-scope",
+      enforce: "post",
+      configureServer(_server) {
+        server = _server;
+      },
+      async transform(code, id) {
+        if (!filter(code, id))
+          return;
+        const hash = getHash(id);
+        const hasScope = code.match(SCOPE_IMPORT_RE);
+        const { css } = await uno.generate(code, { id, scope: hasScope ? `.${hash}` : void 0, preflights: false });
+        if (!css && !hasScope)
+          return null;
+        if (hasScope)
+          code = code.replace(SCOPE_IMPORT_RE, ` from 'data:text/javascript;base64,${Buffer.from(`export default () => "${hash}"`).toString("base64")}'`);
+        moduleMap.set(hash, [id, css]);
+        invalidate(hash);
+        return {
+          code: `import "${VIRTUAL_PREFIX}${hash}.css";${code}`,
+          map: null
+        };
+      },
+      resolveId(id) {
+        return id.startsWith(VIRTUAL_PREFIX) ? id : null;
+      },
+      load(id) {
+        if (!id.startsWith(VIRTUAL_PREFIX))
+          return null;
+        const hash = id.slice(VIRTUAL_PREFIX.length, -".css".length);
+        const [source, css] = moduleMap.get(hash) || [];
+        if (source)
+          this.addWatchFile(source);
+        return `
 /* unocss ${source} */
 ${css}`;
+      }
     }
-  };
+  ];
 }
 
 function VueScopedPlugin({ uno, ready }) {
@@ -956,7 +979,7 @@ function UnocssPlugin(configOrPath, defaults = {}) {
   if (inlineConfig.inspector !== false)
     plugins.push(UnocssInspector__default(ctx));
   if (mode === "per-module") {
-    plugins.push(PerModuleModePlugin(ctx));
+    plugins.push(...PerModuleModePlugin(ctx));
   } else if (mode === "vue-scoped") {
     plugins.push(VueScopedPlugin(ctx));
   } else if (mode === "svelte-scoped") {

package/dist/index.d.ts

@@ -45,7 +45,7 @@ declare function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, ge
 
 declare function GlobalModePlugin(ctx: UnocssPluginContext): vite.Plugin[];
 
-declare function PerModuleModePlugin({ uno, filter }: UnocssPluginContext): Plugin;
+declare function PerModuleModePlugin({ uno, filter }: UnocssPluginContext): Plugin[];
 
 declare function VueScopedPlugin({ uno, ready }: UnocssPluginContext): Plugin;
 

package/dist/index.mjs

@@ -344,7 +344,7 @@ function GlobalModeBuildPlugin({ uno, ready, extract, tokens, filter, getConfig
             chunk.code = await replaceAsync(js, LAYER_PLACEHOLDER_RE, async (_, __, layer) => {
               replaced = true;
               const css = layer === LAYER_MARK_ALL ? result.getLayers(void 0, Array.from(vfsLayers)) : result.getLayer(layer) || "";
-              return css;
+              return css.replace(/\n/g, "").replace(/(?<!\\)(['"])/g, "\\$1");
             });
           }
         }
@@ -518,44 +518,67 @@ function PerModuleModePlugin({ uno, filter }) {
       }]
     });
   };
-  return {
-    name: "unocss:module-scope",
-    enforce: "post",
-    configureServer(_server) {
-      server = _server;
-    },
-    async transform(code, id) {
-      if (!filter(code, id))
-        return;
-      const hash = getHash(id);
-      const hasScope = code.match(SCOPE_IMPORT_RE);
-      const { css } = await uno.generate(code, { id, scope: hasScope ? `.${hash}` : void 0, preflights: false });
-      if (!css && !hasScope)
-        return null;
-      if (hasScope)
-        code = code.replace(SCOPE_IMPORT_RE, ` from 'data:text/javascript;base64,${Buffer.from(`export default () => "${hash}"`).toString("base64")}'`);
-      moduleMap.set(hash, [id, css]);
-      invalidate(hash);
-      return {
-        code: `import "${VIRTUAL_PREFIX}${hash}.css";${code}`,
-        map: null
-      };
-    },
-    resolveId(id) {
-      return id.startsWith(VIRTUAL_PREFIX) ? id : null;
+  return [
+    {
+      name: "unocss:module-scope:pre",
+      enforce: "pre",
+      async transform(code, id) {
+        if (!filter(code, id))
+          return;
+        const hash = getHash(id);
+        const { css } = await uno.generate(code, {
+          id,
+          preflights: true
+        });
+        if (!css)
+          return null;
+        moduleMap.set(hash, [id, css]);
+        invalidate(hash);
+        return {
+          code: `import "${VIRTUAL_PREFIX}${hash}.css";${code}`,
+          map: null
+        };
+      }
     },
-    load(id) {
-      if (!id.startsWith(VIRTUAL_PREFIX))
-        return null;
-      const hash = id.slice(VIRTUAL_PREFIX.length, -".css".length);
-      const [source, css] = moduleMap.get(hash) || [];
-      if (source)
-        this.addWatchFile(source);
-      return `
+    {
+      name: "unocss:module-scope",
+      enforce: "post",
+      configureServer(_server) {
+        server = _server;
+      },
+      async transform(code, id) {
+        if (!filter(code, id))
+          return;
+        const hash = getHash(id);
+        const hasScope = code.match(SCOPE_IMPORT_RE);
+        const { css } = await uno.generate(code, { id, scope: hasScope ? `.${hash}` : void 0, preflights: false });
+        if (!css && !hasScope)
+          return null;
+        if (hasScope)
+          code = code.replace(SCOPE_IMPORT_RE, ` from 'data:text/javascript;base64,${Buffer.from(`export default () => "${hash}"`).toString("base64")}'`);
+        moduleMap.set(hash, [id, css]);
+        invalidate(hash);
+        return {
+          code: `import "${VIRTUAL_PREFIX}${hash}.css";${code}`,
+          map: null
+        };
+      },
+      resolveId(id) {
+        return id.startsWith(VIRTUAL_PREFIX) ? id : null;
+      },
+      load(id) {
+        if (!id.startsWith(VIRTUAL_PREFIX))
+          return null;
+        const hash = id.slice(VIRTUAL_PREFIX.length, -".css".length);
+        const [source, css] = moduleMap.get(hash) || [];
+        if (source)
+          this.addWatchFile(source);
+        return `
 /* unocss ${source} */
 ${css}`;
+      }
     }
-  };
+  ];
 }
 
 function VueScopedPlugin({ uno, ready }) {
@@ -946,7 +969,7 @@ function UnocssPlugin(configOrPath, defaults = {}) {
   if (inlineConfig.inspector !== false)
     plugins.push(UnocssInspector(ctx));
   if (mode === "per-module") {
-    plugins.push(PerModuleModePlugin(ctx));
+    plugins.push(...PerModuleModePlugin(ctx));
   } else if (mode === "vue-scoped") {
     plugins.push(VueScopedPlugin(ctx));
   } else if (mode === "svelte-scoped") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.44.0",
+  "version": "0.44.1",
   "description": "The Vite plugin for UnoCSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -43,15 +43,15 @@
   },
   "dependencies": {
     "@rollup/pluginutils": "^4.2.1",
-    "@unocss/config": "0.44.0",
-    "@unocss/core": "0.44.0",
-    "@unocss/inspector": "0.44.0",
-    "@unocss/scope": "0.44.0",
-    "@unocss/transformer-directives": "0.44.0",
+    "@unocss/config": "0.44.1",
+    "@unocss/core": "0.44.1",
+    "@unocss/inspector": "0.44.1",
+    "@unocss/scope": "0.44.1",
+    "@unocss/transformer-directives": "0.44.1",
     "magic-string": "^0.26.2"
   },
   "devDependencies": {
-    "@unocss/shared-integration": "0.44.0",
+    "@unocss/shared-integration": "0.44.1",
     "vite": "^2.9.12"
   },
   "scripts": {