@pibbl/core 0.0.2 → 0.0.3-alpha.85.1

package/dist/lib/events/propagation.js

@@ -1,6 +1,7 @@
 import { getPibblEventDefinition } from "./event-definitions.js";
 import {
   createPibblEvent,
+  finishEventDispatch,
   isPibblImmediatePropagationStopped,
   isPibblPropagationStopped,
   setPibblEventInvocation
@@ -14,23 +15,27 @@ function dispatchEventPath(input) {
   const path = buildEventPath(input.target);
   const event = createPibblEvent({ ...input, path });
   const targetIndex = path.length - 1;
-  for (let index = 0; index < targetIndex; index++) {
-    if (isPibblPropagationStopped(event)) break;
-    invoke(path[index], input.type, true, 1, event);
-  }
-  if (!isPibblPropagationStopped(event) && input.target.live) {
-    invoke(input.target, input.type, true, 2, event);
-    if (!isPibblImmediatePropagationStopped(event)) {
-      invoke(input.target, input.type, false, 2, event);
-    }
-  }
-  if (definition.bubbles && !isPibblPropagationStopped(event)) {
-    for (let index = targetIndex - 1; index >= 0; index--) {
+  try {
+    for (let index = 0; index < targetIndex; index++) {
       if (isPibblPropagationStopped(event)) break;
-      invoke(path[index], input.type, false, 3, event);
+      invoke(path[index], input.type, true, 1, event);
+    }
+    if (!isPibblPropagationStopped(event) && input.target.live) {
+      invoke(input.target, input.type, true, 2, event);
+      if (!isPibblImmediatePropagationStopped(event)) {
+        invoke(input.target, input.type, false, 2, event);
+      }
+    }
+    if (definition.bubbles && !isPibblPropagationStopped(event)) {
+      for (let index = targetIndex - 1; index >= 0; index--) {
+        if (isPibblPropagationStopped(event)) break;
+        invoke(path[index], input.type, false, 3, event);
+      }
     }
+    return event;
+  } finally {
+    finishEventDispatch(event);
   }
-  return event;
 }
 function invoke(node, type, capture, phase, event) {
   if (!node.live) return;

package/dist/lib/events/propagation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/events/propagation.ts"],
-  "sourcesContent": ["import { getPibblEventDefinition } from './event-definitions.js';\nimport {\n  createPibblEvent,\n  isPibblImmediatePropagationStopped,\n  isPibblPropagationStopped,\n  setPibblEventInvocation,\n  type CreatePibblEventInput,\n} from './event-facade.js';\nimport { buildEventPath } from './event-path.js';\nimport type {\n  PibblEventNode,\n  PibblNormalizedHandlers,\n} from './registrations.js';\nimport type {\n  PibblEvent,\n  PibblEventMap,\n  PibblEventPhase,\n  PibblEventType,\n} from './types.js';\n\nexport interface DispatchEventPathInput<K extends PibblEventType>\n  extends Omit<CreatePibblEventInput<K>, 'path'> {\n  readonly target: PibblEventNode;\n}\n\ntype PibblNormalizedCaptureKey = `${PibblEventType}Capture`;\n\nexport function dispatchEventPath<K extends PibblEventType>(\n  input: DispatchEventPathInput<K>,\n): PibblEventMap[K] {\n  const definition = getPibblEventDefinition(input.type);\n  if (!definition) {\n    throw new Error(`Unsupported Pibbl event type: ${input.type}`);\n  }\n  const path = buildEventPath(input.target);\n  const event = createPibblEvent({ ...input, path });\n  const targetIndex = path.length - 1;\n\n  for (let index = 0; index < targetIndex; index++) {\n    if (isPibblPropagationStopped(event)) break;\n    invoke(path[index], input.type, true, 1, event);\n  }\n\n  if (!isPibblPropagationStopped(event) && input.target.live) {\n    invoke(input.target, input.type, true, 2, event);\n    if (!isPibblImmediatePropagationStopped(event)) {\n      invoke(input.target, input.type, false, 2, event);\n    }\n  }\n\n  if (definition.bubbles && !isPibblPropagationStopped(event)) {\n    for (let index = targetIndex - 1; index >= 0; index--) {\n      if (isPibblPropagationStopped(event)) break;\n      invoke(path[index], input.type, false, 3, event);\n    }\n  }\n\n  return event;\n}\n\nfunction invoke(\n  node: PibblEventNode,\n  type: PibblEventType,\n  capture: boolean,\n  phase: PibblEventPhase,\n  event: PibblEvent,\n): void {\n  if (!node.live) return;\n  const key = capture ? `${type}Capture` as PibblNormalizedCaptureKey : type;\n  const handler = node.handlers[key as keyof PibblNormalizedHandlers];\n  if (!handler) return;\n  setPibblEventInvocation(event, node.publicTarget, phase);\n  try {\n    (handler as (event: PibblEvent) => void)(event);\n  } catch (error) {\n    reportDispatchError(error);\n  }\n}\n\nfunction reportDispatchError(error: unknown): void {\n  try {\n    globalThis.reportError(error);\n  } catch {\n    // Reporting cannot suppress unrelated handlers in this logical dispatch.\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAmBxB,SAAS,kBACd,OACkB;AAClB,QAAM,aAAa,wBAAwB,MAAM,IAAI;AACrD,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,iCAAiC,MAAM,IAAI,EAAE;AAAA,EAC/D;AACA,QAAM,OAAO,eAAe,MAAM,MAAM;AACxC,QAAM,QAAQ,iBAAiB,EAAE,GAAG,OAAO,KAAK,CAAC;AACjD,QAAM,cAAc,KAAK,SAAS;AAElC,WAAS,QAAQ,GAAG,QAAQ,aAAa,SAAS;AAChD,QAAI,0BAA0B,KAAK,EAAG;AACtC,WAAO,KAAK,KAAK,GAAG,MAAM,MAAM,MAAM,GAAG,KAAK;AAAA,EAChD;AAEA,MAAI,CAAC,0BAA0B,KAAK,KAAK,MAAM,OAAO,MAAM;AAC1D,WAAO,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,KAAK;AAC/C,QAAI,CAAC,mCAAmC,KAAK,GAAG;AAC9C,aAAO,MAAM,QAAQ,MAAM,MAAM,OAAO,GAAG,KAAK;AAAA,IAClD;AAAA,EACF;AAEA,MAAI,WAAW,WAAW,CAAC,0BAA0B,KAAK,GAAG;AAC3D,aAAS,QAAQ,cAAc,GAAG,SAAS,GAAG,SAAS;AACrD,UAAI,0BAA0B,KAAK,EAAG;AACtC,aAAO,KAAK,KAAK,GAAG,MAAM,MAAM,OAAO,GAAG,KAAK;AAAA,IACjD;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,OACP,MACA,MACA,SACA,OACA,OACM;AACN,MAAI,CAAC,KAAK,KAAM;AAChB,QAAM,MAAM,UAAU,GAAG,IAAI,YAAyC;AACtE,QAAM,UAAU,KAAK,SAAS,GAAoC;AAClE,MAAI,CAAC,QAAS;AACd,0BAAwB,OAAO,KAAK,cAAc,KAAK;AACvD,MAAI;AACF,IAAC,QAAwC,KAAK;AAAA,EAChD,SAAS,OAAO;AACd,wBAAoB,KAAK;AAAA,EAC3B;AACF;AAEA,SAAS,oBAAoB,OAAsB;AACjD,MAAI;AACF,eAAW,YAAY,KAAK;AAAA,EAC9B,QAAQ;AAAA,EAER;AACF;",
+  "sourcesContent": ["import { getPibblEventDefinition } from './event-definitions.js';\nimport {\n  createPibblEvent,\n  finishEventDispatch,\n  isPibblImmediatePropagationStopped,\n  isPibblPropagationStopped,\n  setPibblEventInvocation,\n  type CreatePibblEventInput,\n} from './event-facade.js';\nimport { buildEventPath } from './event-path.js';\nimport type {\n  PibblEventNode,\n  PibblNormalizedHandlers,\n} from './registrations.js';\nimport type {\n  PibblEvent,\n  PibblEventMap,\n  PibblEventPhase,\n  PibblEventType,\n} from './types.js';\n\nexport interface DispatchEventPathInput<K extends PibblEventType>\n  extends Omit<CreatePibblEventInput<K>, 'path'> {\n  readonly target: PibblEventNode;\n}\n\ntype PibblNormalizedCaptureKey = `${PibblEventType}Capture`;\n\nexport function dispatchEventPath<K extends PibblEventType>(\n  input: DispatchEventPathInput<K>,\n): PibblEventMap[K] {\n  const definition = getPibblEventDefinition(input.type);\n  if (!definition) {\n    throw new Error(`Unsupported Pibbl event type: ${input.type}`);\n  }\n  const path = buildEventPath(input.target);\n  const event = createPibblEvent({ ...input, path });\n  const targetIndex = path.length - 1;\n  try {\n  for (let index = 0; index < targetIndex; index++) {\n    if (isPibblPropagationStopped(event)) break;\n    invoke(path[index], input.type, true, 1, event);\n  }\n\n  if (!isPibblPropagationStopped(event) && input.target.live) {\n    invoke(input.target, input.type, true, 2, event);\n    if (!isPibblImmediatePropagationStopped(event)) {\n      invoke(input.target, input.type, false, 2, event);\n    }\n  }\n\n  if (definition.bubbles && !isPibblPropagationStopped(event)) {\n    for (let index = targetIndex - 1; index >= 0; index--) {\n      if (isPibblPropagationStopped(event)) break;\n      invoke(path[index], input.type, false, 3, event);\n    }\n  }\n\n  return event;\n  } finally { finishEventDispatch(event); }\n}\n\nfunction invoke(\n  node: PibblEventNode,\n  type: PibblEventType,\n  capture: boolean,\n  phase: PibblEventPhase,\n  event: PibblEvent,\n): void {\n  if (!node.live) return;\n  const key = capture ? `${type}Capture` as PibblNormalizedCaptureKey : type;\n  const handler = node.handlers[key as keyof PibblNormalizedHandlers];\n  if (!handler) return;\n  setPibblEventInvocation(event, node.publicTarget, phase);\n  try {\n    (handler as (event: PibblEvent) => void)(event);\n  } catch (error) {\n    reportDispatchError(error);\n  }\n}\n\nfunction reportDispatchError(error: unknown): void {\n  try {\n    globalThis.reportError(error);\n  } catch {\n    // Reporting cannot suppress unrelated handlers in this logical dispatch.\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,+BAA+B;AACxC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sBAAsB;AAmBxB,SAAS,kBACd,OACkB;AAClB,QAAM,aAAa,wBAAwB,MAAM,IAAI;AACrD,MAAI,CAAC,YAAY;AACf,UAAM,IAAI,MAAM,iCAAiC,MAAM,IAAI,EAAE;AAAA,EAC/D;AACA,QAAM,OAAO,eAAe,MAAM,MAAM;AACxC,QAAM,QAAQ,iBAAiB,EAAE,GAAG,OAAO,KAAK,CAAC;AACjD,QAAM,cAAc,KAAK,SAAS;AAClC,MAAI;AACJ,aAAS,QAAQ,GAAG,QAAQ,aAAa,SAAS;AAChD,UAAI,0BAA0B,KAAK,EAAG;AACtC,aAAO,KAAK,KAAK,GAAG,MAAM,MAAM,MAAM,GAAG,KAAK;AAAA,IAChD;AAEA,QAAI,CAAC,0BAA0B,KAAK,KAAK,MAAM,OAAO,MAAM;AAC1D,aAAO,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,KAAK;AAC/C,UAAI,CAAC,mCAAmC,KAAK,GAAG;AAC9C,eAAO,MAAM,QAAQ,MAAM,MAAM,OAAO,GAAG,KAAK;AAAA,MAClD;AAAA,IACF;AAEA,QAAI,WAAW,WAAW,CAAC,0BAA0B,KAAK,GAAG;AAC3D,eAAS,QAAQ,cAAc,GAAG,SAAS,GAAG,SAAS;AACrD,YAAI,0BAA0B,KAAK,EAAG;AACtC,eAAO,KAAK,KAAK,GAAG,MAAM,MAAM,OAAO,GAAG,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,WAAO;AAAA,EACP,UAAE;AAAU,wBAAoB,KAAK;AAAA,EAAG;AAC1C;AAEA,SAAS,OACP,MACA,MACA,SACA,OACA,OACM;AACN,MAAI,CAAC,KAAK,KAAM;AAChB,QAAM,MAAM,UAAU,GAAG,IAAI,YAAyC;AACtE,QAAM,UAAU,KAAK,SAAS,GAAoC;AAClE,MAAI,CAAC,QAAS;AACd,0BAAwB,OAAO,KAAK,cAAc,KAAK;AACvD,MAAI;AACF,IAAC,QAAwC,KAAK;AAAA,EAChD,SAAS,OAAO;AACd,wBAAoB,KAAK;AAAA,EAC3B;AACF;AAEA,SAAS,oBAAoB,OAAsB;AACjD,MAAI;AACF,eAAW,YAAY,KAAK;AAAA,EAC9B,QAAQ;AAAA,EAER;AACF;",
   "names": []
 }

package/dist/lib/execute-render.js

@@ -114,6 +114,19 @@ function executeRender(canvas, renderTimestamp, updatedRoot, _updateParents = fa
       percentageBasis: pibblInstance.rootLayoutBox
     }];
     const renderGeneration = ++pibblInstance.renderGeneration;
+    if (!pibblInstance.parent) {
+      renderTransaction.onFinish((success) => {
+        if (success) pibblInstance.committedRenderGeneration = renderGeneration;
+      });
+      if (pibblInstance.rootFrameObservers?.size) {
+        renderTransaction.onAfterFinish?.((success) => {
+          const observers = pibblInstance.rootFrameObservers;
+          if (!observers) return;
+          for (const observer of observers)
+            observer(success, renderGeneration);
+        });
+      }
+    }
     renderSeenIds = pibblInstance.renderSeenIds;
     renderSeenKeys = pibblInstance.renderSeenKeys;
     renderSeenIds.clear();

package/dist/lib/execute-render.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/lib/execute-render.ts"],
-  "sourcesContent": ["import { RootRenderTransaction } from './render-transaction.js';\nimport {\n  clearTempState,\n  GLOBAL_STATE,\n  NO_PENDING_ROOT,\n} from './global-state.js';\nimport { render } from './render.js';\nimport { initializeCurrentWorldTransformAnchor } from './render-target.js';\nimport {\n  Canvas,\n  type PibblNode,\n} from './types.js';\nimport type {\n  PibblBackendFrame,\n} from './backend/types.js';\nimport type { PibblFrameSnapshot } from './scheduler/types.js';\nimport { withSignalWriteForbidden } from './signals/graph.js';\n\n/**\n * Gets the root element for a canvas and renders it. This is the\n * entry point for rendering the entire tree.\n * @param canvas The canvas to render on\n */\nexport function executeRender(\n  canvas: Canvas,\n  renderTimestamp: number,\n  updatedRoot?: PibblNode | typeof NO_PENDING_ROOT,\n  _updateParents = false,\n  frameSnapshot?: PibblFrameSnapshot,\n): void {\n  if (!canvas) {\n    throw new Error('No canvas element provided');\n  }\n\n  const pibblInstance = GLOBAL_STATE.pibblInstances.get(canvas);\n\n  if (!pibblInstance) {\n    throw new Error('Pibbl is not mounted on this element');\n  }\n\n  if (pibblInstance.mainTeardowns.closed) return;\n\n  const inheritedTransaction = pibblInstance.eventRoot.renderTransaction;\n  const renderTransaction = inheritedTransaction ?? new RootRenderTransaction();\n  const ownsRenderTransaction = !inheritedTransaction;\n  if (ownsRenderTransaction) {\n    pibblInstance.eventRoot.renderTransaction = renderTransaction;\n  }\n  let transactionFinished = false;\n  const finishTransaction = (success: boolean) => {\n    if (!ownsRenderTransaction || transactionFinished) return;\n    transactionFinished = true;\n    (renderTransaction as RootRenderTransaction).finish(success);\n  };\n\n  const prevCurrentPibblInstance = GLOBAL_STATE.currentPibblInstance;\n  const prevCanvas = GLOBAL_STATE.canvas;\n  const prevRenderContext = GLOBAL_STATE.renderContext;\n  const prevRenderTarget = GLOBAL_STATE.renderTarget;\n  const prevWorldBaseTransform = GLOBAL_STATE.worldBaseTransform;\n  const prevWorldExactTransform = GLOBAL_STATE.worldExactTransform;\n  const prevWorldPaintAnchorTransform = GLOBAL_STATE.worldPaintAnchorTransform;\n  const prevPresentationTransformLineage = GLOBAL_STATE.presentationTransformLineage;\n  const prevPresentationTransformLineageTrackingDepth =\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth;\n  const prevRenderTransaction = GLOBAL_STATE.renderTransaction;\n  const prevFrameSnapshot = GLOBAL_STATE.frameSnapshot;\n  const prevPrimitiveReceiverToken = GLOBAL_STATE.primitiveReceiverToken;\n  const prevSeenIds = GLOBAL_STATE.seenIds;\n  const prevSeenKeys = GLOBAL_STATE.seenKeys;\n  const prevComponentRefs = GLOBAL_STATE.componentRefs;\n  const prevComponentHookIndex = GLOBAL_STATE.componentHookIndex;\n  const prevComponentIsMounting = GLOBAL_STATE.componentIsMounting;\n  const prevClippingStack = GLOBAL_STATE.clippingStack;\n  const prevLayoutStack = GLOBAL_STATE.layoutStack;\n  const prevBackendDriver = GLOBAL_STATE.backendDriver;\n  const prevBackendFrame = GLOBAL_STATE.backendFrame;\n  const prevBackendEnvironment = GLOBAL_STATE.backendEnvironment;\n  let frame: PibblBackendFrame<unknown> | undefined;\n  let frameSuccess = false;\n  let renderSeenIds: Set<string> | undefined;\n  let renderSeenKeys: Set<string> | undefined;\n  try {\n    const activeFrameSnapshot = frameSnapshot ?? (\n      prevFrameSnapshot?.logicalTime === renderTimestamp ?\n        prevFrameSnapshot :\n        Object.freeze({\n          frameId: prevFrameSnapshot?.frameId ?? 0,\n          hostTime: prevFrameSnapshot?.hostTime ?? renderTimestamp,\n          logicalTime: renderTimestamp,\n        })\n    );\n    GLOBAL_STATE.frameSnapshot = activeFrameSnapshot;\n    GLOBAL_STATE.currentPibblInstance = pibblInstance;\n    for (const service of pibblInstance.optionalServices.values()) service.beginRender?.();\n    GLOBAL_STATE.renderTransaction = renderTransaction;\n    GLOBAL_STATE.currentPibblInstance.renderTimestamp = activeFrameSnapshot.logicalTime;\n    GLOBAL_STATE.canvas = canvas;\n    const rootNode = arguments.length >= 3 && updatedRoot !== NO_PENDING_ROOT ?\n      updatedRoot :\n      GLOBAL_STATE.currentPibblInstance.root;\n    GLOBAL_STATE.currentPibblInstance.root = rootNode;\n    const driver = pibblInstance.backendDriver;\n    GLOBAL_STATE.backendDriver = driver;\n    frame = driver.beginFrame({\n      canvas,\n      logicalWidth: pibblInstance.rootLayoutBox.width,\n      logicalHeight: pibblInstance.rootLayoutBox.height,\n      backingWidth: canvas.width,\n      backingHeight: canvas.height,\n      renderTimestamp: activeFrameSnapshot.logicalTime,\n    });\n    if (!frame) {\n      pibblInstance.eventRoot.html?.suspend(pibblInstance);\n      finishTransaction(true);\n      return;\n    }\n    pibblInstance.eventRoot.html?.beginRender(pibblInstance);\n    GLOBAL_STATE.backendFrame = frame;\n    GLOBAL_STATE.backendEnvironment = frame.environment;\n    GLOBAL_STATE.renderContext = frame.context2D;\n    GLOBAL_STATE.renderTarget = frame.renderTarget;\n    GLOBAL_STATE.worldBaseTransform = frame.worldBaseTransform;\n    GLOBAL_STATE.worldExactTransform = undefined;\n    GLOBAL_STATE.worldPaintAnchorTransform = undefined;\n    GLOBAL_STATE.presentationTransformLineage = undefined;\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth = 0;\n    if (\n      frame.context2D !== undefined &&\n      frame.renderTarget !== undefined &&\n      frame.worldBaseTransform !== undefined\n    ) {\n      initializeCurrentWorldTransformAnchor(frame.worldBaseTransform);\n    }\n    GLOBAL_STATE.clippingStack = [];\n    const surface = pibblInstance.surface.snapshot;\n    const logicalWidth = surface?.logicalWidth ?? pibblInstance.rootLayoutBox.width;\n    const logicalHeight = surface?.logicalHeight ?? pibblInstance.rootLayoutBox.height;\n    const previousRootBox = pibblInstance.rootLayoutBox;\n    if (\n      previousRootBox.width !== logicalWidth ||\n      previousRootBox.height !== logicalHeight\n    ) {\n      pibblInstance.rootLayoutBox = Object.freeze({\n        x: 0,\n        y: 0,\n        width: logicalWidth,\n        height: logicalHeight,\n      });\n    }\n    GLOBAL_STATE.layoutStack = [{\n      allocation: pibblInstance.rootLayoutBox,\n      percentageBasis: pibblInstance.rootLayoutBox,\n    }];\n\n    const renderGeneration = ++pibblInstance.renderGeneration;\n    renderSeenIds = pibblInstance.renderSeenIds;\n    renderSeenKeys = pibblInstance.renderSeenKeys;\n    renderSeenIds.clear();\n    renderSeenKeys.clear();\n    GLOBAL_STATE.seenIds = renderSeenIds;\n    GLOBAL_STATE.seenKeys = renderSeenKeys;\n    const id = 'root';\n    renderSeenIds.add(id);\n    withSignalWriteForbidden(\n      'Pibbl render',\n      () => render(rootNode, id, undefined),\n    );\n\n    for (const [id, componentRefs] of pibblInstance.refs) {\n      if (componentRefs.renderGeneration === renderGeneration) continue;\n      componentRefs.teardowns.execute();\n      pibblInstance.refs.delete(id);\n    }\n    frameSuccess = true;\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(true);\n    driver.finishFrame(frame, true);\n    finishTransaction(true);\n  } catch (error) {\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(false);\n    finishTransaction(false);\n    for (const refs of pibblInstance.refs.values()) {\n      refs.teardowns.execute();\n    }\n    pibblInstance.refs.clear();\n    throw error;\n  } finally {\n    try {\n      if (frame && !frameSuccess) {\n        pibblInstance.backendDriver.finishFrame(frame, false);\n      }\n    } finally {\n      try {\n        clearTempState();\n        GLOBAL_STATE.clippingStack = prevClippingStack;\n        GLOBAL_STATE.layoutStack = prevLayoutStack;\n        if (ownsRenderTransaction) {\n          try {\n            finishTransaction(false);\n          } finally {\n            if (pibblInstance.eventRoot.renderTransaction === renderTransaction) {\n              pibblInstance.eventRoot.renderTransaction = undefined;\n            }\n          }\n        }\n      } finally {\n        renderSeenIds?.clear();\n        renderSeenKeys?.clear();\n        GLOBAL_STATE.currentPibblInstance = prevCurrentPibblInstance;\n        GLOBAL_STATE.canvas = prevCanvas;\n        GLOBAL_STATE.renderContext = prevRenderContext;\n        GLOBAL_STATE.renderTarget = prevRenderTarget;\n        GLOBAL_STATE.worldBaseTransform = prevWorldBaseTransform;\n        GLOBAL_STATE.worldExactTransform = prevWorldExactTransform;\n        GLOBAL_STATE.worldPaintAnchorTransform = prevWorldPaintAnchorTransform;\n        GLOBAL_STATE.presentationTransformLineage = prevPresentationTransformLineage;\n        GLOBAL_STATE.presentationTransformLineageTrackingDepth =\n          prevPresentationTransformLineageTrackingDepth;\n        GLOBAL_STATE.renderTransaction = prevRenderTransaction;\n        GLOBAL_STATE.frameSnapshot = prevFrameSnapshot;\n        GLOBAL_STATE.primitiveReceiverToken = prevPrimitiveReceiverToken;\n        GLOBAL_STATE.seenIds = prevSeenIds;\n        GLOBAL_STATE.seenKeys = prevSeenKeys;\n        GLOBAL_STATE.componentRefs = prevComponentRefs;\n        GLOBAL_STATE.componentHookIndex = prevComponentHookIndex;\n        GLOBAL_STATE.componentIsMounting = prevComponentIsMounting;\n        GLOBAL_STATE.backendDriver = prevBackendDriver;\n        GLOBAL_STATE.backendFrame = prevBackendFrame;\n        GLOBAL_STATE.backendEnvironment = prevBackendEnvironment;\n      }\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { RootRenderTransaction } from './render-transaction.js';\nimport {\n  clearTempState,\n  GLOBAL_STATE,\n  NO_PENDING_ROOT,\n} from './global-state.js';\nimport { render } from './render.js';\nimport { initializeCurrentWorldTransformAnchor } from './render-target.js';\nimport {\n  Canvas,\n  type PibblNode,\n} from './types.js';\nimport type {\n  PibblBackendFrame,\n} from './backend/types.js';\nimport type { PibblFrameSnapshot } from './scheduler/types.js';\nimport { withSignalWriteForbidden } from './signals/graph.js';\n\n/**\n * Gets the root element for a canvas and renders it. This is the\n * entry point for rendering the entire tree.\n * @param canvas The canvas to render on\n */\nexport function executeRender(\n  canvas: Canvas,\n  renderTimestamp: number,\n  updatedRoot?: PibblNode | typeof NO_PENDING_ROOT,\n  _updateParents = false,\n  frameSnapshot?: PibblFrameSnapshot,\n): void {\n  if (!canvas) {\n    throw new Error('No canvas element provided');\n  }\n\n  const pibblInstance = GLOBAL_STATE.pibblInstances.get(canvas);\n\n  if (!pibblInstance) {\n    throw new Error('Pibbl is not mounted on this element');\n  }\n\n  if (pibblInstance.mainTeardowns.closed) return;\n\n  const inheritedTransaction = pibblInstance.eventRoot.renderTransaction;\n  const renderTransaction = inheritedTransaction ?? new RootRenderTransaction();\n  const ownsRenderTransaction = !inheritedTransaction;\n  if (ownsRenderTransaction) {\n    pibblInstance.eventRoot.renderTransaction = renderTransaction;\n  }\n  let transactionFinished = false;\n  const finishTransaction = (success: boolean) => {\n    if (!ownsRenderTransaction || transactionFinished) return;\n    transactionFinished = true;\n    (renderTransaction as RootRenderTransaction).finish(success);\n  };\n\n  const prevCurrentPibblInstance = GLOBAL_STATE.currentPibblInstance;\n  const prevCanvas = GLOBAL_STATE.canvas;\n  const prevRenderContext = GLOBAL_STATE.renderContext;\n  const prevRenderTarget = GLOBAL_STATE.renderTarget;\n  const prevWorldBaseTransform = GLOBAL_STATE.worldBaseTransform;\n  const prevWorldExactTransform = GLOBAL_STATE.worldExactTransform;\n  const prevWorldPaintAnchorTransform = GLOBAL_STATE.worldPaintAnchorTransform;\n  const prevPresentationTransformLineage = GLOBAL_STATE.presentationTransformLineage;\n  const prevPresentationTransformLineageTrackingDepth =\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth;\n  const prevRenderTransaction = GLOBAL_STATE.renderTransaction;\n  const prevFrameSnapshot = GLOBAL_STATE.frameSnapshot;\n  const prevPrimitiveReceiverToken = GLOBAL_STATE.primitiveReceiverToken;\n  const prevSeenIds = GLOBAL_STATE.seenIds;\n  const prevSeenKeys = GLOBAL_STATE.seenKeys;\n  const prevComponentRefs = GLOBAL_STATE.componentRefs;\n  const prevComponentHookIndex = GLOBAL_STATE.componentHookIndex;\n  const prevComponentIsMounting = GLOBAL_STATE.componentIsMounting;\n  const prevClippingStack = GLOBAL_STATE.clippingStack;\n  const prevLayoutStack = GLOBAL_STATE.layoutStack;\n  const prevBackendDriver = GLOBAL_STATE.backendDriver;\n  const prevBackendFrame = GLOBAL_STATE.backendFrame;\n  const prevBackendEnvironment = GLOBAL_STATE.backendEnvironment;\n  let frame: PibblBackendFrame<unknown> | undefined;\n  let frameSuccess = false;\n  let renderSeenIds: Set<string> | undefined;\n  let renderSeenKeys: Set<string> | undefined;\n  try {\n    const activeFrameSnapshot = frameSnapshot ?? (\n      prevFrameSnapshot?.logicalTime === renderTimestamp ?\n        prevFrameSnapshot :\n        Object.freeze({\n          frameId: prevFrameSnapshot?.frameId ?? 0,\n          hostTime: prevFrameSnapshot?.hostTime ?? renderTimestamp,\n          logicalTime: renderTimestamp,\n        })\n    );\n    GLOBAL_STATE.frameSnapshot = activeFrameSnapshot;\n    GLOBAL_STATE.currentPibblInstance = pibblInstance;\n    for (const service of pibblInstance.optionalServices.values()) service.beginRender?.();\n    GLOBAL_STATE.renderTransaction = renderTransaction;\n    GLOBAL_STATE.currentPibblInstance.renderTimestamp = activeFrameSnapshot.logicalTime;\n    GLOBAL_STATE.canvas = canvas;\n    const rootNode = arguments.length >= 3 && updatedRoot !== NO_PENDING_ROOT ?\n      updatedRoot :\n      GLOBAL_STATE.currentPibblInstance.root;\n    GLOBAL_STATE.currentPibblInstance.root = rootNode;\n    const driver = pibblInstance.backendDriver;\n    GLOBAL_STATE.backendDriver = driver;\n    frame = driver.beginFrame({\n      canvas,\n      logicalWidth: pibblInstance.rootLayoutBox.width,\n      logicalHeight: pibblInstance.rootLayoutBox.height,\n      backingWidth: canvas.width,\n      backingHeight: canvas.height,\n      renderTimestamp: activeFrameSnapshot.logicalTime,\n    });\n    if (!frame) {\n      pibblInstance.eventRoot.html?.suspend(pibblInstance);\n      finishTransaction(true);\n      return;\n    }\n    pibblInstance.eventRoot.html?.beginRender(pibblInstance);\n    GLOBAL_STATE.backendFrame = frame;\n    GLOBAL_STATE.backendEnvironment = frame.environment;\n    GLOBAL_STATE.renderContext = frame.context2D;\n    GLOBAL_STATE.renderTarget = frame.renderTarget;\n    GLOBAL_STATE.worldBaseTransform = frame.worldBaseTransform;\n    GLOBAL_STATE.worldExactTransform = undefined;\n    GLOBAL_STATE.worldPaintAnchorTransform = undefined;\n    GLOBAL_STATE.presentationTransformLineage = undefined;\n    GLOBAL_STATE.presentationTransformLineageTrackingDepth = 0;\n    if (\n      frame.context2D !== undefined &&\n      frame.renderTarget !== undefined &&\n      frame.worldBaseTransform !== undefined\n    ) {\n      initializeCurrentWorldTransformAnchor(frame.worldBaseTransform);\n    }\n    GLOBAL_STATE.clippingStack = [];\n    const surface = pibblInstance.surface.snapshot;\n    const logicalWidth = surface?.logicalWidth ?? pibblInstance.rootLayoutBox.width;\n    const logicalHeight = surface?.logicalHeight ?? pibblInstance.rootLayoutBox.height;\n    const previousRootBox = pibblInstance.rootLayoutBox;\n    if (\n      previousRootBox.width !== logicalWidth ||\n      previousRootBox.height !== logicalHeight\n    ) {\n      pibblInstance.rootLayoutBox = Object.freeze({\n        x: 0,\n        y: 0,\n        width: logicalWidth,\n        height: logicalHeight,\n      });\n    }\n    GLOBAL_STATE.layoutStack = [{\n      allocation: pibblInstance.rootLayoutBox,\n      percentageBasis: pibblInstance.rootLayoutBox,\n    }];\n\n    const renderGeneration = ++pibblInstance.renderGeneration;\n    if (!pibblInstance.parent) {\n      renderTransaction.onFinish((success) => {\n        if (success) pibblInstance.committedRenderGeneration = renderGeneration;\n      });\n      if (pibblInstance.rootFrameObservers?.size) {\n        renderTransaction.onAfterFinish?.((success) => {\n          const observers = pibblInstance.rootFrameObservers;\n          if (!observers) return;\n          for (const observer of observers)\n            observer(success, renderGeneration);\n        });\n      }\n    }\n    renderSeenIds = pibblInstance.renderSeenIds;\n    renderSeenKeys = pibblInstance.renderSeenKeys;\n    renderSeenIds.clear();\n    renderSeenKeys.clear();\n    GLOBAL_STATE.seenIds = renderSeenIds;\n    GLOBAL_STATE.seenKeys = renderSeenKeys;\n    const id = 'root';\n    renderSeenIds.add(id);\n    withSignalWriteForbidden(\n      'Pibbl render',\n      () => render(rootNode, id, undefined),\n    );\n\n    for (const [id, componentRefs] of pibblInstance.refs) {\n      if (componentRefs.renderGeneration === renderGeneration) continue;\n      componentRefs.teardowns.execute();\n      pibblInstance.refs.delete(id);\n    }\n    frameSuccess = true;\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(true);\n    driver.finishFrame(frame, true);\n    finishTransaction(true);\n  } catch (error) {\n    for (const service of pibblInstance.optionalServices.values()) service.endRender?.(false);\n    finishTransaction(false);\n    for (const refs of pibblInstance.refs.values()) {\n      refs.teardowns.execute();\n    }\n    pibblInstance.refs.clear();\n    throw error;\n  } finally {\n    try {\n      if (frame && !frameSuccess) {\n        pibblInstance.backendDriver.finishFrame(frame, false);\n      }\n    } finally {\n      try {\n        clearTempState();\n        GLOBAL_STATE.clippingStack = prevClippingStack;\n        GLOBAL_STATE.layoutStack = prevLayoutStack;\n        if (ownsRenderTransaction) {\n          try {\n            finishTransaction(false);\n          } finally {\n            if (pibblInstance.eventRoot.renderTransaction === renderTransaction) {\n              pibblInstance.eventRoot.renderTransaction = undefined;\n            }\n          }\n        }\n      } finally {\n        renderSeenIds?.clear();\n        renderSeenKeys?.clear();\n        GLOBAL_STATE.currentPibblInstance = prevCurrentPibblInstance;\n        GLOBAL_STATE.canvas = prevCanvas;\n        GLOBAL_STATE.renderContext = prevRenderContext;\n        GLOBAL_STATE.renderTarget = prevRenderTarget;\n        GLOBAL_STATE.worldBaseTransform = prevWorldBaseTransform;\n        GLOBAL_STATE.worldExactTransform = prevWorldExactTransform;\n        GLOBAL_STATE.worldPaintAnchorTransform = prevWorldPaintAnchorTransform;\n        GLOBAL_STATE.presentationTransformLineage = prevPresentationTransformLineage;\n        GLOBAL_STATE.presentationTransformLineageTrackingDepth =\n          prevPresentationTransformLineageTrackingDepth;\n        GLOBAL_STATE.renderTransaction = prevRenderTransaction;\n        GLOBAL_STATE.frameSnapshot = prevFrameSnapshot;\n        GLOBAL_STATE.primitiveReceiverToken = prevPrimitiveReceiverToken;\n        GLOBAL_STATE.seenIds = prevSeenIds;\n        GLOBAL_STATE.seenKeys = prevSeenKeys;\n        GLOBAL_STATE.componentRefs = prevComponentRefs;\n        GLOBAL_STATE.componentHookIndex = prevComponentHookIndex;\n        GLOBAL_STATE.componentIsMounting = prevComponentIsMounting;\n        GLOBAL_STATE.backendDriver = prevBackendDriver;\n        GLOBAL_STATE.backendFrame = prevBackendFrame;\n        GLOBAL_STATE.backendEnvironment = prevBackendEnvironment;\n      }\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": ["id"]
 }

package/dist/lib/recording/recording.d.ts

@@ -0,0 +1,43 @@
+import type { Canvas } from "../types.js";
+import type { PibblFrameRecording, PibblFrameRecordingOptions, PibblFrameRecordingSession, PibblGifExportOptions } from "./types.js";
+/** Private deterministic ownership evidence; not a public diagnostics API. */
+export declare const recordingResources: {
+    workers: number;
+    urls: number;
+    observers: number;
+    timers: number;
+    abortListeners: number;
+    requests: number;
+    exports: number;
+};
+/**
+ * Record committed bitmap frames from any live Pibbl root canvas.
+ *
+ * Capture uses the existing render lifecycle; it never starts a render loop.
+ * Stop retains frames; cancel discards them. Dispose the completed recording
+ * after reading or exporting it. Resizing, failed renders, unreadable pixels,
+ * allocation failure, and capture queue overflow reject and release the session.
+ *
+ * @param canvas The canvas belonging to a live Pibbl root mount.
+ * @param options Capture duration, maximum frame rate, allocation headroom, and cancellation.
+ * @returns Stable controls and promises for one recording session.
+ * @see {@link PibblFrameRecordingOptions}
+ * @see {@link PibblFrameRecordingSession}
+ */
+export declare function recordFrames(canvas: Canvas, options: PibblFrameRecordingOptions): PibblFrameRecordingSession;
+/**
+ * Encode a retained recording to an image/gif Blob in its worker's WASM encoder.
+ *
+ * Pixels remain worker-owned. Cancellation stops encoding and preserves the
+ * recording; disposing the recording cancels all pending reads and exports.
+ * GIF timing is rounded cumulatively to 10ms units. Without an opaque background,
+ * alpha below 128 is transparent and other pixels are opaque. Only one export
+ * per recording may run at a time. Requires workers, WebAssembly, and blob-worker CSP permission.
+ *
+ * @param recording Retained frames returned by recordFrames.
+ * @param options Output dimensions, palette, dithering, sampling, looping, background, progress, and cancellation.
+ * @returns Encoded GIF bytes as a caller-owned Blob.
+ * @see {@link PibblGifExportOptions}
+ * @see {@link PibblFrameRecording}
+ */
+export declare function exportGif(recording: PibblFrameRecording, options?: PibblGifExportOptions): Promise<Blob>;