@fictjs/runtime 0.9.0 → 0.11.0

package/dist/{chunk-DXG3TARY.js → chunk-DIK33H5U.js}

@@ -181,8 +181,41 @@ var currentRoot;
 var currentEffectCleanups;
 var globalErrorHandlers = /* @__PURE__ */ new WeakMap();
 var globalSuspenseHandlers = /* @__PURE__ */ new WeakMap();
+var rootDevtoolsIds = /* @__PURE__ */ new WeakMap();
+var nextRootDevtoolsId = 0;
+function registerRootDevtools(root) {
+  if (!isDev2) return;
+  const hook = getDevtoolsHook();
+  if (!hook?.registerRoot) return;
+  const id = ++nextRootDevtoolsId;
+  rootDevtoolsIds.set(root, id);
+  hook.registerRoot(id);
+}
+function disposeRootDevtools(root) {
+  if (!isDev2) return;
+  const id = rootDevtoolsIds.get(root);
+  if (id === void 0) return;
+  const hook = getDevtoolsHook();
+  hook?.disposeRoot?.(id);
+  rootDevtoolsIds.delete(root);
+}
+function setRootSuspendDevtools(root, suspended) {
+  if (!isDev2) return;
+  const id = rootDevtoolsIds.get(root);
+  if (id === void 0) return;
+  const hook = getDevtoolsHook();
+  hook?.rootSuspend?.(id, suspended);
+}
 function createRootContext(parent) {
-  return { parent, cleanups: [], destroyCallbacks: [], suspended: false };
+  const root = {
+    parent,
+    ownerDocument: parent?.ownerDocument,
+    cleanups: [],
+    destroyCallbacks: [],
+    suspended: false
+  };
+  registerRootDevtools(root);
+  return root;
 }
 function pushRoot(root) {
   if (!enterRootGuard(root)) {
@@ -262,6 +295,7 @@ function destroyRoot(root) {
   if (globalSuspenseHandlers.has(root)) {
     globalSuspenseHandlers.delete(root);
   }
+  disposeRootDevtools(root);
 }
 function createRoot(fn, options2) {
   const parent = options2?.inherit ? currentRoot : void 0;
@@ -398,7 +432,10 @@ function handleSuspend(token, startRoot) {
         const handler = handlers[i];
         const handled = handler(token);
         if (handled !== false) {
-          if (originRoot) originRoot.suspended = true;
+          if (originRoot) {
+            originRoot.suspended = true;
+            setRootSuspendDevtools(originRoot, true);
+          }
           return true;
         }
       }
@@ -411,7 +448,10 @@ function handleSuspend(token, startRoot) {
       const handler = globalForRoot[i];
       const handled = handler(token);
       if (handled !== false) {
-        if (originRoot) originRoot.suspended = true;
+        if (originRoot) {
+          originRoot.suspended = true;
+          setRootSuspendDevtools(originRoot, true);
+        }
         return true;
       }
     }
@@ -489,18 +529,20 @@ function __fictUseMemo(ctx, fn, optionsOrSlot, slot) {
   }
   return ctx.slots[index];
 }
-function __fictUseEffect(ctx, fn, slot) {
-  if (slot !== void 0) {
-    if (ctx.slots[slot]) {
+function __fictUseEffect(ctx, fn, optionsOrSlot, slot) {
+  const options2 = typeof optionsOrSlot === "number" ? void 0 : optionsOrSlot;
+  const resolvedSlot = typeof optionsOrSlot === "number" ? optionsOrSlot : slot;
+  if (resolvedSlot !== void 0) {
+    if (ctx.slots[resolvedSlot]) {
       return;
     }
-    ctx.slots[slot] = createEffect(fn);
+    ctx.slots[resolvedSlot] = createEffect(fn, options2);
     return;
   }
   assertRenderContext(ctx, "__fictUseEffect");
   const index = ctx.cursor++;
   if (!ctx.slots[index]) {
-    ctx.slots[index] = createEffect(fn);
+    ctx.slots[index] = createEffect(fn, options2);
   }
 }
 function __fictRender(ctx, fn) {
@@ -763,6 +805,15 @@ function purgeDeps(sub) {
   while (dep !== void 0) dep = unlink(dep, sub);
 }
 function disposeNode(node) {
+  if (isDev4) {
+    if ("fn" in node && typeof node.fn === "function") {
+      disposeEffectDevtools(node);
+    } else if ("getter" in node && typeof node.getter === "function") {
+      disposeComputedDevtools(node);
+    } else if ("currentValue" in node) {
+      disposeSignalDevtools(node);
+    }
+  }
   node.depsTail = void 0;
   node.flags = 0;
   purgeDeps(node);
@@ -816,6 +867,7 @@ function runEffect(e) {
   const flags = e.flags;
   const runCleanup = () => {
     if (!e.runCleanup) return;
+    if (isDev4) effectCleanupDevtools(e);
     inCleanup = true;
     activeCleanupFlushId = currentFlushId;
     try {
@@ -828,7 +880,6 @@ function runEffect(e) {
   if (flags & Dirty) {
     runCleanup();
     ++cycle;
-    if (isDev4) effectRunDevtools(e);
     e.depsTail = void 0;
     e.flags = WatchingRunning;
     const prevSub = activeSub;
@@ -866,7 +917,6 @@ function runEffect(e) {
     if (isDirty) {
       runCleanup();
       ++cycle;
-      if (isDev4) effectRunDevtools(e);
       e.depsTail = void 0;
       e.flags = WatchingRunning;
       const prevSub = activeSub;
@@ -900,19 +950,30 @@ function scheduleFlush() {
 }
 function flush() {
   beginFlushGuard();
+  let flushReported = false;
+  const finishFlush = () => {
+    if (flushReported && isDev4) {
+      flushEndDevtools();
+    }
+    endFlushGuard();
+  };
   if (batchDepth > 0) {
     scheduleFlush();
-    endFlushGuard();
+    finishFlush();
     return;
   }
   const hasWork = highPriorityQueue.length > 0 || lowPriorityQueue.length > 0;
   if (!hasWork) {
     flushScheduled = false;
-    endFlushGuard();
+    finishFlush();
     return;
   }
   currentFlushId++;
   flushScheduled = false;
+  if (isDev4) {
+    flushStartDevtools();
+    flushReported = true;
+  }
   let highIndex = 0;
   while (highIndex < highPriorityQueue.length) {
     const e = highPriorityQueue[highIndex];
@@ -932,7 +993,7 @@ function flush() {
       highPriorityQueue.length = 0;
       lowPriorityQueue.length = 0;
       flushScheduled = false;
-      endFlushGuard();
+      finishFlush();
       return;
     }
     highIndex++;
@@ -947,7 +1008,7 @@ function flush() {
         lowPriorityQueue.length -= lowIndex;
       }
       scheduleFlush();
-      endFlushGuard();
+      finishFlush();
       return;
     }
     const e = lowPriorityQueue[lowIndex];
@@ -967,14 +1028,14 @@ function flush() {
       highPriorityQueue.length = 0;
       lowPriorityQueue.length = 0;
       flushScheduled = false;
-      endFlushGuard();
+      finishFlush();
       return;
     }
     lowIndex++;
     runEffect(e);
   }
   lowPriorityQueue.length = 0;
-  endFlushGuard();
+  finishFlush();
 }
 function signal(initialValue, options2) {
   const s = {
@@ -1047,6 +1108,7 @@ function computed(getter, options2) {
   if (options2?.equals !== void 0) c.equals = options2.equals;
   if (options2?.name !== void 0) c.name = options2.name;
   if (options2?.devToolsSource !== void 0) c.devToolsSource = options2.devToolsSource;
+  if (options2?.internal === true) c.devToolsInternal = true;
   if (isDev4) registerComputedDevtools(c);
   const bound = computedOper.bind(
     c
@@ -1097,7 +1159,7 @@ function computedOper() {
   if (activeSub !== void 0) link(this, activeSub, cycle);
   return this.value;
 }
-function effect(fn) {
+function effect(fn, options2) {
   const e = {
     fn,
     subs: void 0,
@@ -1105,6 +1167,8 @@ function effect(fn) {
     deps: void 0,
     depsTail: void 0,
     flags: WatchingRunning,
+    ...options2?.name !== void 0 ? { name: options2.name } : {},
+    ...options2?.devToolsSource !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
     __id: void 0
   };
   const root = getCurrentRoot();
@@ -1112,14 +1176,14 @@ function effect(fn) {
     e.root = root;
   }
   if (isDev4) registerEffectDevtools(e);
+  e.fn = wrapEffectFnWithDevtoolsTiming(e, fn);
   const prevSub = activeSub;
   if (prevSub !== void 0) link(e, prevSub, 0);
   activeSub = e;
   let didThrow = false;
   let thrown;
   try {
-    if (isDev4) effectRunDevtools(e);
-    fn();
+    e.fn();
   } catch (err) {
     didThrow = true;
     thrown = err;
@@ -1136,7 +1200,7 @@ function effect(fn) {
   disposer[EFFECT_MARKER] = true;
   return disposer;
 }
-function effectWithCleanup(fn, cleanupRunner, root) {
+function effectWithCleanup(fn, cleanupRunner, root, options2) {
   const e = {
     fn,
     subs: void 0,
@@ -1145,6 +1209,8 @@ function effectWithCleanup(fn, cleanupRunner, root) {
     depsTail: void 0,
     flags: WatchingRunning,
     runCleanup: cleanupRunner,
+    ...options2?.name !== void 0 ? { name: options2.name } : {},
+    ...options2?.devToolsSource !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
     __id: void 0
   };
   const resolvedRoot = root ?? getCurrentRoot();
@@ -1152,14 +1218,14 @@ function effectWithCleanup(fn, cleanupRunner, root) {
     e.root = resolvedRoot;
   }
   if (isDev4) registerEffectDevtools(e);
+  e.fn = wrapEffectFnWithDevtoolsTiming(e, fn);
   const prevSub = activeSub;
   if (prevSub !== void 0) link(e, prevSub, 0);
   activeSub = e;
   let didThrow = false;
   let thrown;
   try {
-    if (isDev4) effectRunDevtools(e);
-    fn();
+    e.fn();
   } catch (err) {
     didThrow = true;
     thrown = err;
@@ -1206,7 +1272,11 @@ function effectScopeOper() {
   disposeNode(this);
 }
 function batch(fn) {
+  const enteringOuterBatch = batchDepth === 0;
   ++batchDepth;
+  if (enteringOuterBatch && isDev4) {
+    batchStartDevtools();
+  }
   let result;
   let error;
   try {
@@ -1216,6 +1286,9 @@ function batch(fn) {
   } finally {
     --batchDepth;
     if (batchDepth === 0) {
+      if (isDev4) {
+        batchEndDevtools();
+      }
       try {
         flush();
       } catch (flushErr) {
@@ -1246,6 +1319,7 @@ function __resetReactiveState() {
   cycle = 0;
   currentFlushId = 0;
   activeCleanupFlushId = 0;
+  clearDevtoolsSignalSetters();
 }
 function untrack(fn) {
   const prev = activeSub;
@@ -1276,18 +1350,49 @@ function setTransitionContext(value) {
 var registerSignalDevtools = () => void 0;
 var updateSignalDevtools = () => {
 };
+var disposeSignalDevtools = () => {
+};
 var registerComputedDevtools = () => void 0;
 var updateComputedDevtools = () => {
 };
+var disposeComputedDevtools = () => {
+};
 var registerEffectDevtools = () => void 0;
 var effectRunDevtools = () => {
 };
+var wrapEffectFnWithDevtoolsTiming = (_node, fn) => fn;
+var effectCleanupDevtools = () => {
+};
+var disposeEffectDevtools = () => {
+};
 var trackDependencyDevtools = () => {
 };
 var untrackDependencyDevtools = () => {
 };
+var batchStartDevtools = () => {
+};
+var batchEndDevtools = () => {
+};
+var flushStartDevtools = () => {
+};
+var flushEndDevtools = () => {
+};
+var clearDevtoolsSignalSetters = () => {
+};
 if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
   let nextDevtoolsId = 0;
+  const getSignalSetterMap = () => {
+    if (typeof globalThis === "undefined") return void 0;
+    const global = globalThis;
+    if (!global.__FICT_DEVTOOLS_SIGNALS__) {
+      global.__FICT_DEVTOOLS_SIGNALS__ = /* @__PURE__ */ new Map();
+    }
+    return global.__FICT_DEVTOOLS_SIGNALS__;
+  };
+  const getExistingSignalSetterMap = () => {
+    if (typeof globalThis === "undefined") return void 0;
+    return globalThis.__FICT_DEVTOOLS_SIGNALS__;
+  };
   registerSignalDevtools = (node) => {
     const hook = getDevtoolsHook();
     if (!hook) return void 0;
@@ -1299,6 +1404,9 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     if (ownerId !== void 0) options2.ownerId = ownerId;
     hook.registerSignal(id, node.currentValue, options2);
     node.__id = id;
+    getSignalSetterMap()?.set(id, (value) => {
+      signalOper.call(node, value);
+    });
     return id;
   };
   updateSignalDevtools = (node, value) => {
@@ -1307,9 +1415,19 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     const id = node.__id;
     if (id) hook.updateSignal(id, value);
   };
+  disposeSignalDevtools = (node) => {
+    const identifiable = node;
+    const id = identifiable.__id;
+    if (!id) return;
+    const hook = getDevtoolsHook();
+    hook?.disposeSignal?.(id);
+    getExistingSignalSetterMap()?.delete(id);
+    delete identifiable.__id;
+  };
   registerComputedDevtools = (node) => {
     const hook = getDevtoolsHook();
     if (!hook) return void 0;
+    if (node.devToolsInternal) return void 0;
     const id = ++nextDevtoolsId;
     const options2 = {};
     if (node.name !== void 0) options2.name = node.name;
@@ -1327,20 +1445,55 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     const id = node.__id;
     if (id) hook.updateComputed(id, value);
   };
+  disposeComputedDevtools = (node) => {
+    const identifiable = node;
+    const id = identifiable.__id;
+    if (!id) return;
+    const hook = getDevtoolsHook();
+    hook?.disposeComputed?.(id);
+    delete identifiable.__id;
+  };
   registerEffectDevtools = (node) => {
     const hook = getDevtoolsHook();
     if (!hook) return void 0;
     const id = ++nextDevtoolsId;
+    const options2 = {};
     const ownerId = __fictGetCurrentComponentId();
-    hook.registerEffect(id, ownerId !== void 0 ? { ownerId } : void 0);
+    if (ownerId !== void 0) options2.ownerId = ownerId;
+    if (node.devToolsSource !== void 0) options2.source = node.devToolsSource;
+    hook.registerEffect(id, Object.keys(options2).length > 0 ? options2 : void 0);
     node.__id = id;
     return id;
   };
-  effectRunDevtools = (node) => {
+  effectRunDevtools = (node, duration) => {
+    const hook = getDevtoolsHook();
+    if (!hook) return;
+    const id = node.__id;
+    if (id) hook.effectRun(id, duration);
+  };
+  wrapEffectFnWithDevtoolsTiming = (node, fn) => {
+    return () => {
+      const startedAt = performance.now();
+      try {
+        fn();
+      } finally {
+        effectRunDevtools(node, performance.now() - startedAt);
+      }
+    };
+  };
+  effectCleanupDevtools = (node) => {
     const hook = getDevtoolsHook();
     if (!hook) return;
     const id = node.__id;
-    if (id) hook.effectRun(id);
+    if (id) hook.effectCleanup?.(id);
+  };
+  disposeEffectDevtools = (node) => {
+    const identifiable = node;
+    const id = identifiable.__id;
+    if (!id) return;
+    const hook = getDevtoolsHook();
+    hook?.disposeEffect?.(id);
+    delete identifiable.__id;
   };
   trackDependencyDevtools = (dep, sub) => {
     const hook = getDevtoolsHook();
@@ -1356,6 +1509,25 @@ if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" &&
     const subId = sub.__id;
     if (depId && subId) hook.untrackDependency(subId, depId);
   };
+  batchStartDevtools = () => {
+    const hook = getDevtoolsHook();
+    hook?.batchStart?.();
+  };
+  batchEndDevtools = () => {
+    const hook = getDevtoolsHook();
+    hook?.batchEnd?.();
+  };
+  flushStartDevtools = () => {
+    const hook = getDevtoolsHook();
+    hook?.flushStart?.();
+  };
+  flushEndDevtools = () => {
+    const hook = getDevtoolsHook();
+    hook?.flushEnd?.();
+  };
+  clearDevtoolsSignalSetters = () => {
+    getExistingSignalSetterMap()?.clear();
+  };
 }
 function createSelector(source, equalityFn = (a, b) => a === b) {
   let current = source();
@@ -1385,7 +1557,7 @@ function createSelector(source, equalityFn = (a, b) => a === b) {
 }
 
 // src/effect.ts
-function createEffect(fn) {
+function createEffect(fn, options2) {
   let cleanups = [];
   const rootForError = getCurrentRoot();
   const doCleanup = () => {
@@ -1412,7 +1584,7 @@ function createEffect(fn) {
     });
     cleanups = bucket;
   };
-  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError);
+  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError, options2);
   const teardown = () => {
     runCleanupList(cleanups);
     disposeEffect();
@@ -1420,7 +1592,7 @@ function createEffect(fn) {
   registerRootCleanup(teardown);
   return teardown;
 }
-function createRenderEffect(fn) {
+function createRenderEffect(fn, options2) {
   let cleanup;
   const rootForError = getCurrentRoot();
   const doCleanup = () => {
@@ -1446,7 +1618,7 @@ function createRenderEffect(fn) {
       throw err;
     }
   };
-  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError);
+  const disposeEffect = effectWithCleanup(run, doCleanup, rootForError, options2);
   const teardown = () => {
     if (cleanup) {
       cleanup();
@@ -2555,4 +2727,4 @@ export {
   serializeValue,
   deserializeValue
 };
-//# sourceMappingURL=chunk-DXG3TARY.js.map
+//# sourceMappingURL=chunk-DIK33H5U.js.map