@unocss/svelte-scoped 0.55.7 → 0.56.0

package/dist/preprocess.d.cts

@@ -1,7 +1,8 @@
 import { PreprocessorGroup } from 'svelte/types/compiler/preprocess';
-import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.08b60c2b.cjs';
-export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.08b60c2b.cjs';
+import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.dc8ddb4d.cjs';
+export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.dc8ddb4d.cjs';
 import '@unocss/core';
+import '@unocss/config';
 
 declare function UnocssSveltePreprocess(options?: UnocssSveltePreprocessOptions, unoContextFromVite?: SvelteScopedContext, isViteBuild?: () => boolean): PreprocessorGroup;
 

package/dist/preprocess.d.mts

@@ -1,7 +1,8 @@
 import { PreprocessorGroup } from 'svelte/types/compiler/preprocess';
-import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.08b60c2b.mjs';
-export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.08b60c2b.mjs';
+import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.dc8ddb4d.mjs';
+export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.dc8ddb4d.mjs';
 import '@unocss/core';
+import '@unocss/config';
 
 declare function UnocssSveltePreprocess(options?: UnocssSveltePreprocessOptions, unoContextFromVite?: SvelteScopedContext, isViteBuild?: () => boolean): PreprocessorGroup;
 

package/dist/preprocess.d.ts

@@ -1,7 +1,8 @@
 import { PreprocessorGroup } from 'svelte/types/compiler/preprocess';
-import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.08b60c2b.js';
-export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.08b60c2b.js';
+import { U as UnocssSveltePreprocessOptions, S as SvelteScopedContext } from './shared/svelte-scoped.dc8ddb4d.js';
+export { a as TransformApplyOptions, T as TransformClassesOptions } from './shared/svelte-scoped.dc8ddb4d.js';
 import '@unocss/core';
+import '@unocss/config';
 
 declare function UnocssSveltePreprocess(options?: UnocssSveltePreprocessOptions, unoContextFromVite?: SvelteScopedContext, isViteBuild?: () => boolean): PreprocessorGroup;
 

package/dist/shared/{svelte-scoped.08b60c2b.d.cts → svelte-scoped.dc8ddb4d.d.cts}

@@ -1,4 +1,5 @@
 import { UserConfig, UnoGenerator } from '@unocss/core';
+import { LoadConfigResult } from '@unocss/config';
 
 interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions {
   /**
@@ -21,7 +22,7 @@ interface TransformClassesOptions {
   combine?: boolean
   /**
    * Used to generate hash for compiled class names
-  */
+   */
   hashFn?: (str: string) => string
 }
 
@@ -37,8 +38,8 @@ interface TransformApplyOptions {
 }
 
 interface SvelteScopedContext {
-  uno: UnoGenerator<{}>
-  ready: Promise<UserConfig<{}>>
+  uno: UnoGenerator
+  ready: Promise<LoadConfigResult<UserConfig>>
 }
 
 export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a };

package/dist/shared/{svelte-scoped.08b60c2b.d.mts → svelte-scoped.dc8ddb4d.d.mts}

@@ -1,4 +1,5 @@
 import { UserConfig, UnoGenerator } from '@unocss/core';
+import { LoadConfigResult } from '@unocss/config';
 
 interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions {
   /**
@@ -21,7 +22,7 @@ interface TransformClassesOptions {
   combine?: boolean
   /**
    * Used to generate hash for compiled class names
-  */
+   */
   hashFn?: (str: string) => string
 }
 
@@ -37,8 +38,8 @@ interface TransformApplyOptions {
 }
 
 interface SvelteScopedContext {
-  uno: UnoGenerator<{}>
-  ready: Promise<UserConfig<{}>>
+  uno: UnoGenerator
+  ready: Promise<LoadConfigResult<UserConfig>>
 }
 
 export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a };

package/dist/shared/{svelte-scoped.08b60c2b.d.ts → svelte-scoped.dc8ddb4d.d.ts}

@@ -1,4 +1,5 @@
 import { UserConfig, UnoGenerator } from '@unocss/core';
