mutts 1.0.13 → 1.0.15

package/dist/debug.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var proxy = require('./chunks/proxy-DBHj3kGK.cjs');
+var effects = require('./chunks/effects-oUauWxxl.cjs');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 const lineageObjects = new WeakSet();
@@ -48,10 +48,10 @@ function parseStackFrames(stack) {
     if (!rawStack)
         return [];
     const lines = rawStack.split('\n');
-    const lastLine = lines.findIndex((line) => line.includes(proxy.effectMarker.enter));
+    const lastLine = lines.findIndex((line) => line.includes(effects.effectMarker.enter));
     if (lastLine !== -1)
         lines.splice(lastLine);
-    const firstLine = lines.findLastIndex((line) => line.includes(proxy.effectMarker.leave));
+    const firstLine = lines.findLastIndex((line) => line.includes(effects.effectMarker.leave));
     if (firstLine !== -1)
         lines.splice(0, firstLine + 1);
     else {
@@ -134,7 +134,7 @@ function ensureSignature(signature) {
 }
 function getLineage(effect, currentStack = new Error()) {
     return ensureSignature({
-        effect: effect ?? proxy.getActiveEffect(),
+        effect: effect ?? effects.getActiveEffect(),
         stack: currentStack,
         toString() {
             return formatLineage(this);
@@ -163,13 +163,13 @@ function digestLineage(lineage) {
     let current = currentEffect;
     let lastStack = currentStack;
     while (current) {
-        const rootFn = proxy.getRoot(current);
+        const rootFn = effects.getRoot(current);
         segments.push({
             effect: rootFn,
             effectName: rootFn.name || 'anonymous',
             stack: lastStack,
         });
-        const node = proxy.getEffectNode(current);
+        const node = effects.getEffectNode(current);
         const parent = node.parent;
         const creationStack = parseStackFrames(node.creationStack);
         if (parent) {
@@ -197,7 +197,7 @@ function formatLineage(lineage) {
         const segment = segments[i];
         if (i > 0) {
             const triggerEffect = segments[i - 1].effect;
-            const triggerName = triggerEffect ? proxy.getRoot(triggerEffect).name || 'anonymous' : 'root';
+            const triggerName = triggerEffect ? effects.getRoot(triggerEffect).name || 'anonymous' : 'root';
             result.push(` --- effect: ${triggerName} ---`);
         }
         for (const frame of segment.stack)
@@ -510,21 +510,21 @@ function renderLineageList(details, colors) {
 function formatReasonWithoutChain(reason) {
     switch (reason.type) {
         case 'propChange':
-            return proxy.formatCleanupReason({ type: 'propChange', triggers: reason.triggers });
+            return effects.formatCleanupReason({ type: 'propChange', triggers: reason.triggers });
         case 'invalidate':
-            return proxy.formatCleanupReason({ type: 'invalidate', cause: reason.cause });
+            return effects.formatCleanupReason({ type: 'invalidate', cause: reason.cause });
         case 'stopped':
-            return proxy.formatCleanupReason(reason.detail ? { type: 'stopped', detail: reason.detail } : { type: 'stopped' });
+            return effects.formatCleanupReason(reason.detail ? { type: 'stopped', detail: reason.detail } : { type: 'stopped' });
         case 'external':
-            return proxy.formatCleanupReason({ type: 'external', detail: reason.detail });
+            return effects.formatCleanupReason({ type: 'external', detail: reason.detail });
         case 'gc':
-            return proxy.formatCleanupReason({ type: 'gc' });
+            return effects.formatCleanupReason({ type: 'gc' });
         case 'lineage':
-            return proxy.formatCleanupReason({ type: 'lineage', parent: reason.parent });
+            return effects.formatCleanupReason({ type: 'lineage', parent: reason.parent });
         case 'error':
-            return proxy.formatCleanupReason({ type: 'error', error: reason.error });
+            return effects.formatCleanupReason({ type: 'error', error: reason.error });
         case 'multiple':
-            return proxy.formatCleanupReason({ type: 'multiple', reasons: reason.reasons });
+            return effects.formatCleanupReason({ type: 'multiple', reasons: reason.reasons });
     }
 }
 function logReason(reason, tag) {
@@ -667,7 +667,7 @@ function showLineagePanel() {
         atText: '#999',
         linkText: '#005cc5',
     };
-    const state = proxy.reactive({
+    const state = effects.reactive({
         activeLineage: [],
         isVisible: true,
     });
@@ -731,13 +731,13 @@ function showLineagePanel() {
     panel.appendChild(content);
     document.body.appendChild(panel);
     // Reactivity: Update Visibility
-    proxy.effect(() => {
+    effects.effect `lineage-panel:visibility`(() => {
         panel.style.opacity = state.isVisible ? '1' : '0';
         panel.style.pointerEvents = state.isVisible ? 'all' : 'none';
         panel.style.transform = state.isVisible ? 'translateY(0)' : 'translateY(20px)';
     });
     // Reactivity: Update Content
-    proxy.effect(() => {
+    effects.effect `lineage-panel:content`(() => {
         if (state.activeLineage.length === 0) {
             content.innerHTML = `<div style="color: ${colors.placeholderText}; font-style: italic; text-align: center; margin-top: 20px;">No effect triggered yet...</div>`;
             return;
@@ -756,7 +756,7 @@ function showLineagePanel() {
                 marginBottom: '6px',
                 color: colors.titleText,
             });
-            const effectName = segment.effect ? (proxy.getRoot(segment.effect).name || 'anonymous') : 'root';
+            const effectName = segment.effect ? (effects.getRoot(segment.effect).name || 'anonymous') : 'root';
             title.innerText = i === 0 ? `📍 Current: ${effectName}` : `↖ Effect: ${effectName}`;
             segDiv.appendChild(title);
             segment.stack.forEach(frame => {
@@ -779,6 +779,35 @@ function showLineagePanel() {
     });
 }
 
+function getColors() {
+    const isDark = typeof window !== 'undefined' && window.matchMedia?.('(prefers-color-scheme: dark)').matches;
+    return {
+        accent: isDark ? '#b392f0' : '#6f42c1',
+        meta: isDark ? '#8b949e' : '#57606a',
+    };
+}
+function getReactiveTarget(obj) {
+    if (!obj || typeof obj !== 'object' || !effects.isReactive(obj))
+        return undefined;
+    return effects.unwrap(obj);
+}
+const reactiveFormatter = {
+    header: (obj) => {
+        const target = getReactiveTarget(obj);
+        if (!target)
+            return null;
+        const colors = getColors();
+        return [
+            'span',
+            {},
+            ['span', { style: `color: ${colors.accent}; font-weight: bold;` }, 'Reactive<'],
+            ['object', { object: target }],
+            ['span', { style: `color: ${colors.accent}; font-weight: bold;` }, '>'],
+        ];
+    },
+    hasBody: () => false,
+};
+
 /**
  * Debug utilities for the reactivity system
  * - Captures effect metadata (names, parent relationships)
@@ -789,7 +818,7 @@ function showLineagePanel() {
  * Log an error with detailed context if error logging is enabled
  */
 function logError(error, context, effect) {
-    if (!proxy.options.introspection?.logErrors)
+    if (!effects.options.introspection?.logErrors)
         return;
     const contextStr = context === 'throw' ? '🔴 Thrown' : '🟡 Caught';
     console.group(`${contextStr} Error: ${error.message}`);
@@ -815,7 +844,7 @@ const triggerGraph = new Map();
 function ensureEffectName(effect) {
     let name = effectNames.get(effect);
     if (!name) {
-        const root = proxy.getRoot(effect);
+        const root = effects.getRoot(effect);
         name = root?.name?.trim() || `effect_${++effectCounter}`;
     }
     effectNames.set(effect, name);
@@ -835,7 +864,7 @@ function ensureObjectName(obj) {
 }
 function describeProp(obj, prop) {
     const objectName = ensureObjectName(obj);
-    if (prop === proxy.allProps)
+    if (prop === effects.allProps)
         return `${objectName}.*`;
     if (typeof prop === 'symbol')
         return `${objectName}.${prop.description ?? prop.toString()}`;
@@ -845,7 +874,7 @@ function addEffectToRegistry(effect) {
     if (!effect || debugEffectRegistry.has(effect))
         return;
     debugEffectRegistry.add(effect);
-    const deps = proxy.effectToReactiveObjects.get(effect);
+    const deps = effects.effectToReactiveObjects.get(effect);
     if (deps) {
         for (const obj of deps) {
             documentObject(obj);
@@ -861,13 +890,13 @@ function dbRegisterObject(obj) {
     debugObjectRegistry.add(obj);
     ensureObjectName(obj);
 }
-function ensureParentChains(effects) {
-    const queue = Array.from(effects);
+function ensureParentChains(effects$1) {
+    const queue = Array.from(effects$1);
     for (let i = 0; i < queue.length; i++) {
         const effect = queue[i];
-        const parent = proxy.getEffectNode(effect).parent;
-        if (parent && !effects.has(parent)) {
-            effects.add(parent);
+        const parent = effects.getEffectNode(effect).parent;
+        if (parent && !effects$1.has(parent)) {
+            effects$1.add(parent);
             queue.push(parent);
         }
     }
@@ -932,7 +961,7 @@ function registerObjectForDebug(obj) {
  * @param evolution - The type of change (set/add/del/bunch)
  */
 function recordTriggerLink(source, target, obj, prop, evolution) {
-    if (proxy.options.introspection?.enableHistory) {
+    if (effects.options.introspection?.enableHistory) {
         addToMutationHistory(source, target, obj, prop, evolution);
     }
     if (!devtoolsEnabled)
@@ -1014,14 +1043,14 @@ function buildEffectNodes(allEffects) {
         const cached = depthCache.get(effect);
         if (cached !== undefined)
             return cached;
-        const parent = proxy.getEffectNode(effect).parent;
+        const parent = effects.getEffectNode(effect).parent;
         const depth = computeDepth(parent) + (parent ? 1 : 0);
         depthCache.set(effect, depth);
         return depth;
     };
     for (const [effect, node] of nodeByEffect) {
         node.depth = computeDepth(effect);
-        const parent = proxy.getEffectNode(effect).parent;
+        const parent = effects.getEffectNode(effect).parent;
         if (parent) {
             const parentNode = nodeByEffect.get(parent);
             if (parentNode) {
@@ -1063,7 +1092,7 @@ function buildReactivityGraph() {
         const effectId = nodeIds.get(effect);
         if (!effectId)
             continue;
-        const deps = proxy.effectToReactiveObjects.get(effect);
+        const deps = effects.effectToReactiveObjects.get(effect);
         if (!deps)
             continue;
         for (const obj of deps) {
@@ -1126,8 +1155,8 @@ function enableDevTools() {
     if (devtoolsEnabled)
         return;
     devtoolsEnabled = true;
-    if (proxy.options.introspection) {
-        proxy.options.introspection.logErrors = true;
+    if (effects.options.introspection) {
+        effects.options.introspection.logErrors = true;
     }
     globalScope.__MUTTS_DEBUG__ = {
         getGraph: buildReactivityGraph,
@@ -1155,22 +1184,19 @@ function enableDevTools() {
          * @type {() => import('../src/reactive/types').CleanupReason | undefined}
          */
         get reason() {
-            const activeEffect = proxy.getActiveEffect();
+            const activeEffect = effects.getActiveEffect();
             if (!activeEffect)
                 return undefined;
-            const node = proxy.getEffectNode(activeEffect);
+            const node = effects.getEffectNode(activeEffect);
             return node?.currentReason;
         },
     };
     // @ts-ignore - devtoolsFormatters is a Chrome-specific array
-    if (globalScope.devtoolsFormatters) {
-        globalScope.devtoolsFormatters.push(lineageFormatter);
-        globalScope.devtoolsFormatters.push(reasonFormatter);
-    }
-    else {
-        globalScope.devtoolsFormatters = [lineageFormatter, reasonFormatter];
-    }
-    proxy.setDebugHooks({
+    if (globalScope.devtoolsFormatters)
+        globalScope.devtoolsFormatters.push(lineageFormatter, reasonFormatter, reactiveFormatter);
+    else
+        globalScope.devtoolsFormatters = [lineageFormatter, reasonFormatter, reactiveFormatter];
+    effects.setDebugHooks({
         isDevtoolsEnabled: () => devtoolsEnabled,
         registerEffect: registerEffectForDebug,
         getTriggerChain: getTriggerChain,
@@ -1195,7 +1221,7 @@ function enableDevTools() {
         },
         recordTriggerLink: recordTriggerLink,
         decorateError: (error, trigger) => {
-            if (proxy.options.introspection?.logErrors &&
+            if (effects.options.introspection?.logErrors &&
                 error &&
                 typeof error === 'object' &&
                 'stack' in error &&
@@ -1204,8 +1230,8 @@ function enableDevTools() {
             }
         },
     });
-    const originalWarn = proxy.options.warn;
-    proxy.options.warn = (...args) => {
+    const originalWarn = effects.options.warn;
+    effects.options.warn = (...args) => {
         const lineage = captureLineage();
         originalWarn(...args, lineage);
     };
@@ -1262,7 +1288,7 @@ function getDependents(obj) {
  * Returns a list of objects that the given effect depends on.
  */
 function getDependencies(effect) {
-    const deps = proxy.effectToReactiveObjects.get(effect);
+    const deps = effects.effectToReactiveObjects.get(effect);
     return deps ? Array.from(deps) : [];
 }
 const mutationHistory = [];
@@ -1278,7 +1304,7 @@ function addToMutationHistory(source, target, obj, prop, evolution) {
         type: evolution.type,
     };
     mutationHistory.push(record);
-    if (mutationHistory.length > (proxy.options.introspection?.historySize ?? 50)) {
+    if (mutationHistory.length > (effects.options.introspection?.historySize ?? 50)) {
         mutationHistory.shift();
     }
 }
@@ -1322,6 +1348,7 @@ function isDevelopmentMode() {
 }
 // Auto-enable devtools when the module loads in development
 if (isDevelopmentMode() && !devtoolsEnabled) {
+    Object.assign(effects.options, effects.devPreset);
     enableDevTools();
     // Optional: Log that devtools were enabled (only in development)
     if (typeof console !== 'undefined' && console.info) {