@vobs/theme 1.2.1 → 1.2.2

package/dist/index.cjs

@@ -1,440 +1,40 @@
-'use strict';
-
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
 var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// packages/reactivity/src/debug.ts
-var activeDebugHooks = null;
-var signalNames = /* @__PURE__ */ new WeakMap();
-function hasDebugHooks() {
-  return activeDebugHooks !== null;
-}
-__name(hasDebugHooks, "hasDebugHooks");
-function setSignalDebugName(signal, name) {
-  signalNames.set(signal, name);
-  invokeDebug("signalNamed", signal, name);
-}
-__name(setSignalDebugName, "setSignalDebugName");
-function invokeDebug(name, ...args) {
-  return;
-}
-__name(invokeDebug, "invokeDebug");
-
-// packages/reactivity/src/owner.ts
-var currentOwner = null;
-function getCurrentOwner() {
-  return currentOwner;
-}
-__name(getCurrentOwner, "getCurrentOwner");
-function onDispose(cleanup) {
-  throw new Error("Vobs: onDispose \u5FC5\u987B\u5728 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
-}
-__name(onDispose, "onDispose");
-
-// packages/reactivity/src/signal.ts
-var currentSubscriber = null;
-function getCurrentSubscriber() {
-  return currentSubscriber;
-}
-__name(getCurrentSubscriber, "getCurrentSubscriber");
-function setCurrentSubscriber(subscriber) {
-  currentSubscriber = subscriber;
-}
-__name(setCurrentSubscriber, "setCurrentSubscriber");
-function trackDependency(dependency) {
-  if (!currentSubscriber || currentSubscriber.disposed) return;
-  !currentSubscriber.dependencies.has(dependency);
-  currentSubscriber.dependencies.add(dependency);
-}
-__name(trackDependency, "trackDependency");
-function state(initialValue, debugName) {
-  let value = initialValue;
-  let disposed = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const signalInstance = {
-    get value() {
-      const subscriber = getCurrentSubscriber();
-      if (subscriber && !subscriber.disposed) {
-        subscribers.add(subscriber);
-        trackDependency(signalInstance);
-      }
-      return value;
-    },
-    set value(nextValue) {
-      if (disposed || Object.is(value, nextValue)) return;
-      value = nextValue;
-      for (const subscriber of [...subscribers]) subscriber.notify();
-    },
-    unsubscribe(subscriber) {
-      subscribers.delete(subscriber);
-    },
-    // 与 `.value =` 赋值同一条路径：判等短路、debug hook、notify 全部一致。
-    // 以闭包实现，可安全地作为回调直接传递（无 this 绑定问题）。
-    set(next) {
-      signalInstance.value = next;
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      subscribers.clear();
-    }
-  };
-  if (debugName?.trim()) setSignalDebugName(signalInstance, debugName.trim());
-  return signalInstance;
-}
-__name(state, "state");
-
-// packages/reactivity/src/scheduler.ts
-var _Scheduler = class _Scheduler {
-  constructor() {
-    this.dirtyEffects = /* @__PURE__ */ new Set();
-    this.lowPriorityEffects = /* @__PURE__ */ new Set();
-    // flush 不可重入（flushing 标志保证），缓冲数组可在轮次间安全复用，避免每轮分配。
-    this.normalBuffer = [];
-    this.lowBuffer = [];
-    this.flushing = false;
-    this.scheduled = false;
-    this.batchDepth = 0;
-  }
-  schedule(effect2) {
-    if (effect2.disposed) return;
-    this.dirtyEffects.add(effect2);
-    this.lowPriorityEffects.delete(effect2);
-    this.ensureScheduled();
-  }
-  /** Queue an effect behind normal updates while preserving deterministic order. */
-  scheduleLow(effect2) {
-    if (effect2.disposed) return;
-    if (!this.dirtyEffects.has(effect2)) this.lowPriorityEffects.add(effect2);
-    this.ensureScheduled();
-  }
-  ensureScheduled() {
-    if (this.batchDepth === 0 && !this.flushing && !this.scheduled) {
-      this.scheduled = true;
-      queueMicrotask(() => {
-        this.scheduled = false;
-        this.flush();
-      });
-    }
-  }
-  remove(effect2) {
-    this.dirtyEffects.delete(effect2);
-    this.lowPriorityEffects.delete(effect2);
-  }
-  batch(fn) {
-    this.batchDepth++;
-    try {
-      return fn();
-    } finally {
-      this.batchDepth--;
-      if (this.batchDepth === 0) this.flush();
-    }
-  }
-  flush() {
-    if (this.flushing || this.batchDepth > 0) return;
-    this.flushing = true;
-    let rounds = 0;
-    let firstError;
-    let hasError = false;
-    try {
-      while (this.dirtyEffects.size > 0 || this.lowPriorityEffects.size > 0) {
-        if (++rounds > 100) {
-          this.dirtyEffects.clear();
-          this.lowPriorityEffects.clear();
-          throw new Error("Vobs: \u54CD\u5E94\u5F0F\u66F4\u65B0\u8D85\u8FC7 100 \u8F6E\uFF0C\u53EF\u80FD\u5B58\u5728\u5FAA\u73AF\u4F9D\u8D56");
-        }
-        this.collectRunnable(this.dirtyEffects, this.normalBuffer);
-        this.collectRunnable(this.lowPriorityEffects, this.lowBuffer);
-        sortEffects(this.normalBuffer);
-        sortEffects(this.lowBuffer);
-        for (const effect2 of this.normalBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        for (const effect2 of this.lowBuffer) {
-          try {
-            effect2.run();
-          } catch (error) {
-            if (!hasError) {
-              firstError = error;
-              hasError = true;
-            }
-          }
-        }
-        this.normalBuffer.length = 0;
-        this.lowBuffer.length = 0;
-      }
-    } finally {
-      this.normalBuffer.length = 0;
-      this.lowBuffer.length = 0;
-      this.flushing = false;
-    }
-    if (hasError) throw firstError;
-  }
-  /** 收集未 disposed 的 effect 并清空源集合；run() 期间新调度的 effect 留给下一轮。 */
-  collectRunnable(source, target) {
-    for (const effect2 of source) {
-      if (!effect2.disposed) target.push(effect2);
-    }
-    source.clear();
-  }
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-__name(_Scheduler, "Scheduler");
-var Scheduler = _Scheduler;
-function sortEffects(effects) {
-  if (effects.length > 1) {
-    effects.sort((a, b) => b.depth - a.depth || a.order - b.order);
-  }
-}
-__name(sortEffects, "sortEffects");
-var scheduler = new Scheduler();
-
-// packages/reactivity/src/effect.ts
-var nextEffectOrder = 1;
-function cleanupDependencies(subscriber) {
-  for (const dependency of subscriber.dependencies) {
-    dependency.unsubscribe(subscriber);
-  }
-  subscriber.dependencies.clear();
-}
-__name(cleanupDependencies, "cleanupDependencies");
-function effect(callback) {
-  const owner = getCurrentOwner();
-  let cleanup;
-  let dirty = true;
-  let disposed = false;
-  const eff = {
-    order: nextEffectOrder++,
-    depth: owner?.depth ?? 0,
-    dependencies: /* @__PURE__ */ new Set(),
-    get disposed() {
-      return disposed;
-    },
-    notify() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.schedule(eff);
-    },
-    run() {
-      if (disposed || !dirty) return;
-      dirty = false;
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      const previous = getCurrentSubscriber();
-      setCurrentSubscriber(eff);
-      let thrown;
-      let handled = false;
-      try {
-        const result = owner ? owner.run(callback) : callback();
-        cleanup = typeof result === "function" ? result : void 0;
-      } catch (error) {
-        thrown = error;
-        handled = false;
-        if (!handled) throw error;
-      } finally {
-        setCurrentSubscriber(previous);
-      }
-      if (cleanupError && !thrown) throw cleanupError;
-    },
-    scheduleLow() {
-      if (disposed || dirty) return;
-      dirty = true;
-      scheduler.scheduleLow(eff);
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      dirty = false;
-      scheduler.remove(eff);
-      const previousCleanup = cleanup;
-      cleanup = void 0;
-      let cleanupError;
-      if (previousCleanup) {
-        try {
-          previousCleanup();
-        } catch (error) {
-          cleanupError = error;
-        }
-      }
-      cleanupDependencies(eff);
-      if (cleanupError) throw cleanupError;
-    }
-  };
-  eff.run();
-  return eff;
-}
-__name(effect, "effect");
-var renderEffect = effect;
-
-// packages/reactivity/src/memo.ts
-function memo(compute) {
-  let cached;
-  let dirty = true;
-  let disposed = false;
-  const subscribers = /* @__PURE__ */ new Set();
-  const memoSubscriber = {
-    dependencies: /* @__PURE__ */ new Set(),
-    get disposed() {
-      return disposed;
-    },
-    notify() {
-      if (disposed || dirty) return;
-      dirty = true;
-      for (const subscriber of [...subscribers]) subscriber.notify();
-    }
-  };
-  const memoSignal = {
-    get value() {
-      const subscriber = getCurrentSubscriber();
-      if (subscriber && !subscriber.disposed) {
-        subscribers.add(subscriber);
-        trackDependency(memoSignal);
-      }
-      if (dirty) {
-        cleanupDependencies(memoSubscriber);
-        const previous = getCurrentSubscriber();
-        setCurrentSubscriber(memoSubscriber);
-        try {
-          cached = compute();
-          dirty = false;
-        } finally {
-          setCurrentSubscriber(previous);
-        }
-      }
-      return cached;
-    },
-    set value(_) {
-      throw new Error("memo: \u6D3E\u751F\u503C\u4E0D\u80FD\u76F4\u63A5\u8D4B\u503C");
-    },
-    unsubscribe(subscriber) {
-      subscribers.delete(subscriber);
-    },
-    dispose() {
-      if (disposed) return;
-      disposed = true;
-      subscribers.clear();
-      cleanupDependencies(memoSubscriber);
-    }
-  };
-  return memoSignal;
-}
-__name(memo, "memo");
-
-// packages/runtime/src/debug.ts
-var activeRuntimeDebugHooks = null;
-function getRuntimeDebugHooks() {
-  return activeRuntimeDebugHooks;
-}
-__name(getRuntimeDebugHooks, "getRuntimeDebugHooks");
-function invokeRuntimeDebug(name, ...args) {
-  return;
-}
-__name(invokeRuntimeDebug, "invokeRuntimeDebug");
-function describeDebugNode(node) {
-  if (!node || typeof node !== "object") return "node";
-  const value = node;
-  const name = typeof value.tagName === "string" ? value.tagName.toLowerCase() : typeof value.nodeName === "string" ? value.nodeName.toLowerCase() : "node";
-  const id = typeof value.id === "string" && value.id ? `#${value.id}` : "";
-  const className = typeof value.className === "string" && value.className ? `.${value.className.trim().split(/\s+/).filter(Boolean).join(".")}` : "";
-  return `${name}${id}${className}`;
-}
-__name(describeDebugNode, "describeDebugNode");
-
-// packages/runtime/src/hmr.ts
-var globalTarget = globalThis;
-var hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: /* @__PURE__ */ new Map() };
-globalTarget.__VOBS_HMR__ = hmrGlobal;
-function markHmrInstanceMounted(node, parent) {
-  const instance = hmrInstances.get(node);
-  if (instance) instance.parent = parent;
-}
-__name(markHmrInstanceMounted, "markHmrInstanceMounted");
-var hmrInstances = /* @__PURE__ */ new WeakMap();
-function getRenderer() {
-  {
-    throw new Error("\u6E32\u67D3\u5668\u672A\u521D\u59CB\u5316");
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-}
-__name(getRenderer, "getRenderer");
-function createElement(tag) {
-  return getRenderer().createElement(tag);
-}
-__name(createElement, "createElement");
-function insertBefore(parent, child, anchor) {
-  if (isVobsFragment(child)) {
-    child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
-    return;
-  }
-  getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
-  markHmrInstanceMounted(child, parent);
-}
-__name(insertBefore, "insertBefore");
-
-// packages/runtime/src/fragment.ts
-function isVobsFragment(value) {
-  return Boolean(value) && typeof value === "object" && value.kind === "vobs-fragment";
-}
-__name(isVobsFragment, "isVobsFragment");
-
-// packages/vobs/src/context.ts
-var ownerProviders = /* @__PURE__ */ new WeakMap();
-function provide(key, value, options = {}) {
-  throw new Error("Vobs: provide \u5FC5\u987B\u5728\u7EC4\u4EF6\u6216 Owner \u4F5C\u7528\u57DF\u5185\u8C03\u7528");
-}
-__name(provide, "provide");
-function inject(key, fallback) {
-  const owner = getCurrentOwner();
-  const value = owner ? injectFromOwner(owner, key) : void 0;
-  return value === void 0 ? fallback : value;
-}
-__name(inject, "inject");
-function provideToOwner(owner, key, value, options = {}) {
-  let providers = ownerProviders.get(owner);
-  if (!providers) {
-    providers = /* @__PURE__ */ new Map();
-    ownerProviders.set(owner, providers);
-    owner.onDispose(() => ownerProviders.delete(owner));
-  }
-  if (providers.has(key) && !options.override) {
-    throw new Error(`Vobs: \u6CE8\u5165\u9879 ${String(key)} \u5DF2\u5B58\u5728\uFF1B\u5982\u9700\u8986\u76D6\u8BF7\u4F20\u5165 override: true`);
-  }
-  providers.set(key, value);
-}
-__name(provideToOwner, "provideToOwner");
-function injectFromOwner(owner, key) {
-  let current = owner;
-  while (current) {
-    const providers = ownerProviders.get(current);
-    if (providers?.has(key)) return providers.get(key);
-    current = current.parent;
-  }
-  return void 0;
-}
-__name(injectFromOwner, "injectFromOwner");
-
-// packages/vobs/src/app.ts
-function createInjectionKey(description) {
-  return Symbol(description);
-}
-__name(createInjectionKey, "createInjectionKey");
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/theme/src/index.ts
-var THEME_KEY = createInjectionKey("vobs.theme");
+var src_exports = {};
+__export(src_exports, {
+  THEME_KEY: () => THEME_KEY,
+  ThemeBoundary: () => ThemeBoundary,
+  createTheme: () => createTheme,
+  defaultDarkTheme: () => defaultDarkTheme,
+  defaultLightTheme: () => defaultLightTheme,
+  flattenTheme: () => flattenTheme,
+  themePlugin: () => themePlugin,
+  useTheme: () => useTheme
+});
+module.exports = __toCommonJS(src_exports);
+var import_reactivity = require("@vobs/reactivity");
+var import_vobs = require("@vobs/vobs");
+var THEME_KEY = (0, import_vobs.createInjectionKey)("vobs.theme");
 var defaultLightTheme = {
   colorScheme: "light",
   brand: {
@@ -499,16 +99,16 @@ var defaultDarkTheme = {
 };
 var appliedVariables = /* @__PURE__ */ new WeakMap();
 function createTheme(options = {}) {
-  const mode = state(options.defaultMode ?? "light");
-  const systemMode = state(readSystemMode());
-  const themes = state({
+  const mode = (0, import_reactivity.state)(options.defaultMode ?? "light");
+  const systemMode = (0, import_reactivity.state)(readSystemMode());
+  const themes = (0, import_reactivity.state)({
     light: mergeThemes(defaultLightTheme, options.defaultTheme ?? {}, options.themes?.light ?? {}),
     dark: mergeThemes(defaultDarkTheme, options.defaultTheme ?? {}, options.themes?.dark ?? {})
   });
-  const overrides = state({});
-  const resolvedMode = memo(() => mode.value === "system" ? systemMode.value : mode.value);
-  const theme = memo(() => mergeThemes(themes.value[resolvedMode.value], overrides.value));
-  const brand = memo(() => {
+  const overrides = (0, import_reactivity.state)({});
+  const resolvedMode = (0, import_reactivity.memo)(() => mode.value === "system" ? systemMode.value : mode.value);
+  const theme = (0, import_reactivity.memo)(() => mergeThemes(themes.value[resolvedMode.value], overrides.value));
+  const brand = (0, import_reactivity.memo)(() => {
     const value = theme.value.brand;
     return isThemeTokens(value) ? value : {};
   });
@@ -585,10 +185,12 @@ function createTheme(options = {}) {
       overrides.dispose();
     }
   };
+  if ((0, import_reactivity.getCurrentOwner)()) (0, import_reactivity.onDispose)(context.dispose);
   return context;
   function ensureActive() {
     if (disposed) throw new Error("Vobs Theme: \u5DF2\u9500\u6BC1\u7684\u4E0A\u4E0B\u6587\u4E0D\u80FD\u7EE7\u7EED\u4F7F\u7528");
   }
+  __name(ensureActive, "ensureActive");
 }
 __name(createTheme, "createTheme");
 function themePlugin(options = {}) {
@@ -605,7 +207,7 @@ function themePlugin(options = {}) {
 }
 __name(themePlugin, "themePlugin");
 function useTheme() {
-  const theme = inject(THEME_KEY);
+  const theme = (0, import_vobs.inject)(THEME_KEY);
   if (!theme) throw new Error("Vobs Theme: \u627E\u4E0D\u5230\u4E0A\u4E0B\u6587\uFF0C\u8BF7\u5B89\u88C5 themePlugin");
   return theme;
 }
@@ -617,14 +219,14 @@ function ThemeBoundary(props = {}) {
     props.tokens ?? {},
     props.brand ? { brand: props.brand } : {}
   ));
-  provide();
-  const root = createElement("div");
-  renderEffect(() => {
+  (0, import_vobs.provide)(THEME_KEY, local);
+  const root = (0, import_vobs.createElement)("div");
+  (0, import_reactivity.renderEffect)(() => {
     applyThemeVariables(root, local.theme.value);
     root.dataset.vobsMode = local.resolvedMode.value;
   });
   const child = typeof props.children === "function" ? props.children() : props.children;
-  if (child) insertBefore(root, child, null);
+  if (child) (0, import_vobs.insertBefore)(root, child, null);
   return root;
 }
 __name(ThemeBoundary, "ThemeBoundary");
@@ -635,9 +237,9 @@ function flattenTheme(theme) {
 }
 __name(flattenTheme, "flattenTheme");
 function createScopedTheme(parent, initialOverrides) {
-  const overrides = state(initialOverrides);
-  const theme = memo(() => mergeThemes(parent.theme.value, overrides.value));
-  const brand = memo(() => {
+  const overrides = (0, import_reactivity.state)(initialOverrides);
+  const theme = (0, import_reactivity.memo)(() => mergeThemes(parent.theme.value, overrides.value));
+  const brand = (0, import_reactivity.memo)(() => {
     const value = theme.value.brand;
     return isThemeTokens(value) ? value : {};
   });
@@ -675,10 +277,12 @@ function createScopedTheme(parent, initialOverrides) {
       overrides.dispose();
     }
   };
+  if ((0, import_reactivity.getCurrentOwner)()) (0, import_reactivity.onDispose)(context.dispose);
   return context;
   function ensureActive() {
     if (disposed) throw new Error("Vobs Theme: \u5DF2\u9500\u6BC1\u7684\u5C40\u90E8\u4E0A\u4E0B\u6587\u4E0D\u80FD\u7EE7\u7EED\u4F7F\u7528");
   }
+  __name(ensureActive, "ensureActive");
 }
 __name(createScopedTheme, "createScopedTheme");
 function parseDehydratedState(snapshot) {
@@ -752,14 +356,15 @@ function readSystemMode() {
   return typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 __name(readSystemMode, "readSystemMode");
-
-exports.THEME_KEY = THEME_KEY;
-exports.ThemeBoundary = ThemeBoundary;
-exports.createTheme = createTheme;
-exports.defaultDarkTheme = defaultDarkTheme;
-exports.defaultLightTheme = defaultLightTheme;
-exports.flattenTheme = flattenTheme;
-exports.themePlugin = themePlugin;
-exports.useTheme = useTheme;
-//# sourceMappingURL=index.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  THEME_KEY,
+  ThemeBoundary,
+  createTheme,
+  defaultDarkTheme,
+  defaultLightTheme,
+  flattenTheme,
+  themePlugin,
+  useTheme
+});
 //# sourceMappingURL=index.cjs.map