npm - @unocss/runtime - Versions diffs - 0.58.9 → 0.59.0 - Mend

@unocss/runtime 0.58.9 → 0.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/index.d.mts DELETED Viewed

@@ -1,126 +0,0 @@
-import { UserConfig, GenerateResult, UserConfigDefaults, UnoGenerator } from '@unocss/core';
-interface RuntimeGenerateResult extends GenerateResult {
-    getStyleElement: (name: string) => HTMLStyleElement | undefined;
-    getStyleElements: () => Map<string, HTMLStyleElement>;
-}
-interface RuntimeObserverConfig {
-    /**
-     * A function that returns an HTML Element for the MutationObserver to watch.
-     * Defaults to the same as rootElement
-     */
-    target?: () => Element;
-    /**
-     * An array of attribute names for the MutationObserver to limit which attributes
-     * are watched for mutations.
-     */
-    attributeFilter?: Array<string>;
-}
-interface RuntimeOptions {
-    /**
-     * Default config of UnoCSS
-     */
-    defaults?: UserConfigDefaults;
-    /**
-     * Enable css property auto prefixer
-     * @default false
-     */
-    autoPrefix?: boolean;
-    /**
-     * Attribute to use as cloaking
-     * @default 'un-cloak'
-     */
-    cloakAttribute?: string;
-    /**
-     * Callback to modify config
-     */
-    configResolved?: (config: UserConfig, defaults: UserConfigDefaults) => void;
-    /**
-     * Optional function to control UnoCSS style element(s) injection into DOM.
-     * When provided, the default injection logic will be overridden.
-     */
-    inject?: (styleElement: HTMLStyleElement) => void;
-    /**
-     * Callback when the runtime is ready. Returning false will prevent default extraction
-     */
-    ready?: (runtime: RuntimeContext) => false | any;
-    /**
-     * Runtime MutationObserver configuration options
-     */
-    observer?: RuntimeObserverConfig;
-    /**
-     * When enabled, UnoCSS will look for the existing selectors defined in the stylesheet and bypass them.
-     * This is useful when using the runtime alongwith the build-time UnoCSS.
-     */
-    bypassDefined?: boolean;
-    /**
-     * Optional function to control the root element to extract.
-     */
-    rootElement?: () => Element | undefined;
-}
-type RuntimeInspectorCallback = (element: Element) => boolean;
-interface RuntimeContext {
-    /**
-     * The UnoCSS instance.
-     *
-     * @type {UnoGenerator}
-     */
-    uno: UnoGenerator;
-    /**
-     * Run extractor on specified tokens
-     *
-     * @returns {Promise<void>}
-     */
-    extract: (tokens: string | string[]) => Promise<void>;
-    /**
-     * Rerun extractor on the whole <body>, regardless of paused status or inspection limitation.
-     *
-     * @returns {Promise<void>}
-     */
-    extractAll: (target?: Element) => Promise<void>;
-    /**
-     * Set/unset inspection callback to allow/ignore element to be extracted.
-     *
-     * @param {RuntimeInspectorCallback} [callback] - Callback to determine whether the element will be extracted.
-     *
-     * @returns {void}
-     */
-    inspect: (callback?: RuntimeInspectorCallback) => void;
-    /**
-     * Pause/resume/toggle the runtime.
-     *
-     * @param {boolean} [state] - False or True respectively pause or resume the runtime. Undefined parameter toggles the pause/resume state.
-     *
-     * @returns {void}
-     */
-    toggleObserver: (state?: boolean) => void;
-    /**
-     * Manually run the update cycle.
-     *
-     * @returns {RuntimeGenerateResult}
-     */
-    update: () => Promise<RuntimeGenerateResult>;
-    /**
-     * Loaded presets
-     *
-     * @type {Record<string, Function>}
-     */
-    presets: Record<string, Function>;
-    /**
-     * The UnoCSS version.
-     *
-     * @type {string}
-     */
-    version: string;
-}
-declare global {
-    interface Window {
-        __unocss?: UserConfig & {
-            runtime?: RuntimeOptions;
-        };
-        __unocss_runtime?: RuntimeContext;
-    }
-}
-declare function init(inlineConfig?: RuntimeOptions): void;
-export { type RuntimeContext, type RuntimeGenerateResult, type RuntimeInspectorCallback, type RuntimeObserverConfig, type RuntimeOptions, init as default };

