@unocss/svelte-scoped 0.58.9 → 0.59.0-beta.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unocss/svelte-scoped",
   "type": "module",
-  "version": "0.58.9",
+  "version": "0.59.0-beta.1",
   "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",
@@ -25,17 +25,15 @@
   "sideEffects": false,
   "exports": {
     "./preprocess": {
-      "types": "./dist/preprocess.d.ts",
-      "import": "./dist/preprocess.mjs",
-      "require": "./dist/preprocess.cjs"
+      "types": "./dist/preprocess.d.mts",
+      "default": "./dist/preprocess.mjs"
     },
     "./vite": {
-      "types": "./dist/vite.d.ts",
-      "import": "./dist/vite.mjs",
-      "require": "./dist/vite.cjs"
+      "types": "./dist/vite.d.mts",
+      "default": "./dist/vite.mjs"
     }
   },
-  "main": "./dist/vite.cjs",
+  "main": "./dist/vite.mjs",
   "module": "./dist/vite.mjs",
   "types": "./dist/vite.d.ts",
   "typesVersions": {
@@ -54,8 +52,8 @@
   "dependencies": {
     "css-tree": "^2.3.1",
     "magic-string": "^0.30.8",
-    "@unocss/config": "0.58.9",
-    "@unocss/reset": "0.58.9"
+    "@unocss/reset": "0.59.0-beta.1",
+    "@unocss/config": "0.59.0-beta.1"
   },
   "devDependencies": {
     "prettier-plugin-svelte": "^2.10.1",

package/dist/preprocess.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-const index = require('./shared/svelte-scoped.pPNrJCJJ.cjs');
-require('node:process');
-require('@unocss/core');
-require('@unocss/preset-uno');
-require('@unocss/config');
-require('magic-string');
-require('css-tree');
-
-
-
-module.exports = index.UnocssSveltePreprocess;

package/dist/preprocess.d.cts

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

package/dist/shared/svelte-scoped.BJnJpFJ9.d.cts

@@ -1,45 +0,0 @@
-import { UserConfig, UnoGenerator } from '@unocss/core';
-import { LoadConfigResult } from '@unocss/config';
-
-interface UnocssSveltePreprocessOptions extends TransformClassesOptions, TransformApplyOptions {
-  /**
-   * UnoCSS config or path to config file. If not provided, will load unocss.config.ts/js. It's recommended to use the separate config file if you are having trouble with the UnoCSS extension in VSCode.
-   */
-  configOrPath?: UserConfig | string
-}
-
-interface TransformClassesOptions {
-  /**
-   * Prefix for compiled class names. Distinct between `@unocss/svelte-scoped/vite` and `@unocss/svelte-scoped/preprocessor` to avoid bugs when using a component library built with `@unocss/svelte-scoped/preprocessor` in a project using `@unocss/svelte-scoped/vite`.
-   * @default 'uno-' // `@unocss/svelte-scoped/vite`
-   * @default 'usp-' // `@unocss/svelte-scoped/preprocessor`
-   */
-  classPrefix?: string
-  /**
-   * Add hash and combine recognized tokens (optimal for production); set false in dev mode for easy dev tools toggling to allow for design adjustments in the browser
-   * @default true
-   */
-  combine?: boolean
-  /**
-   * Used to generate hash for compiled class names
-   */
-  hashFn?: (str: string) => string
-}
-
-interface TransformApplyOptions {
-  /**
-   * Transform CSS custom properties (recommended for CSS syntax compatibility) or @apply directives.
-   *
-   * Pass `false` to disable.
-   *
-   * @default ['--at-apply', '@apply']
-   */
-  applyVariables?: string | string[] | false
-}
-
-interface SvelteScopedContext {
-  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.pPNrJCJJ.cjs

@@ -1,491 +0,0 @@
-'use strict';
-
-const process = require('node:process');
-const core = require('@unocss/core');
-const presetUno = require('@unocss/preset-uno');
-const config = require('@unocss/config');
-const MagicString = require('magic-string');
-const cssTree = require('css-tree');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-const process__default = /*#__PURE__*/_interopDefaultCompat(process);
-const presetUno__default = /*#__PURE__*/_interopDefaultCompat(presetUno);
-const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
-
-const NOT_PRECEEDED_BY_DIGIT_OR_OPEN_PARENTHESIS_RE = /(?<![\d(])/;
-const SELECTOR_STARTING_WITH_BRACKET_OR_PERIOD_RE = /([[\.][\S\s]+?)/;
-const STYLES_RE = /({[\S\s]+?})/;
-const EXTRACT_SELECTOR_RE = new RegExp(NOT_PRECEEDED_BY_DIGIT_OR_OPEN_PARENTHESIS_RE.source + SELECTOR_STARTING_WITH_BRACKET_OR_PERIOD_RE.source + STYLES_RE.source, "g");
-function wrapSelectorsWithGlobal(css) {
-  return css.replace(EXTRACT_SELECTOR_RE, ":global($1)$2");
-}
-
-const classesRE$1 = /class=(["'\`])([\S\s]*?)\1/g;
-const classDirectivesRE = /class:([\S]+?)="?{/g;
-const classDirectivesShorthandRE = /class:([^=>\s/]+)[{>\s/]/g;
-function findClasses(code) {
-  const matchedClasses = [...code.matchAll(classesRE$1)];
-  const matchedClassDirectives = [...code.matchAll(classDirectivesRE)];
-  const matchedClassDirectivesShorthand = [...code.matchAll(classDirectivesShorthandRE)];
-  const classes = parseMatches(matchedClasses, "regular", 'class="'.length);
-  const classDirectives = parseMatches(matchedClassDirectives, "directive", "class:".length);
-  const classDirectivesShorthand = parseMatches(matchedClassDirectivesShorthand, "directiveShorthand", "class:".length);
-  return [...classes, ...classDirectives, ...classDirectivesShorthand];
-}
-function parseMatches(matches, type, prefixLength) {
-  return matches.map((match) => {
-    const body = match[type === "regular" ? 2 : 1];
-    const start = match.index + prefixLength;
-    return {
-      body: body.trim(),
-      start,
-      end: start + body.length,
-      type
-    };
-  }).filter(hasBody);
-}
-function hasBody(foundClass) {
-  return foundClass.body;
-}
-
-const notInCommentRE = /(?<!<!--\s*)/;
-const stylesTagWithCapturedDirectivesRE = /<style([^>]*)>[\s\S]*?<\/style\s*>/;
-const actualStylesTagWithCapturedDirectivesRE = new RegExp(notInCommentRE.source + stylesTagWithCapturedDirectivesRE.source, "g");
-const captureOpeningStyleTagWithAttributesRE = /(<style[^>]*>)/;
-function addGeneratedStylesIntoStyleBlock(code, styles) {
-  const preExistingStylesTag = code.match(actualStylesTagWithCapturedDirectivesRE);
-  if (preExistingStylesTag)
-    return code.replace(captureOpeningStyleTagWithAttributesRE, `$1${styles}`);
-  return `${code}
-<style>${styles}</style>`;
-}
-
-async function needsGenerated(token, uno) {
-  const inSafelist = uno.config.safelist.includes(token);
-  if (inSafelist)
-    return false;
-  const result = await uno.parseToken(token);
-  return !!result;
-}
-
-function hash(str) {
-  let i;
-  let l;
-  let hval = 2166136261;
-  for (i = 0, l = str.length; i < l; i++) {
-    hval ^= str.charCodeAt(i);
-    hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);
-  }
-  return `00000${(hval >>> 0).toString(36)}`.slice(-6);
-}
-
-function generateClassName(body, options, filename) {
-  const {
-    classPrefix = "uno-",
-    combine = true,
-    hashFn = hash
-  } = options;
-  if (combine) {
-    const classPlusFilenameHash = hashFn(body + filename);
-    return `${classPrefix}${classPlusFilenameHash}`;
-  } else {
-    const filenameHash = hashFn(filename);
-    return `_${body}_${filenameHash}`;
-  }
-}
-
-function isShortcut(token, shortcuts) {
-  return shortcuts.some((s) => s[0] === token);
-}
-
-async function processDirective({ body: token, start, end, type }, options, uno, filename) {
-  const isShortcutOrUtility = isShortcut(token, uno.config.shortcuts) || await needsGenerated(token, uno);
-  if (!isShortcutOrUtility)
-    return;
-  const generatedClassName = generateClassName(token, options, filename);
-  const content = type === "directiveShorthand" ? `${generatedClassName}={${token}}` : generatedClassName;
-  return {
-    rulesToGenerate: { [generatedClassName]: [token] },
-    codeUpdate: { content, start, end }
-  };
-}
-
-async function sortClassesIntoCategories(body, options, uno, filename) {
-  const { combine = true } = options;
-  const rulesToGenerate = {};
-  const ignore = [];
-  const classes = body.trim().split(/\s+/);
-  const knownClassesToCombine = [];
-  for (const token of classes) {
-    const isShortcutOrUtility = isShortcut(token, uno.config.shortcuts) || await needsGenerated(token, uno);
-    if (!isShortcutOrUtility) {
-      ignore.push(token);
-      continue;
-    }
-    if (combine) {
-      knownClassesToCombine.push(token);
-    } else {
-      const generatedClassName = generateClassName(token, options, filename);
-      rulesToGenerate[generatedClassName] = [token];
-    }
-  }
-  if (knownClassesToCombine.length) {
-    const generatedClassName = generateClassName(knownClassesToCombine.join(" "), options, filename);
-    rulesToGenerate[generatedClassName] = knownClassesToCombine;
-  }
-  return { rulesToGenerate, ignore };
-}
-
-const expressionsRE = /\S*{[^{}]+?}\S*/g;
-const classesRE = /(["'\`])([\S\s]*?)\1/g;
-async function processExpressions(body, options, uno, filename) {
-  const rulesToGenerate = {};
-  const updatedExpressions = [];
-  let restOfBody = body;
-  const expressions = [...body.matchAll(expressionsRE)];
-  for (let [expression] of expressions) {
-    restOfBody = restOfBody.replace(expression, "").trim();
-    const classes = [...expression.matchAll(classesRE)];
-    for (const [withQuotes, quoteMark, withoutQuotes] of classes) {
-      const { rulesToGenerate: rulesFromExpression, ignore } = await sortClassesIntoCategories(withoutQuotes, options, uno, filename);
-      Object.assign(rulesToGenerate, rulesFromExpression);
-      const updatedClasses = Object.keys(rulesFromExpression).concat(ignore).join(" ");
-      expression = expression.replace(withQuotes, quoteMark + updatedClasses + quoteMark);
-    }
-    updatedExpressions.push(expression);
-  }
-  return { rulesToGenerate, updatedExpressions, restOfBody };
-}
-
-async function processClassBody({ body, start, end }, options, uno, filename) {
-  const expandedBody = core.expandVariantGroup(body);
-  const { rulesToGenerate: rulesFromExpressions, restOfBody, updatedExpressions } = await processExpressions(expandedBody, options, uno, filename);
-  const { rulesToGenerate: rulesFromRegularClasses, ignore } = await sortClassesIntoCategories(restOfBody, options, uno, filename);
-  const rulesToGenerate = { ...rulesFromExpressions, ...rulesFromRegularClasses };
-  if (!Object.keys(rulesToGenerate).length)
-    return {};
-  const content = Object.keys(rulesFromRegularClasses).concat(ignore).concat(updatedExpressions).join(" ");
-  const codeUpdate = {
-    content,
-    start,
-    end
-  };
-  return { rulesToGenerate, codeUpdate };
-}
-
-async function processClasses(classes, options, uno, filename) {
-  const result = {
-    rulesToGenerate: {},
-    codeUpdates: []
-  };
-  for (const foundClass of classes) {
-    if (foundClass.type === "regular") {
-      const { rulesToGenerate, codeUpdate } = await processClassBody(foundClass, options, uno, filename);
-      if (rulesToGenerate)
-        Object.assign(result.rulesToGenerate, rulesToGenerate);
-      if (codeUpdate)
-        result.codeUpdates.push(codeUpdate);
-    } else {
-      const { rulesToGenerate, codeUpdate } = await processDirective(foundClass, options, uno, filename) || {};
-      if (rulesToGenerate)
-        Object.assign(result.rulesToGenerate, rulesToGenerate);
-      if (codeUpdate)
-        result.codeUpdates.push(codeUpdate);
-    }
-  }
-  return result;
-}
-
-async function transformClasses({ content, filename, uno, options }) {
-  const classesToProcess = findClasses(content);
-  if (!classesToProcess.length)
-    return;
-  const { rulesToGenerate, codeUpdates } = await processClasses(classesToProcess, options, uno, filename);
-  if (!Object.keys(rulesToGenerate).length)
-    return;
-  const { map, code } = updateTemplateCodeIfNeeded(codeUpdates, content, filename);
-  const generatedStyles = await generateStyles(rulesToGenerate, uno);
-  const codeWithGeneratedStyles = addGeneratedStylesIntoStyleBlock(code, generatedStyles);
-  return {
-    code: codeWithGeneratedStyles,
-    map
-  };
-}
-function updateTemplateCodeIfNeeded(codeUpdates, source, filename) {
-  if (!codeUpdates.length)
-    return { code: source, map: void 0 };
-  const s = new MagicString__default(source);
-  for (const { start, end, content } of codeUpdates)
-    s.overwrite(start, end, content);
-  return {
-    code: s.toString(),
-    map: s.generateMap({ hires: true, source: filename })
-  };
-}
-const REMOVE_COMMENTS_TO_MAKE_GLOBAL_WRAPPING_EASY = true;
-async function generateStyles(rulesToGenerate, uno) {
-  const shortcutsForThisComponent = Object.entries(rulesToGenerate);
-  uno.config.shortcuts.push(...shortcutsForThisComponent);
-  const selectorsToGenerate = Object.keys(rulesToGenerate);
-  const { css } = await uno.generate(selectorsToGenerate, {
-    preflights: false,
-    safelist: false,
-    minify: REMOVE_COMMENTS_TO_MAKE_GLOBAL_WRAPPING_EASY
-  });
-  const cssPreparedForSvelteCompiler = wrapSelectorsWithGlobal(css);
-  return cssPreparedForSvelteCompiler;
-}
-
-function removeOuterQuotes(input) {
-  if (!input)
-    return "";
-  return /^(['"]).*\1$/.test(input) ? input.slice(1, -1) : input;
-}
-
-function writeUtilStyles([, selector, body, parent], s, node, childNode) {
-  if (!selector)
-    return;
-  const selectorChanged = selector !== ".\\-";
-  if (!parent && !selectorChanged)
-    return s.appendRight(childNode.loc.end.offset, body);
-  const originalSelector = cssTree.generate(node.prelude);
-  if (parent && !selectorChanged) {
-    const css2 = `${parent}{${originalSelector}{${body}}}`;
-    return s.appendLeft(node.loc.end.offset, css2);
-  }
-  const utilSelector = selector.replace(core.regexScopePlaceholder, " ");
-  const updatedSelector = generateUpdatedSelector(utilSelector, node.prelude);
-  const svelteCompilerReadySelector = surroundAllButOriginalSelectorWithGlobal(originalSelector, updatedSelector);
-  const rule = `${svelteCompilerReadySelector}{${body}}`;
-  const css = parent ? `${parent}{${rule}}` : rule;
-  s.appendLeft(node.loc.end.offset, css);
-}
-function generateUpdatedSelector(selector, _prelude) {
-  const selectorAST = cssTree.parse(selector, {
-    context: "selector"
-  });
-  const prelude = cssTree.clone(_prelude);
-  prelude.children.forEach((child) => {
-    const parentSelectorAst = cssTree.clone(selectorAST);
-    parentSelectorAst.children.forEach((i) => {
-      if (i.type === "ClassSelector" && i.name === "\\-")
-        Object.assign(i, cssTree.clone(child));
-    });
-    Object.assign(child, parentSelectorAst);
-  });
-  return cssTree.generate(prelude);
-}
-function surroundAllButOriginalSelectorWithGlobal(originalSelector, updatedSelector) {
-  const wrapWithGlobal = (str) => `:global(${str})`;
-  const originalSelectors = originalSelector.split(",").map((s) => s.trim());
-  const updatedSelectors = updatedSelector.split(",").map((s) => s.trim());
-  const resultSelectors = originalSelectors.map((original, index) => {
-    const updated = updatedSelectors[index];
-    const [prefix, suffix] = updated.split(original).map((s) => s.trim());
-    const wrappedPrefix = prefix ? wrapWithGlobal(prefix) : "";
-    if (!suffix)
-      return `${wrappedPrefix} ${original}`.trim();
-    const indexOfFirstCombinator = findFirstCombinatorIndex(suffix);
-    if (indexOfFirstCombinator === -1)
-      return `${wrappedPrefix} ${original}${suffix}`.trim();
-    const pseudo = suffix.substring(0, indexOfFirstCombinator).trim();
-    const siblingsOrDescendants = suffix.substring(indexOfFirstCombinator).trim();
-    return `${wrappedPrefix} ${original}${pseudo} ${wrapWithGlobal(siblingsOrDescendants)}`.trim();
-  });
-  return resultSelectors.join(", ");
-}
-function findFirstCombinatorIndex(input) {
-  const combinators = [" ", ">", "~", "+"];
-  for (const c of combinators) {
-    const indexOfFirstCombinator = input.indexOf(c);
-    if (indexOfFirstCombinator !== -1)
-      return indexOfFirstCombinator;
-  }
-  return -1;
-}
-
-async function getUtils(body, uno) {
-  const classNames = core.expandVariantGroup(body).split(/\s+/g).map((className) => className.trim().replace(/\\/, ""));
-  const utils = await parseUtils(classNames, uno);
-  const sortedByRankIndex = utils.sort(([aIndex], [bIndex]) => aIndex - bIndex);
-  const sortedByParentOrders = sortedByRankIndex.sort(([, , , aParent], [, , , bParent]) => (aParent ? uno.parentOrders.get(aParent) ?? 0 : 0) - (bParent ? uno.parentOrders.get(bParent) ?? 0 : 0));
-  return sortedByParentOrders.reduce((acc, item) => {
-    const [, selector, body2, parent] = item;
-    const sibling = acc.find(([, targetSelector, , targetParent]) => targetSelector === selector && targetParent === parent);
-    if (sibling)
-      sibling[2] += body2;
-    else
-      acc.push([...item]);
-    return acc;
-  }, []);
-}
-async function parseUtils(classNames, uno) {
-  const foundUtils = [];
-  for (const token of classNames) {
-    const util = await uno.parseToken(token, "-");
-    if (util)
-      foundUtils.push(util);
-    else
-      core.warnOnce(`'${token}' not found. You have a typo or need to add a preset.`);
-  }
-  return foundUtils.flat();
-}
-
-async function transformApply(ctx) {
-  const ast = cssTree.parse(ctx.s.original, {
-    parseAtrulePrelude: false,
-    positions: true
-  });
-  if (ast.type !== "StyleSheet")
-    return ctx.s;
-  const stack = [];
-  cssTree.walk(ast, (node) => {
-    if (node.type === "Rule")
-      stack.push(handleApply(ctx, node));
-  });
-  await Promise.all(stack);
-  return ctx.s;
-}
-async function handleApply(ctx, node) {
-  const parsePromises = node.block.children.map(async (childNode) => {
-    await parseApply(ctx, node, childNode);
-  });
-  await Promise.all(parsePromises);
-}
-async function parseApply({ s, uno, applyVariables }, node, childNode) {
-  const body = getChildNodeValue(childNode, applyVariables);
-  if (!body)
-    return;
-  const utils = await getUtils(body, uno);
-  if (!utils.length)
-    return;
-  for (const util of utils)
-    writeUtilStyles(util, s, node, childNode);
-  s.remove(childNode.loc.start.offset, childNode.loc.end.offset);
-}
-function getChildNodeValue(childNode, applyVariables) {
-  if (childNode.type === "Atrule" && childNode.name === "apply" && childNode.prelude && childNode.prelude.type === "Raw")
-    return childNode.prelude.value.trim();
-  if (childNode.type === "Declaration" && applyVariables.includes(childNode.property) && childNode.value.type === "Raw")
-    return removeOuterQuotes(childNode.value.value.trim());
-}
-
-const themeRE = /theme\((.+?)\)/g;
-function transformTheme(s, theme) {
-  return s.replace(themeRE, (_, match) => {
-    const argumentsWithoutQuotes = match.slice(1, -1);
-    return getThemeValue(argumentsWithoutQuotes, theme);
-  });
-}
-function getThemeValue(rawArguments, theme) {
-  const keys = rawArguments.split(".");
-  let current = theme;
-  for (const key of keys) {
-    if (current[key] === void 0)
-      throw new Error(`"${rawArguments}" is not found in your theme`);
-    else
-      current = current[key];
-  }
-  return current;
-}
-
-const DEFAULT_APPLY_VARIABLES = ["--at-apply"];
-function checkForApply(content, _applyVariables) {
-  if (_applyVariables === false)
-    return { hasApply: false, applyVariables: [] };
-  const applyVariables = core.toArray(_applyVariables || DEFAULT_APPLY_VARIABLES);
-  return {
-    hasApply: content.includes("@apply") || applyVariables.some((v) => content.includes(v)),
-    applyVariables
-  };
-}
-async function transformStyle({
-  content,
-  uno,
-  prepend,
-  filename,
-  applyVariables,
-  hasThemeFn
-}) {
-  const s = new MagicString__default(content);
-  if (applyVariables?.length)
-    await transformApply({ s, uno, applyVariables });
-  if (hasThemeFn)
-    transformTheme(s, uno.config.theme);
-  if (!s.hasChanged())
-    return;
-  if (prepend)
-    s.prepend(prepend);
-  return {
-    code: s.toString(),
-    map: s.generateMap({ hires: true, source: filename || "" })
-  };
-}
-
-function UnocssSveltePreprocess(options = {}, unoContextFromVite, isViteBuild) {
-  if (!options.classPrefix)
-    options.classPrefix = "usp-";
-  let uno;
-  return {
-    markup: async ({ content, filename }) => {
-      if (!uno)
-        uno = await getGenerator(options.configOrPath, unoContextFromVite);
-      if (isViteBuild && options.combine === void 0)
-        options.combine = isViteBuild();
-      return await transformClasses({ content, filename: filename || "", uno, options });
-    },
-    style: async ({ content, attributes, filename }) => {
-      const svelte3AddPreflights = attributes["uno:preflights"];
-      const svelte3AddSafelist = attributes["uno:safelist"];
-      const svelte4DeprecatedAddPreflights = attributes.uno && attributes.preflights;
-      const svelte4DeprecatedAddSafelist = attributes.uno && attributes.safelist;
-      let addPreflights = attributes["uno-preflights"] || svelte3AddPreflights || svelte4DeprecatedAddPreflights;
-      let addSafelist = attributes["uno-safelist"] || svelte3AddSafelist || svelte4DeprecatedAddSafelist;
-      if (unoContextFromVite && (addPreflights || addSafelist)) {
-        addPreflights = false;
-        addSafelist = false;
-        core.warnOnce("Notice for those transitioning to @unocss/svelte-scoped/vite: uno-preflights and uno-safelist are only for use in component libraries. Please see the documentation for how to add preflights and safelist into your head tag. If you are consuming a component library built by @unocss/svelte-scoped/preprocess, you can ignore this upgrade notice.");
-      }
-      const { hasApply, applyVariables } = checkForApply(content, options.applyVariables);
-      const hasThemeFn = !!content.match(themeRE);
-      const changeNeeded = addPreflights || addSafelist || hasApply || hasThemeFn;
-      if (!changeNeeded)
-        return;
-      if (!uno)
-        uno = await getGenerator(options.configOrPath);
-      let preflightsSafelistCss = "";
-      if (addPreflights || addSafelist) {
-        const { css } = await uno.generate([], { preflights: !!addPreflights, safelist: !!addSafelist, minify: true });
-        preflightsSafelistCss = wrapSelectorsWithGlobal(css);
-      }
-      if (hasApply || hasThemeFn) {
-        return await transformStyle({
-          content,
-          uno,
-          filename,
-          prepend: preflightsSafelistCss,
-          applyVariables,
-          hasThemeFn
-        });
-      }
-      if (preflightsSafelistCss)
-        return { code: preflightsSafelistCss + content };
-    }
-  };
-}
-async function getGenerator(configOrPath, unoContextFromVite) {
-  if (unoContextFromVite) {
-    await unoContextFromVite.ready;
-    return unoContextFromVite.uno;
-  }
-  const defaults = {
-    presets: [
-      presetUno__default()
-    ]
-  };
-  const { config: config$1 } = await config.loadConfig(process__default.cwd(), configOrPath);
-  return core.createGenerator(config$1, defaults);
-}
-
-exports.UnocssSveltePreprocess = UnocssSveltePreprocess;

package/dist/vite.cjs

@@ -1,304 +0,0 @@
-'use strict';
-
-const process = require('node:process');
-const core = require('@unocss/core');
-const config = require('@unocss/config');
-const presetUno = require('@unocss/preset-uno');
-const index = require('./shared/svelte-scoped.pPNrJCJJ.cjs');
-const node_fs = require('node:fs');
-const node_path = require('node:path');
-const node_url = require('node:url');
-const MagicString = require('magic-string');
-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);
-const presetUno__default = /*#__PURE__*/_interopDefaultCompat(presetUno);
-const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
-const remapping__default = /*#__PURE__*/_interopDefaultCompat(remapping);
-
-function PassPreprocessToSveltePlugin(context, options = {}) {
-  let commandIsBuild = true;
-  const isBuild = () => commandIsBuild;
-  return {
-    name: "unocss:svelte-scoped:pass-preprocess",
-    enforce: "pre",
-    configResolved({ command }) {
-      commandIsBuild = command === "build";
-    },
-    api: {
-      sveltePreprocess: index.UnocssSveltePreprocess(options, context, isBuild)
-    }
-  };
-}
-
-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 : (_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}`));
-    if (isFile(resolvedPNPM))
-      return node_fs.readFileSync(resolvedPNPM, "utf-8");
-    const resolvedPNPM_in_uno_repo = node_path.resolve(node_path.resolve(_dirname, `../node_modules/${injectReset}`));
-    if (isFile(resolvedPNPM_in_uno_repo))
-      return node_fs.readFileSync(resolvedPNPM_in_uno_repo, "utf-8");
-    const resolvedNPM = node_path.resolve(process__default.cwd(), "node_modules", injectReset);
-    if (isFile(resolvedNPM))
-      return node_fs.readFileSync(resolvedNPM, "utf-8");
-    throw new Error(`"${injectReset}" given as your injectReset value is not found. Please make sure it is one of the five supported @unocss/reset options. If it is, file a bug report detailing your environment and package manager`);
-  }
-  if (injectReset.startsWith(".")) {
-    const resolved = node_path.resolve(process__default.cwd(), injectReset);
-    if (!isFile(resolved))
-      throw new Error(`"${injectReset}" given as your injectReset value is not a valid file path relative to the root of your project, where your vite config file sits. To give an example, if you placed a reset.css in your src directory, "./src/reset.css" would work.`);
-    return node_fs.readFileSync(resolved, "utf-8");
-  }
-  if (injectReset.startsWith("/"))
-    throw new Error(`Your injectReset value: "${injectReset}" is not a valid file path. To give an example, if you placed a reset.css in your src directory, "./src/reset.css" would work.`);
-  const resolvedFromNodeModules = node_path.resolve(process__default.cwd(), "node_modules", injectReset);
-  if (!isFile(resolvedFromNodeModules))
-    throw new Error(`"${injectReset}" given as your injectReset value is not a valid file path relative to your project's node_modules folder. Can you confirm that you've installed "${injectReset}"?`);
-  return node_fs.readFileSync(resolvedFromNodeModules, "utf-8");
-}
-function isFile(path) {
-  return node_fs.existsSync(path) && node_fs.statSync(path).isFile();
-}
-
-function isServerHooksFile(path) {
-  return path.includes("hooks") && path.includes("server");
-}
-function replaceGlobalStylesPlaceholder(code, stylesTag) {
-  const captureQuoteMark = "([\"'`])";
-  const matchCapturedQuoteMark = "\\1";
-  const QUOTES_WITH_PLACEHOLDER_RE = new RegExp(captureQuoteMark + GLOBAL_STYLES_PLACEHOLDER + matchCapturedQuoteMark);
-  const escapedStylesTag = stylesTag.replaceAll(/\\(?![`$])/g, "\\\\").replaceAll(/(?<!\\)([`$])/g, "\\$1");
-  return code.replace(QUOTES_WITH_PLACEHOLDER_RE, `\`${escapedStylesTag}\``);
-}
-async function generateGlobalCss(uno, injectReset) {
-  const { css } = await uno.generate("", { preflights: true, safelist: true, minify: true });
-  const reset = injectReset ? getReset(injectReset) : "";
-  return reset + css;
-}
-const SVELTE_ERROR = `[unocss] You have not setup the svelte-scoped global styles correctly. You must place '${PLACEHOLDER_USER_SETS_IN_INDEX_HTML}' in your index.html file.
-`;
-const SVELTE_KIT_ERROR = `[unocss] You have not setup the svelte-scoped global styles correctly. You must place '${PLACEHOLDER_USER_SETS_IN_INDEX_HTML}' in your app.html file. You also need to have a transformPageChunk hook in your hooks.server.js file with: \`html.replace('${PLACEHOLDER_USER_SETS_IN_INDEX_HTML}', '${GLOBAL_STYLES_PLACEHOLDER}')\`. You can see an example of the usage at https://github.com/unocss/unocss/tree/main/examples/sveltekit-scoped.`;
-function checkTransformPageChunkHook(server, isSvelteKit) {
-  server.middlewares.use((req, res, next) => {
-    const originalWrite = res.write;
-    res.write = function(chunk, ...rest) {
-      const str = typeof chunk === "string" ? chunk : chunk instanceof Buffer ? chunk.toString() : Array.isArray(chunk) || "at" in chunk ? Buffer.from(chunk).toString() : `${chunk}`;
-      if (str.includes("<head>") && !str.includes(DEV_GLOBAL_STYLES_DATA_TITLE))
-        server.config.logger.error(isSvelteKit ? SVELTE_KIT_ERROR : SVELTE_ERROR, { timestamp: true });
-      return originalWrite.call(this, chunk, ...rest);
-    };
-    next();
-  });
-}
-
-function GlobalStylesPlugin({ ready, uno }, injectReset) {
-  let isSvelteKit;
-  let viteConfig;
-  let unoCssFileReferenceId;
-  let unoCssHashedLinkTag;
-  return {
-    name: "unocss:svelte-scoped:global-styles",
-    async configResolved(_viteConfig) {
-      viteConfig = _viteConfig;
-      await ready;
-      isSvelteKit = viteConfig.plugins.some((p) => p.name.includes("sveltekit"));
-    },
-    // serve
-    configureServer: (server) => checkTransformPageChunkHook(server, isSvelteKit),
-    // serve
-    async transform(code, id) {
-      if (isSvelteKit && viteConfig.command === "serve" && isServerHooksFile(id)) {
-        const css = await generateGlobalCss(uno, injectReset);
-        return {
-          code: replaceGlobalStylesPlaceholder(code, `<style type="text/css" data-title="${DEV_GLOBAL_STYLES_DATA_TITLE}">${css}</style>`)
-        };
-      }
-    },
-    // build
-    async buildStart() {
-      if (viteConfig.command === "build") {
-        const css = await generateGlobalCss(uno, injectReset);
-        unoCssFileReferenceId = this.emitFile({
-          type: "asset",
-          name: "unocss-svelte-scoped-global.css",
-          source: css
-        });
-      }
-    },
-    // build
-    renderStart() {
-      const unoCssFileName = this.getFileName(unoCssFileReferenceId);
-      const base = viteConfig.base ?? "/";
-      unoCssHashedLinkTag = `<link href="${base}${unoCssFileName}" rel="stylesheet" />`;
-    },
-    // build
-    renderChunk(code, chunk) {
-      if (isSvelteKit && chunk.moduleIds.some((id) => isServerHooksFile(id)))
-        return replaceGlobalStylesPlaceholder(code, unoCssHashedLinkTag);
-    },
-    // serve and build
-    async transformIndexHtml(html) {
-      if (!isSvelteKit) {
-        if (viteConfig.command === "build")
-          return html.replace(PLACEHOLDER_USER_SETS_IN_INDEX_HTML, unoCssHashedLinkTag);
-        if (viteConfig.command === "serve") {
-          const css = await generateGlobalCss(uno, injectReset);
-          return html.replace(PLACEHOLDER_USER_SETS_IN_INDEX_HTML, `<style type="text/css" data-title="${DEV_GLOBAL_STYLES_DATA_TITLE}">${css}</style>`);
-        }
-      }
-    }
-  };
-}
-
-const IGNORE_COMMENT = "@unocss-ignore";
-const SKIP_START_COMMENT = "@unocss-skip-start";
-const SKIP_END_COMMENT = "@unocss-skip-end";
-const SKIP_COMMENT_RE = new RegExp(`(//\\s*?${SKIP_START_COMMENT}\\s*?|\\/\\*\\s*?${SKIP_START_COMMENT}\\s*?\\*\\/|<!--\\s*?${SKIP_START_COMMENT}\\s*?-->)[\\s\\S]*?(//\\s*?${SKIP_END_COMMENT}\\s*?|\\/\\*\\s*?${SKIP_END_COMMENT}\\s*?\\*\\/|<!--\\s*?${SKIP_END_COMMENT}\\s*?-->)`, "g");
-
-function hash(str) {
-  let i;
-  let l;
-  let hval = 2166136261;
-  for (i = 0, l = str.length; i < l; i++) {
-    hval ^= str.charCodeAt(i);
-    hval += (hval << 1) + (hval << 4) + (hval << 7) + (hval << 8) + (hval << 24);
-  }
-  return `00000${(hval >>> 0).toString(36)}`.slice(-6);
-}
-
-async function applyTransformers(ctx, original, id, enforce = "default") {
-  if (original.includes(IGNORE_COMMENT))
-    return;
-  const transformers = (ctx.uno.config.transformers || []).filter((i) => (i.enforce || "default") === enforce);
-  if (!transformers.length)
-    return;
-  const skipMap = /* @__PURE__ */ new Map();
-  let code = original;
-  let s = new MagicString__default(transformSkipCode(code, skipMap));
-  const maps = [];
-  for (const t of transformers) {
-    if (t.idFilter) {
-      if (!t.idFilter(id))
-        continue;
-    } else if (!ctx.filter(code, id)) {
-      continue;
-    }
-    await t.transform(s, id, ctx);
-    if (s.hasChanged()) {
-      code = restoreSkipCode(s.toString(), skipMap);
-      maps.push(s.generateMap({ hires: true, source: id }));
-      s = new MagicString__default(code);
-    }
-  }
-  if (code !== original) {
-    ctx.affectedModules.add(id);
-    return {
-      code,
-      map: remapping__default(maps, (_, ctx2) => {
-        ctx2.content = code;
-        return null;
-      })
-    };
-  }
-}
-function transformSkipCode(code, map) {
-  for (const item of Array.from(code.matchAll(SKIP_COMMENT_RE))) {
-    if (item != null) {
-      const matched = item[0];
-      const withHashKey = `@unocss-skip-placeholder-${hash(matched)}`;
-      map.set(withHashKey, matched);
-      code = code.replace(matched, withHashKey);
-    }
-  }
-  return code;
-}
-function restoreSkipCode(code, map) {
-  for (const [withHashKey, matched] of map.entries())
-    code = code.replace(withHashKey, matched);
-  return code;
-}
-
-const svelteIdRE = /[&?]svelte/;
-function createCssTransformerPlugins(context, cssTransformers) {
-  const enforces = ["default", "pre", "post"];
-  return enforces.map((enforce) => ({
-    name: `unocss:svelte-scoped-transformers:${enforce}`,
-    enforce: enforce === "default" ? void 0 : enforce,
-    async transform(code, id) {
-      if (!core.cssIdRE.test(id) || svelteIdRE.test(id))
-        return;
-      context.uno.config.transformers = cssTransformers ?? [];
-      return applyTransformers({
-        ...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)
-    throw new Error('Due to the differences in normal UnoCSS global usage and Svelte Scoped usage, "config.transformers" will be ignored. You can still use transformers in CSS files with the "cssFileTransformers" option.');
-  if (!options.classPrefix)
-    options.classPrefix = "uno-";
-  const plugins = [
-    GlobalStylesPlugin(context, options.injectReset),
-    ConfigHMRPlugin(context)
-  ];
-  if (!options.onlyGlobal)
-    plugins.push(PassPreprocessToSveltePlugin(context, options));
-  if (options.cssFileTransformers)
-    plugins.push(...createCssTransformerPlugins(context, options.cssFileTransformers));
-  return plugins;
-}
-const defaults = {
-  presets: [
-    presetUno__default()
-  ]
-};
-function createSvelteScopedContext(configOrPath) {
-  const uno = core.createGenerator();
-  const ready = reloadConfig();
-  async function reloadConfig() {
-    const { config: config$1, sources } = await config.loadConfig(process__default.cwd(), configOrPath);
-    uno.setConfig(config$1, defaults);
-    return { config: config$1, sources };
-  }
-  return {
-    uno,
-    ready
-  };
-}
-
-module.exports = UnocssSvelteScopedVite;

package/dist/vite.d.cts

@@ -1,42 +0,0 @@
-import { Plugin } from 'vite';
-import { PluginOptions } from '@unocss/core';
-import { U as UnocssSveltePreprocessOptions } from './shared/svelte-scoped.BJnJpFJ9.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.
-   *
-   * You can pass one of the included resets from [@unocss/reset](https://unocss.dev/guide/style-reset):
-   * - `@unocss/reset/normalize.css`
-   * - `@unocss/reset/eric-meyer.css`
-   * - `@unocss/reset/sanitize/sanitize.css`
-   * - `@unocss/reset/tailwind.css`
-   * - `@unocss/reset/tailwind-compat.css`
-   *
-   * You can pass your own custom reset by passing the filepath relative to your project root as in `./src/reset.css`
-   *
-   * You can install a package then pass a path to the CSS file in your node_modules as in `@bob/my-tools/reset.css`.
-   * @default undefined
-   */
-  injectReset?: string
-  /**
-   * 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.
-   * @default undefined
-   */
-  cssFileTransformers?: PluginOptions['transformers']
-}
-
-declare function UnocssSvelteScopedVite(options?: UnocssSvelteScopedViteOptions): Plugin[];
-
-export { UnocssSvelteScopedVite as default };