@fictjs/runtime 0.9.0 → 0.11.0

package/dist/{chunk-UBFDB6OL.cjs → chunk-QNMYVXRL.cjs}

@@ -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 (!_optionalChain([hook, 'optionalAccess', _7 => _7.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();
+  _optionalChain([hook, 'optionalAccess', _8 => _8.disposeRoot, 'optionalCall', _9 => _9(id)]);
+  rootDevtoolsIds.delete(root);
+}
+function setRootSuspendDevtools(root, suspended) {
+  if (!isDev2) return;
+  const id = rootDevtoolsIds.get(root);
+  if (id === void 0) return;
+  const hook = getDevtoolsHook();
+  _optionalChain([hook, 'optionalAccess', _10 => _10.rootSuspend, 'optionalCall', _11 => _11(id, suspended)]);
+}
 function createRootContext(parent) {
-  return { parent, cleanups: [], destroyCallbacks: [], suspended: false };
+  const root = {
+    parent,
+    ownerDocument: _optionalChain([parent, 'optionalAccess', _12 => _12.ownerDocument]),
+    cleanups: [],
+    destroyCallbacks: [],
+    suspended: false
+  };
+  registerRootDevtools(root);
+  return root;
 }
 function pushRoot(root) {
   if (!enterRootGuard(root)) {
@@ -262,9 +295,10 @@ function destroyRoot(root) {
   if (globalSuspenseHandlers.has(root)) {
     globalSuspenseHandlers.delete(root);
   }
+  disposeRootDevtools(root);
 }
 function createRoot(fn, options2) {
-  const parent = _optionalChain([options2, 'optionalAccess', _7 => _7.inherit]) ? currentRoot : void 0;
+  const parent = _optionalChain([options2, 'optionalAccess', _13 => _13.inherit]) ? currentRoot : void 0;
   const root = createRootContext(parent);
   const prev = pushRoot(root);
   let value;
@@ -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;
       }
     }
@@ -425,7 +465,7 @@ function createMemo(fn, options2) {
 }
 
 // src/hooks.ts
-var isDev3 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _8 => _8.env, 'optionalAccess', _9 => _9.NODE_ENV]) !== "production";
+var isDev3 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _14 => _14.env, 'optionalAccess', _15 => _15.NODE_ENV]) !== "production";
 var ctxStack = [];
 var preparedContext = null;
 function assertRenderContext(ctx, hookName) {
@@ -456,7 +496,7 @@ function __fictPrepareContext(ctx) {
   preparedContext = ctx;
 }
 function __fictGetCurrentComponentId() {
-  return _optionalChain([ctxStack, 'access', _10 => _10[ctxStack.length - 1], 'optionalAccess', _11 => _11.componentId]);
+  return _optionalChain([ctxStack, 'access', _16 => _16[ctxStack.length - 1], 'optionalAccess', _17 => _17.componentId]);
 }
 function __fictPopContext() {
   const ctx = ctxStack.pop();
@@ -473,7 +513,7 @@ function __fictUseSignal(ctx, initial, optionsOrSlot, slot) {
   if (!ctx.slots[index]) {
     ctx.slots[index] = signal(initial, options2);
   }
-  if (_optionalChain([options2, 'optionalAccess', _12 => _12.name])) {
+  if (_optionalChain([options2, 'optionalAccess', _18 => _18.name])) {
     if (!ctx.slotMap) ctx.slotMap = {};
     ctx.slotMap[options2.name] = index;
   }
@@ -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) {
@@ -516,7 +558,7 @@ function __fictRender(ctx, fn) {
 }
 
 // src/signal.ts
-var isDev4 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _13 => _13.env, 'optionalAccess', _14 => _14.NODE_ENV]) !== "production";
+var isDev4 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _19 => _19.env, 'optionalAccess', _20 => _20.NODE_ENV]) !== "production";
 var Mutable = 1;
 var Watching = 2;
 var Running = 4;
