@unocss/vite 0.21.2 → 0.22.3

package/README.md

@@ -44,6 +44,10 @@ The generated `css` will be a global stylesheet injected on the `index.html`.
 
 This mode will inject generated CSS to Vue SFC's `<style scoped>` for isolation.
 
+### svelte-scoped (WIP)
+
+This mode will inject generated CSS to Svelte's `<style>` for isolation.
+
 ### per-module (WIP)
 
 This mode will generate a CSS sheet for each module, can be scoped.
@@ -360,6 +364,28 @@ export default {
 
 You have a `Vite + Solid` example project on [test/fixtures/vite-solid](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-solid) directory.
 
+### Elm
+
+You need to add the `vite-plugin-elm` plugin before UnoCSS's plugin.
+
+```ts
+// vite.config.js
+import { defineConfig } from 'vite'
+import elmPlugin from 'vite-plugin-elm'
+import Unocss from 'unocss/vite'
+
+export default defineConfig({
+  plugins: [
+    elmPlugin(),
+    Unocss({
+      /* options */
+    })
+  ]
+})
+```
+
+You have a `Vite + Elm` example project on [test/fixtures/vite-elm](https://github.com/antfu/unocss/tree/main/test/fixtures/vite-elm) directory.
+
 ## License
 
 MIT License © 2021-PRESENT [Anthony Fu](https://github.com/antfu)

package/dist/index.cjs

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 const UnocssInspector__default = /*#__PURE__*/_interopDefaultLegacy(UnocssInspector);
 
 const defaultExclude = [/\.(css|postcss|sass|scss|less|stylus|styl)$/];
-const defaultInclude = [/\.vue$/, /\.vue\?vue/, /\.svelte$/, /\.[jt]sx$/, /\.mdx?$/, /\.astro$/];
+const defaultInclude = [/\.vue$/, /\.vue\?vue/, /\.svelte$/, /\.[jt]sx$/, /\.mdx?$/, /\.astro$/, /\.elm$/];
 
 const VIRTUAL_ENTRY_ALIAS = [
   /^(?:virtual:)?uno(?::(.+))?\.css(\?.*)?$/
@@ -475,6 +475,41 @@ function VueScopedPlugin({ uno, ready }) {
   };
 }
 
+function SvelteScopedPlugin({ uno, ready }) {
+  let filter = pluginutils.createFilter([/\.svelte$/], defaultExclude);
+  async function transformSFC(code) {
+    const { css } = await uno.generate(code);
+    if (!css)
+      return null;
+    if (code.match(/<style[^>]*>[\s\S]*?<\/style\s*>/))
+      return code.replace(/(<style[^>]*>)/, `$1${css}`);
+    return `${code}
+<style>${css}</style>`;
+  }
+  return {
+    name: "unocss:svelte-scoped",
+    enforce: "pre",
+    async configResolved() {
+      const { config } = await ready;
+      filter = pluginutils.createFilter(config.include || [/\.svelte$/], config.exclude || defaultExclude);
+    },
+    transform(code, id) {
+      if (!filter(id))
+        return;
+      return transformSFC(code);
+    },
+    handleHotUpdate(ctx) {
+      const read = ctx.read;
+      if (filter(ctx.file)) {
+        ctx.read = async () => {
+          const code = await read();
+          return await transformSFC(code) || code;
+        };
+      }
+    }
+  };
+}
+
 function ShadowDomModuleModePlugin({ uno }) {
   const partExtractorRegex = /^part-\[(.+)]:/;
   const nameRegexp = /<([^\s^!>]+)\s*([^>]*)>/;
@@ -608,6 +643,8 @@ function UnocssPlugin(configOrPath, defaults = {}) {
     plugins.push(PerModuleModePlugin(ctx));
   } else if (mode === "vue-scoped") {
     plugins.push(VueScopedPlugin(ctx));
+  } else if (mode === "svelte-scoped") {
+    plugins.push(SvelteScopedPlugin(ctx));
   } else if (mode === "shadow-dom") {
     plugins.push(ShadowDomModuleModePlugin(ctx));
   } else if (mode === "global") {
@@ -625,6 +662,7 @@ exports.GlobalModeBuildPlugin = GlobalModeBuildPlugin;
 exports.GlobalModeDevPlugin = GlobalModeDevPlugin;
 exports.GlobalModePlugin = GlobalModePlugin;
 exports.PerModuleModePlugin = PerModuleModePlugin;
+exports.SvelteScopedPlugin = SvelteScopedPlugin;
 exports.VueScopedPlugin = VueScopedPlugin;
 exports["default"] = UnocssPlugin;
 exports.defineConfig = defineConfig;

package/dist/index.d.ts

@@ -17,11 +17,12 @@ interface VitePluginConfig<Theme extends {} = {}> extends UserConfig<Theme> {
      * - `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
+     * - `svelte-scoped` - inject generated CSS to Svelte's `<style>` 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';
+    mode?: 'global' | 'per-module' | 'vue-scoped' | 'svelte-scoped' | 'dist-chunk' | 'shadow-dom';
 }
 
 interface UnocssPluginContext<Config extends UserConfig = UserConfig> {
@@ -49,7 +50,9 @@ declare function PerModuleModePlugin({ uno, filter }: UnocssPluginContext): Plug
 
 declare function VueScopedPlugin({ uno, ready }: UnocssPluginContext): Plugin;
 
+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, UnocssPluginContext, VitePluginConfig, VueScopedPlugin, UnocssPlugin as default, defineConfig };
+export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, SvelteScopedPlugin, UnocssPluginContext, VitePluginConfig, VueScopedPlugin, UnocssPlugin as default, defineConfig };

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { createGenerator, BetterMap } from '@unocss/core';
 import { createHash } from 'crypto';
 
 const defaultExclude = [/\.(css|postcss|sass|scss|less|stylus|styl)$/];
-const defaultInclude = [/\.vue$/, /\.vue\?vue/, /\.svelte$/, /\.[jt]sx$/, /\.mdx?$/, /\.astro$/];
+const defaultInclude = [/\.vue$/, /\.vue\?vue/, /\.svelte$/, /\.[jt]sx$/, /\.mdx?$/, /\.astro$/, /\.elm$/];
 
 const VIRTUAL_ENTRY_ALIAS = [
   /^(?:virtual:)?uno(?::(.+))?\.css(\?.*)?$/
@@ -467,6 +467,41 @@ function VueScopedPlugin({ uno, ready }) {
   };
 }
 
+function SvelteScopedPlugin({ uno, ready }) {
+  let filter = createFilter([/\.svelte$/], defaultExclude);
+  async function transformSFC(code) {
+    const { css } = await uno.generate(code);
+    if (!css)
+      return null;
+    if (code.match(/<style[^>]*>[\s\S]*?<\/style\s*>/))
+      return code.replace(/(<style[^>]*>)/, `$1${css}`);
+    return `${code}
+<style>${css}</style>`;
+  }
+  return {
+    name: "unocss:svelte-scoped",
+    enforce: "pre",
+    async configResolved() {
+      const { config } = await ready;
+      filter = createFilter(config.include || [/\.svelte$/], config.exclude || defaultExclude);
+    },
+    transform(code, id) {
+      if (!filter(id))
+        return;
+      return transformSFC(code);
+    },
+    handleHotUpdate(ctx) {
+      const read = ctx.read;
+      if (filter(ctx.file)) {
+        ctx.read = async () => {
+          const code = await read();
+          return await transformSFC(code) || code;
+        };
+      }
+    }
+  };
+}
+
 function ShadowDomModuleModePlugin({ uno }) {
   const partExtractorRegex = /^part-\[(.+)]:/;
   const nameRegexp = /<([^\s^!>]+)\s*([^>]*)>/;
@@ -600,6 +635,8 @@ function UnocssPlugin(configOrPath, defaults = {}) {
     plugins.push(PerModuleModePlugin(ctx));
   } else if (mode === "vue-scoped") {
     plugins.push(VueScopedPlugin(ctx));
+  } else if (mode === "svelte-scoped") {
+    plugins.push(SvelteScopedPlugin(ctx));
   } else if (mode === "shadow-dom") {
     plugins.push(ShadowDomModuleModePlugin(ctx));
   } else if (mode === "global") {
@@ -612,4 +649,4 @@ function UnocssPlugin(configOrPath, defaults = {}) {
   return plugins.filter(Boolean);
 }
 
-export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, VueScopedPlugin, UnocssPlugin as default, defineConfig };
+export { ChunkModeBuildPlugin, GlobalModeBuildPlugin, GlobalModeDevPlugin, GlobalModePlugin, PerModuleModePlugin, SvelteScopedPlugin, VueScopedPlugin, UnocssPlugin as default, defineConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/vite",
-  "version": "0.21.2",
+  "version": "0.22.3",
   "description": "The Vite plugin for UnoCSS",
   "keywords": [
     "unocss",
@@ -35,13 +35,13 @@
   ],
   "dependencies": {
     "@rollup/pluginutils": "^4.1.2",
-    "@unocss/config": "0.21.2",
-    "@unocss/core": "0.21.2",
-    "@unocss/inspector": "0.21.2",
-    "@unocss/scope": "0.21.2"
+    "@unocss/config": "0.22.3",
+    "@unocss/core": "0.22.3",
+    "@unocss/inspector": "0.22.3",
+    "@unocss/scope": "0.22.3"
   },
   "devDependencies": {
-    "vite": "^2.7.10"
+    "vite": "^2.7.12"
   },
   "scripts": {
     "build": "unbuild",