@pibbl/core 0.0.2 → 0.0.3-alpha.109.1

package/dist/lib/components/img.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/components/img.ts"],
-  "sourcesContent": ["import { resolveTexturePaint } from '../textures/texture-protocol.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport type {\n  PibblEventFocusOptions,\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n} from '../events/types.js';\nimport { useRectPath } from '../hooks/use-rect-path.js';\nimport { useReaction } from '../hooks/use-reaction.js';\nimport { useSignal } from '../hooks/use-signal.js';\nimport type {\n  PibblPhysics2DPropExtension,\n  MeasureInput,\n  MeasureResult,\n  RenderingContext2D,\n  StyleResolutionContext,\n} from '../types.js';\nimport { resolveLength } from '../style/resolve-length.js';\nimport {\n  resolveOptionalLength,\n  stripLayoutParticipation,\n} from '../style/resolve-built-in.js';\nimport { registerOpaqueStyleProperties } from '../style/resolve-dispatch.js';\nimport type { ImgStyle, ResolvedImgStyle } from '../style/types.js';\nimport { adjustRectangleToPixelGrid } from '../util/pixel-grid-adjustments.js';\nimport { wireCommonEvents } from '../util/wire-common-events.js';\n\n/**\n * Authored inputs for Image, including the declared data and presentation options.\n *\n * @see {@link PibblEventHandlers}\n * @see {@link PibblEventParticipationOptions}\n * @see {@link PibblPhysics2DPropExtension}\n * @see {@link Image}\n */\nexport interface ImageProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension {}\n\ninterface LoadedImage {\n  src: string;\n  element: HTMLImageElement;\n}\n\nfunction renderImage(\n  props: ImageProps,\n  style: Readonly<ResolvedImgStyle>,\n  ctx: RenderingContext2D,\n) {\n  let {\n    src,\n    x = 0,\n    y = 0,\n    width,\n    height,\n    stroke,\n    strokeWidth,\n    opacity,\n    cursor,\n    alignToPixelGrid,\n  } = style;\n\n  if (opacity !== undefined) {\n    ctx.globalAlpha = ctx.globalAlpha * opacity;\n  }\n\n  const loadedImage = useSignal<LoadedImage | null>(null);\n  const loadedImageValue = loadedImage.get();\n  const image =\n    loadedImageValue && loadedImageValue.src === src ?\n      loadedImageValue.element : null;\n\n  useReaction(() => {\n    let active = true;\n    const BrowserImage = globalThis.Image;\n    const element = new BrowserImage();\n    const settle = () => {\n      active = false;\n      element.onload = null;\n      element.onerror = null;\n    };\n\n    element.onload = () => {\n      if (!active) return;\n      settle();\n      loadedImage.set({ src, element });\n    };\n    element.onerror = () => {\n      if (!active) return;\n      settle();\n      loadedImage.set(null);\n    };\n    element.src = src;\n\n    return () => {\n      active = false;\n      element.onload = null;\n      element.onerror = null;\n      element.removeAttribute('src');\n    };\n  }, [src]);\n\n  width = width ?? image?.naturalWidth ?? image?.width ?? 0;\n  height = height ?? image?.naturalHeight ?? image?.height ?? 0;\n\n  if (alignToPixelGrid) {\n    ({ x, y, width, height } = adjustRectangleToPixelGrid(\n      strokeWidth ?? 0,\n      x,\n      y,\n      width,\n      height,\n      alignToPixelGrid,\n    ));\n  }\n\n  const imagePath = useRectPath(x, y, width, height);\n\n  if (image) {\n    ctx.drawImage(image, x, y, width, height);\n  }\n\n  if (stroke && strokeWidth) {\n    ctx.strokeStyle = resolveTexturePaint(stroke, ctx, { x, y, width, height });\n    ctx.lineWidth = strokeWidth;\n    ctx.stroke(imagePath);\n  }\n\n  wireCommonEvents(\n    props,\n    imagePath,\n    true,\n    strokeWidth ?? 0,\n    cursor,\n    { x, y, width, height },\n  );\n}\n\n/**\n * Describes a Canvas image primitive for JSX or createElement authoring.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link ImageProps}\n * @see {@link ImgStyle}\n */\nexport const Image = definePrimitive<\n  ImageProps,\n  ImgStyle,\n  ImgStyle,\n  ResolvedImgStyle\n>(renderImage, {\n  resolveStyle: resolveImageStyle,\n  measure: measureImage,\n});\nregisterOpaqueStyleProperties(Image, ['src', 'stroke', 'cursor']);\n\nfunction resolveImageStyle(\n  style: Readonly<ImgStyle>,\n  context: Readonly<StyleResolutionContext>,\n): ResolvedImgStyle {\n  return {\n    ...stripLayoutParticipation(style),\n    x: 0,\n    y: 0,\n    width: resolveOptionalLength(\n      style.width,\n      context.percentageBasis.width,\n      'width',\n      context,\n    ),\n    height: resolveOptionalLength(\n      style.height,\n      context.percentageBasis.height,\n      'height',\n      context,\n    ),\n  } as ResolvedImgStyle;\n}\n\nfunction measureImage({\n  style,\n  constraints,\n}: MeasureInput<ImageProps, ImgStyle>): MeasureResult {\n  if (\n    style.width === undefined || style.width === 'auto' ||\n    style.height === undefined || style.height === 'auto'\n  ) {\n    return {\n      status: 'unsupported',\n      reason: 'Image natural dimensions are unavailable during pure measurement',\n    };\n  }\n  const context = {\n    component: 'Image',\n    algorithm: 'measurement' as const,\n    constraints,\n  };\n  return {\n    status: 'measured',\n    size: {\n      width: resolveLength(\n        style.width,\n        constraints.maxWidth,\n        'width',\n        context,\n      )!,\n      height: resolveLength(\n        style.height,\n        constraints.maxHeight,\n        'height',\n        context,\n      )!,\n    },\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { resolveTexturePaint } from '../textures/texture-protocol.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport type {\n  PibblEventFocusOptions,\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n} from '../events/types.js';\nimport { useRectPath } from '../hooks/use-rect-path.js';\nimport { useReaction } from '../hooks/use-reaction.js';\nimport { useSignal } from '../hooks/use-signal.js';\nimport type {\n  PibblPhysics2DPropExtension,\n  MeasureInput,\n  MeasureResult,\n  RenderingContext2D,\n  StyleResolutionContext,\n} from '../types.js';\nimport { resolveScalarSizingLength } from '../style/sizing-length.js';\nimport {\n  resolveOptionalLength,\n  stripLayoutParticipation,\n} from '../style/resolve-built-in.js';\nimport { registerOpaqueStyleProperties } from '../style/resolve-dispatch.js';\nimport type { ImgStyle, ResolvedImgStyle } from '../style/types.js';\nimport { adjustRectangleToPixelGrid } from '../util/pixel-grid-adjustments.js';\nimport { wireCommonEvents } from '../util/wire-common-events.js';\n\n/**\n * Authored inputs for Image, including the declared data and presentation options.\n *\n * @see {@link PibblEventHandlers}\n * @see {@link PibblEventParticipationOptions}\n * @see {@link PibblPhysics2DPropExtension}\n * @see {@link Image}\n */\nexport interface ImageProps extends PibblEventHandlers, PibblEventFocusOptions, PibblEventParticipationOptions, PibblPhysics2DPropExtension {}\n\ninterface LoadedImage {\n  src: string;\n  element: HTMLImageElement;\n}\n\nfunction renderImage(\n  props: ImageProps,\n  style: Readonly<ResolvedImgStyle>,\n  ctx: RenderingContext2D,\n) {\n  let {\n    src,\n    x = 0,\n    y = 0,\n    width,\n    height,\n    stroke,\n    strokeWidth,\n    opacity,\n    cursor,\n    alignToPixelGrid,\n  } = style;\n\n  if (opacity !== undefined) {\n    ctx.globalAlpha = ctx.globalAlpha * opacity;\n  }\n\n  const loadedImage = useSignal<LoadedImage | null>(null);\n  const loadedImageValue = loadedImage.get();\n  const image =\n    loadedImageValue && loadedImageValue.src === src ?\n      loadedImageValue.element : null;\n\n  useReaction(() => {\n    let active = true;\n    const BrowserImage = globalThis.Image;\n    const element = new BrowserImage();\n    const settle = () => {\n      active = false;\n      element.onload = null;\n      element.onerror = null;\n    };\n\n    element.onload = () => {\n      if (!active) return;\n      settle();\n      loadedImage.set({ src, element });\n    };\n    element.onerror = () => {\n      if (!active) return;\n      settle();\n      loadedImage.set(null);\n    };\n    element.src = src;\n\n    return () => {\n      active = false;\n      element.onload = null;\n      element.onerror = null;\n      element.removeAttribute('src');\n    };\n  }, [src]);\n\n  width = width ?? image?.naturalWidth ?? image?.width ?? 0;\n  height = height ?? image?.naturalHeight ?? image?.height ?? 0;\n\n  if (alignToPixelGrid) {\n    ({ x, y, width, height } = adjustRectangleToPixelGrid(\n      strokeWidth ?? 0,\n      x,\n      y,\n      width,\n      height,\n      alignToPixelGrid,\n    ));\n  }\n\n  const imagePath = useRectPath(x, y, width, height);\n\n  if (image) {\n    ctx.drawImage(image, x, y, width, height);\n  }\n\n  if (stroke && strokeWidth) {\n    ctx.strokeStyle = resolveTexturePaint(stroke, ctx, { x, y, width, height });\n    ctx.lineWidth = strokeWidth;\n    ctx.stroke(imagePath);\n  }\n\n  wireCommonEvents(\n    props,\n    imagePath,\n    true,\n    strokeWidth ?? 0,\n    cursor,\n    { x, y, width, height },\n  );\n}\n\n/**\n * Describes a Canvas image primitive for JSX or createElement authoring.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link ImageProps}\n * @see {@link ImgStyle}\n */\nexport const Image = definePrimitive<\n  ImageProps,\n  ImgStyle,\n  ImgStyle,\n  ResolvedImgStyle\n>(renderImage, {\n  resolveStyle: resolveImageStyle,\n  measure: measureImage,\n});\nregisterOpaqueStyleProperties(Image, ['src', 'stroke', 'cursor']);\n\nfunction resolveImageStyle(\n  style: Readonly<ImgStyle>,\n  context: Readonly<StyleResolutionContext>,\n): ResolvedImgStyle {\n  return {\n    ...stripLayoutParticipation(style),\n    x: 0,\n    y: 0,\n    width: resolveOptionalLength(\n      style.width,\n      context.percentageBasis.width,\n      'width',\n      context,\n    ),\n    height: resolveOptionalLength(\n      style.height,\n      context.percentageBasis.height,\n      'height',\n      context,\n    ),\n  } as ResolvedImgStyle;\n}\n\nfunction measureImage({\n  style,\n  constraints,\n}: MeasureInput<ImageProps, ImgStyle>): MeasureResult {\n  if (\n    style.width === undefined || style.width === 'auto' ||\n    style.height === undefined || style.height === 'auto'\n  ) {\n    return {\n      status: 'unsupported',\n      reason: 'Image natural dimensions are unavailable during pure measurement',\n    };\n  }\n  const context = {\n    component: 'Image',\n    algorithm: 'measurement' as const,\n    constraints,\n  };\n  return {\n    status: 'measured',\n    size: {\n      width: resolveScalarSizingLength(\n        style.width,\n        constraints.maxWidth,\n        'width',\n        context,\n      )!,\n      height: resolveScalarSizingLength(\n        style.height,\n        constraints.maxHeight,\n        'height',\n        context,\n      )!,\n    },\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/lib/components/layer.js

@@ -1,6 +1,15 @@
+import { getLayoutDirection, hasParentLayoutAllocation } from "../layout/context.js";
+import { registerLayoutSuspensionResource, unregisterLayoutSuspensionResource } from "../layout/participation.js";
+import { isLayoutComponent, prepareLayoutComponent } from "../layout/define-layout-component.js";
+import { isKnownLayoutType, registerKnownLayoutPreflight, preflightKnownLayout, attachPreparedLayoutSlot, stagePreparedBoundaryChildren, takePreparedBoundaryChildren, preparedBoundaryNeedsAllocationParent, retainPreparedBoundarySubtree } from "../layout/prepared-root.js";
+import { prepareLayoutChildren, prepareDirectChildStyle, resolveContainerBox } from "../layout/absolute.js";
+import { setPreNormalizedStyle } from "../style/resolve-dispatch.js";
+import { getChildPrimitiveReceiverToken } from "../element/metadata.js";
+import { preparedStyleValue, preparedStyleQuery } from "../style/responsive.js";
+import { nativeLayout } from "../layout/wasm/region.js";
 import { definePrimitive } from "../define-primitive.js";
 import { materializeContainerChildren } from "../element/children.js";
-import { createElement } from "../element/create-element.js";
+import { clonePibblElement, createElement } from "../element/create-element.js";
 import { Fragment } from "../element/fragment.js";
 import { executeRender } from "../execute-render.js";
 import {
@@ -21,7 +30,8 @@ import { getCurrentWorldTransform } from "../render-target.js";
 import { createLayerSurface } from "../surface/resolve-surface.js";
 import {
   completeInstanceRenderRevision,
-  hasPendingInstanceRender
+  hasPendingInstanceRender,
+  setInstanceAllocationParent
 } from "../scheduler/realm-scheduler.js";
 import {
   haveSameLayerNodeTree,
@@ -32,14 +42,20 @@ import {
 } from "./structural-events.js";
 function renderLayer(props, style, ctx) {
   wireStructuralEvents(props);
-  const materializedChildren = materializeContainerChildren(
-    props.children,
-    "Layer"
-  );
-  const nextRoot = createPrivateLayerRoot(materializedChildren);
   const canvas = GLOBAL_STATE.canvas;
   const { width = canvas.width, height = canvas.height } = style;
   const componentRefs = GLOBAL_STATE.componentRefs;
+  let preparedBoundary = componentRefs.element;
+  let preparedChildren = nativeLayout ? takePreparedBoundaryChildren(preparedBoundary) : void 0;
+  if (nativeLayout && !preparedChildren) {
+    const slot2 = preflightKnownLayout(preparedBoundary, style, { x: 0, y: 0, width, height }, GLOBAL_STATE.primitiveReceiverToken);
+    preparedBoundary = clonePibblElement(preparedBoundary);
+    attachPreparedLayoutSlot(preparedBoundary, slot2);
+    preparedChildren = takePreparedBoundaryChildren(preparedBoundary);
+  }
+  const materializedChildren = preparedChildren ?? materializeContainerChildren(props.children, "Layer");
+  const needsPreparedAllocationParent = nativeLayout && preparedBoundaryNeedsAllocationParent(preparedBoundary);
+  const nextRoot = createPrivateLayerRoot(materializedChildren);
   const parentInstance = getCurrentPibblInstance();
   const parentSurface = getSurfaceSnapshot(parentInstance);
   const layerSurface = createLayerSurface(
@@ -72,10 +88,17 @@ function renderLayer(props, style, ctx) {
       interactionLayer: interactionLayer2,
       logicalWidth: width,
       logicalHeight: height,
+      layoutDirection: void 0,
       focusRenderRevision: void 0,
       retainedTree: void 0
     };
+    const suspensionResource = {
+      suspendLayout: () => parentInstance.paintEntries.delete(interactionLayer2)
+    };
+    registerLayoutSuspensionResource(componentRefs, suspensionResource);
     componentRefs.teardowns.add(() => {
+      unregisterLayoutSuspensionResource(componentRefs, suspensionResource);
+      setInstanceAllocationParent(childInstance);
       childInstance.eventParent = void 0;
       parentInstance.paintEntries.delete(interactionLayer2);
       controller.dispose();
@@ -84,6 +107,12 @@ function renderLayer(props, style, ctx) {
   const slot = componentRefs.refs[0];
   const offscreenCanvas = slot.canvas;
   const layerPibbl = getPibblInstance(offscreenCanvas);
+  if (nativeLayout) setInstanceAllocationParent(
+    layerPibbl,
+    hasParentLayoutAllocation() || needsPreparedAllocationParent ? parentInstance : void 0
+  );
+  const layoutDirection = getLayoutDirection();
+  const directionChanged = slot.layoutDirection !== layoutDirection;
   const dimensionsChanged = slot.logicalWidth !== width || slot.logicalHeight !== height;
   const surfaceChanged = offscreenCanvas.width !== layerSurface.backingWidth || offscreenCanvas.height !== layerSurface.backingHeight;
   const { interactionLayer } = slot;
@@ -96,7 +125,7 @@ function renderLayer(props, style, ctx) {
   parentInstance.paintEntries.add(interactionLayer);
   const focusPolicy = parentInstance.eventRoot.focusPolicy;
   const focusRenderRevision = focusPolicy?.layerFocusRenderRevision?.(layerPibbl);
-  const shouldRender = GLOBAL_STATE.componentIsMounting || dimensionsChanged || surfaceChanged || !haveSameLayerNodeTree(slot.retainedTree, nextRoot) || slot.focusRenderRevision !== focusRenderRevision || hasPendingInstanceRender(layerPibbl);
+  const shouldRender = GLOBAL_STATE.componentIsMounting || dimensionsChanged || directionChanged || surfaceChanged || !haveSameLayerNodeTree(slot.retainedTree, nextRoot) || slot.focusRenderRevision !== focusRenderRevision || hasPendingInstanceRender(layerPibbl);
   if (shouldRender) {
     if (layerPibbl.surface.kind !== "layer") {
       throw new Error("Pibbl layer mounted without a derived surface.");
@@ -108,15 +137,24 @@ function renderLayer(props, style, ctx) {
     slot.logicalWidth = width;
     slot.logicalHeight = height;
     const renderedRevision = layerPibbl.requestedRenderRevision;
-    executeRender(
-      offscreenCanvas,
-      getCurrentPibblInstance().renderTimestamp,
-      nextRoot,
-      false
-    );
-    completeInstanceRenderRevision(layerPibbl, renderedRevision);
-    slot.retainedTree = snapshotLayerNodeTree(nextRoot);
+    const previousRootLayoutDirection = layerPibbl.rootLayoutDirection;
+    layerPibbl.rootLayoutDirection = layoutDirection;
+    try {
+      executeRender(
+        offscreenCanvas,
+        getCurrentPibblInstance().renderTimestamp,
+        nextRoot,
+        false
+      );
+      completeInstanceRenderRevision(layerPibbl, renderedRevision);
+      slot.retainedTree = snapshotLayerNodeTree(nextRoot);
+      slot.layoutDirection = layoutDirection;
+    } catch (error) {
+      layerPibbl.rootLayoutDirection = previousRootLayoutDirection;
+      throw error;
+    }
   } else {
+    if (nativeLayout) retainPreparedBoundarySubtree(preparedBoundary);
     parentInstance.eventRoot.focusPolicy?.replayRetainedSubtree(layerPibbl);
   }
   const renderedFocusPolicy = parentInstance.eventRoot.focusPolicy;
@@ -138,6 +176,50 @@ const Layer = definePrimitive(renderLayer, {
   childInput: "structural",
   resolveStyle: resolveLayerStyle
 });
+if (nativeLayout) registerKnownLayoutPreflight(Layer, (element, _style, content, receiver, slot) => {
+  const previous = GLOBAL_STATE.primitiveReceiverToken;
+  GLOBAL_STATE.primitiveReceiverToken = receiver;
+  try {
+    const children = prepareLayoutChildren(element.props.children, "Layer");
+    const placed = children.slice();
+    let occurrences;
+    for (let index = 0; index < children.length; index++) {
+      const child = children[index];
+      if (!isKnownLayoutType(child.type) && !isLayoutComponent(child.type)) continue;
+      let occurrence = 0;
+      if (child.key === void 0) {
+        occurrences ??= /* @__PURE__ */ new Map();
+        occurrence = occurrences.get(child.type) ?? 0;
+        occurrences.set(child.type, occurrence + 1);
+      }
+      const token = getChildPrimitiveReceiverToken(GLOBAL_STATE.renderTransaction, receiver, index);
+      const root = isLayoutComponent(child.type) ? prepareLayoutComponent(child, { receiverToken: token }) : child;
+      if (!isKnownLayoutType(root.type)) continue;
+      const component = root.type.name || "Layout";
+      const prepared = prepareDirectChildStyle(child, token, content, true);
+      const style = preparedStyleValue(prepared);
+      const context = { component, algorithm: "render-dispatch", allocation: content, percentageBasis: content, constraints: { minWidth: 0, maxWidth: content.width, minHeight: 0, maxHeight: content.height } };
+      let width, height;
+      if (root.type === Layer) {
+        const layerStyle = resolveLayerStyle(style, context);
+        width = layerStyle.width;
+        height = layerStyle.height;
+      } else {
+        const box = resolveContainerBox(style, context, component, "render-dispatch");
+        width = box.contentBox.width;
+        height = box.contentBox.height;
+      }
+      const nested = preflightKnownLayout(child, style, { x: 0, y: 0, width, height }, token, occurrence, slot);
+      const clone = clonePibblElement(child);
+      setPreNormalizedStyle(clone, style, child, token, preparedStyleQuery(prepared));
+      attachPreparedLayoutSlot(clone, nested);
+      placed[index] = clone;
+    }
+    stagePreparedBoundaryChildren(slot, placed);
+  } finally {
+    GLOBAL_STATE.primitiveReceiverToken = previous;
+  }
+});
 function resolveLayerStyle(style, context) {
   return {
     ...stripLayoutParticipation(style),

package/dist/lib/components/layer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/components/layer.ts"],
-  "sourcesContent": ["import { definePrimitive } from '../define-primitive.js';\nimport { materializeContainerChildren } from '../element/children.js';\nimport { createElement } from '../element/create-element.js';\nimport { Fragment, type FragmentProps } from '../element/fragment.js';\nimport { executeRender } from '../execute-render.js';\nimport {\n  getPibblInstance,\n  getCurrentPibblInstance,\n  GLOBAL_STATE,\n} from '../global-state.js';\nimport { mountPibbl } from '../mount-pibbl.js';\nimport {\n  PibblNodeInput,\n  PibblInteractionLayer,\n  RenderingContext2D,\n  SystemStyle,\n} from '../types.js';\nimport { PibblPaintEntryKind } from '../events/paint-entry.js';\nimport {\n  resolveRequiredLength,\n  stripLayoutParticipation,\n} from '../style/resolve-built-in.js';\nimport type {\n  BoxStyle,\n  LayoutItemStyle,\n  ResolvedDrawingStyle,\n} from '../style/types.js';\nimport {\n  getSurfaceSnapshot,\n} from '../surface/transform.js';\nimport { getCurrentWorldTransform } from '../render-target.js';\nimport { createLayerSurface } from '../surface/resolve-surface.js';\nimport {\n  completeInstanceRenderRevision,\n  hasPendingInstanceRender,\n} from '../scheduler/realm-scheduler.js';\nimport type { PibblElement } from '../element/types.js';\nimport {\n  haveSameLayerNodeTree,\n  snapshotLayerNodeTree,\n  type LayerNodeSnapshot,\n} from './layer-node-equality.js';\nimport {\n  type PibblStructuralEventProps,\n  wireStructuralEvents,\n} from './structural-events.js';\n\n/**\n * Authored inputs for Layer, including the declared data and presentation options.\n *\n * @see {@link PibblNodeInput}\n * @see {@link Layer}\n */\nexport interface LayerProps extends PibblStructuralEventProps {\n  /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */\n  children: PibblNodeInput;\n}\n\n/**\n * Supported geometry and presentation properties for Layer.\n *\n * @see {@link SystemStyle}\n * @see {@link BoxStyle}\n * @see {@link LayoutItemStyle}\n * @see {@link Layer}\n */\nexport interface LayerStyle extends SystemStyle, BoxStyle, LayoutItemStyle {}\n\ntype ResolvedLayerStyle = ResolvedDrawingStyle<LayerStyle> & {\n  width: number;\n  height: number;\n};\n\ninterface LayerSlot {\n  canvas: OffscreenCanvas;\n  interactionLayer: PibblInteractionLayer;\n  logicalWidth: number;\n  logicalHeight: number;\n  focusRenderRevision: number | undefined;\n  retainedTree: LayerNodeSnapshot | undefined;\n}\n\nfunction renderLayer(\n  props: LayerProps,\n  style: Readonly<ResolvedLayerStyle>,\n  ctx: RenderingContext2D,\n) {\n  wireStructuralEvents(props);\n  const materializedChildren = materializeContainerChildren(\n    props.children,\n    'Layer',\n  );\n  const nextRoot = createPrivateLayerRoot(materializedChildren);\n  const canvas = GLOBAL_STATE.canvas!;\n  const { width = canvas.width, height = canvas.height } = style;\n  const componentRefs = GLOBAL_STATE.componentRefs!;\n  const parentInstance = getCurrentPibblInstance();\n  const parentSurface = getSurfaceSnapshot(parentInstance);\n  const layerSurface = createLayerSurface(\n    width,\n    height,\n    parentSurface.backingPixelsPerLogicalUnitX,\n    parentSurface.backingPixelsPerLogicalUnitY,\n  );\n  if (GLOBAL_STATE.componentIsMounting) {\n    const offscreenCanvas = new OffscreenCanvas(\n      layerSurface.backingWidth,\n      layerSurface.backingHeight,\n    );\n    const controller = mountPibbl(offscreenCanvas, nextRoot, {\n      parent: canvas,\n      surface: layerSurface,\n    });\n    const childInstance = getPibblInstance(offscreenCanvas);\n    childInstance.eventParent = componentRefs;\n    const interactionLayer: PibblInteractionLayer = {\n      paintKind: PibblPaintEntryKind.NestedInstance,\n      instance: childInstance,\n      transform: new DOMMatrix(),\n      clippingStack: [],\n      bounds: createBounds(width, height),\n      resolveLocal: undefined,\n    };\n    componentRefs.refs[0] = {\n      canvas: offscreenCanvas,\n      interactionLayer,\n      logicalWidth: width,\n      logicalHeight: height,\n      focusRenderRevision: undefined,\n      retainedTree: undefined,\n    } satisfies LayerSlot;\n    componentRefs.teardowns.add(() => {\n      childInstance.eventParent = undefined;\n      parentInstance.paintEntries.delete(interactionLayer);\n      controller.dispose();\n    });\n  }\n\n  const slot = componentRefs.refs[0] as LayerSlot;\n  const offscreenCanvas = slot.canvas;\n  const layerPibbl = getPibblInstance(offscreenCanvas);\n  const dimensionsChanged = slot.logicalWidth !== width ||\n    slot.logicalHeight !== height;\n  const surfaceChanged =\n    offscreenCanvas.width !== layerSurface.backingWidth ||\n    offscreenCanvas.height !== layerSurface.backingHeight;\n\n  const { interactionLayer } = slot;\n  parentInstance.paintEntries.delete(interactionLayer);\n  interactionLayer.transform = getCurrentWorldTransform();\n  interactionLayer.clippingStack = Array.from(GLOBAL_STATE.clippingStack);\n  if (dimensionsChanged) {\n    interactionLayer.bounds = createBounds(width, height);\n  }\n  // Install the current bridge before entering the child render. Focus bounds\n  // collected by the child must never see the previous frame's transform.\n  parentInstance.paintEntries.add(interactionLayer);\n\n  const focusPolicy = parentInstance.eventRoot.focusPolicy;\n  const focusRenderRevision = focusPolicy?.layerFocusRenderRevision?.(layerPibbl);\n\n  const shouldRender =\n    GLOBAL_STATE.componentIsMounting ||\n    dimensionsChanged ||\n    surfaceChanged ||\n    !haveSameLayerNodeTree(slot.retainedTree, nextRoot) ||\n    slot.focusRenderRevision !== focusRenderRevision ||\n    hasPendingInstanceRender(layerPibbl);\n  if (shouldRender) {\n    if (layerPibbl.surface.kind !== 'layer') {\n      throw new Error('Pibbl layer mounted without a derived surface.');\n    }\n    layerPibbl.surface.snapshot = layerSurface;\n    layerPibbl.surface.managed = true;\n    offscreenCanvas.width = layerSurface.backingWidth;\n    offscreenCanvas.height = layerSurface.backingHeight;\n    slot.logicalWidth = width;\n    slot.logicalHeight = height;\n\n    const renderedRevision = layerPibbl.requestedRenderRevision;\n    executeRender(\n      offscreenCanvas,\n      getCurrentPibblInstance().renderTimestamp,\n      nextRoot,\n      false,\n    );\n    completeInstanceRenderRevision(layerPibbl, renderedRevision);\n    slot.retainedTree = snapshotLayerNodeTree(nextRoot);\n  } else {\n    parentInstance.eventRoot.focusPolicy?.replayRetainedSubtree(layerPibbl);\n  }\n  const renderedFocusPolicy = parentInstance.eventRoot.focusPolicy;\n  slot.focusRenderRevision =\n    renderedFocusPolicy?.layerFocusRenderRevision?.(layerPibbl);\n\n  parentInstance.eventRoot.html?.recordLayer(parentInstance, layerPibbl, interactionLayer, ctx.globalAlpha, ctx.globalCompositeOperation);\n\n  ctx.drawImage(\n    offscreenCanvas,\n    0,\n    0,\n    offscreenCanvas.width,\n    offscreenCanvas.height,\n    0,\n    0,\n    width,\n    height,\n  );\n\n}\n\n/**\n * Describes a retained offscreen composition layer.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link LayerProps}\n * @see {@link LayerStyle}\n */\nexport const Layer = definePrimitive<\n  LayerProps,\n  LayerStyle,\n  LayerStyle,\n  ResolvedLayerStyle\n>(renderLayer, {\n  childInput: 'structural',\n  resolveStyle: resolveLayerStyle,\n});\n\nfunction resolveLayerStyle(\n  style: Readonly<LayerStyle>,\n  context: Parameters<NonNullable<\n    import('../types.js').PrimitiveCapabilities<\n      LayerProps,\n      LayerStyle,\n      LayerStyle,\n      ResolvedLayerStyle\n    >['resolveStyle']\n  >>[1],\n): ResolvedLayerStyle {\n  return {\n    ...stripLayoutParticipation(style),\n    width: resolveRequiredLength(\n      style.width ?? context.allocation.width,\n      context.percentageBasis.width,\n      'width',\n      context,\n    ),\n    height: resolveRequiredLength(\n      style.height ?? context.allocation.height,\n      context.percentageBasis.height,\n      'height',\n      context,\n    ),\n  } as ResolvedLayerStyle;\n}\n\nfunction createPrivateLayerRoot(\n  children: readonly PibblElement<any>[],\n): PibblElement<FragmentProps> {\n  return createElement(Fragment, {\n    key: 'pibbl-layer-root',\n    children,\n  });\n}\n\nfunction createBounds(width: number, height: number): Path2D {\n  const bounds = new Path2D();\n  bounds.rect(0, 0, width, height);\n  return bounds;\n}\n"],
-  "mappings": "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",
-  "names": ["offscreenCanvas", "interactionLayer"]
+  "sourcesContent": ["import { getLayoutDirection, hasParentLayoutAllocation } from '../layout/context.js';\nimport { registerLayoutSuspensionResource, unregisterLayoutSuspensionResource } from '../layout/participation.js';\nimport { isLayoutComponent, prepareLayoutComponent } from '../layout/define-layout-component.js';\nimport { isKnownLayoutType, registerKnownLayoutPreflight, preflightKnownLayout, attachPreparedLayoutSlot, stagePreparedBoundaryChildren, takePreparedBoundaryChildren, preparedBoundaryNeedsAllocationParent, retainPreparedBoundarySubtree } from '../layout/prepared-root.js';\nimport { prepareLayoutChildren, prepareDirectChildStyle, resolveContainerBox } from '../layout/absolute.js';\nimport { setPreNormalizedStyle } from '../style/resolve-dispatch.js';\nimport { getChildPrimitiveReceiverToken } from '../element/metadata.js';\nimport { preparedStyleValue, preparedStyleQuery } from '../style/responsive.js';\nimport { nativeLayout } from '../layout/wasm/region.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { materializeContainerChildren } from '../element/children.js';\nimport { clonePibblElement, createElement } from '../element/create-element.js';\nimport { Fragment, type FragmentProps } from '../element/fragment.js';\nimport { executeRender } from '../execute-render.js';\nimport {\n  getPibblInstance,\n  getCurrentPibblInstance,\n  GLOBAL_STATE,\n} from '../global-state.js';\nimport { mountPibbl } from '../mount-pibbl.js';\nimport {\n  PibblNodeInput,\n  PibblInteractionLayer,\n  RenderingContext2D,\n  SystemStyle,\n} from '../types.js';\nimport { PibblPaintEntryKind } from '../events/paint-entry.js';\nimport {\n  resolveRequiredLength,\n  stripLayoutParticipation,\n} from '../style/resolve-built-in.js';\nimport type {\n  BoxStyle,\n  LayoutItemStyle,\n  ResolvedDrawingStyle,\n} from '../style/types.js';\nimport {\n  getSurfaceSnapshot,\n} from '../surface/transform.js';\nimport { getCurrentWorldTransform } from '../render-target.js';\nimport { createLayerSurface } from '../surface/resolve-surface.js';\nimport {\n  completeInstanceRenderRevision,\n  hasPendingInstanceRender,\n  setInstanceAllocationParent,\n} from '../scheduler/realm-scheduler.js';\nimport type { PibblElement } from '../element/types.js';\nimport {\n  haveSameLayerNodeTree,\n  snapshotLayerNodeTree,\n  type LayerNodeSnapshot,\n} from './layer-node-equality.js';\nimport {\n  type PibblStructuralEventProps,\n  wireStructuralEvents,\n} from './structural-events.js';\n\n/**\n * Authored inputs for Layer, including the declared data and presentation options.\n *\n * @see {@link PibblNodeInput}\n * @see {@link Layer}\n */\nexport interface LayerProps extends PibblStructuralEventProps {\n  /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */\n  children: PibblNodeInput;\n}\n\n/**\n * Supported geometry and presentation properties for Layer.\n *\n * @see {@link SystemStyle}\n * @see {@link BoxStyle}\n * @see {@link LayoutItemStyle}\n * @see {@link Layer}\n */\nexport interface LayerStyle extends SystemStyle, BoxStyle, LayoutItemStyle {}\n\ntype ResolvedLayerStyle = ResolvedDrawingStyle<LayerStyle> & {\n  width: number;\n  height: number;\n};\n\ninterface LayerSlot {\n  canvas: OffscreenCanvas;\n  interactionLayer: PibblInteractionLayer;\n  logicalWidth: number;\n  logicalHeight: number;\n  /** Direction used for the currently retained child bitmap. */\n  layoutDirection: 'ltr' | 'rtl' | undefined;\n  focusRenderRevision: number | undefined;\n  retainedTree: LayerNodeSnapshot | undefined;\n}\n\nfunction renderLayer(\n  props: LayerProps,\n  style: Readonly<ResolvedLayerStyle>,\n  ctx: RenderingContext2D,\n) {\n  wireStructuralEvents(props);\n  const canvas = GLOBAL_STATE.canvas!;\n  const { width = canvas.width, height = canvas.height } = style;\n  const componentRefs = GLOBAL_STATE.componentRefs!;\n  let preparedBoundary = componentRefs.element;\n  let preparedChildren = nativeLayout ? takePreparedBoundaryChildren(preparedBoundary) : undefined;\n  if (nativeLayout && !preparedChildren) {\n    const slot = preflightKnownLayout(preparedBoundary, style, { x: 0, y: 0, width, height }, GLOBAL_STATE.primitiveReceiverToken);\n    // Keep transaction metadata off the application-owned reusable descriptor.\n    preparedBoundary = clonePibblElement(preparedBoundary);\n    attachPreparedLayoutSlot(preparedBoundary, slot);\n    preparedChildren = takePreparedBoundaryChildren(preparedBoundary);\n  }\n  const materializedChildren = preparedChildren ?? materializeContainerChildren(props.children, 'Layer');\n  const needsPreparedAllocationParent = nativeLayout && preparedBoundaryNeedsAllocationParent(preparedBoundary);\n  const nextRoot = createPrivateLayerRoot(materializedChildren);\n  const parentInstance = getCurrentPibblInstance();\n  const parentSurface = getSurfaceSnapshot(parentInstance);\n  const layerSurface = createLayerSurface(\n    width,\n    height,\n    parentSurface.backingPixelsPerLogicalUnitX,\n    parentSurface.backingPixelsPerLogicalUnitY,\n  );\n  if (GLOBAL_STATE.componentIsMounting) {\n    const offscreenCanvas = new OffscreenCanvas(\n      layerSurface.backingWidth,\n      layerSurface.backingHeight,\n    );\n    const controller = mountPibbl(offscreenCanvas, nextRoot, {\n      parent: canvas,\n      surface: layerSurface,\n    });\n    const childInstance = getPibblInstance(offscreenCanvas);\n    childInstance.eventParent = componentRefs;\n    const interactionLayer: PibblInteractionLayer = {\n      paintKind: PibblPaintEntryKind.NestedInstance,\n      instance: childInstance,\n      transform: new DOMMatrix(),\n      clippingStack: [],\n      bounds: createBounds(width, height),\n      resolveLocal: undefined,\n    };\n    componentRefs.refs[0] = {\n      canvas: offscreenCanvas,\n      interactionLayer,\n      logicalWidth: width,\n      logicalHeight: height,\n      layoutDirection: undefined,\n      focusRenderRevision: undefined,\n      retainedTree: undefined,\n    } satisfies LayerSlot;\n    const suspensionResource = {\n      suspendLayout: () => parentInstance.paintEntries.delete(interactionLayer),\n    };\n    registerLayoutSuspensionResource(componentRefs, suspensionResource);\n    componentRefs.teardowns.add(() => {\n      unregisterLayoutSuspensionResource(componentRefs, suspensionResource);\n      setInstanceAllocationParent(childInstance);\n      childInstance.eventParent = undefined;\n      parentInstance.paintEntries.delete(interactionLayer);\n      controller.dispose();\n    });\n  }\n\n  const slot = componentRefs.refs[0] as LayerSlot;\n  const offscreenCanvas = slot.canvas;\n  const layerPibbl = getPibblInstance(offscreenCanvas);\n  if (nativeLayout) setInstanceAllocationParent(layerPibbl,\n    hasParentLayoutAllocation() || needsPreparedAllocationParent ? parentInstance : undefined);\n  const layoutDirection = getLayoutDirection();\n  const directionChanged = slot.layoutDirection !== layoutDirection;\n  const dimensionsChanged = slot.logicalWidth !== width ||\n    slot.logicalHeight !== height;\n  const surfaceChanged =\n    offscreenCanvas.width !== layerSurface.backingWidth ||\n    offscreenCanvas.height !== layerSurface.backingHeight;\n\n  const { interactionLayer } = slot;\n  parentInstance.paintEntries.delete(interactionLayer);\n  interactionLayer.transform = getCurrentWorldTransform();\n  interactionLayer.clippingStack = Array.from(GLOBAL_STATE.clippingStack);\n  if (dimensionsChanged) {\n    interactionLayer.bounds = createBounds(width, height);\n  }\n  // Install the current bridge before entering the child render. Focus bounds\n  // collected by the child must never see the previous frame's transform.\n  parentInstance.paintEntries.add(interactionLayer);\n\n  const focusPolicy = parentInstance.eventRoot.focusPolicy;\n  const focusRenderRevision = focusPolicy?.layerFocusRenderRevision?.(layerPibbl);\n\n  const shouldRender =\n    GLOBAL_STATE.componentIsMounting ||\n    dimensionsChanged ||\n    directionChanged ||\n    surfaceChanged ||\n    !haveSameLayerNodeTree(slot.retainedTree, nextRoot) ||\n    slot.focusRenderRevision !== focusRenderRevision ||\n    hasPendingInstanceRender(layerPibbl);\n  if (shouldRender) {\n    if (layerPibbl.surface.kind !== 'layer') {\n      throw new Error('Pibbl layer mounted without a derived surface.');\n    }\n    layerPibbl.surface.snapshot = layerSurface;\n    layerPibbl.surface.managed = true;\n    offscreenCanvas.width = layerSurface.backingWidth;\n    offscreenCanvas.height = layerSurface.backingHeight;\n    slot.logicalWidth = width;\n    slot.logicalHeight = height;\n\n    const renderedRevision = layerPibbl.requestedRenderRevision;\n    const previousRootLayoutDirection = layerPibbl.rootLayoutDirection;\n    layerPibbl.rootLayoutDirection = layoutDirection;\n    try {\n      executeRender(\n        offscreenCanvas,\n        getCurrentPibblInstance().renderTimestamp,\n        nextRoot,\n        false,\n      );\n      completeInstanceRenderRevision(layerPibbl, renderedRevision);\n      slot.retainedTree = snapshotLayerNodeTree(nextRoot);\n      slot.layoutDirection = layoutDirection;\n    } catch (error) {\n      layerPibbl.rootLayoutDirection = previousRootLayoutDirection;\n      throw error;\n    }\n  } else {\n    if (nativeLayout) retainPreparedBoundarySubtree(preparedBoundary);\n    parentInstance.eventRoot.focusPolicy?.replayRetainedSubtree(layerPibbl);\n  }\n  const renderedFocusPolicy = parentInstance.eventRoot.focusPolicy;\n  slot.focusRenderRevision =\n    renderedFocusPolicy?.layerFocusRenderRevision?.(layerPibbl);\n\n  parentInstance.eventRoot.html?.recordLayer(parentInstance, layerPibbl, interactionLayer, ctx.globalAlpha, ctx.globalCompositeOperation);\n\n  ctx.drawImage(\n    offscreenCanvas,\n    0,\n    0,\n    offscreenCanvas.width,\n    offscreenCanvas.height,\n    0,\n    0,\n    width,\n    height,\n  );\n\n}\n\n/**\n * Describes a retained offscreen composition layer.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link LayerProps}\n * @see {@link LayerStyle}\n */\nexport const Layer = definePrimitive<\n  LayerProps,\n  LayerStyle,\n  LayerStyle,\n  ResolvedLayerStyle\n>(renderLayer, {\n  childInput: 'structural',\n  resolveStyle: resolveLayerStyle,\n});\n\nif (nativeLayout) registerKnownLayoutPreflight(Layer, (element, _style, content, receiver, slot) => {\n  const previous = GLOBAL_STATE.primitiveReceiverToken;\n  GLOBAL_STATE.primitiveReceiverToken = receiver;\n  try {\n    const children = prepareLayoutChildren(element.props.children, 'Layer');\n    const placed = children.slice();\n    let occurrences: Map<Function, number> | undefined;\n    for (let index = 0; index < children.length; index++) {\n      const child = children[index];\n      // Layer is a raster boundary, not a layout algorithm for arbitrary children.\n      if (!isKnownLayoutType(child.type) && !isLayoutComponent(child.type)) continue;\n      let occurrence = 0;\n      if (child.key === undefined) {\n        occurrences ??= new Map(); occurrence = occurrences.get(child.type) ?? 0;\n        occurrences.set(child.type, occurrence + 1);\n      }\n      const token = getChildPrimitiveReceiverToken(GLOBAL_STATE.renderTransaction, receiver, index);\n      const root = isLayoutComponent(child.type) ? prepareLayoutComponent(child, { receiverToken: token }) : child;\n      if (!isKnownLayoutType(root.type)) continue;\n      const component = root.type.name || 'Layout';\n      const prepared = prepareDirectChildStyle(child, token, content, true);\n      const style = preparedStyleValue(prepared);\n      const context = { component, algorithm: 'render-dispatch' as const, allocation: content, percentageBasis: content, constraints: { minWidth: 0, maxWidth: content.width, minHeight: 0, maxHeight: content.height } };\n      // A nested raster boundary uses Layer's actual dimensions, not box layout.\n      let width: number, height: number;\n      if (root.type === Layer) {\n        const layerStyle = resolveLayerStyle(style, context);\n        width = layerStyle.width!; height = layerStyle.height!;\n      } else {\n        const box = resolveContainerBox(style, context, component, 'render-dispatch');\n        width = box.contentBox.width; height = box.contentBox.height;\n      }\n      const nested = preflightKnownLayout(child, style, { x: 0, y: 0, width, height }, token, occurrence, slot);\n      const clone = clonePibblElement(child);\n      setPreNormalizedStyle(clone, style, child, token, preparedStyleQuery(prepared));\n      attachPreparedLayoutSlot(clone, nested); placed[index] = clone;\n    }\n    stagePreparedBoundaryChildren(slot, placed);\n  } finally { GLOBAL_STATE.primitiveReceiverToken = previous; }\n});\n\nfunction resolveLayerStyle(\n  style: Readonly<LayerStyle>,\n  context: Parameters<NonNullable<\n    import('../types.js').PrimitiveCapabilities<\n      LayerProps,\n      LayerStyle,\n      LayerStyle,\n      ResolvedLayerStyle\n    >['resolveStyle']\n  >>[1],\n): ResolvedLayerStyle {\n  return {\n    ...stripLayoutParticipation(style),\n    width: resolveRequiredLength(\n      style.width ?? context.allocation.width,\n      context.percentageBasis.width,\n      'width',\n      context,\n    ),\n    height: resolveRequiredLength(\n      style.height ?? context.allocation.height,\n      context.percentageBasis.height,\n      'height',\n      context,\n    ),\n  } as ResolvedLayerStyle;\n}\n\nfunction createPrivateLayerRoot(\n  children: readonly PibblElement<any>[],\n): PibblElement<FragmentProps> {\n  return createElement(Fragment, {\n    key: 'pibbl-layer-root',\n    children,\n  });\n}\n\nfunction createBounds(width: number, height: number): Path2D {\n  const bounds = new Path2D();\n  bounds.rect(0, 0, width, height);\n  return bounds;\n}\n"],
+  "mappings": "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",
+  "names": ["slot", "offscreenCanvas", "interactionLayer"]
 }

package/dist/lib/components/text.d.ts

@@ -1,5 +1,6 @@
 import type { PibblEventFocusOptions, PibblEventHandlers, PibblEventParticipationOptions } from '../events/types.js';
 import type { TextStyle } from '../style/types.js';
+import { CanvasMeasurementService } from '../types.js';
 import type { PibblTextInput } from '../types.js';
 import type { PibblPhysics2DPropExtension } from '../types.js';
 /**
@@ -27,3 +28,18 @@ export interface TextProps extends PibblEventHandlers, PibblEventFocusOptions, P
  * @see {@link TextStyle}
  */
 export declare const Text: import("@pibbl/core").PibblPrimitiveComponent<TextProps, import("@pibbl/core").PrimitiveInput<TextProps, TextStyle>>;
+/** @internal Measure a materialized value without bypassing receiver reads. */
+export declare function measureLayoutTextNaturalRun(text: string, options: {
+    font: string;
+    service: CanvasMeasurementService;
+}): number;
+/** @internal Longest run under Text's existing ASCII-space wrapping contract. */
+export declare function measureLayoutTextMinimumWidth(props: Readonly<TextProps>, options: {
+    font: string;
+    service: CanvasMeasurementService;
+    receiverToken?: object;
+}): number;
+/** @internal Prepare measured Text through its existing transaction/receiver ownership. */
+export declare function prepareLayoutTextContent(props: Readonly<TextProps>, options: {
+    receiverToken?: object;
+}): string;

package/dist/lib/components/text.js

@@ -7,11 +7,14 @@ import {
   stripLayoutParticipation
 } from "../style/resolve-built-in.js";
 import { registerOpaqueStyleProperties } from "../style/resolve-dispatch.js";
-import { resolveLength } from "../style/resolve-length.js";
+import { resolveScalarSizingLength } from "../style/sizing-length.js";
+import { normalizeBoxInsets } from "../layout/box-insets.js";
 import { wireCommonEvents } from "../util/wire-common-events.js";
 import { pushClippingPath } from "../util/push-clipping-path.js";
 import { resolveTextClipBounds, resolveTextLayout } from "./text-layout.js";
 import { withReceiverInputProvision } from "../signals/input-provision.js";
+import { withSignalDependencyRole, withSignalWriteForbidden } from "../signals/graph.js";
+import { withHooksForbidden } from "../hooks/hook-slot.js";
 const materializedTextTransactions = /* @__PURE__ */ new WeakMap();
 function renderText(props, style, ctx) {
   const text = materializeTextContent(props);
@@ -85,28 +88,43 @@ function renderText(props, style, ctx) {
 }
 const Text = definePrimitive(renderText, {
   childInput: "text",
-  resolveStyle: (style, context) => ({
-    ...stripLayoutParticipation(style),
-    x: 0,
-    y: 0,
-    width: resolveOptionalLength(
-      style.width,
-      context.percentageBasis.width,
-      "width",
-      context
-    ),
-    height: resolveOptionalLength(
-      style.height,
-      context.percentageBasis.height,
-      "height",
-      context
-    )
-  }),
+  resolveStyle: (style, context) => {
+    let x = 0, y = 0;
+    if (style.padding !== void 0 || style.paddingStart !== void 0 || style.paddingEnd !== void 0 || style.borderWidth !== void 0 || style.borderStartWidth !== void 0 || style.borderEndWidth !== void 0) {
+      const insets = normalizeBoxInsets(style, context);
+      x = insets.left;
+      y = insets.top;
+    }
+    return {
+      ...stripLayoutParticipation(style),
+      x,
+      y,
+      width: resolveOptionalLength(
+        style.width,
+        context.percentageBasis.width,
+        "width",
+        context
+      ),
+      height: resolveOptionalLength(
+        style.height,
+        context.percentageBasis.height,
+        "height",
+        context
+      )
+    };
+  },
   measure: ({ props, style, constraints, service }) => measureTextStyle(
     materializeTextContent(props),
     style,
     constraints,
     service
+  ),
+  measureIntrinsic: ({ props, style, service }) => measureTextIntrinsic(props, style, service),
+  measureBaselines: ({ props, style, allocation, service }) => measureTextBaselines(
+    materializeTextContent(props),
+    style,
+    allocation,
+    service
   )
 });
 registerOpaqueStyleProperties(Text, [
@@ -118,14 +136,62 @@ registerOpaqueStyleProperties(Text, [
   "textBaseline",
   "textAlign"
 ]);
+function measureTextBaselines(text, style, allocation, service) {
+  if (text.length === 0) return { status: "unsupported", reason: "Text baseline measurement requires nonempty text" };
+  const measureAtBaseline = service.measureTextAtBaseline;
+  if (!measureAtBaseline) {
+    return {
+      status: "unsupported",
+      reason: "Text baseline measurement requires CanvasMeasurementService.measureTextAtBaseline"
+    };
+  }
+  const font = style.font ?? "13px sans-serif";
+  const textBaseline = style.textBaseline ?? "top";
+  const layout = resolveTextLayout(
+    (value) => measureAtBaseline.call(service, value, { font, textBaseline }),
+    text,
+    { ...style, x: 0, y: 0, width: allocation.width, height: allocation.height }
+  );
+  const firstLine = layout.lines[0];
+  const lastLine = layout.lines[layout.lines.length - 1];
+  if (!firstLine || !lastLine || firstLine.text.length === 0 || lastLine.text.length === 0) {
+    return { status: "unsupported", reason: "Text does not resolve a line for baseline measurement: requires a nonempty rendered baseline line" };
+  }
+  const firstMetrics = measureAtBaseline.call(service, firstLine.text, { font, textBaseline });
+  const first = firstLine.y - firstMetrics.alphabeticBaseline;
+  let last = first;
+  if (lastLine !== firstLine) {
+    const lastMetrics = measureAtBaseline.call(service, lastLine.text, { font, textBaseline });
+    last = lastLine.y - lastMetrics.alphabeticBaseline;
+  }
+  if (!Number.isFinite(first) || !Number.isFinite(last)) {
+    return {
+      status: "unsupported",
+      reason: "Canvas text metrics do not provide a finite alphabeticBaseline for Text baseline measurement"
+    };
+  }
+  return { status: "measured", first, last };
+}
+function measureTextIntrinsic(props, style, service) {
+  const text = prepareLayoutTextContent(props, {});
+  const font = style.font ?? "13px sans-serif";
+  const maximum = style.wrap ? measureLayoutTextNaturalRun(text, { font, service }) : service.measureText(text, font).width;
+  const minimum = style.wrap ? measureLayoutTextMinimumWidth(props, { font, service }) : maximum;
+  const intrinsicStyle = { ...style, width: void 0, height: void 0, fit: "visible" };
+  const minResult = measureTextStyle(text, intrinsicStyle, { minWidth: 0, maxWidth: minimum, minHeight: 0, maxHeight: Infinity }, service);
+  const maxResult = measureTextStyle(text, intrinsicStyle, { minWidth: 0, maxWidth: maximum, minHeight: 0, maxHeight: Infinity }, service);
+  if (minResult.status !== "measured") return minResult;
+  if (maxResult.status !== "measured") return maxResult;
+  return { status: "measured", minContent: { width: minimum, height: minResult.size.height }, maxContent: { width: maximum, height: maxResult.size.height } };
+}
 function measureTextStyle(text, style, constraints, service) {
   const context = {
     component: "Text",
     algorithm: "measurement",
     constraints
   };
-  const specifiedWidth = style.width === void 0 ? void 0 : resolveLength(style.width, constraints.maxWidth, "width", context);
-  const specifiedHeight = style.height === void 0 ? void 0 : resolveLength(style.height, constraints.maxHeight, "height", context);
+  const specifiedWidth = style.width === void 0 ? void 0 : resolveScalarSizingLength(style.width, constraints.maxWidth, "width", context);
+  const specifiedHeight = style.height === void 0 ? void 0 : resolveScalarSizingLength(style.height, constraints.maxHeight, "height", context);
   const layoutWidth = specifiedWidth ?? (style.wrap && Number.isFinite(constraints.maxWidth) ? constraints.maxWidth : void 0);
   const font = style.font ?? "13px sans-serif";
   const layout = resolveTextLayout(
@@ -147,9 +213,44 @@ function measureTextStyle(text, style, constraints, service) {
     }
   };
 }
-function materializeTextContent(props) {
+function measureLayoutTextNaturalRun(text, options) {
+  let start = 0;
+  while (text.charCodeAt(start) === 32) start++;
+  if (start === text.length) return 0;
+  const width = options.service.measureText(text.slice(start), options.font).width;
+  if (!Number.isFinite(width) || width < 0) {
+    throw new Error("Text intrinsic measurement requires a finite nonnegative natural width.");
+  }
+  return width;
+}
+function measureLayoutTextMinimumWidth(props, options) {
+  const text = prepareLayoutTextContent(props, { receiverToken: options.receiverToken });
+  let longest = 0;
+  let start = 0;
+  for (let index = 0; index <= text.length; index++) {
+    if (index !== text.length && text.charCodeAt(index) !== 32) continue;
+    if (index > start) {
+      const width = options.service.measureText(text.slice(start, index), options.font).width;
+      if (!Number.isFinite(width) || width < 0) {
+        throw new Error("Text intrinsic measurement requires finite nonnegative word widths.");
+      }
+      if (width > longest) longest = width;
+    }
+    start = index + 1;
+  }
+  return longest;
+}
+function prepareLayoutTextContent(props, options) {
+  return withSignalWriteForbidden(
+    "Signal writes are forbidden during Pibbl measurement",
+    () => withHooksForbidden(
+      "Pibbl hooks cannot be called while preparing measured Text content.",
+      () => materializeTextContent(props, options.receiverToken)
+    )
+  );
+}
+function materializeTextContent(props, receiver = GLOBAL_STATE.primitiveReceiverToken) {
   const transaction = GLOBAL_STATE.renderTransaction;
-  const receiver = GLOBAL_STATE.primitiveReceiverToken;
   if (!transaction || !receiver) {
     return materializeTextChildren(props.children, "Text");
   }
@@ -163,12 +264,18 @@ function materializeTextContent(props) {
   const materialized = withReceiverInputProvision(
     transaction,
     receiver,
-    () => materializeTextChildren(props.children, "Text")
+    () => withSignalDependencyRole(
+      "measurement",
+      () => materializeTextChildren(props.children, "Text")
+    )
   );
   receivers.set(receiver, materialized);
   return materialized;
 }
 export {
-  Text
+  Text,
+  measureLayoutTextMinimumWidth,
+  measureLayoutTextNaturalRun,
+  prepareLayoutTextContent
 };
 //# sourceMappingURL=text.js.map

package/dist/lib/components/text.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/components/text.ts"],
-  "sourcesContent": ["import { resolveTexturePaint } from '../textures/texture-protocol.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { materializeTextChildren } from '../element/children.js';\nimport { GLOBAL_STATE } from '../global-state.js';\nimport type {\n  PibblEventFocusOptions,\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n} from '../events/types.js';\nimport {\n  resolveOptionalLength,\n  stripLayoutParticipation,\n} from '../style/resolve-built-in.js';\nimport { registerOpaqueStyleProperties } from '../style/resolve-dispatch.js';\nimport type { ResolvedTextStyle, TextStyle } from '../style/types.js';\nimport {\n  CanvasMeasurementService,\n  MeasureResult,\n  RenderingContext2D,\n} from '../types.js';\nimport type { Constraints } from '../layout/types.js';\nimport type { PibblRenderTransaction, PibblTextInput } from '../types.js';\nimport type { PibblPhysics2DPropExtension } from '../types.js';\nimport { resolveLength } from '../style/resolve-length.js';\nimport { wireCommonEvents } from '../util/wire-common-events.js';\nimport { pushClippingPath } from '../util/push-clipping-path.js';\nimport { resolveTextClipBounds, resolveTextLayout } from './text-layout.js';\nimport { withReceiverInputProvision } from '../signals/input-provision.js';\n\n/**\n * Authored inputs for Text, including the declared data and presentation options.\n *\n * @see {@link PibblEventHandlers}\n * @see {@link PibblEventParticipationOptions}\n * @see {@link PibblPhysics2DPropExtension}\n * @see {@link PibblTextInput}\n * @see {@link Text}\n */\nexport interface TextProps\n  extends\n    PibblEventHandlers,\n    PibblEventFocusOptions,\n    PibblEventParticipationOptions,\n    PibblPhysics2DPropExtension {\n  /** Descendant content or the callback that supplies it. See {@link PibblTextInput}. */\n  children?: PibblTextInput;\n}\n\nconst materializedTextTransactions = new WeakMap<\n  PibblRenderTransaction,\n  WeakMap<object, string>\n>();\n\nfunction renderText(\n  props: TextProps,\n  style: Readonly<ResolvedTextStyle>,\n  ctx: RenderingContext2D,\n) {\n  const text = materializeTextContent(props);\n  const {\n    font = '13px sans-serif',\n    textBaseline = 'top',\n    textAlign = 'left',\n    fill,\n    stroke,\n    strokeWidth = 0,\n    opacity,\n    cursor,\n  } = style;\n\n  if (opacity !== undefined) {\n    ctx.globalAlpha = ctx.globalAlpha * opacity;\n  }\n\n  ctx.font = font;\n  ctx.textBaseline = textBaseline;\n  ctx.textAlign = textAlign;\n\n  const layout = resolveTextLayout(\n    value => ctx.measureText(value),\n    text,\n    style,\n  );\n  const clipBounds =\n    layout.clipBounds ?? resolveTextClipBounds(style, ctx.canvas.height);\n\n  let releaseClip: (() => void) | undefined;\n  if (clipBounds) {\n    const clipPath = new Path2D();\n    clipPath.rect(\n      clipBounds.x,\n      clipBounds.y,\n      clipBounds.width,\n      clipBounds.height,\n    );\n    releaseClip = pushClippingPath(ctx, clipPath);\n  }\n\n  try {\n    const textBounds = props.pointerEvents === 'none' ? undefined : new Path2D();\n\n    for (const line of layout.lines) {\n      if (stroke && strokeWidth) {\n        ctx.strokeStyle = resolveTexturePaint(stroke, ctx, layout.bounds ?? line.bounds);\n        ctx.lineWidth = strokeWidth;\n        ctx.strokeText(line.text, line.x, line.y, line.squishWidth);\n      }\n\n      if (fill) {\n        ctx.fillStyle = resolveTexturePaint(fill, ctx, layout.bounds ?? line.bounds);\n        ctx.fillText(line.text, line.x, line.y, line.squishWidth);\n      }\n\n      if (textBounds) {\n        textBounds.moveTo(line.bounds.x, line.bounds.y);\n        textBounds.lineTo(line.bounds.x + line.bounds.width, line.bounds.y);\n        textBounds.lineTo(\n          line.bounds.x + line.bounds.width,\n          line.bounds.y + line.bounds.height,\n        );\n        textBounds.lineTo(line.bounds.x, line.bounds.y + line.bounds.height);\n        textBounds.closePath();\n      }\n    }\n\n    wireCommonEvents(\n      props,\n      textBounds,\n      true,\n      strokeWidth,\n      cursor,\n      layout.bounds,\n    );\n  } finally {\n    releaseClip?.();\n  }\n}\n\n/**\n * Draws Canvas text from textual children using the resolved font, wrapping, fitting, and paint\n * style.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link TextProps}\n * @see {@link TextStyle}\n */\nexport const Text = definePrimitive<\n  TextProps,\n  TextStyle,\n  TextStyle,\n  ResolvedTextStyle\n>(renderText, {\n  childInput: 'text',\n  resolveStyle: (style, context) => ({\n    ...stripLayoutParticipation(style),\n    x: 0,\n    y: 0,\n    width: resolveOptionalLength(\n      style.width,\n      context.percentageBasis.width,\n      'width',\n      context,\n    ),\n    height: resolveOptionalLength(\n      style.height,\n      context.percentageBasis.height,\n      'height',\n      context,\n    ),\n  }) as ResolvedTextStyle,\n  measure: ({ props, style, constraints, service }) =>\n    measureTextStyle(\n      materializeTextContent(props),\n      style,\n      constraints,\n      service,\n    ),\n});\nregisterOpaqueStyleProperties(Text, [\n  'font',\n  'fill',\n  'stroke',\n  'cursor',\n  'fit',\n  'textBaseline',\n  'textAlign',\n]);\n\nfunction measureTextStyle(\n  text: string,\n  style: Readonly<TextStyle>,\n  constraints: Readonly<Constraints>,\n  service: CanvasMeasurementService,\n): MeasureResult {\n  const context = {\n    component: 'Text',\n    algorithm: 'measurement',\n    constraints,\n  };\n  const specifiedWidth = style.width === undefined ? undefined :\n    resolveLength(style.width, constraints.maxWidth, 'width', context);\n  const specifiedHeight = style.height === undefined ? undefined :\n    resolveLength(style.height, constraints.maxHeight, 'height', context);\n  const layoutWidth = specifiedWidth ?? (\n    style.wrap && Number.isFinite(constraints.maxWidth) ?\n      constraints.maxWidth :\n      undefined\n  );\n  const font = style.font ?? '13px sans-serif';\n  const layout = resolveTextLayout(\n    value => service.measureText(value, font),\n    text,\n    {\n      ...style,\n      x: 0,\n      y: 0,\n      width: layoutWidth,\n      height: specifiedHeight,\n    },\n  );\n  return {\n    status: 'measured',\n    size: {\n      width: specifiedWidth ?? (style.wrap && layoutWidth !== undefined ?\n        layoutWidth :\n        layout.bounds?.width ?? 0),\n      height: specifiedHeight ?? (style.wrap ?\n        layout.lines.length * (style.lineHeight ?? 13) :\n        layout.bounds?.height ?? 0),\n    },\n  };\n}\n\nfunction materializeTextContent(props: Readonly<TextProps>): string {\n  const transaction = GLOBAL_STATE.renderTransaction;\n  const receiver = GLOBAL_STATE.primitiveReceiverToken;\n  if (!transaction || !receiver) {\n    return materializeTextChildren(props.children, 'Text');\n  }\n\n  let receivers = materializedTextTransactions.get(transaction);\n  if (!receivers) {\n    receivers = new WeakMap();\n    materializedTextTransactions.set(transaction, receivers);\n  }\n  const cached = receivers.get(receiver);\n  if (cached !== undefined) return cached;\n  const materialized = withReceiverInputProvision(\n    transaction,\n    receiver,\n    () => materializeTextChildren(props.children, 'Text'),\n  );\n  receivers.set(receiver, materialized);\n  return materialized;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { resolveTexturePaint } from '../textures/texture-protocol.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { materializeTextChildren } from '../element/children.js';\nimport { GLOBAL_STATE } from '../global-state.js';\nimport type {\n  PibblEventFocusOptions,\n  PibblEventHandlers,\n  PibblEventParticipationOptions,\n} from '../events/types.js';\nimport {\n  resolveOptionalLength,\n  stripLayoutParticipation,\n} from '../style/resolve-built-in.js';\nimport { registerOpaqueStyleProperties } from '../style/resolve-dispatch.js';\nimport type { ResolvedTextStyle, TextStyle } from '../style/types.js';\nimport {\n  CanvasMeasurementService,\n  MeasureResult,\n  IntrinsicSizesResult,\n  RenderingContext2D,\n} from '../types.js';\nimport type { Constraints } from '../layout/types.js';\nimport type { PibblRenderTransaction, PibblTextInput } from '../types.js';\nimport type { PibblPhysics2DPropExtension } from '../types.js';\nimport { resolveScalarSizingLength } from '../style/sizing-length.js';\nimport { normalizeBoxInsets } from '../layout/box-insets.js';\nimport { wireCommonEvents } from '../util/wire-common-events.js';\nimport { pushClippingPath } from '../util/push-clipping-path.js';\nimport { resolveTextClipBounds, resolveTextLayout } from './text-layout.js';\nimport { withReceiverInputProvision } from '../signals/input-provision.js';\nimport { withSignalDependencyRole, withSignalWriteForbidden } from '../signals/graph.js';\nimport { withHooksForbidden } from '../hooks/hook-slot.js';\n\n/**\n * Authored inputs for Text, including the declared data and presentation options.\n *\n * @see {@link PibblEventHandlers}\n * @see {@link PibblEventParticipationOptions}\n * @see {@link PibblPhysics2DPropExtension}\n * @see {@link PibblTextInput}\n * @see {@link Text}\n */\nexport interface TextProps\n  extends\n    PibblEventHandlers,\n    PibblEventFocusOptions,\n    PibblEventParticipationOptions,\n    PibblPhysics2DPropExtension {\n  /** Descendant content or the callback that supplies it. See {@link PibblTextInput}. */\n  children?: PibblTextInput;\n}\n\nconst materializedTextTransactions = new WeakMap<\n  PibblRenderTransaction,\n  WeakMap<object, string>\n>();\n\nfunction renderText(\n  props: TextProps,\n  style: Readonly<ResolvedTextStyle>,\n  ctx: RenderingContext2D,\n) {\n  const text = materializeTextContent(props);\n  const {\n    font = '13px sans-serif',\n    textBaseline = 'top',\n    textAlign = 'left',\n    fill,\n    stroke,\n    strokeWidth = 0,\n    opacity,\n    cursor,\n  } = style;\n\n  if (opacity !== undefined) {\n    ctx.globalAlpha = ctx.globalAlpha * opacity;\n  }\n\n  ctx.font = font;\n  ctx.textBaseline = textBaseline;\n  ctx.textAlign = textAlign;\n\n  const layout = resolveTextLayout(\n    value => ctx.measureText(value),\n    text,\n    style,\n  );\n  const clipBounds =\n    layout.clipBounds ?? resolveTextClipBounds(style, ctx.canvas.height);\n\n  let releaseClip: (() => void) | undefined;\n  if (clipBounds) {\n    const clipPath = new Path2D();\n    clipPath.rect(\n      clipBounds.x,\n      clipBounds.y,\n      clipBounds.width,\n      clipBounds.height,\n    );\n    releaseClip = pushClippingPath(ctx, clipPath);\n  }\n\n  try {\n    const textBounds = props.pointerEvents === 'none' ? undefined : new Path2D();\n\n    for (const line of layout.lines) {\n      if (stroke && strokeWidth) {\n        ctx.strokeStyle = resolveTexturePaint(stroke, ctx, layout.bounds ?? line.bounds);\n        ctx.lineWidth = strokeWidth;\n        ctx.strokeText(line.text, line.x, line.y, line.squishWidth);\n      }\n\n      if (fill) {\n        ctx.fillStyle = resolveTexturePaint(fill, ctx, layout.bounds ?? line.bounds);\n        ctx.fillText(line.text, line.x, line.y, line.squishWidth);\n      }\n\n      if (textBounds) {\n        textBounds.moveTo(line.bounds.x, line.bounds.y);\n        textBounds.lineTo(line.bounds.x + line.bounds.width, line.bounds.y);\n        textBounds.lineTo(\n          line.bounds.x + line.bounds.width,\n          line.bounds.y + line.bounds.height,\n        );\n        textBounds.lineTo(line.bounds.x, line.bounds.y + line.bounds.height);\n        textBounds.closePath();\n      }\n    }\n\n    wireCommonEvents(\n      props,\n      textBounds,\n      true,\n      strokeWidth,\n      cursor,\n      layout.bounds,\n    );\n  } finally {\n    releaseClip?.();\n  }\n}\n\n/**\n * Draws Canvas text from textual children using the resolved font, wrapping, fitting, and paint\n * style.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link TextProps}\n * @see {@link TextStyle}\n */\nexport const Text = definePrimitive<\n  TextProps,\n  TextStyle,\n  TextStyle,\n  ResolvedTextStyle\n>(renderText, {\n  childInput: 'text',\n  resolveStyle: (style, context) => {\n    let x = 0, y = 0;\n    if (style.padding !== undefined || style.paddingStart !== undefined || style.paddingEnd !== undefined ||\n        style.borderWidth !== undefined || style.borderStartWidth !== undefined || style.borderEndWidth !== undefined) {\n      const insets = normalizeBoxInsets(style, context);\n      x = insets.left; y = insets.top;\n    }\n    return {\n      ...stripLayoutParticipation(style),\n      x,\n      y,\n      width: resolveOptionalLength(\n        style.width,\n        context.percentageBasis.width,\n        'width',\n        context,\n      ),\n      height: resolveOptionalLength(\n        style.height,\n        context.percentageBasis.height,\n        'height',\n        context,\n      ),\n    } as ResolvedTextStyle;\n  },\n  measure: ({ props, style, constraints, service }) =>\n    measureTextStyle(\n      materializeTextContent(props),\n      style,\n      constraints,\n      service,\n    ),\n  measureIntrinsic: ({ props, style, service }) => measureTextIntrinsic(props, style, service),\n  measureBaselines: ({ props, style, allocation, service }) =>\n    measureTextBaselines(\n      materializeTextContent(props),\n      style,\n      allocation,\n      service,\n    ),\n});\nregisterOpaqueStyleProperties(Text, [\n  'font',\n  'fill',\n  'stroke',\n  'cursor',\n  'fit',\n  'textBaseline',\n  'textAlign',\n]);\n\n\nfunction measureTextBaselines(\n  text: string,\n  style: Readonly<TextStyle>,\n  allocation: Readonly<{ width: number; height: number }>,\n  service: CanvasMeasurementService,\n) {\n  if (text.length === 0) return { status: 'unsupported' as const, reason: 'Text baseline measurement requires nonempty text' };\n  const measureAtBaseline = service.measureTextAtBaseline;\n  if (!measureAtBaseline) {\n    return {\n      status: 'unsupported' as const,\n      reason: 'Text baseline measurement requires CanvasMeasurementService.measureTextAtBaseline',\n    };\n  }\n  const font = style.font ?? '13px sans-serif';\n  const textBaseline = style.textBaseline ?? 'top';\n  const layout = resolveTextLayout(\n    value => measureAtBaseline.call(service, value, { font, textBaseline }),\n    text,\n    { ...style, x: 0, y: 0, width: allocation.width, height: allocation.height },\n  );\n  const firstLine = layout.lines[0];\n  const lastLine = layout.lines[layout.lines.length - 1];\n  if (!firstLine || !lastLine || firstLine.text.length === 0 || lastLine.text.length === 0) {\n    return { status: 'unsupported' as const, reason: 'Text does not resolve a line for baseline measurement: requires a nonempty rendered baseline line' };\n  }\n  const firstMetrics = measureAtBaseline.call(service, firstLine.text, { font, textBaseline });\n  const first = firstLine.y - firstMetrics.alphabeticBaseline;\n  let last = first;\n  if (lastLine !== firstLine) {\n    const lastMetrics = measureAtBaseline.call(service, lastLine.text, { font, textBaseline });\n    last = lastLine.y - lastMetrics.alphabeticBaseline;\n  }\n  if (!Number.isFinite(first) || !Number.isFinite(last)) {\n    return {\n      status: 'unsupported' as const,\n      reason: 'Canvas text metrics do not provide a finite alphabeticBaseline for Text baseline measurement',\n    };\n  }\n  return { status: 'measured' as const, first, last };\n}\n\n/** Width contributions and their respective natural heights share Text's existing wrap policy. */\nfunction measureTextIntrinsic(props: Readonly<TextProps>, style: Readonly<TextStyle>, service: CanvasMeasurementService): IntrinsicSizesResult {\n  const text = prepareLayoutTextContent(props, {});\n  const font = style.font ?? '13px sans-serif';\n  const maximum = style.wrap ? measureLayoutTextNaturalRun(text, { font, service }) : service.measureText(text, font).width;\n  const minimum = style.wrap ? measureLayoutTextMinimumWidth(props, { font, service }) : maximum;\n  const intrinsicStyle = { ...style, width: undefined, height: undefined, fit: 'visible' as const };\n  const minResult = measureTextStyle(text, intrinsicStyle, { minWidth: 0, maxWidth: minimum, minHeight: 0, maxHeight: Infinity }, service);\n  const maxResult = measureTextStyle(text, intrinsicStyle, { minWidth: 0, maxWidth: maximum, minHeight: 0, maxHeight: Infinity }, service);\n  if (minResult.status !== 'measured') return minResult;\n  if (maxResult.status !== 'measured') return maxResult;\n  return { status: 'measured', minContent: { width: minimum, height: minResult.size.height }, maxContent: { width: maximum, height: maxResult.size.height } };\n}\n\nfunction measureTextStyle(\n  text: string,\n  style: Readonly<TextStyle>,\n  constraints: Readonly<Constraints>,\n  service: CanvasMeasurementService,\n): MeasureResult {\n  const context = {\n    component: 'Text',\n    algorithm: 'measurement',\n    constraints,\n  };\n  const specifiedWidth = style.width === undefined ? undefined :\n    resolveScalarSizingLength(style.width, constraints.maxWidth, 'width', context);\n  const specifiedHeight = style.height === undefined ? undefined :\n    resolveScalarSizingLength(style.height, constraints.maxHeight, 'height', context);\n  const layoutWidth = specifiedWidth ?? (\n    style.wrap && Number.isFinite(constraints.maxWidth) ?\n      constraints.maxWidth :\n      undefined\n  );\n  const font = style.font ?? '13px sans-serif';\n  const layout = resolveTextLayout(\n    value => service.measureText(value, font),\n    text,\n    {\n      ...style,\n      x: 0,\n      y: 0,\n      width: layoutWidth,\n      height: specifiedHeight,\n    },\n  );\n  return {\n    status: 'measured',\n    size: {\n      width: specifiedWidth ?? (style.wrap && layoutWidth !== undefined ?\n        layoutWidth :\n        layout.bounds?.width ?? 0),\n      height: specifiedHeight ?? (style.wrap ?\n        layout.lines.length * (style.lineHeight ?? 13) :\n        layout.bounds?.height ?? 0),\n    },\n  };\n}\n\n/** @internal Measure a materialized value without bypassing receiver reads. */\nexport function measureLayoutTextNaturalRun(\n  text: string, options: { font: string; service: CanvasMeasurementService },\n): number {\n  // wrapText discards leading empty words but preserves later spaces. Use the\n  // same boundary rather than adding a CSS whitespace-normalization policy.\n  let start = 0;\n  while (text.charCodeAt(start) === 32) start++;\n  if (start === text.length) return 0;\n  const width = options.service.measureText(text.slice(start), options.font).width;\n  if (!Number.isFinite(width) || width < 0) {\n    throw new Error('Text intrinsic measurement requires a finite nonnegative natural width.');\n  }\n  return width;\n}\n\n/** @internal Longest run under Text's existing ASCII-space wrapping contract. */\nexport function measureLayoutTextMinimumWidth(\n  props: Readonly<TextProps>,\n  options: { font: string; service: CanvasMeasurementService; receiverToken?: object },\n): number {\n  const text = prepareLayoutTextContent(props, { receiverToken: options.receiverToken });\n  let longest = 0;\n  let start = 0;\n  for (let index = 0; index <= text.length; index++) {\n    if (index !== text.length && text.charCodeAt(index) !== 32) continue;\n    if (index > start) {\n      const width = options.service.measureText(text.slice(start, index), options.font).width;\n      if (!Number.isFinite(width) || width < 0) {\n        throw new Error('Text intrinsic measurement requires finite nonnegative word widths.');\n      }\n      if (width > longest) longest = width;\n    }\n    start = index + 1;\n  }\n  return longest;\n}\n\n/** @internal Prepare measured Text through its existing transaction/receiver ownership. */\nexport function prepareLayoutTextContent(\n  props: Readonly<TextProps>, options: { receiverToken?: object },\n): string {\n  return withSignalWriteForbidden('Signal writes are forbidden during Pibbl measurement', () =>\n    withHooksForbidden('Pibbl hooks cannot be called while preparing measured Text content.', () =>\n      materializeTextContent(props, options.receiverToken),\n    ),\n  );\n}\n\nfunction materializeTextContent(\n  props: Readonly<TextProps>, receiver = GLOBAL_STATE.primitiveReceiverToken,\n): string {\n  const transaction = GLOBAL_STATE.renderTransaction;\n  if (!transaction || !receiver) {\n    return materializeTextChildren(props.children, 'Text');\n  }\n\n  let receivers = materializedTextTransactions.get(transaction);\n  if (!receivers) {\n    receivers = new WeakMap();\n    materializedTextTransactions.set(transaction, receivers);\n  }\n  const cached = receivers.get(receiver);\n  if (cached !== undefined) return cached;\n  const materialized = withReceiverInputProvision(\n    transaction,\n    receiver,\n    () => withSignalDependencyRole(\n      'measurement',\n      () => materializeTextChildren(props.children, 'Text'),\n    ),\n  );\n  receivers.set(receiver, materialized);\n  return materialized;\n}\n"],
+  "mappings": "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",
   "names": []
 }