@@ -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 = {
@@ -985,9 +1046,9 @@ function signal(initialValue, options2) {
     flags: Mutable,
     __id: void 0
   };
-  if (_optionalChain([options2, 'optionalAccess', _15 => _15.equals]) !== void 0) s.equals = options2.equals;
-  if (_optionalChain([options2, 'optionalAccess', _16 => _16.name]) !== void 0) s.name = options2.name;
-  if (_optionalChain([options2, 'optionalAccess', _17 => _17.devToolsSource]) !== void 0) s.devToolsSource = options2.devToolsSource;
+  if (_optionalChain([options2, 'optionalAccess', _21 => _21.equals]) !== void 0) s.equals = options2.equals;
+  if (_optionalChain([options2, 'optionalAccess', _22 => _22.name]) !== void 0) s.name = options2.name;
+  if (_optionalChain([options2, 'optionalAccess', _23 => _23.devToolsSource]) !== void 0) s.devToolsSource = options2.devToolsSource;
   if (isDev4) registerSignalDevtools(s);
   const accessor = signalOper.bind(s);
   accessor[SIGNAL_MARKER] = true;
@@ -1044,9 +1105,10 @@ function computed(getter, options2) {
     getter,
     __id: void 0
   };
-  if (_optionalChain([options2, 'optionalAccess', _18 => _18.equals]) !== void 0) c.equals = options2.equals;
-  if (_optionalChain([options2, 'optionalAccess', _19 => _19.name]) !== void 0) c.name = options2.name;
-  if (_optionalChain([options2, 'optionalAccess', _20 => _20.devToolsSource]) !== void 0) c.devToolsSource = options2.devToolsSource;
+  if (_optionalChain([options2, 'optionalAccess', _24 => _24.equals]) !== void 0) c.equals = options2.equals;
+  if (_optionalChain([options2, 'optionalAccess', _25 => _25.name]) !== void 0) c.name = options2.name;
+  if (_optionalChain([options2, 'optionalAccess', _26 => _26.devToolsSource]) !== void 0) c.devToolsSource = options2.devToolsSource;
+  if (_optionalChain([options2, 'optionalAccess', _27 => _27.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,
+    ..._optionalChain([options2, 'optionalAccess', _28 => _28.name]) !== void 0 ? { name: options2.name } : {},
+    ..._optionalChain([options2, 'optionalAccess', _29 => _29.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,
+    ..._optionalChain([options2, 'optionalAccess', _30 => _30.name]) !== void 0 ? { name: options2.name } : {},
+    ..._optionalChain([options2, 'optionalAccess', _31 => _31.devToolsSource]) !== void 0 ? { devToolsSource: options2.devToolsSource } : {},
     __id: void 0
   };
   const resolvedRoot = _nullishCoalesce(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 = () => {
 };
-if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _21 => _21.env, 'optionalAccess', _22 => _22.NODE_ENV]) !== "production") {
+var batchStartDevtools = () => {
+};
+var batchEndDevtools = () => {
+};
+var flushStartDevtools = () => {
+};
+var flushEndDevtools = () => {
+};
+var clearDevtoolsSignalSetters = () => {
+};
+if (typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _32 => _32.env, 'optionalAccess', _33 => _33.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;
+    _optionalChain([getSignalSetterMap, 'call', _34 => _34(), 'optionalAccess', _35 => _35.set, 'call', _36 => _36(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();
+    _optionalChain([hook, 'optionalAccess', _37 => _37.disposeSignal, 'optionalCall', _38 => _38(id)]);
+    _optionalChain([getExistingSignalSetterMap, 'call', _39 => _39(), 'optionalAccess', _40 => _40.delete, 'call', _41 => _41(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,35 +1445,89 @@ 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();
+    _optionalChain([hook, 'optionalAccess', _42 => _42.disposeComputed, 'optionalCall', _43 => _43(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) _optionalChain([hook, 'access', _44 => _44.effectCleanup, 'optionalCall', _45 => _45(id)]);
+  };
+  disposeEffectDevtools = (node) => {
+    const identifiable = node;
+    const id = identifiable.__id;
+    if (!id) return;
+    const hook = getDevtoolsHook();
+    _optionalChain([hook, 'optionalAccess', _46 => _46.disposeEffect, 'optionalCall', _47 => _47(id)]);
+    delete identifiable.__id;
   };
   trackDependencyDevtools = (dep, sub) => {
     const hook = getDevtoolsHook();
-    if (!_optionalChain([hook, 'optionalAccess', _23 => _23.trackDependency])) return;
+    if (!_optionalChain([hook, 'optionalAccess', _48 => _48.trackDependency])) return;
     const depId = dep.__id;
     const subId = sub.__id;
     if (depId && subId) hook.trackDependency(subId, depId);
   };
   untrackDependencyDevtools = (dep, sub) => {
     const hook = getDevtoolsHook();
-    if (!_optionalChain([hook, 'optionalAccess', _24 => _24.untrackDependency])) return;
+    if (!_optionalChain([hook, 'optionalAccess', _49 => _49.untrackDependency])) return;
     const depId = dep.__id;
     const subId = sub.__id;
     if (depId && subId) hook.untrackDependency(subId, depId);
   };
+  batchStartDevtools = () => {
+    const hook = getDevtoolsHook();
+    _optionalChain([hook, 'optionalAccess', _50 => _50.batchStart, 'optionalCall', _51 => _51()]);
+  };
+  batchEndDevtools = () => {
+    const hook = getDevtoolsHook();
+    _optionalChain([hook, 'optionalAccess', _52 => _52.batchEnd, 'optionalCall', _53 => _53()]);
+  };
+  flushStartDevtools = () => {
+    const hook = getDevtoolsHook();
+    _optionalChain([hook, 'optionalAccess', _54 => _54.flushStart, 'optionalCall', _55 => _55()]);
+  };
+  flushEndDevtools = () => {
+    const hook = getDevtoolsHook();
+    _optionalChain([hook, 'optionalAccess', _56 => _56.flushEnd, 'optionalCall', _57 => _57()]);
+  };
+  clearDevtoolsSignalSetters = () => {
+    _optionalChain([getExistingSignalSetterMap, 'call', _58 => _58(), 'optionalAccess', _59 => _59.clear, 'call', _60 => _60()]);
+  };
 }
 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();
@@ -1485,7 +1657,7 @@ var DelegatedEventNames = [
 ];
 
 // src/constants.ts
-var isDev5 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _25 => _25.env, 'optionalAccess', _26 => _26.NODE_ENV]) !== "production";
+var isDev5 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _61 => _61.env, 'optionalAccess', _62 => _62.NODE_ENV]) !== "production";
 var booleans = isDev5 ? [
   "allowfullscreen",
   "async",
@@ -2220,18 +2392,18 @@ function __fictMergeSSRState(state) {
   Object.assign(snapshotState.scopes, state.scopes);
 }
 function __fictGetSSRScope(id) {
-  return _optionalChain([snapshotState, 'optionalAccess', _27 => _27.scopes, 'access', _28 => _28[id]]);
+  return _optionalChain([snapshotState, 'optionalAccess', _63 => _63.scopes, 'access', _64 => _64[id]]);
 }
 function __fictEnsureScope(scopeId, host, snapshot) {
   const existing = resumedScopes.get(scopeId);
   if (existing) return existing.ctx;
   const ctx = createContextFromSnapshot(snapshot);
   ctx.scopeId = scopeId;
-  if (_optionalChain([snapshot, 'optionalAccess', _29 => _29.t]) !== void 0) {
+  if (_optionalChain([snapshot, 'optionalAccess', _65 => _65.t]) !== void 0) {
     ctx.scopeType = snapshot.t;
   }
   const entry = { ctx, host };
-  if (_optionalChain([snapshot, 'optionalAccess', _30 => _30.props]) !== void 0) {
+  if (_optionalChain([snapshot, 'optionalAccess', _66 => _66.props]) !== void 0) {
     entry.props = snapshot.props;
   }
   resumedScopes.set(scopeId, entry);
@@ -2247,11 +2419,11 @@ function __fictUseLexicalScope(scopeId, names) {
   return names.map((name) => ctx.slots[_nullishCoalesce(map[name], () => ( -1))]);
 }
 function __fictGetScopeProps(scopeId) {
-  return _optionalChain([resumedScopes, 'access', _31 => _31.get, 'call', _32 => _32(scopeId), 'optionalAccess', _33 => _33.props]);
+  return _optionalChain([resumedScopes, 'access', _67 => _67.get, 'call', _68 => _68(scopeId), 'optionalAccess', _69 => _69.props]);
 }
 function __fictQrl(moduleId, exportName) {
   const manifest = globalThis.__FICT_MANIFEST__;
-  if (_optionalChain([manifest, 'optionalAccess', _34 => _34[moduleId]])) {
+  if (_optionalChain([manifest, 'optionalAccess', _70 => _70[moduleId]])) {
     return `${manifest[moduleId]}#${exportName}`;
   }
   if (moduleId.startsWith("file://")) {
@@ -2555,4 +2727,4 @@ function deserializeValue(value, refs = /* @__PURE__ */ new Map(), path = "$") {
 
 
 exports.getDevtoolsHook = getDevtoolsHook; exports.setCycleProtectionOptions = setCycleProtectionOptions; exports.createRootContext = createRootContext; exports.pushRoot = pushRoot; exports.getCurrentRoot = getCurrentRoot; exports.popRoot = popRoot; exports.onMount = onMount; exports.onDestroy = onDestroy; exports.onCleanup = onCleanup; exports.flushOnMount = flushOnMount; exports.registerRootCleanup = registerRootCleanup; exports.destroyRoot = destroyRoot; exports.createRoot = createRoot; exports.registerErrorHandler = registerErrorHandler; exports.registerSuspenseHandler = registerSuspenseHandler; exports.handleError = handleError; exports.handleSuspend = handleSuspend; exports.createEffect = createEffect; exports.createRenderEffect = createRenderEffect; exports.__fictUseContext = __fictUseContext; exports.__fictPushContext = __fictPushContext; exports.__fictPrepareContext = __fictPrepareContext; exports.__fictGetCurrentComponentId = __fictGetCurrentComponentId; exports.__fictPopContext = __fictPopContext; exports.__fictResetContext = __fictResetContext; exports.__fictUseSignal = __fictUseSignal; exports.__fictUseMemo = __fictUseMemo; exports.__fictUseEffect = __fictUseEffect; exports.__fictRender = __fictRender; exports.scheduleFlush = scheduleFlush; exports.flush = flush; exports.signal = signal; exports.computed = computed; exports.effectScope = effectScope; exports.batch = batch; exports.setActiveSub = setActiveSub; exports.__resetReactiveState = __resetReactiveState; exports.untrack = untrack; exports.isSignal = isSignal; exports.isComputed = isComputed; exports.isEffect = isEffect; exports.isEffectScope = isEffectScope; exports.setTransitionContext = setTransitionContext; exports.createSelector = createSelector; exports.createMemo = createMemo; exports.BooleanAttributes = BooleanAttributes; exports.Properties = Properties; exports.ChildProperties = ChildProperties; exports.Aliases = Aliases; exports.getPropAlias = getPropAlias; exports.$$EVENTS = $$EVENTS; exports.DelegatedEvents = DelegatedEvents; exports.SVGElements = SVGElements; exports.SVGNamespace = SVGNamespace; exports.UnitlessStyles = UnitlessStyles; exports.__fictSetSSRStreamHooks = __fictSetSSRStreamHooks; exports.__fictGetSSRStreamHooks = __fictGetSSRStreamHooks; exports.__fictPushSSRBoundary = __fictPushSSRBoundary; exports.__fictPopSSRBoundary = __fictPopSSRBoundary; exports.createStore = createStore; exports.isStoreProxy = isStoreProxy; exports.unwrapStore = unwrapStore; exports.FICT_SSR_SNAPSHOT_SCHEMA_VERSION = FICT_SSR_SNAPSHOT_SCHEMA_VERSION; exports.__fictEnableSSR = __fictEnableSSR; exports.__fictDisableSSR = __fictDisableSSR; exports.__fictEnableResumable = __fictEnableResumable; exports.__fictDisableResumable = __fictDisableResumable; exports.__fictIsResumable = __fictIsResumable; exports.__fictIsSSR = __fictIsSSR; exports.__fictEnterHydration = __fictEnterHydration; exports.__fictExitHydration = __fictExitHydration; exports.__fictIsHydrating = __fictIsHydrating; exports.__fictRegisterScope = __fictRegisterScope; exports.__fictGetScopeRegistry = __fictGetScopeRegistry; exports.__fictGetScopesForBoundary = __fictGetScopesForBoundary; exports.__fictSerializeSSRState = __fictSerializeSSRState; exports.__fictSerializeSSRStateForScopes = __fictSerializeSSRStateForScopes; exports.__fictSetSSRState = __fictSetSSRState; exports.__fictMergeSSRState = __fictMergeSSRState; exports.__fictGetSSRScope = __fictGetSSRScope; exports.__fictEnsureScope = __fictEnsureScope; exports.__fictUseLexicalScope = __fictUseLexicalScope; exports.__fictGetScopeProps = __fictGetScopeProps; exports.__fictQrl = __fictQrl; exports.__fictRegisterResume = __fictRegisterResume; exports.__fictGetResume = __fictGetResume; exports.serializeValue = serializeValue; exports.deserializeValue = deserializeValue;
-//# sourceMappingURL=chunk-UBFDB6OL.cjs.map
+//# sourceMappingURL=chunk-QNMYVXRL.cjs.map