@fictjs/runtime 0.2.1 → 0.2.3

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   createContext,
   hasContext,
   useContext
-} from "./chunk-VVNMIER7.js";
+} from "./chunk-3WD7QD5G.js";
 import {
   Fragment,
   batch2 as batch,
@@ -34,7 +34,7 @@ import {
   untrack2 as untrack,
   useDeferredValue,
   useTransition
-} from "./chunk-FOLRR3NZ.js";
+} from "./chunk-YVDWXY44.js";
 
 // src/ref.ts
 function createRef() {

package/dist/internal.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk7EAEROZ5cjs = require('./chunk-7EAEROZ5.cjs');
+var _chunk5YTFFAVUcjs = require('./chunk-5YTFFAVU.cjs');
 
 
 
@@ -66,7 +66,7 @@ var _chunk7EAEROZ5cjs = require('./chunk-7EAEROZ5.cjs');
 
 
 
-var _chunkMWI3USXBcjs = require('./chunk-MWI3USXB.cjs');
+var _chunk2U6M3LKScjs = require('./chunk-2U6M3LKS.cjs');
 
 // src/store.ts
 var PROXY = Symbol("fict:store-proxy");
@@ -76,7 +76,7 @@ function createStore(initialValue) {
   const unwrapped = unwrap2(initialValue);
   const wrapped = wrap(unwrapped);
   function setStore(fn) {
-    _chunkMWI3USXBcjs.batch.call(void 0, () => {
+    _chunk2U6M3LKScjs.batch.call(void 0, () => {
       const result = fn(wrapped);
       if (result !== void 0) {
         reconcile(wrapped, result);
@@ -176,7 +176,7 @@ function track(target, prop2) {
   let s = signals.get(prop2);
   if (!s) {
     const initial = prop2 === ITERATE_KEY ? Reflect.ownKeys(target).length : getLastValue(target, prop2);
-    s = _chunkMWI3USXBcjs.signal.call(void 0, initial);
+    s = _chunk2U6M3LKScjs.signal.call(void 0, initial);
     signals.set(prop2, s);
   }
   s();
@@ -351,7 +351,7 @@ var MAX_SAFE_VERSION = 9007199254740991;
 function createVersionedSignalAccessor(initialValue) {
   let current = initialValue;
   let version = 0;
-  const track2 = _chunkMWI3USXBcjs.signal.call(void 0, version);
+  const track2 = _chunk2U6M3LKScjs.signal.call(void 0, version);
   function accessor(value) {
     if (arguments.length === 0) {
       track2();
@@ -368,7 +368,7 @@ function createKeyedListContainer() {
   const endMarker = document.createComment("fict:list:end");
   const dispose = () => {
     for (const block of container.blocks.values()) {
-      _chunkMWI3USXBcjs.destroyRoot.call(void 0, block.root);
+      _chunk2U6M3LKScjs.destroyRoot.call(void 0, block.root);
     }
     container.blocks.clear();
     container.nextBlocks.clear();
@@ -407,32 +407,32 @@ function createKeyedListContainer() {
 }
 function createKeyedBlock(key, item, index, render, needsIndex = true, hostRoot) {
   const itemSig = createVersionedSignalAccessor(item);
-  const indexSig = needsIndex ? _chunkMWI3USXBcjs.signal.call(void 0, index) : ((next) => {
+  const indexSig = needsIndex ? _chunk2U6M3LKScjs.signal.call(void 0, index) : ((next) => {
     if (arguments.length === 0) return index;
     index = next;
     return index;
   });
-  const root = _chunkMWI3USXBcjs.createRootContext.call(void 0, hostRoot);
-  const prevRoot = _chunkMWI3USXBcjs.pushRoot.call(void 0, root);
+  const root = _chunk2U6M3LKScjs.createRootContext.call(void 0, hostRoot);
+  const prevRoot = _chunk2U6M3LKScjs.pushRoot.call(void 0, root);
   let nodes = [];
   let scopeDispose;
-  const prevSub = _chunkMWI3USXBcjs.setActiveSub.call(void 0, void 0);
+  const prevSub = _chunk2U6M3LKScjs.setActiveSub.call(void 0, void 0);
   try {
-    scopeDispose = _chunkMWI3USXBcjs.effectScope.call(void 0, () => {
+    scopeDispose = _chunk2U6M3LKScjs.effectScope.call(void 0, () => {
       const rendered = render(itemSig, indexSig, key);
       if (rendered instanceof Node || Array.isArray(rendered) && rendered.every((n) => n instanceof Node)) {
-        nodes = _chunkMWI3USXBcjs.toNodeArray.call(void 0, rendered);
+        nodes = _chunk2U6M3LKScjs.toNodeArray.call(void 0, rendered);
       } else {
-        const element = _chunkMWI3USXBcjs.createElement.call(void 0, rendered);
-        nodes = _chunkMWI3USXBcjs.toNodeArray.call(void 0, element);
+        const element = _chunk2U6M3LKScjs.createElement.call(void 0, rendered);
+        nodes = _chunk2U6M3LKScjs.toNodeArray.call(void 0, element);
       }
     });
     if (scopeDispose) {
       root.cleanups.push(scopeDispose);
     }
   } finally {
-    _chunkMWI3USXBcjs.setActiveSub.call(void 0, prevSub);
-    _chunkMWI3USXBcjs.popRoot.call(void 0, prevRoot);
+    _chunk2U6M3LKScjs.setActiveSub.call(void 0, prevSub);
+    _chunk2U6M3LKScjs.popRoot.call(void 0, prevRoot);
   }
   return {
     key,
@@ -538,7 +538,7 @@ function createKeyedList(getItems, keyFn, renderItem, needsIndex) {
 }
 function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
   const container = createKeyedListContainer();
-  const hostRoot = _chunkMWI3USXBcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunk2U6M3LKScjs.getCurrentRoot.call(void 0, );
   const fragment = document.createDocumentFragment();
   fragment.append(container.startMarker, container.endMarker);
   let disposed = false;
@@ -560,7 +560,7 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
     if (disposed) return;
     const parent = getConnectedParent();
     if (!parent) return;
-    _chunkMWI3USXBcjs.batch2.call(void 0, () => {
+    _chunk2U6M3LKScjs.batch2.call(void 0, () => {
       const oldBlocks = container.blocks;
       const newBlocks = container.nextBlocks;
       const prevOrderedBlocks = container.orderedBlocks;
@@ -570,7 +570,7 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
       if (newItems.length === 0) {
         if (oldBlocks.size > 0) {
           for (const block of oldBlocks.values()) {
-            _chunkMWI3USXBcjs.destroyRoot.call(void 0, block.root);
+            _chunk2U6M3LKScjs.destroyRoot.call(void 0, block.root);
           }
           const range = document.createRange();
           range.setStartAfter(container.startMarker);
@@ -651,8 +651,8 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
                 `[fict] Duplicate key "${String(key)}" detected in list rendering. Each item should have a unique key. The previous item with this key will be replaced.`
               );
             }
-            _chunkMWI3USXBcjs.destroyRoot.call(void 0, existingBlock.root);
-            _chunkMWI3USXBcjs.removeNodes.call(void 0, existingBlock.nodes);
+            _chunk2U6M3LKScjs.destroyRoot.call(void 0, existingBlock.root);
+            _chunk2U6M3LKScjs.removeNodes.call(void 0, existingBlock.nodes);
           }
           block = createKeyedBlock(key, item, index, renderItem, needsIndex, hostRoot);
           createdBlocks.push(block);
@@ -665,8 +665,8 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
           hasDuplicateKey = true;
           const prior = nextOrderedBlocks[position];
           if (prior && prior !== resolvedBlock) {
-            _chunkMWI3USXBcjs.destroyRoot.call(void 0, prior.root);
-            _chunkMWI3USXBcjs.removeNodes.call(void 0, prior.nodes);
+            _chunk2U6M3LKScjs.destroyRoot.call(void 0, prior.root);
+            _chunk2U6M3LKScjs.removeNodes.call(void 0, prior.nodes);
           }
           nextOrderedBlocks[position] = resolvedBlock;
         } else {
@@ -704,7 +704,7 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
           }
         }
         if (appendedNodes.length > 0) {
-          _chunkMWI3USXBcjs.insertNodesBefore.call(void 0, parent, appendedNodes, container.endMarker);
+          _chunk2U6M3LKScjs.insertNodesBefore.call(void 0, parent, appendedNodes, container.endMarker);
           const currentNodes = container.currentNodes;
           currentNodes.pop();
           for (let i = 0; i < appendedNodes.length; i++) {
@@ -718,15 +718,15 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
         container.nextOrderedBlocks = prevOrderedBlocks;
         for (const block of createdBlocks) {
           if (newBlocks.get(block.key) === block) {
-            _chunkMWI3USXBcjs.flushOnMount.call(void 0, block.root);
+            _chunk2U6M3LKScjs.flushOnMount.call(void 0, block.root);
           }
         }
         return;
       }
       if (oldBlocks.size > 0) {
         for (const block of oldBlocks.values()) {
-          _chunkMWI3USXBcjs.destroyRoot.call(void 0, block.root);
-          _chunkMWI3USXBcjs.removeNodes.call(void 0, block.nodes);
+          _chunk2U6M3LKScjs.destroyRoot.call(void 0, block.root);
+          _chunk2U6M3LKScjs.removeNodes.call(void 0, block.nodes);
         }
         oldBlocks.clear();
       }
@@ -785,7 +785,7 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
       container.nextOrderedBlocks = prevOrderedBlocks;
       for (const block of createdBlocks) {
         if (newBlocks.get(block.key) === block) {
-          _chunkMWI3USXBcjs.flushOnMount.call(void 0, block.root);
+          _chunk2U6M3LKScjs.flushOnMount.call(void 0, block.root);
         }
       }
     });
@@ -799,15 +799,15 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
     const parent = getConnectedParent();
     if (!parent) return false;
     const start = () => {
-      effectDispose = _chunkMWI3USXBcjs.createRenderEffect.call(void 0, performDiff);
+      effectDispose = _chunk2U6M3LKScjs.createRenderEffect.call(void 0, performDiff);
       effectStarted = true;
     };
     if (hostRoot) {
-      const prev = _chunkMWI3USXBcjs.pushRoot.call(void 0, hostRoot);
+      const prev = _chunk2U6M3LKScjs.pushRoot.call(void 0, hostRoot);
       try {
         start();
       } finally {
-        _chunkMWI3USXBcjs.popRoot.call(void 0, prev);
+        _chunk2U6M3LKScjs.popRoot.call(void 0, prev);
       }
     } else {
       start();
@@ -821,7 +821,7 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
       if (getConnectedParent()) {
         disconnectObserver();
         if (ensureEffectStarted()) {
-          _chunkMWI3USXBcjs.flush.call(void 0, );
+          _chunk2U6M3LKScjs.flush.call(void 0, );
         }
       }
     });
@@ -855,7 +855,7 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
       if (disposed) return;
       scheduleStart();
       if (ensureEffectStarted()) {
-        _chunkMWI3USXBcjs.flush.call(void 0, );
+        _chunk2U6M3LKScjs.flush.call(void 0, );
       } else {
         waitForConnection();
       }
@@ -928,5 +928,5 @@ function createFineGrainedKeyedList(getItems, keyFn, renderItem, needsIndex) {
 
 
 
-exports.Aliases = _chunkMWI3USXBcjs.Aliases; exports.BooleanAttributes = _chunkMWI3USXBcjs.BooleanAttributes; exports.ChildProperties = _chunkMWI3USXBcjs.ChildProperties; exports.DelegatedEvents = _chunkMWI3USXBcjs.DelegatedEvents; exports.Fragment = _chunkMWI3USXBcjs.Fragment; exports.Properties = _chunkMWI3USXBcjs.Properties; exports.SVGElements = _chunkMWI3USXBcjs.SVGElements; exports.SVGNamespace = _chunkMWI3USXBcjs.SVGNamespace; exports.UnitlessStyles = _chunkMWI3USXBcjs.UnitlessStyles; exports.__fictPopContext = _chunkMWI3USXBcjs.__fictPopContext; exports.__fictProp = _chunkMWI3USXBcjs.__fictProp; exports.__fictPropsRest = _chunkMWI3USXBcjs.__fictPropsRest; exports.__fictPushContext = _chunkMWI3USXBcjs.__fictPushContext; exports.__fictRender = _chunkMWI3USXBcjs.__fictRender; exports.__fictResetContext = _chunkMWI3USXBcjs.__fictResetContext; exports.__fictUseContext = _chunkMWI3USXBcjs.__fictUseContext; exports.__fictUseEffect = _chunkMWI3USXBcjs.__fictUseEffect; exports.__fictUseMemo = _chunkMWI3USXBcjs.__fictUseMemo; exports.__fictUseSignal = _chunkMWI3USXBcjs.__fictUseSignal; exports.addEventListener = _chunkMWI3USXBcjs.addEventListener; exports.assign = _chunkMWI3USXBcjs.assign; exports.bindAttribute = _chunkMWI3USXBcjs.bindAttribute; exports.bindClass = _chunkMWI3USXBcjs.bindClass; exports.bindEvent = _chunkMWI3USXBcjs.bindEvent; exports.bindProperty = _chunkMWI3USXBcjs.bindProperty; exports.bindRef = _chunkMWI3USXBcjs.bindRef; exports.bindStyle = _chunkMWI3USXBcjs.bindStyle; exports.bindText = _chunkMWI3USXBcjs.bindText; exports.callEventHandler = _chunkMWI3USXBcjs.callEventHandler; exports.classList = _chunkMWI3USXBcjs.classList; exports.clearDelegatedEvents = _chunkMWI3USXBcjs.clearDelegatedEvents; exports.createConditional = _chunkMWI3USXBcjs.createConditional; exports.createEffect = _chunkMWI3USXBcjs.createEffect; exports.createElement = _chunkMWI3USXBcjs.createElement; exports.createKeyedList = createKeyedList; exports.createMemo = _chunkMWI3USXBcjs.createMemo; exports.createPortal = _chunkMWI3USXBcjs.createPortal; exports.createPropsProxy = _chunkMWI3USXBcjs.createPropsProxy; exports.createRenderEffect = _chunkMWI3USXBcjs.createRenderEffect; exports.createSelector = _chunkMWI3USXBcjs.createSelector; exports.createSignal = _chunkMWI3USXBcjs.signal; exports.createStore = createStore; exports.delegateEvents = _chunkMWI3USXBcjs.delegateEvents; exports.getPropAlias = _chunkMWI3USXBcjs.getPropAlias; exports.insert = _chunkMWI3USXBcjs.insert; exports.insertNodesBefore = _chunkMWI3USXBcjs.insertNodesBefore; exports.isNodeBetweenMarkers = isNodeBetweenMarkers; exports.isReactive = _chunkMWI3USXBcjs.isReactive; exports.mergeProps = _chunkMWI3USXBcjs.mergeProps; exports.moveNodesBefore = moveNodesBefore; exports.onDestroy = _chunkMWI3USXBcjs.onDestroy; exports.prop = _chunkMWI3USXBcjs.prop; exports.reconcileArrays = reconcileArrays; exports.removeNodes = _chunkMWI3USXBcjs.removeNodes; exports.runInScope = _chunk7EAEROZ5cjs.runInScope; exports.spread = _chunkMWI3USXBcjs.spread; exports.template = _chunkMWI3USXBcjs.template; exports.toNodeArray = _chunkMWI3USXBcjs.toNodeArray; exports.unwrap = _chunkMWI3USXBcjs.unwrap;
+exports.Aliases = _chunk2U6M3LKScjs.Aliases; exports.BooleanAttributes = _chunk2U6M3LKScjs.BooleanAttributes; exports.ChildProperties = _chunk2U6M3LKScjs.ChildProperties; exports.DelegatedEvents = _chunk2U6M3LKScjs.DelegatedEvents; exports.Fragment = _chunk2U6M3LKScjs.Fragment; exports.Properties = _chunk2U6M3LKScjs.Properties; exports.SVGElements = _chunk2U6M3LKScjs.SVGElements; exports.SVGNamespace = _chunk2U6M3LKScjs.SVGNamespace; exports.UnitlessStyles = _chunk2U6M3LKScjs.UnitlessStyles; exports.__fictPopContext = _chunk2U6M3LKScjs.__fictPopContext; exports.__fictProp = _chunk2U6M3LKScjs.__fictProp; exports.__fictPropsRest = _chunk2U6M3LKScjs.__fictPropsRest; exports.__fictPushContext = _chunk2U6M3LKScjs.__fictPushContext; exports.__fictRender = _chunk2U6M3LKScjs.__fictRender; exports.__fictResetContext = _chunk2U6M3LKScjs.__fictResetContext; exports.__fictUseContext = _chunk2U6M3LKScjs.__fictUseContext; exports.__fictUseEffect = _chunk2U6M3LKScjs.__fictUseEffect; exports.__fictUseMemo = _chunk2U6M3LKScjs.__fictUseMemo; exports.__fictUseSignal = _chunk2U6M3LKScjs.__fictUseSignal; exports.addEventListener = _chunk2U6M3LKScjs.addEventListener; exports.assign = _chunk2U6M3LKScjs.assign; exports.bindAttribute = _chunk2U6M3LKScjs.bindAttribute; exports.bindClass = _chunk2U6M3LKScjs.bindClass; exports.bindEvent = _chunk2U6M3LKScjs.bindEvent; exports.bindProperty = _chunk2U6M3LKScjs.bindProperty; exports.bindRef = _chunk2U6M3LKScjs.bindRef; exports.bindStyle = _chunk2U6M3LKScjs.bindStyle; exports.bindText = _chunk2U6M3LKScjs.bindText; exports.callEventHandler = _chunk2U6M3LKScjs.callEventHandler; exports.classList = _chunk2U6M3LKScjs.classList; exports.clearDelegatedEvents = _chunk2U6M3LKScjs.clearDelegatedEvents; exports.createConditional = _chunk2U6M3LKScjs.createConditional; exports.createEffect = _chunk2U6M3LKScjs.createEffect; exports.createElement = _chunk2U6M3LKScjs.createElement; exports.createKeyedList = createKeyedList; exports.createMemo = _chunk2U6M3LKScjs.createMemo; exports.createPortal = _chunk2U6M3LKScjs.createPortal; exports.createPropsProxy = _chunk2U6M3LKScjs.createPropsProxy; exports.createRenderEffect = _chunk2U6M3LKScjs.createRenderEffect; exports.createSelector = _chunk2U6M3LKScjs.createSelector; exports.createSignal = _chunk2U6M3LKScjs.signal; exports.createStore = createStore; exports.delegateEvents = _chunk2U6M3LKScjs.delegateEvents; exports.getPropAlias = _chunk2U6M3LKScjs.getPropAlias; exports.insert = _chunk2U6M3LKScjs.insert; exports.insertNodesBefore = _chunk2U6M3LKScjs.insertNodesBefore; exports.isNodeBetweenMarkers = isNodeBetweenMarkers; exports.isReactive = _chunk2U6M3LKScjs.isReactive; exports.mergeProps = _chunk2U6M3LKScjs.mergeProps; exports.moveNodesBefore = moveNodesBefore; exports.onDestroy = _chunk2U6M3LKScjs.onDestroy; exports.prop = _chunk2U6M3LKScjs.prop; exports.reconcileArrays = reconcileArrays; exports.removeNodes = _chunk2U6M3LKScjs.removeNodes; exports.runInScope = _chunk5YTFFAVUcjs.runInScope; exports.spread = _chunk2U6M3LKScjs.spread; exports.template = _chunk2U6M3LKScjs.template; exports.toNodeArray = _chunk2U6M3LKScjs.toNodeArray; exports.unwrap = _chunk2U6M3LKScjs.unwrap;
 //# sourceMappingURL=internal.cjs.map

package/dist/internal.js

@@ -1,6 +1,6 @@
 import {
   runInScope
-} from "./chunk-7TPCESQS.js";
+} from "./chunk-UHXUEGQH.js";
 import {
   Aliases,
   BooleanAttributes,
@@ -66,7 +66,7 @@ import {
   template,
   toNodeArray,
   unwrap
-} from "./chunk-FOLRR3NZ.js";
+} from "./chunk-YVDWXY44.js";
 
 // src/store.ts
 var PROXY = Symbol("fict:store-proxy");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fictjs/runtime",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Fict reactive runtime",
   "publishConfig": {
     "access": "public",

package/src/cycle-guard.ts

@@ -6,6 +6,8 @@ const isDev =
     : typeof process === 'undefined' || process.env?.NODE_ENV !== 'production'
 
 export interface CycleProtectionOptions {
+  /** Enable cycle protection guards (defaults to dev-only) */
+  enabled?: boolean
   maxFlushCyclesPerMicrotask?: number
   maxEffectRunsPerFlush?: number
   windowSize?: number
@@ -28,128 +30,135 @@ let endFlushGuard: () => void = () => {}
 let enterRootGuard: (root: object) => boolean = () => true
 let exitRootGuard: (root: object) => void = () => {}
 
-if (isDev) {
-  const defaultOptions = {
-    maxFlushCyclesPerMicrotask: 10_000,
-    maxEffectRunsPerFlush: 20_000,
-    windowSize: 5,
-    highUsageRatio: 0.8,
-    maxRootReentrantDepth: 10,
-    enableWindowWarning: true,
-    devMode: false,
-  }
-
-  let options: Required<CycleProtectionOptions> = {
-    ...defaultOptions,
-  } as Required<CycleProtectionOptions>
-
-  let effectRunsThisFlush = 0
-  let windowUsage: CycleWindowEntry[] = []
-  let rootDepth = new WeakMap<object, number>()
-  let flushWarned = false
-  let rootWarned = false
-  let windowWarned = false
+const defaultOptions = {
+  enabled: isDev,
+  maxFlushCyclesPerMicrotask: 10_000,
+  maxEffectRunsPerFlush: 20_000,
+  windowSize: 5,
+  highUsageRatio: 0.8,
+  maxRootReentrantDepth: 10,
+  enableWindowWarning: true,
+  devMode: false,
+}
 
-  setCycleProtectionOptions = opts => {
-    options = { ...options, ...opts }
+let enabled = defaultOptions.enabled
+let options: Required<CycleProtectionOptions> = {
+  ...defaultOptions,
+} as Required<CycleProtectionOptions>
+
+let effectRunsThisFlush = 0
+let windowUsage: CycleWindowEntry[] = []
+let rootDepth = new WeakMap<object, number>()
+let flushWarned = false
+let rootWarned = false
+let windowWarned = false
+
+setCycleProtectionOptions = opts => {
+  if (typeof opts.enabled === 'boolean') {
+    enabled = opts.enabled
   }
+  options = { ...options, ...opts }
+}
 
-  resetCycleProtectionStateForTests = () => {
-    options = { ...defaultOptions } as Required<CycleProtectionOptions>
-    effectRunsThisFlush = 0
-    windowUsage = []
-    rootDepth = new WeakMap<object, number>()
-    flushWarned = false
-    rootWarned = false
-    windowWarned = false
-  }
+resetCycleProtectionStateForTests = () => {
+  options = { ...defaultOptions } as Required<CycleProtectionOptions>
+  enabled = defaultOptions.enabled
+  effectRunsThisFlush = 0
+  windowUsage = []
+  rootDepth = new WeakMap<object, number>()
+  flushWarned = false
+  rootWarned = false
+  windowWarned = false
+}
 
-  beginFlushGuard = () => {
-    effectRunsThisFlush = 0
-    flushWarned = false
-    windowWarned = false
-  }
+beginFlushGuard = () => {
+  if (!enabled) return
+  effectRunsThisFlush = 0
+  flushWarned = false
+  windowWarned = false
+}
 
-  beforeEffectRunGuard = () => {
-    const next = ++effectRunsThisFlush
-    if (next > options.maxFlushCyclesPerMicrotask || next > options.maxEffectRunsPerFlush) {
-      const message = `[fict] cycle protection triggered: flush-budget-exceeded`
-      if (options.devMode) {
-        throw new Error(message)
-      }
-      if (!flushWarned) {
-        flushWarned = true
-        console.warn(message, { effectRuns: next })
-      }
-      return false
+beforeEffectRunGuard = () => {
+  if (!enabled) return true
+  const next = ++effectRunsThisFlush
+  if (next > options.maxFlushCyclesPerMicrotask || next > options.maxEffectRunsPerFlush) {
+    const message = `[fict] cycle protection triggered: flush-budget-exceeded`
+    if (options.devMode) {
+      throw new Error(message)
     }
-    return true
+    if (!flushWarned) {
+      flushWarned = true
+      console.warn(message, { effectRuns: next })
+    }
+    return false
   }
+  return true
+}
 
-  endFlushGuard = () => {
-    recordWindowUsage(effectRunsThisFlush, options.maxFlushCyclesPerMicrotask)
-    effectRunsThisFlush = 0
-  }
+endFlushGuard = () => {
+  if (!enabled) return
+  recordWindowUsage(effectRunsThisFlush, options.maxFlushCyclesPerMicrotask)
+  effectRunsThisFlush = 0
+}
 
-  enterRootGuard = root => {
-    const depth = (rootDepth.get(root) ?? 0) + 1
-    if (depth > options.maxRootReentrantDepth) {
-      const message = `[fict] cycle protection triggered: root-reentry`
-      if (options.devMode) {
-        throw new Error(message)
-      }
-      if (!rootWarned) {
-        rootWarned = true
-        console.warn(message, { depth })
-      }
-      return false
+enterRootGuard = root => {
+  if (!enabled) return true
+  const depth = (rootDepth.get(root) ?? 0) + 1
+  if (depth > options.maxRootReentrantDepth) {
+    const message = `[fict] cycle protection triggered: root-reentry`
+    if (options.devMode) {
+      throw new Error(message)
     }
-    rootDepth.set(root, depth)
-    return true
-  }
-
-  exitRootGuard = root => {
-    const depth = rootDepth.get(root)
-    if (depth === undefined) return
-    if (depth <= 1) {
-      rootDepth.delete(root)
-    } else {
-      rootDepth.set(root, depth - 1)
+    if (!rootWarned) {
+      rootWarned = true
+      console.warn(message, { depth })
     }
+    return false
   }
+  rootDepth.set(root, depth)
+  return true
+}
 
-  const recordWindowUsage = (used: number, budget: number): void => {
-    if (!options.enableWindowWarning) return
-    const entry = { used, budget }
-    windowUsage.push(entry)
-    if (windowUsage.length > options.windowSize) {
-      windowUsage.shift()
-    }
-    if (windowWarned) return
-    if (
-      windowUsage.length >= options.windowSize &&
-      windowUsage.every(
-        item => item.budget > 0 && item.used / item.budget >= options.highUsageRatio,
-      )
-    ) {
-      windowWarned = true
-      reportCycle('high-usage-window', {
-        windowSize: options.windowSize,
-        ratio: options.highUsageRatio,
-      })
-    }
+exitRootGuard = root => {
+  if (!enabled) return
+  const depth = rootDepth.get(root)
+  if (depth === undefined) return
+  if (depth <= 1) {
+    rootDepth.delete(root)
+  } else {
+    rootDepth.set(root, depth - 1)
   }
+}
 
-  const reportCycle = (
-    reason: string,
-    detail: Record<string, unknown> | undefined = undefined,
-  ): void => {
-    const hook = getDevtoolsHook()
-    hook?.cycleDetected?.(detail ? { reason, detail } : { reason })
-    console.warn(`[fict] cycle protection triggered: ${reason}`, detail ?? '')
+const recordWindowUsage = (used: number, budget: number): void => {
+  if (!options.enableWindowWarning) return
+  const entry = { used, budget }
+  windowUsage.push(entry)
+  if (windowUsage.length > options.windowSize) {
+    windowUsage.shift()
+  }
+  if (windowWarned) return
+  if (
+    windowUsage.length >= options.windowSize &&
+    windowUsage.every(item => item.budget > 0 && item.used / item.budget >= options.highUsageRatio)
+  ) {
+    windowWarned = true
+    reportCycle('high-usage-window', {
+      windowSize: options.windowSize,
+      ratio: options.highUsageRatio,
+    })
   }
 }
 
+const reportCycle = (
+  reason: string,
+  detail: Record<string, unknown> | undefined = undefined,
+): void => {
+  const hook = getDevtoolsHook()
+  hook?.cycleDetected?.(detail ? { reason, detail } : { reason })
+  console.warn(`[fict] cycle protection triggered: ${reason}`, detail ?? '')
+}
+
 export {
   setCycleProtectionOptions,
   resetCycleProtectionStateForTests,

package/src/dom.ts

@@ -687,7 +687,10 @@ const setProperty: AttributeSetter = (el: Element, key: string, value: unknown):
  * Set innerHTML on an element (used for dangerouslySetInnerHTML)
  */
 const setInnerHTML: AttributeSetter = (el: Element, _key: string, value: unknown): void => {
-  ;(el as HTMLElement).innerHTML = value == null ? '' : String(value)
+  const next = value == null ? '' : String(value)
+  const node = el as HTMLElement
+  if (node.innerHTML === next) return
+  node.innerHTML = next
 }
 
 /**