+import { LoadConfigResult } from '@unocss/config';
 
 interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions {
   /**
@@ -21,7 +22,7 @@ interface TransformClassesOptions {
   combine?: boolean
   /**
    * Used to generate hash for compiled class names
-  */
+   */
   hashFn?: (str: string) => string
 }
 
@@ -37,8 +38,8 @@ interface TransformApplyOptions {
 }
 
 interface SvelteScopedContext {
-  uno: UnoGenerator<{}>
-  ready: Promise<UserConfig<{}>>
+  uno: UnoGenerator
+  ready: Promise<LoadConfigResult<UserConfig>>
 }
 
 export type { SvelteScopedContext as S, TransformClassesOptions as T, UnocssSveltePreprocessOptions as U, TransformApplyOptions as a };

package/dist/vite.cjs

@@ -13,6 +13,7 @@ const remapping = require('@ampproject/remapping');
 require('node:crypto');
 require('css-tree');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const process__default = /*#__PURE__*/_interopDefaultCompat(process);
@@ -20,7 +21,7 @@ const presetUno__default = /*#__PURE__*/_interopDefaultCompat(presetUno);
 const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
 const remapping__default = /*#__PURE__*/_interopDefaultCompat(remapping);
 
-function PassPreprocessToSveltePlugin(options = {}, ctx) {
+function PassPreprocessToSveltePlugin(context, options = {}) {
   let commandIsBuild = true;
   const isBuild = () => commandIsBuild;
   return {
@@ -30,7 +31,7 @@ function PassPreprocessToSveltePlugin(options = {}, ctx) {
       commandIsBuild = command === "build";
     },
     api: {
-      sveltePreprocess: preprocess(options, ctx, isBuild)
+      sveltePreprocess: preprocess(options, context, isBuild)
     }
   };
 }
@@ -39,7 +40,7 @@ const PLACEHOLDER_USER_SETS_IN_INDEX_HTML = "%unocss-svelte-scoped.global%";
 const GLOBAL_STYLES_PLACEHOLDER = "unocss_svelte_scoped_global_styles";
 const DEV_GLOBAL_STYLES_DATA_TITLE = "unocss-svelte-scoped global styles";
 
-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('vite.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 : (_documentCurrentScript && _documentCurrentScript.src || new URL('vite.cjs', document.baseURI).href))));
 function getReset(injectReset) {
   if (injectReset.startsWith("@unocss/reset")) {
     const resolvedPNPM = node_path.resolve(node_path.resolve(_dirname, `../../../${injectReset}`));
@@ -226,7 +227,7 @@ function restoreSkipCode(code, map) {
 }
 
 const svelteIdRE = /[&?]svelte/;
-function createCssTransformerPlugins(ctx, cssTransformers) {
+function createCssTransformerPlugins(context, cssTransformers) {
   const enforces = ["default", "pre", "post"];
   return enforces.map((enforce) => ({
     name: `unocss:svelte-scoped-transformers:${enforce}`,
@@ -234,15 +235,34 @@ function createCssTransformerPlugins(ctx, cssTransformers) {
     async transform(code, id) {
       if (!id.match(core.cssIdRE) || id.match(svelteIdRE))
         return;
-      ctx.uno.config.transformers = cssTransformers ?? [];
+      context.uno.config.transformers = cssTransformers ?? [];
       return applyTransformers({
-        ...ctx,
+        ...context,
         affectedModules: /* @__PURE__ */ new Set()
       }, code, id, enforce);
     }
   }));
 }
 
+function ConfigHMRPlugin({ ready }) {
+  return {
+    name: "unocss:svelte-scoped:config",
+    async configureServer(server) {
+      const { sources } = await ready;
+      if (!sources.length)
+        return;
+      server.watcher.add(sources);
+      server.watcher.on("add", handleFileChange);
+      server.watcher.on("change", handleFileChange);
+      server.watcher.on("unlink", handleFileChange);
+      function handleFileChange(filepath) {
+        if (sources.includes(filepath))
+          server.restart();
+      }
+    }
+  };
+}
+
 function UnocssSvelteScopedVite(options = {}) {
   const context = createSvelteScopedContext(options.configOrPath);
   if (context.uno.config.transformers)
@@ -250,10 +270,11 @@ function UnocssSvelteScopedVite(options = {}) {
   if (!options.classPrefix)
     options.classPrefix = "uno-";
   const plugins = [
-    GlobalStylesPlugin(context, options.injectReset)
+    GlobalStylesPlugin(context, options.injectReset),
+    ConfigHMRPlugin(context)
   ];
   if (!options.onlyGlobal)
-    plugins.push(PassPreprocessToSveltePlugin(options, context));
+    plugins.push(PassPreprocessToSveltePlugin(context, options));
   if (options.cssFileTransformers)
     plugins.push(...createCssTransformerPlugins(context, options.cssFileTransformers));
   return plugins;
@@ -267,9 +288,9 @@ function createSvelteScopedContext(configOrPath) {
   const uno = core.createGenerator();
   const ready = reloadConfig();
   async function reloadConfig() {
-    const { config: config$1 } = await config.loadConfig(process__default.cwd(), configOrPath);
+    const { config: config$1, sources } = await config.loadConfig(process__default.cwd(), configOrPath);
     uno.setConfig(config$1, defaults);
-    return config$1;
+    return { config: config$1, sources };
   }
   return {
     uno,

package/dist/vite.d.cts

@@ -1,12 +1,13 @@
 import { Plugin } from 'vite';
 import { PluginOptions } from '@unocss/core';
-import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.08b60c2b.cjs';
+import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.dc8ddb4d.cjs';
+import '@unocss/config';
 
 interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {
   /**
    * Prefix for compiled class names
    * @default 'uno-'
-  */
+   */
   classPrefix?: string
   /**
    * Inject reset to the beginning of the global stylesheet. 
@@ -27,7 +28,7 @@ interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {
   /**
    * When building a component library using `@unocss/svelte-scoped/preprocessor` you can also use `@unocss/svelte-scoped/vite` with this set to `true` to add needed global styles for your library demo app: resets, preflights, and safelist
    * @default false
-  */
+   */
   onlyGlobal?: boolean
   /**
    * Process CSS files using UnoCSS transformers.

package/dist/vite.d.mts

@@ -1,12 +1,13 @@
 import { Plugin } from 'vite';
 import { PluginOptions } from '@unocss/core';
-import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.08b60c2b.mjs';
+import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.dc8ddb4d.mjs';
+import '@unocss/config';
 
 interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {
   /**
    * Prefix for compiled class names
    * @default 'uno-'
-  */
+   */
   classPrefix?: string
   /**
    * Inject reset to the beginning of the global stylesheet. 
@@ -27,7 +28,7 @@ interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {
   /**
    * When building a component library using `@unocss/svelte-scoped/preprocessor` you can also use `@unocss/svelte-scoped/vite` with this set to `true` to add needed global styles for your library demo app: resets, preflights, and safelist
    * @default false
-  */
+   */
   onlyGlobal?: boolean
   /**
    * Process CSS files using UnoCSS transformers.

package/dist/vite.d.ts

@@ -1,12 +1,13 @@
 import { Plugin } from 'vite';
 import { PluginOptions } from '@unocss/core';
-import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.08b60c2b.js';
+import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.dc8ddb4d.js';
+import '@unocss/config';
 
 interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {
   /**
    * Prefix for compiled class names
    * @default 'uno-'
-  */
+   */
   classPrefix?: string
   /**
    * Inject reset to the beginning of the global stylesheet. 
@@ -27,7 +28,7 @@ interface UnocssSvelteScopedViteOptions extends UnocssSveltePreprocessOptions {
   /**
    * When building a component library using `@unocss/svelte-scoped/preprocessor` you can also use `@unocss/svelte-scoped/vite` with this set to `true` to add needed global styles for your library demo app: resets, preflights, and safelist
    * @default false
-  */
+   */
   onlyGlobal?: boolean
   /**
    * Process CSS files using UnoCSS transformers.

package/dist/vite.mjs

@@ -11,7 +11,7 @@ import remapping from '@ampproject/remapping';
 import 'node:crypto';
 import 'css-tree';
 
-function PassPreprocessToSveltePlugin(options = {}, ctx) {
+function PassPreprocessToSveltePlugin(context, options = {}) {
   let commandIsBuild = true;
   const isBuild = () => commandIsBuild;
   return {
@@ -21,7 +21,7 @@ function PassPreprocessToSveltePlugin(options = {}, ctx) {
       commandIsBuild = command === "build";
     },
     api: {
-      sveltePreprocess: UnocssSveltePreprocess(options, ctx, isBuild)
+      sveltePreprocess: UnocssSveltePreprocess(options, context, isBuild)
     }
   };
 }
@@ -217,7 +217,7 @@ function restoreSkipCode(code, map) {
 }
 
 const svelteIdRE = /[&?]svelte/;
-function createCssTransformerPlugins(ctx, cssTransformers) {
+function createCssTransformerPlugins(context, cssTransformers) {
   const enforces = ["default", "pre", "post"];
   return enforces.map((enforce) => ({
     name: `unocss:svelte-scoped-transformers:${enforce}`,
@@ -225,15 +225,34 @@ function createCssTransformerPlugins(ctx, cssTransformers) {
     async transform(code, id) {
       if (!id.match(cssIdRE) || id.match(svelteIdRE))
         return;
-      ctx.uno.config.transformers = cssTransformers ?? [];
+      context.uno.config.transformers = cssTransformers ?? [];
       return applyTransformers({
-        ...ctx,
+        ...context,
         affectedModules: /* @__PURE__ */ new Set()
       }, code, id, enforce);
     }
   }));
 }
 
+function ConfigHMRPlugin({ ready }) {
+  return {
+    name: "unocss:svelte-scoped:config",
+    async configureServer(server) {
+      const { sources } = await ready;
+      if (!sources.length)
+        return;
+      server.watcher.add(sources);
+      server.watcher.on("add", handleFileChange);
+      server.watcher.on("change", handleFileChange);
+      server.watcher.on("unlink", handleFileChange);
+      function handleFileChange(filepath) {
+        if (sources.includes(filepath))
+          server.restart();
+      }
+    }
+  };
+}
+
 function UnocssSvelteScopedVite(options = {}) {
   const context = createSvelteScopedContext(options.configOrPath);
   if (context.uno.config.transformers)
@@ -241,10 +260,11 @@ function UnocssSvelteScopedVite(options = {}) {
   if (!options.classPrefix)
     options.classPrefix = "uno-";
   const plugins = [
-    GlobalStylesPlugin(context, options.injectReset)
+    GlobalStylesPlugin(context, options.injectReset),
+    ConfigHMRPlugin(context)
   ];
   if (!options.onlyGlobal)
-    plugins.push(PassPreprocessToSveltePlugin(options, context));
+    plugins.push(PassPreprocessToSveltePlugin(context, options));
   if (options.cssFileTransformers)
     plugins.push(...createCssTransformerPlugins(context, options.cssFileTransformers));
   return plugins;
@@ -258,9 +278,9 @@ function createSvelteScopedContext(configOrPath) {
   const uno = createGenerator();
   const ready = reloadConfig();
   async function reloadConfig() {
-    const { config } = await loadConfig(process.cwd(), configOrPath);
+    const { config, sources } = await loadConfig(process.cwd(), configOrPath);
     uno.setConfig(config, defaults);
-    return config;
+    return { config, sources };
   }
   return {
     uno,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@unocss/svelte-scoped",
   "type": "module",
-  "version": "0.55.7",
-  "description": "Use UnoCSS in a modular fashion with styles being stored only in the Svelte component they are used in: Vite plugin for apps, preprocessor for component libraries",
+  "version": "0.56.0",
+  "description": "Use UnoCSS in a modular fashion with styles being stored only in the Svelte component they are used in: Vite plugin for apps, Svelte preprocessor for component libraries",
   "author": "Jacob Bowdoin",
   "license": "MIT",
   "homepage": "https://github.com/unocss/unocss/tree/main/packages/svelte-scoped#readme",
@@ -54,8 +54,8 @@
   "dependencies": {
     "css-tree": "^2.3.1",
     "magic-string": "^0.30.3",
-    "@unocss/config": "0.55.7",
-    "@unocss/reset": "0.55.7"
+    "@unocss/config": "0.56.0",
+    "@unocss/reset": "0.56.0"
   },
   "devDependencies": {
     "prettier-plugin-svelte": "^2.10.1",