package/dist/index.mjs DELETED Viewed

@@ -1,249 +0,0 @@
-// src/index.ts
-import { createGenerator, isString, toArray } from "@unocss/core";
-// src/utils.ts
-function camelize(str) {
-  return str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
-}
-function capitalize(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-function hyphenate(str) {
-  return str.replace(/(?:^|\B)([A-Z])/g, "-$1").toLowerCase();
-}
-var prefixes = ["Webkit", "Moz", "ms"];
-function autoPrefixer(style) {
-  const prefixCache = {};
-  function autoPrefix(rawName) {
-    const cached = prefixCache[rawName];
-    if (cached)
-      return cached;
-    let name = camelize(rawName);
-    if (name !== "filter" && name in style)
-      return prefixCache[rawName] = hyphenate(name);
-    name = capitalize(name);
-    for (let i = 0; i < prefixes.length; i++) {
-      const prefixed = `${prefixes[i]}${name}`;
-      if (prefixed in style)
-        return prefixCache[rawName] = hyphenate(capitalize(prefixed));
-    }
-    return rawName;
-  }
-  return ({ entries }) => entries.forEach((e) => {
-    if (!e[0].startsWith("--"))
-      e[0] = autoPrefix(e[0]);
-  });
-}
-function decodeHtml(html) {
-  return html.replace(/&amp;/g, "&").replace(/&gt;/g, ">").replace(/&lt;/g, "<");
-}
-// src/index.ts
-function init(inlineConfig = {}) {
-  if (typeof window == "undefined") {
-    console.warn("@unocss/runtime been used in non-browser environment, skipped.");
-    return;
-  }
-  const defaultWindow = window;
-  const defaultDocument = window.document;
-  const html = () => defaultDocument.documentElement;
-  const userConfig = defaultWindow.__unocss || {};
-  const runtimeOptions = Object.assign({}, inlineConfig, userConfig.runtime);
-  const userConfigDefaults = runtimeOptions.defaults || {};
-  const cloakAttribute = runtimeOptions.cloakAttribute ?? "un-cloak";
-  if (runtimeOptions.autoPrefix) {
-    const postprocessors = userConfigDefaults.postprocess = toArray(userConfigDefaults.postprocess);
-    postprocessors.unshift(autoPrefixer(defaultDocument.createElement("div").style));
-  }
-  runtimeOptions.configResolved?.(userConfig, userConfigDefaults);
-  const uno = createGenerator(userConfig, userConfigDefaults);
-  const inject = (styleElement) => runtimeOptions.inject ? runtimeOptions.inject(styleElement) : html().prepend(styleElement);
-  const rootElement = () => runtimeOptions.rootElement ? runtimeOptions.rootElement() : defaultDocument.body;
-  const styleElements = /* @__PURE__ */ new Map();
-  let paused = true;
-  let tokens = /* @__PURE__ */ new Set();
-  let inspector;
-  let _timer;
-  let _resolvers = [];
-  const scheduleUpdate = () => new Promise((resolve) => {
-    _resolvers.push(resolve);
-    if (_timer != null)
-      clearTimeout(_timer);
-    _timer = setTimeout(() => updateStyle().then(() => {
-      const resolvers = _resolvers;
-      _resolvers = [];
-      resolvers.forEach((r) => r());
-    }), 0);
-  });
-  function removeCloak(node) {
-    if (node.nodeType !== 1)
-      return;
-    const el = node;
-    if (el.hasAttribute(cloakAttribute))
-      el.removeAttribute(cloakAttribute);
-    el.querySelectorAll(`[${cloakAttribute}]`).forEach((n) => {
-      n.removeAttribute(cloakAttribute);
-    });
-  }
-  function getStyleElement(layer, previousLayer) {
-    let styleElement = styleElements.get(layer);
-    if (!styleElement) {
-      styleElement = defaultDocument.createElement("style");
-      styleElement.setAttribute("data-unocss-runtime-layer", layer);
-      styleElements.set(layer, styleElement);
-      if (previousLayer == null) {
-        inject(styleElement);
-      } else {
-        const previousStyle = getStyleElement(previousLayer);
-        const parentNode = previousStyle.parentNode;
-        if (parentNode)
-          parentNode.insertBefore(styleElement, previousStyle.nextSibling);
-        else
-          inject(styleElement);
-      }
-    }
-    return styleElement;
-  }
-  async function updateStyle() {
-    const result = await uno.generate(tokens);
-    result.layers.reduce((previous, current) => {
-      getStyleElement(current, previous).innerHTML = result.getLayer(current) ?? "";
-      return current;
-    }, void 0);
-    tokens = result.matched;
-    return {
-      ...result,
-      getStyleElement: (layer) => styleElements.get(layer),
-      getStyleElements: () => styleElements
-    };
-  }
-  async function extract(str) {
-    const tokenSize = tokens.size;
-    await uno.applyExtractors(str, void 0, tokens);
-    if (tokenSize !== tokens.size)
-      await scheduleUpdate();
-  }
-  async function extractAll(target = rootElement()) {
-    const outerHTML = target && target.outerHTML;
-    if (outerHTML) {
-      await extract(`${outerHTML} ${decodeHtml(outerHTML)}`);
-      removeCloak(html());
-      removeCloak(target);
-    }
-  }
-  const mutationObserver = new MutationObserver((mutations) => {
-    if (paused)
-      return;
-    mutations.forEach(async (mutation) => {
-      if (mutation.target.nodeType !== 1)
-        return;
-      const target = mutation.target;
-      for (const item of styleElements) {
-        if (target === item[1])
-          return;
-      }
-      if (mutation.type === "childList") {
-        mutation.addedNodes.forEach(async (node) => {
-          if (node.nodeType !== 1)
-            return;
-          const el = node;
-          if (inspector && !inspector(el))
-            return;
-          await extract(el.outerHTML);
-          removeCloak(el);
-        });
-      } else {
-        if (inspector && !inspector(target))
-          return;
-        if (mutation.attributeName !== cloakAttribute) {
-          const attrs = Array.from(target.attributes).map((i) => i.value ? `${i.name}="${i.value}"` : i.name).join(" ");
-          const tag = `<${target.tagName.toLowerCase()} ${attrs}>`;
-          await extract(tag);
-        }
-        if (target.hasAttribute(cloakAttribute))
-          target.removeAttribute(cloakAttribute);
-      }
-    });
-  });
-  let observing = false;
-  function observe() {
-    if (observing)
-      return;
-    const target = runtimeOptions.observer?.target ? runtimeOptions.observer.target() : rootElement();
-    if (!target)
-      return;
-    mutationObserver.observe(target, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: runtimeOptions.observer?.attributeFilter
-    });
-    observing = true;
-  }
-  function execute() {
-    if (runtimeOptions.bypassDefined)
-      getDefinedCssSelectors(uno.blocked);
-    extractAll();
-    observe();
-  }
-  function ready() {
-    if (defaultDocument.readyState === "loading")
-      defaultWindow.addEventListener("DOMContentLoaded", execute);
-    else
-      execute();
-  }
-  const unoCssRuntime = defaultWindow.__unocss_runtime = defaultWindow.__unocss_runtime = {
-    version: uno.version,
-    uno,
-    async extract(userTokens) {
-      if (!isString(userTokens)) {
-        userTokens.forEach((t) => tokens.add(t));
-        userTokens = "";
-      }
-      await extract(userTokens);
-    },
-    extractAll,
-    inspect(callback) {
-      inspector = callback;
-    },
-    toggleObserver(set) {
-      if (set === void 0)
-        paused = !paused;
-      else
-        paused = !!set;
-      if (!observing && !paused)
-        ready();
-    },
-    update: updateStyle,
-    presets: defaultWindow.__unocss_runtime?.presets ?? {}
-  };
-  if (runtimeOptions.ready?.(unoCssRuntime) !== false) {
-    paused = false;
-    ready();
-  }
-}
-function getDefinedCssSelectors(selectors = /* @__PURE__ */ new Set()) {
-  for (let i = 0; i < document.styleSheets.length; i++) {
-    const sheet = document.styleSheets[i];
-    let list;
-    try {
-      list = sheet.cssRules || sheet.rules;
-      if (!list)
-        continue;
-      Array.from(list).flatMap((r) => r.selectorText?.split(/,/g) || []).forEach((s) => {
-        if (!s)
-          return;
-        s = s.trim();
-        if (s.startsWith("."))
-          s = s.slice(1);
-        selectors.add(s);
-      });
-    } catch (e) {
-      continue;
-    }
-  }
-  return selectors;
-}
-export {
-  init as default
-};