react-native-gtkx 0.2.0-alpha.2 → 0.3.0-alpha.1

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,0EAA0E;AAE1E,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,MAAM,EACN,QAAQ,EACR,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,IAAI,GAuCL,MAAM,oBAAoB,CAAA;AAM3B,OAAO,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,cAAc,EACd,mBAAmB,GAapB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAczD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAA","sourcesContent":["// Public surface of react-native-gtkx, mirroring the `react-native` module.\n// Components · APIs · StyleSheet, with the Yoga layout engine underneath.\n\nexport {\n  ActivityIndicator,\n  Animated,\n  AppRegistry,\n  Easing,\n  FlatList,\n  Image,\n  Modal,\n  IntrinsicRoot,\n  PanResponder,\n  NestedRoot,\n  Pressable,\n  Root,\n  SafeAreaView,\n  ScrollView,\n  SectionList,\n  StatusBar,\n  Switch,\n  Text,\n  TextInput,\n  TouchableOpacity,\n  View,\n  type ActivityIndicatorProps,\n  type FlatListProps,\n  type GestureResponderEvent,\n  type ImageProps,\n  type ImageSource,\n  type LayoutEvent,\n  type ListRenderItemInfo,\n  type MeasureHandle,\n  type MeasureInWindowOnSuccessCallback,\n  type MeasureLayoutOnSuccessCallback,\n  type MeasureOnSuccessCallback,\n  type ModalProps,\n  type NativeTouch,\n  type PanResponderCallbacks,\n  type PanResponderGestureState,\n  type PanResponderInstance,\n  type PressableProps,\n  type PressableStateCallbackType,\n  type IntrinsicRootProps,\n  type NestedRootProps,\n  type PressEvent,\n  type ResponderProps,\n  type RootProps,\n  type RunApplicationParams,\n  type ScrollEvent,\n  type ScrollViewHandle,\n  type ScrollViewProps,\n  type SectionListProps,\n  type SwitchProps,\n  type TextInputProps,\n  type TextProps,\n  type TouchHistory,\n  type TouchRecord,\n  type TouchableOpacityProps,\n  type ViewabilityConfig,\n  type ViewHandle,\n  type ViewProps,\n  type ViewToken,\n} from \"./components/index\"\n\n// List scroll handle (scrollTo/scrollToEnd/scrollToIndex/scrollToItem/\n// scrollToOffset) — exported straight from the component module.\nexport type { FlatListHandle } from \"./components/flat-list\"\n\nexport {\n  Alert,\n  Appearance,\n  AppState,\n  BackHandler,\n  DevSettings,\n  Dimensions,\n  I18nManager,\n  InteractionManager,\n  Linking,\n  Platform,\n  useColorScheme,\n  useWindowDimensions,\n  type AlertButton,\n  type AlertButtonStyle,\n  type AlertOptions,\n  type AppearancePreferences,\n  type AppStateEvent,\n  type AppStateStatus,\n  type ColorSchemeName,\n  type DimensionKey,\n  type DimensionsPayload,\n  type InteractionPromise,\n  type PlatformSelectSpec,\n  type ScaledSize,\n} from \"./apis/index\"\n\nexport { PlatformColor, StyleSheet } from \"./style/index\"\n\nexport type {\n  BoxShadowValue,\n  DimensionValue,\n  FlatStyle,\n  LayoutStyle,\n  PointerEventsValue,\n  StyleProp,\n  TextDecorationLine,\n  TransformPart,\n  VisualStyle,\n} from \"./contracts\"\n\nexport const version = \"0.1.0\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,0EAA0E;AAE1E,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,KAAK,EACL,aAAa,EACb,YAAY,EACZ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,gBAAgB,EAChB,wBAAwB,EACxB,IAAI,EACJ,eAAe,GA6ChB,MAAM,oBAAoB,CAAA;AAM3B,OAAO,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,cAAc,EACd,mBAAmB,GAiBpB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAiBzD,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAA","sourcesContent":["// Public surface of react-native-gtkx, mirroring the `react-native` module.\n// Components · APIs · StyleSheet, with the Yoga layout engine underneath.\n\nexport {\n  ActivityIndicator,\n  Animated,\n  AppRegistry,\n  Easing,\n  findNodeHandle,\n  FlatList,\n  Image,\n  Modal,\n  IntrinsicRoot,\n  PanResponder,\n  NestedRoot,\n  Pressable,\n  Root,\n  SafeAreaView,\n  ScrollView,\n  SectionList,\n  StatusBar,\n  Switch,\n  Text,\n  TextInput,\n  TouchableHighlight,\n  TouchableOpacity,\n  TouchableWithoutFeedback,\n  View,\n  VirtualizedList,\n  type ActivityIndicatorProps,\n  type FlatListProps,\n  type GestureResponderEvent,\n  type ImageHandle,\n  type ImageProps,\n  type ImageSource,\n  type LayoutEvent,\n  type ListRenderItemInfo,\n  type MeasureHandle,\n  type MeasureInWindowOnSuccessCallback,\n  type MeasureLayoutOnSuccessCallback,\n  type MeasureOnSuccessCallback,\n  type ItemLayout,\n  type ModalProps,\n  type NativeTouch,\n  type NodeHandle,\n  type PanResponderCallbacks,\n  type PanResponderGestureState,\n  type PanResponderInstance,\n  type PressableProps,\n  type PressableStateCallbackType,\n  type IntrinsicRootProps,\n  type NestedRootProps,\n  type PressEvent,\n  type ResponderProps,\n  type RootProps,\n  type RunApplicationParams,\n  type ScrollEvent,\n  type ScrollViewHandle,\n  type ScrollViewProps,\n  type SectionListProps,\n  type SwitchProps,\n  type TextHandle,\n  type TextInputProps,\n  type TextProps,\n  type TouchHistory,\n  type TouchRecord,\n  type TouchableHighlightProps,\n  type TouchableOpacityProps,\n  type TouchableWithoutFeedbackProps,\n  type ViewabilityConfig,\n  type ViewHandle,\n  type ViewProps,\n  type ViewToken,\n} from \"./components/index\"\n\n// List scroll handle (scrollTo/scrollToEnd/scrollToIndex/scrollToItem/\n// scrollToOffset) — exported straight from the component module.\nexport type { FlatListHandle } from \"./components/flat-list\"\n\nexport {\n  Alert,\n  Appearance,\n  AppState,\n  BackHandler,\n  DevSettings,\n  Dimensions,\n  I18nManager,\n  InteractionManager,\n  Keyboard,\n  Linking,\n  LogBox,\n  Platform,\n  useColorScheme,\n  useWindowDimensions,\n  type AlertButton,\n  type AlertButtonStyle,\n  type AlertOptions,\n  type AppearancePreferences,\n  type AppStateEvent,\n  type AppStateStatus,\n  type ColorSchemeName,\n  type DimensionKey,\n  type DimensionsPayload,\n  type InteractionPromise,\n  type KeyboardEvent,\n  type KeyboardEventName,\n  type LogBoxIgnorePattern,\n  type PlatformOSType,\n  type PlatformSelectSpec,\n  type ScaledSize,\n} from \"./apis/index\"\n\nexport { PlatformColor, StyleSheet } from \"./style/index\"\n\nexport type {\n  BoxShadowValue,\n  DimensionValue,\n  FlatStyle,\n  ImageStyle,\n  LayoutStyle,\n  PointerEventsValue,\n  StyleProp,\n  TextDecorationLine,\n  TextStyle,\n  TransformPart,\n  ViewStyle,\n  VisualStyle,\n} from \"./contracts\"\n\nexport const version = \"0.1.0\"\n"]}

package/dist/layout/driven-size.d.ts

@@ -0,0 +1,12 @@
+import type { LayoutNode } from "./node";
+export type DrivenSize = {
+    width?: number;
+    height?: number;
+};
+/**
+ * Lays `node`'s own subtree out at `size`, leaving the computed values on the
+ * Yoga nodes for a caller to read. The node's STYLE is restored before this
+ * returns — computed values survive it, so the driven layout is readable while
+ * the shadow tree is untouched.
+ */
+export declare const layoutSubtreeAtSize: (node: LayoutNode, size: DrivenSize) => void;

package/dist/layout/driven-size.js

@@ -0,0 +1,70 @@
+import { Direction, Edge, Unit } from "./yoga";
+/** The content box of the node's owner: what percentages inside it resolve against. */
+const ownerContentBox = (node) => {
+    const parent = node.parent;
+    if (!parent) {
+        return {
+            width: node.yoga.getComputedWidth(),
+            height: node.yoga.getComputedHeight(),
+        };
+    }
+    const owner = parent.yoga;
+    return {
+        width: owner.getComputedWidth() -
+            owner.getComputedPadding(Edge.Left) -
+            owner.getComputedPadding(Edge.Right),
+        height: owner.getComputedHeight() -
+            owner.getComputedPadding(Edge.Top) -
+            owner.getComputedPadding(Edge.Bottom),
+    };
+};
+const restore = (saved, set) => {
+    if (saved.unit === Unit.Point) {
+        set.point(saved.value);
+    }
+    else if (saved.unit === Unit.Percent) {
+        set.percent(saved.value);
+    }
+    else if (saved.unit === Unit.Auto) {
+        set.auto();
+    }
+    else {
+        set.reset();
+    }
+};
+/**
+ * Lays `node`'s own subtree out at `size`, leaving the computed values on the
+ * Yoga nodes for a caller to read. The node's STYLE is restored before this
+ * returns — computed values survive it, so the driven layout is readable while
+ * the shadow tree is untouched.
+ */
+export const layoutSubtreeAtSize = (node, size) => {
+    const yoga = node.yoga;
+    const owner = ownerContentBox(node);
+    const savedWidth = yoga.getWidth();
+    const savedHeight = yoga.getHeight();
+    if (size.width !== undefined) {
+        yoga.setWidth(size.width);
+    }
+    if (size.height !== undefined) {
+        yoga.setHeight(size.height);
+    }
+    yoga.calculateLayout(owner.width, owner.height, Direction.LTR);
+    if (size.width !== undefined) {
+        restore(savedWidth, {
+            point: (value) => yoga.setWidth(value),
+            percent: (value) => yoga.setWidthPercent(value),
+            auto: () => yoga.setWidthAuto(),
+            reset: () => yoga.setWidthAuto(),
+        });
+    }
+    if (size.height !== undefined) {
+        restore(savedHeight, {
+            point: (value) => yoga.setHeight(value),
+            percent: (value) => yoga.setHeightPercent(value),
+            auto: () => yoga.setHeightAuto(),
+            reset: () => yoga.setHeightAuto(),
+        });
+    }
+};
+//# sourceMappingURL=driven-size.js.map

package/dist/layout/driven-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"driven-size.js","sourceRoot":"","sources":["../../src/layout/driven-size.ts"],"names":[],"mappings":"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","sourcesContent":["// The pinned subtree pass: Yoga rooted at the ANIMATED NODE rather than at the\n// tree's root.\n//\n// A layout write normally costs what the CONTAINER costs, and the shape of\n// that cost is why animated layout is refused here at all: 52 / 133 / 496 µs\n// at 5 / 60 / 300 children, of which the biggest single line is not Yoga\n// (137 µs) but the engine's incremental COMMIT WALK (320 µs), which visits\n// every child the container re-solved even when 299 of 300 rects came back\n// identical (docs/research/animated-size.md §3).\n//\n// This pass pays neither. It pins the node's own size to the driven value,\n// asks Yoga to lay out THAT node — its container, its siblings and its\n// ancestors are never visited — and puts the style back, so the shadow tree is\n// exactly as React left it and no engine flush is dirtied. Measured at 6.6 µs\n// for a leaf and 23 µs for a node with wrapped text, FLAT at 5, 60 and 300\n// siblings.\n//\n// It is only correct where the change is genuinely confined to the node, and\n// that question is answered by ../style/animated-size.ts, not here.\n//\n// Two details had to be got right or the pass silently diverges from a full\n// one, and both were found by measuring rather than by reading:\n//\n//   - the available space is the OWNER's content box, not the node's own size.\n//     Percentages inside the node — its own padding included — resolve against\n//     the owner, so passing the node's size resolves `padding: \"5%\"` against\n//     400 where a real pass resolves it against 800.\n//   - pinning is what makes the pass resolve at all for a node whose size is\n//     `auto` or a `flex`: without it Yoga re-derives the size from the content\n//     and the driven value never lands.\nimport type { LayoutNode } from \"./node\"\nimport { Direction, Edge, Unit, type YogaNode, type YogaValue } from \"./yoga\"\n\nexport type DrivenSize = {\n  width?: number\n  height?: number\n}\n\n/** The content box of the node's owner: what percentages inside it resolve against. */\nconst ownerContentBox = (\n  node: LayoutNode,\n): { width: number; height: number } => {\n  const parent = node.parent\n  if (!parent) {\n    return {\n      width: node.yoga.getComputedWidth(),\n      height: node.yoga.getComputedHeight(),\n    }\n  }\n  const owner = parent.yoga\n  return {\n    width:\n      owner.getComputedWidth() -\n      owner.getComputedPadding(Edge.Left) -\n      owner.getComputedPadding(Edge.Right),\n    height:\n      owner.getComputedHeight() -\n      owner.getComputedPadding(Edge.Top) -\n      owner.getComputedPadding(Edge.Bottom),\n  }\n}\n\nconst restore = (\n  saved: YogaValue,\n  set: {\n    point: (value: number) => void\n    percent: (value: number) => void\n    auto: () => void\n    reset: () => void\n  },\n): void => {\n  if (saved.unit === Unit.Point) {\n    set.point(saved.value)\n  } else if (saved.unit === Unit.Percent) {\n    set.percent(saved.value)\n  } else if (saved.unit === Unit.Auto) {\n    set.auto()\n  } else {\n    set.reset()\n  }\n}\n\n/**\n * Lays `node`'s own subtree out at `size`, leaving the computed values on the\n * Yoga nodes for a caller to read. The node's STYLE is restored before this\n * returns — computed values survive it, so the driven layout is readable while\n * the shadow tree is untouched.\n */\nexport const layoutSubtreeAtSize = (\n  node: LayoutNode,\n  size: DrivenSize,\n): void => {\n  const yoga: YogaNode = node.yoga\n  const owner = ownerContentBox(node)\n  const savedWidth = yoga.getWidth()\n  const savedHeight = yoga.getHeight()\n  if (size.width !== undefined) {\n    yoga.setWidth(size.width)\n  }\n  if (size.height !== undefined) {\n    yoga.setHeight(size.height)\n  }\n  yoga.calculateLayout(owner.width, owner.height, Direction.LTR)\n  if (size.width !== undefined) {\n    restore(savedWidth, {\n      point: (value) => yoga.setWidth(value),\n      percent: (value) => yoga.setWidthPercent(value),\n      auto: () => yoga.setWidthAuto(),\n      reset: () => yoga.setWidthAuto(),\n    })\n  }\n  if (size.height !== undefined) {\n    restore(savedHeight, {\n      point: (value) => yoga.setHeight(value),\n      percent: (value) => yoga.setHeightPercent(value),\n      auto: () => yoga.setHeightAuto(),\n      reset: () => yoga.setHeightAuto(),\n    })\n  }\n}\n"]}

package/dist/layout/engine.d.ts

@@ -3,15 +3,31 @@ export type ViewportSize = {
     width: number;
     height: number;
 };
+export type LayoutEngineOptions = {
+    /**
+     * Whether this root REPORTS its Yoga content size to GTK rather than
+     * adopting a rectangle it is given — `IntrinsicRoot`, i.e. React Native
+     * content mounted directly in a GTK chrome slot.
+     *
+     * The one thing that reads it is the animated-size rule
+     * (../style/animated-size.ts): under a content-sized root every ancestor's
+     * size is derived from its children all the way up to the toplevel's own
+     * size request, which is the single configuration where a size write really
+     * does resize the window (docs/research/animated-size.md §4). Under an
+     * ordinary `Root` the climb ends at a viewport instead, and it cannot.
+     */
+    contentSized?: boolean;
+};
 export declare class LayoutEngine {
     readonly root: LayoutNode;
+    readonly contentSized: boolean;
     private viewport;
     private dirty;
     private scheduled;
     private disposed;
     private dirtyNodes;
     private walkAll;
-    constructor(viewport: ViewportSize);
+    constructor(viewport: ViewportSize, options?: LayoutEngineOptions);
     createNode(): LayoutNode;
     setViewport(viewport: ViewportSize): void;
     getViewport(): ViewportSize;

package/dist/layout/engine.js

@@ -1,27 +1,9 @@
 import { perfAddTime, perfBurst, perfCount, perfEnabled, perfGauge, perfNow, } from "../perf";
 import { getLiveNodeCount, LayoutNode } from "./node";
 import { Direction } from "./yoga";
-// One engine per window root. Batches every mutation (style, tree, measure
-// invalidation) into a single Yoga pass per microtask, then walks the shadow
-// tree, diffs rects and fires commit (widget move) + onLayout callbacks only
-// for nodes whose rect actually changed.
-//
-// The commit walk is INCREMENTAL: it descends only where this pass can have
-// changed something, so a small mutation inside a large stable shell costs
-// O(changed) instead of O(all nodes). Two signals drive the descent, and both
-// are needed:
-//   - Yoga's per-node `hasNewLayout` flag, which Yoga sets on every node it
-//     actually laid out. It covers the nodes a dirty set cannot know about:
-//     mutating one child re-lays out its FOLLOWING SIBLINGS (they shift) and
-//     any ancestor whose size followed, while untouched subtrees keep their
-//     cached layout — and their rects are parent-relative, so an unvisited
-//     subtree of a moved container is genuinely unchanged.
-//   - the engine's own dirty set (which node each mutation came from), which
-//     covers commits Yoga's flag does not imply: a re-measured leaf whose rect
-//     is identical still has to recommit, because measuring reset its widget
-//     size request.
 export class LayoutEngine {
     root;
+    contentSized;
     viewport;
     dirty = false;
     scheduled = false;
@@ -33,8 +15,9 @@ export class LayoutEngine {
     // a viewport change or a speculative measureContent pass, both of which can
     // move anything — and for the first flush, where nothing has a rect yet.
     walkAll = true;
-    constructor(viewport) {
+    constructor(viewport, options) {
         this.viewport = viewport;
+        this.contentSized = options?.contentSized ?? false;
         this.root = new LayoutNode(this.requestFlush);
     }
     createNode() {

package/dist/layout/engine.js.map

@@ -1 +1 @@
-{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../src/layout/engine.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Rect } from \"../contracts\"\nimport {\n  perfAddTime,\n  perfBurst,\n  perfCount,\n  perfEnabled,\n  perfGauge,\n  perfNow,\n} from \"../perf\"\nimport { getLiveNodeCount, LayoutNode } from \"./node\"\nimport { Direction } from \"./yoga\"\n\nexport type ViewportSize = { width: number; height: number }\n\n// One engine per window root. Batches every mutation (style, tree, measure\n// invalidation) into a single Yoga pass per microtask, then walks the shadow\n// tree, diffs rects and fires commit (widget move) + onLayout callbacks only\n// for nodes whose rect actually changed.\n//\n// The commit walk is INCREMENTAL: it descends only where this pass can have\n// changed something, so a small mutation inside a large stable shell costs\n// O(changed) instead of O(all nodes). Two signals drive the descent, and both\n// are needed:\n//   - Yoga's per-node `hasNewLayout` flag, which Yoga sets on every node it\n//     actually laid out. It covers the nodes a dirty set cannot know about:\n//     mutating one child re-lays out its FOLLOWING SIBLINGS (they shift) and\n//     any ancestor whose size followed, while untouched subtrees keep their\n//     cached layout — and their rects are parent-relative, so an unvisited\n//     subtree of a moved container is genuinely unchanged.\n//   - the engine's own dirty set (which node each mutation came from), which\n//     covers commits Yoga's flag does not imply: a re-measured leaf whose rect\n//     is identical still has to recommit, because measuring reset its widget\n//     size request.\nexport class LayoutEngine {\n  readonly root: LayoutNode\n\n  private viewport: ViewportSize\n  private dirty = false\n  private scheduled = false\n  private disposed = false\n  // Nodes mutated since the last flush (setStyle/insertChild/removeChild/\n  // markDirty/setMeasureFn). Cleared by every flush.\n  private dirtyNodes = new Set<LayoutNode>()\n  // Set when the engine is dirtied by something that is not a single node —\n  // a viewport change or a speculative measureContent pass, both of which can\n  // move anything — and for the first flush, where nothing has a rect yet.\n  private walkAll = true\n\n  constructor(viewport: ViewportSize) {\n    this.viewport = viewport\n    this.root = new LayoutNode(this.requestFlush)\n  }\n\n  createNode(): LayoutNode {\n    return new LayoutNode(this.requestFlush)\n  }\n\n  setViewport(viewport: ViewportSize): void {\n    if (\n      viewport.width === this.viewport.width &&\n      viewport.height === this.viewport.height\n    ) {\n      return\n    }\n    this.viewport = viewport\n    this.walkAll = true\n    this.requestFlush()\n  }\n\n  getViewport(): ViewportSize {\n    return this.viewport\n  }\n\n  // Synchronous pass — used by tests and by resize handling when the caller\n  // needs rects immediately after a mutation.\n  flushSync(): void {\n    if (!this.dirty || this.disposed) {\n      return\n    }\n    this.dirty = false\n    const start = perfEnabled ? perfNow() : 0\n    this.root.yoga.calculateLayout(\n      this.viewport.width,\n      this.viewport.height,\n      Direction.LTR,\n    )\n    if (perfEnabled) {\n      perfAddTime(\"engine.yoga\", perfNow() - start)\n    }\n    this.commitTree(this.root)\n    if (perfEnabled) {\n      const elapsed = perfNow() - start\n      perfAddTime(\"engine.flush\", elapsed)\n      perfBurst(\"engine.flushMsPerFrame\", elapsed)\n    }\n  }\n\n  // Intrinsic content size for measure vfuncs: lays the tree out WITHOUT\n  // committing widget rects (GTK forbids allocation during measure) and\n  // leaves the engine dirty so the next allocate-time flush recomputes\n  // against the real viewport instead of these speculative constraints.\n  measureContent(\n    orientation: \"horizontal\" | \"vertical\",\n    forSize: number,\n  ): number {\n    if (this.disposed) {\n      return 0\n    }\n    const width =\n      orientation === \"vertical\" && forSize > 0 ? forSize : undefined\n    this.root.yoga.calculateLayout(width, undefined, Direction.LTR)\n    const size =\n      orientation === \"horizontal\"\n        ? this.root.yoga.getComputedWidth()\n        : this.root.yoga.getComputedHeight()\n    this.dirty = true\n    // Speculative constraints may have re-measured leaves anywhere in the\n    // tree; the next real flush has to re-commit all of them.\n    this.walkAll = true\n    return Math.ceil(size)\n  }\n\n  dispose(): void {\n    if (this.disposed) {\n      return\n    }\n    this.disposed = true\n    this.freeTree(this.root)\n    this.dirtyNodes.clear()\n  }\n\n  private requestFlush = (node?: LayoutNode): void => {\n    this.dirty = true\n    if (node === undefined) {\n      this.walkAll = true\n    } else {\n      this.dirtyNodes.add(node)\n    }\n    if (this.scheduled || this.disposed) {\n      return\n    }\n    this.scheduled = true\n    queueMicrotask(() => {\n      this.scheduled = false\n      this.flushSync()\n    })\n  }\n\n  // Pre-order walk: parents commit before children so a child is always\n  // positioned inside an already-sized container.\n  private commitTree(node: LayoutNode): void {\n    const entries: Array<{ node: LayoutNode; rect: Rect; changed: boolean }> =\n      []\n    const walkAll = this.walkAll\n    const visited = this.collectChanges(\n      node,\n      entries,\n      walkAll,\n      walkAll ? null : this.dirtyPath(),\n    )\n    // Mutations made by the callbacks below belong to the NEXT flush.\n    this.walkAll = false\n    this.dirtyNodes.clear()\n    if (perfEnabled) {\n      perfCount(\"engine.flushes\")\n      perfCount(\"engine.commits\", entries.length)\n      perfCount(\"engine.visited\", visited)\n      perfGauge(\"engine.nodes\", getLiveNodeCount())\n    }\n    for (const entry of entries) {\n      entry.node.notifyCommit(entry.rect)\n    }\n    // onLayout fires after the whole pass is committed, like React Native.\n    for (const entry of entries) {\n      if (entry.changed) {\n        entry.node.notifyLayout(entry.rect)\n      }\n    }\n  }\n\n  // Every dirty node plus its ancestors: the paths the walk must follow even\n  // where Yoga reports no new layout. Nodes already detached from the root\n  // (freed mid-tick) simply lead nowhere — the walk never reaches them.\n  private dirtyPath(): Set<LayoutNode> {\n    const path = new Set<LayoutNode>()\n    for (const node of this.dirtyNodes) {\n      let current: LayoutNode | null = node\n      while (current !== null && !path.has(current)) {\n        path.add(current)\n        current = current.parent\n      }\n    }\n    return path\n  }\n\n  // Returns the number of visited nodes (perf: the walk size per flush).\n  private collectChanges(\n    node: LayoutNode,\n    out: Array<{ node: LayoutNode; rect: Rect; changed: boolean }>,\n    walkAll: boolean,\n    path: Set<LayoutNode> | null,\n  ): number {\n    const change = node.collectChange()\n    if (change !== null) {\n      out.push({ node, rect: change.rect, changed: change.changed })\n    }\n    // Consume the flag: only nodes Yoga lays out again will raise it anew.\n    node.yoga.markLayoutSeen()\n    let visited = 1\n    for (const child of node.children) {\n      if (\n        walkAll ||\n        child.yoga.hasNewLayout() ||\n        (path !== null && path.has(child))\n      ) {\n        visited += this.collectChanges(child, out, walkAll, path)\n      }\n    }\n    return visited\n  }\n\n  private freeTree(node: LayoutNode): void {\n    for (const child of [...node.children]) {\n      this.freeTree(child)\n    }\n    node.free()\n  }\n}\n"]}
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../src/layout/engine.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,GACR,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAuClC,MAAM,OAAO,YAAY;IACd,IAAI,CAAY;IAEhB,YAAY,CAAS;IAEtB,QAAQ,CAAc;IACtB,KAAK,GAAG,KAAK,CAAA;IACb,SAAS,GAAG,KAAK,CAAA;IACjB,QAAQ,GAAG,KAAK,CAAA;IACxB,wEAAwE;IACxE,mDAAmD;IAC3C,UAAU,GAAG,IAAI,GAAG,EAAc,CAAA;IAC1C,0EAA0E;IAC1E,4EAA4E;IAC5E,yEAAyE;IACjE,OAAO,GAAG,IAAI,CAAA;IAEtB,YAAY,QAAsB,EAAE,OAA6B;QAC/D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACxB,IAAI,CAAC,YAAY,GAAG,OAAO,EAAE,YAAY,IAAI,KAAK,CAAA;QAClD,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAC/C,CAAC;IAED,UAAU;QACR,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAC1C,CAAC;IAED,WAAW,CAAC,QAAsB;QAChC,IACE,QAAQ,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,KAAK;YACtC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,EACxC,CAAC;YACD,OAAM;QACR,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACxB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,QAAQ,CAAA;IACtB,CAAC;IAED,0EAA0E;IAC1E,4CAA4C;IAC5C,SAAS;QACP,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjC,OAAM;QACR,CAAC;QACD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;QAClB,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAC5B,IAAI,CAAC,QAAQ,CAAC,KAAK,EACnB,IAAI,CAAC,QAAQ,CAAC,MAAM,EACpB,SAAS,CAAC,GAAG,CACd,CAAA;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,CAAA;QAC/C,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC1B,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,OAAO,GAAG,OAAO,EAAE,GAAG,KAAK,CAAA;YACjC,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;YACpC,SAAS,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC;IAED,uEAAuE;IACvE,sEAAsE;IACtE,qEAAqE;IACrE,sEAAsE;IACtE,cAAc,CACZ,WAAsC,EACtC,OAAe;QAEf,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,CAAC,CAAA;QACV,CAAC;QACD,MAAM,KAAK,GACT,WAAW,KAAK,UAAU,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;QACjE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/D,MAAM,IAAI,GACR,WAAW,KAAK,YAAY;YAC1B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACnC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,sEAAsE;QACtE,0DAA0D;QAC1D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA;IACzB,CAAC;IAEO,YAAY,GAAG,CAAC,IAAiB,EAAQ,EAAE;QACjD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACrB,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAM;QACR,CAAC;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,cAAc,CAAC,GAAG,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;YACtB,IAAI,CAAC,SAAS,EAAE,CAAA;QAClB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,sEAAsE;IACtE,gDAAgD;IACxC,UAAU,CAAC,IAAgB;QACjC,MAAM,OAAO,GACX,EAAE,CAAA;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CACjC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAClC,CAAA;QACD,kEAAkE;QAClE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA;QACvB,IAAI,WAAW,EAAE,CAAC;YAChB,SAAS,CAAC,gBAAgB,CAAC,CAAA;YAC3B,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;YAC3C,SAAS,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;YACpC,SAAS,CAAC,cAAc,EAAE,gBAAgB,EAAE,CAAC,CAAA;QAC/C,CAAC;QACD,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACrC,CAAC;QACD,uEAAuE;QACvE,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACrC,CAAC;QACH,CAAC;IACH,CAAC;IAED,2EAA2E;IAC3E,yEAAyE;IACzE,sEAAsE;IAC9D,SAAS;QACf,MAAM,IAAI,GAAG,IAAI,GAAG,EAAc,CAAA;QAClC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACnC,IAAI,OAAO,GAAsB,IAAI,CAAA;YACrC,OAAO,OAAO,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC9C,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;gBACjB,OAAO,GAAG,OAAO,CAAC,MAAM,CAAA;YAC1B,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC;IAED,uEAAuE;IAC/D,cAAc,CACpB,IAAgB,EAChB,GAA8D,EAC9D,OAAgB,EAChB,IAA4B;QAE5B,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAA;QACnC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAA;QAChE,CAAC;QACD,uEAAuE;QACvE,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAA;QAC1B,IAAI,OAAO,GAAG,CAAC,CAAA;QACf,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,IACE,OAAO;gBACP,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE;gBACzB,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAClC,CAAC;gBACD,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;YAC3D,CAAC;QACH,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAEO,QAAQ,CAAC,IAAgB;QAC/B,KAAK,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;QACD,IAAI,CAAC,IAAI,EAAE,CAAA;IACb,CAAC;CACF","sourcesContent":["import type { Rect } from \"../contracts\"\nimport {\n  perfAddTime,\n  perfBurst,\n  perfCount,\n  perfEnabled,\n  perfGauge,\n  perfNow,\n} from \"../perf\"\nimport { getLiveNodeCount, LayoutNode } from \"./node\"\nimport { Direction } from \"./yoga\"\n\nexport type ViewportSize = { width: number; height: number }\n\n// One engine per window root. Batches every mutation (style, tree, measure\n// invalidation) into a single Yoga pass per microtask, then walks the shadow\n// tree, diffs rects and fires commit (widget move) + onLayout callbacks only\n// for nodes whose rect actually changed.\n//\n// The commit walk is INCREMENTAL: it descends only where this pass can have\n// changed something, so a small mutation inside a large stable shell costs\n// O(changed) instead of O(all nodes). Two signals drive the descent, and both\n// are needed:\n//   - Yoga's per-node `hasNewLayout` flag, which Yoga sets on every node it\n//     actually laid out. It covers the nodes a dirty set cannot know about:\n//     mutating one child re-lays out its FOLLOWING SIBLINGS (they shift) and\n//     any ancestor whose size followed, while untouched subtrees keep their\n//     cached layout — and their rects are parent-relative, so an unvisited\n//     subtree of a moved container is genuinely unchanged.\n//   - the engine's own dirty set (which node each mutation came from), which\n//     covers commits Yoga's flag does not imply: a re-measured leaf whose rect\n//     is identical still has to recommit, because measuring reset its widget\n//     size request.\nexport type LayoutEngineOptions = {\n  /**\n   * Whether this root REPORTS its Yoga content size to GTK rather than\n   * adopting a rectangle it is given — `IntrinsicRoot`, i.e. React Native\n   * content mounted directly in a GTK chrome slot.\n   *\n   * The one thing that reads it is the animated-size rule\n   * (../style/animated-size.ts): under a content-sized root every ancestor's\n   * size is derived from its children all the way up to the toplevel's own\n   * size request, which is the single configuration where a size write really\n   * does resize the window (docs/research/animated-size.md §4). Under an\n   * ordinary `Root` the climb ends at a viewport instead, and it cannot.\n   */\n  contentSized?: boolean\n}\n\nexport class LayoutEngine {\n  readonly root: LayoutNode\n\n  readonly contentSized: boolean\n\n  private viewport: ViewportSize\n  private dirty = false\n  private scheduled = false\n  private disposed = false\n  // Nodes mutated since the last flush (setStyle/insertChild/removeChild/\n  // markDirty/setMeasureFn). Cleared by every flush.\n  private dirtyNodes = new Set<LayoutNode>()\n  // Set when the engine is dirtied by something that is not a single node —\n  // a viewport change or a speculative measureContent pass, both of which can\n  // move anything — and for the first flush, where nothing has a rect yet.\n  private walkAll = true\n\n  constructor(viewport: ViewportSize, options?: LayoutEngineOptions) {\n    this.viewport = viewport\n    this.contentSized = options?.contentSized ?? false\n    this.root = new LayoutNode(this.requestFlush)\n  }\n\n  createNode(): LayoutNode {\n    return new LayoutNode(this.requestFlush)\n  }\n\n  setViewport(viewport: ViewportSize): void {\n    if (\n      viewport.width === this.viewport.width &&\n      viewport.height === this.viewport.height\n    ) {\n      return\n    }\n    this.viewport = viewport\n    this.walkAll = true\n    this.requestFlush()\n  }\n\n  getViewport(): ViewportSize {\n    return this.viewport\n  }\n\n  // Synchronous pass — used by tests and by resize handling when the caller\n  // needs rects immediately after a mutation.\n  flushSync(): void {\n    if (!this.dirty || this.disposed) {\n      return\n    }\n    this.dirty = false\n    const start = perfEnabled ? perfNow() : 0\n    this.root.yoga.calculateLayout(\n      this.viewport.width,\n      this.viewport.height,\n      Direction.LTR,\n    )\n    if (perfEnabled) {\n      perfAddTime(\"engine.yoga\", perfNow() - start)\n    }\n    this.commitTree(this.root)\n    if (perfEnabled) {\n      const elapsed = perfNow() - start\n      perfAddTime(\"engine.flush\", elapsed)\n      perfBurst(\"engine.flushMsPerFrame\", elapsed)\n    }\n  }\n\n  // Intrinsic content size for measure vfuncs: lays the tree out WITHOUT\n  // committing widget rects (GTK forbids allocation during measure) and\n  // leaves the engine dirty so the next allocate-time flush recomputes\n  // against the real viewport instead of these speculative constraints.\n  measureContent(\n    orientation: \"horizontal\" | \"vertical\",\n    forSize: number,\n  ): number {\n    if (this.disposed) {\n      return 0\n    }\n    const width =\n      orientation === \"vertical\" && forSize > 0 ? forSize : undefined\n    this.root.yoga.calculateLayout(width, undefined, Direction.LTR)\n    const size =\n      orientation === \"horizontal\"\n        ? this.root.yoga.getComputedWidth()\n        : this.root.yoga.getComputedHeight()\n    this.dirty = true\n    // Speculative constraints may have re-measured leaves anywhere in the\n    // tree; the next real flush has to re-commit all of them.\n    this.walkAll = true\n    return Math.ceil(size)\n  }\n\n  dispose(): void {\n    if (this.disposed) {\n      return\n    }\n    this.disposed = true\n    this.freeTree(this.root)\n    this.dirtyNodes.clear()\n  }\n\n  private requestFlush = (node?: LayoutNode): void => {\n    this.dirty = true\n    if (node === undefined) {\n      this.walkAll = true\n    } else {\n      this.dirtyNodes.add(node)\n    }\n    if (this.scheduled || this.disposed) {\n      return\n    }\n    this.scheduled = true\n    queueMicrotask(() => {\n      this.scheduled = false\n      this.flushSync()\n    })\n  }\n\n  // Pre-order walk: parents commit before children so a child is always\n  // positioned inside an already-sized container.\n  private commitTree(node: LayoutNode): void {\n    const entries: Array<{ node: LayoutNode; rect: Rect; changed: boolean }> =\n      []\n    const walkAll = this.walkAll\n    const visited = this.collectChanges(\n      node,\n      entries,\n      walkAll,\n      walkAll ? null : this.dirtyPath(),\n    )\n    // Mutations made by the callbacks below belong to the NEXT flush.\n    this.walkAll = false\n    this.dirtyNodes.clear()\n    if (perfEnabled) {\n      perfCount(\"engine.flushes\")\n      perfCount(\"engine.commits\", entries.length)\n      perfCount(\"engine.visited\", visited)\n      perfGauge(\"engine.nodes\", getLiveNodeCount())\n    }\n    for (const entry of entries) {\n      entry.node.notifyCommit(entry.rect)\n    }\n    // onLayout fires after the whole pass is committed, like React Native.\n    for (const entry of entries) {\n      if (entry.changed) {\n        entry.node.notifyLayout(entry.rect)\n      }\n    }\n  }\n\n  // Every dirty node plus its ancestors: the paths the walk must follow even\n  // where Yoga reports no new layout. Nodes already detached from the root\n  // (freed mid-tick) simply lead nowhere — the walk never reaches them.\n  private dirtyPath(): Set<LayoutNode> {\n    const path = new Set<LayoutNode>()\n    for (const node of this.dirtyNodes) {\n      let current: LayoutNode | null = node\n      while (current !== null && !path.has(current)) {\n        path.add(current)\n        current = current.parent\n      }\n    }\n    return path\n  }\n\n  // Returns the number of visited nodes (perf: the walk size per flush).\n  private collectChanges(\n    node: LayoutNode,\n    out: Array<{ node: LayoutNode; rect: Rect; changed: boolean }>,\n    walkAll: boolean,\n    path: Set<LayoutNode> | null,\n  ): number {\n    const change = node.collectChange()\n    if (change !== null) {\n      out.push({ node, rect: change.rect, changed: change.changed })\n    }\n    // Consume the flag: only nodes Yoga lays out again will raise it anew.\n    node.yoga.markLayoutSeen()\n    let visited = 1\n    for (const child of node.children) {\n      if (\n        walkAll ||\n        child.yoga.hasNewLayout() ||\n        (path !== null && path.has(child))\n      ) {\n        visited += this.collectChanges(child, out, walkAll, path)\n      }\n    }\n    return visited\n  }\n\n  private freeTree(node: LayoutNode): void {\n    for (const child of [...node.children]) {\n      this.freeTree(child)\n    }\n    node.free()\n  }\n}\n"]}

package/dist/layout/node.d.ts

@@ -6,6 +6,19 @@ export declare class LayoutNode implements LayoutNodeApi {
     readonly yoga: YogaNode;
     parent: LayoutNode | null;
     readonly children: LayoutNode[];
+    /**
+     * The layout style last applied to this node — null on the engine root,
+     * which is laid out against the viewport rather than a style.
+     *
+     * Kept because Yoga's JS binding is not fully readable: there is no
+     * `getFlex()`, and `setFlex(1)` leaves `getFlexGrow()` at its default, so
+     * "does this node's size come from its container" cannot be answered from
+     * the Yoga node alone. The animated-size rule
+     * (../style/animated-size.ts) has to answer it about a node's CONTAINER,
+     * whose style is nowhere near the animated component. One reference to an
+     * object that already exists.
+     */
+    style: Readonly<LayoutStyle> | null;
     private onDirty;
     private onLayoutCallback;
     private commitCallback;

package/dist/layout/node.js

@@ -11,6 +11,19 @@ export class LayoutNode {
     yoga;
     parent = null;
     children = [];
+    /**
+     * The layout style last applied to this node — null on the engine root,
+     * which is laid out against the viewport rather than a style.
+     *
+     * Kept because Yoga's JS binding is not fully readable: there is no
+     * `getFlex()`, and `setFlex(1)` leaves `getFlexGrow()` at its default, so
+     * "does this node's size come from its container" cannot be answered from
+     * the Yoga node alone. The animated-size rule
+     * (../style/animated-size.ts) has to answer it about a node's CONTAINER,
+     * whose style is nowhere near the animated component. One reference to an
+     * object that already exists.
+     */
+    style = null;
     onDirty;
     onLayoutCallback = null;
     commitCallback = null;
@@ -30,6 +43,7 @@ export class LayoutNode {
             return;
         }
         applyLayoutStyle(this.yoga, style);
+        this.style = style;
         this.onDirty(this);
     }
     setMeasureFn(measure) {

package/dist/layout/node.js.map

@@ -1 +1 @@
-{"version":3,"file":"node.js","sourceRoot":"","sources":["../../src/layout/node.ts"],"names":[],"mappings":"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","sourcesContent":["import type { LayoutNodeApi, LayoutStyle, MeasureFn, Rect } from \"../contracts\"\nimport { perfCount } from \"../perf\"\nimport { applyLayoutStyle, applyNodeDefaults } from \"./apply-style\"\nimport { createYogaNode, MEASURE_MODE, type YogaNode } from \"./yoga\"\n\n// The engine records WHICH node was mutated so a flush can walk only the\n// dirty subtrees instead of the whole live tree.\ntype DirtyListener = (node: LayoutNode) => void\n\nlet liveNodeCount = 0\n\n// Number of not-yet-freed nodes; used by tests to detect leaks.\nexport const getLiveNodeCount = (): number => liveNodeCount\n\n// Shadow-tree node: owns one Yoga node, mirrors the React component tree.\n// Components talk to it through the LayoutNodeApi contract; the engine walks\n// it after every layout pass to diff rects and notify commit/onLayout hooks.\nexport class LayoutNode implements LayoutNodeApi {\n  readonly yoga: YogaNode\n  parent: LayoutNode | null = null\n  readonly children: LayoutNode[] = []\n\n  private onDirty: DirtyListener\n  private onLayoutCallback: ((rect: Rect) => void) | null = null\n  private commitCallback: ((rect: Rect) => void) | null = null\n  private lastRect: Rect | null = null\n  private freed = false\n  private hasMeasure = false\n  private forceCommit = false\n\n  constructor(onDirty: DirtyListener) {\n    this.yoga = createYogaNode()\n    applyNodeDefaults(this.yoga)\n    this.onDirty = onDirty\n    liveNodeCount += 1\n    perfCount(\"node.create\")\n  }\n\n  setStyle(style: LayoutStyle): void {\n    if (this.freed) {\n      return\n    }\n    applyLayoutStyle(this.yoga, style)\n    this.onDirty(this)\n  }\n\n  setMeasureFn(measure: MeasureFn | null): void {\n    if (this.freed) {\n      return\n    }\n    if (measure === null) {\n      // Unsetting an absent measure func destroys a null wasm binding and\n      // crashes yoga-wasm — track presence explicitly.\n      if (this.hasMeasure) {\n        this.yoga.unsetMeasureFunc()\n        this.hasMeasure = false\n      }\n    } else {\n      this.yoga.setMeasureFunc((width, widthMode, height, heightMode) =>\n        measure(\n          width,\n          MEASURE_MODE[widthMode],\n          height,\n          MEASURE_MODE[heightMode],\n        ),\n      )\n      this.hasMeasure = true\n    }\n    this.onDirty(this)\n  }\n\n  markDirty(): void {\n    // Only measure-backed leaves may be marked dirty in Yoga.\n    if (this.freed || !this.hasMeasure) {\n      return\n    }\n    this.yoga.markDirty()\n    // Re-measuring resets the widget size request; even an unchanged rect\n    // must recommit so the request is re-applied.\n    this.forceCommit = true\n    this.onDirty(this)\n  }\n\n  getRect(): Rect | null {\n    return this.lastRect\n  }\n\n  setOnLayout(callback: ((rect: Rect) => void) | null): void {\n    this.onLayoutCallback = callback\n  }\n\n  // The commit hook is the write path to GTK: the component layer moves its\n  // widget's stored rect when the engine reports a new one.\n  setCommit(callback: ((rect: Rect) => void) | null): void {\n    this.commitCallback = callback\n    // A late-registered commit hook must still receive the current rect.\n    if (callback !== null && this.lastRect !== null) {\n      callback(this.lastRect)\n    }\n  }\n\n  insertChild(child: LayoutNode, index: number): void {\n    if (this.freed || child.freed) {\n      return\n    }\n    child.parent = this\n    this.children.splice(index, 0, child)\n    this.yoga.insertChild(child.yoga, index)\n    this.onDirty(this)\n  }\n\n  removeChild(child: LayoutNode): void {\n    const index = this.children.indexOf(child)\n    if (index === -1) {\n      return\n    }\n    this.children.splice(index, 1)\n    child.parent = null\n    // Touching the wasm node of a freed parent corrupts the emscripten heap.\n    if (!this.freed && !child.freed) {\n      this.yoga.removeChild(child.yoga)\n      this.onDirty(this)\n    }\n  }\n\n  // Reads the computed rect (parent-relative). Measured leaves always\n  // recommit: any Yoga-invoked re-measure resets their widget size request,\n  // and Yoga may re-measure without markDirty (constraint changes), so the\n  // request must be re-applied after every pass. onLayout still fires only\n  // on real changes.\n  collectChange(): { rect: Rect; changed: boolean } | null {\n    const rect: Rect = {\n      x: this.yoga.getComputedLeft(),\n      y: this.yoga.getComputedTop(),\n      width: this.yoga.getComputedWidth(),\n      height: this.yoga.getComputedHeight(),\n    }\n    const previous = this.lastRect\n    const unchanged =\n      previous !== null &&\n      previous.x === rect.x &&\n      previous.y === rect.y &&\n      previous.width === rect.width &&\n      previous.height === rect.height\n    const changed = this.forceCommit || !unchanged\n    this.forceCommit = false\n    if (!changed && !this.hasMeasure) {\n      return null\n    }\n    this.lastRect = rect\n    return { rect, changed }\n  }\n\n  notifyCommit(rect: Rect): void {\n    this.commitCallback?.(rect)\n  }\n\n  notifyLayout(rect: Rect): void {\n    this.onLayoutCallback?.(rect)\n  }\n\n  free(): void {\n    if (this.freed) {\n      return\n    }\n    this.parent?.removeChild(this)\n    // React unmounts parents before children (effect cleanup order), so a\n    // container can be freed while its children are still linked — detach\n    // them first or their own free() would touch freed wasm memory.\n    for (const child of [...this.children]) {\n      this.removeChild(child)\n    }\n    if (this.hasMeasure) {\n      this.yoga.unsetMeasureFunc()\n      this.hasMeasure = false\n    }\n    this.freed = true\n    this.yoga.free()\n    liveNodeCount -= 1\n    perfCount(\"node.free\")\n  }\n}\n"]}
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../src/layout/node.ts"],"names":[],"mappings":"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","sourcesContent":["import type { LayoutNodeApi, LayoutStyle, MeasureFn, Rect } from \"../contracts\"\nimport { perfCount } from \"../perf\"\nimport { applyLayoutStyle, applyNodeDefaults } from \"./apply-style\"\nimport { createYogaNode, MEASURE_MODE, type YogaNode } from \"./yoga\"\n\n// The engine records WHICH node was mutated so a flush can walk only the\n// dirty subtrees instead of the whole live tree.\ntype DirtyListener = (node: LayoutNode) => void\n\nlet liveNodeCount = 0\n\n// Number of not-yet-freed nodes; used by tests to detect leaks.\nexport const getLiveNodeCount = (): number => liveNodeCount\n\n// Shadow-tree node: owns one Yoga node, mirrors the React component tree.\n// Components talk to it through the LayoutNodeApi contract; the engine walks\n// it after every layout pass to diff rects and notify commit/onLayout hooks.\nexport class LayoutNode implements LayoutNodeApi {\n  readonly yoga: YogaNode\n  parent: LayoutNode | null = null\n  readonly children: LayoutNode[] = []\n\n  /**\n   * The layout style last applied to this node — null on the engine root,\n   * which is laid out against the viewport rather than a style.\n   *\n   * Kept because Yoga's JS binding is not fully readable: there is no\n   * `getFlex()`, and `setFlex(1)` leaves `getFlexGrow()` at its default, so\n   * \"does this node's size come from its container\" cannot be answered from\n   * the Yoga node alone. The animated-size rule\n   * (../style/animated-size.ts) has to answer it about a node's CONTAINER,\n   * whose style is nowhere near the animated component. One reference to an\n   * object that already exists.\n   */\n  style: Readonly<LayoutStyle> | null = null\n\n  private onDirty: DirtyListener\n  private onLayoutCallback: ((rect: Rect) => void) | null = null\n  private commitCallback: ((rect: Rect) => void) | null = null\n  private lastRect: Rect | null = null\n  private freed = false\n  private hasMeasure = false\n  private forceCommit = false\n\n  constructor(onDirty: DirtyListener) {\n    this.yoga = createYogaNode()\n    applyNodeDefaults(this.yoga)\n    this.onDirty = onDirty\n    liveNodeCount += 1\n    perfCount(\"node.create\")\n  }\n\n  setStyle(style: LayoutStyle): void {\n    if (this.freed) {\n      return\n    }\n    applyLayoutStyle(this.yoga, style)\n    this.style = style\n    this.onDirty(this)\n  }\n\n  setMeasureFn(measure: MeasureFn | null): void {\n    if (this.freed) {\n      return\n    }\n    if (measure === null) {\n      // Unsetting an absent measure func destroys a null wasm binding and\n      // crashes yoga-wasm — track presence explicitly.\n      if (this.hasMeasure) {\n        this.yoga.unsetMeasureFunc()\n        this.hasMeasure = false\n      }\n    } else {\n      this.yoga.setMeasureFunc((width, widthMode, height, heightMode) =>\n        measure(\n          width,\n          MEASURE_MODE[widthMode],\n          height,\n          MEASURE_MODE[heightMode],\n        ),\n      )\n      this.hasMeasure = true\n    }\n    this.onDirty(this)\n  }\n\n  markDirty(): void {\n    // Only measure-backed leaves may be marked dirty in Yoga.\n    if (this.freed || !this.hasMeasure) {\n      return\n    }\n    this.yoga.markDirty()\n    // Re-measuring resets the widget size request; even an unchanged rect\n    // must recommit so the request is re-applied.\n    this.forceCommit = true\n    this.onDirty(this)\n  }\n\n  getRect(): Rect | null {\n    return this.lastRect\n  }\n\n  setOnLayout(callback: ((rect: Rect) => void) | null): void {\n    this.onLayoutCallback = callback\n  }\n\n  // The commit hook is the write path to GTK: the component layer moves its\n  // widget's stored rect when the engine reports a new one.\n  setCommit(callback: ((rect: Rect) => void) | null): void {\n    this.commitCallback = callback\n    // A late-registered commit hook must still receive the current rect.\n    if (callback !== null && this.lastRect !== null) {\n      callback(this.lastRect)\n    }\n  }\n\n  insertChild(child: LayoutNode, index: number): void {\n    if (this.freed || child.freed) {\n      return\n    }\n    child.parent = this\n    this.children.splice(index, 0, child)\n    this.yoga.insertChild(child.yoga, index)\n    this.onDirty(this)\n  }\n\n  removeChild(child: LayoutNode): void {\n    const index = this.children.indexOf(child)\n    if (index === -1) {\n      return\n    }\n    this.children.splice(index, 1)\n    child.parent = null\n    // Touching the wasm node of a freed parent corrupts the emscripten heap.\n    if (!this.freed && !child.freed) {\n      this.yoga.removeChild(child.yoga)\n      this.onDirty(this)\n    }\n  }\n\n  // Reads the computed rect (parent-relative). Measured leaves always\n  // recommit: any Yoga-invoked re-measure resets their widget size request,\n  // and Yoga may re-measure without markDirty (constraint changes), so the\n  // request must be re-applied after every pass. onLayout still fires only\n  // on real changes.\n  collectChange(): { rect: Rect; changed: boolean } | null {\n    const rect: Rect = {\n      x: this.yoga.getComputedLeft(),\n      y: this.yoga.getComputedTop(),\n      width: this.yoga.getComputedWidth(),\n      height: this.yoga.getComputedHeight(),\n    }\n    const previous = this.lastRect\n    const unchanged =\n      previous !== null &&\n      previous.x === rect.x &&\n      previous.y === rect.y &&\n      previous.width === rect.width &&\n      previous.height === rect.height\n    const changed = this.forceCommit || !unchanged\n    this.forceCommit = false\n    if (!changed && !this.hasMeasure) {\n      return null\n    }\n    this.lastRect = rect\n    return { rect, changed }\n  }\n\n  notifyCommit(rect: Rect): void {\n    this.commitCallback?.(rect)\n  }\n\n  notifyLayout(rect: Rect): void {\n    this.onLayoutCallback?.(rect)\n  }\n\n  free(): void {\n    if (this.freed) {\n      return\n    }\n    this.parent?.removeChild(this)\n    // React unmounts parents before children (effect cleanup order), so a\n    // container can be freed while its children are still linked — detach\n    // them first or their own free() would touch freed wasm memory.\n    for (const child of [...this.children]) {\n      this.removeChild(child)\n    }\n    if (this.hasMeasure) {\n      this.yoga.unsetMeasureFunc()\n      this.hasMeasure = false\n    }\n    this.freed = true\n    this.yoga.free()\n    liveNodeCount -= 1\n    perfCount(\"node.free\")\n  }\n}\n"]}

package/dist/layout/yoga.d.ts

@@ -1,6 +1,7 @@
-import Yoga, { Align, Direction, Display, Edge, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Wrap, type Node as YogaNode } from "yoga-layout";
+import Yoga, { Align, Direction, Display, Edge, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Unit, Wrap, type Node as YogaNode } from "yoga-layout";
 import type { FlexAlignType, LayoutStyle, MeasureConstraintMode } from "../contracts";
-export { Direction, Edge, Gutter, MeasureMode, Yoga };
+export { Align, Direction, Edge, FlexDirection, Gutter, MeasureMode, PositionType, Unit, Wrap, Yoga, };
+export type YogaValue = ReturnType<YogaNode["getWidth"]>;
 export type { YogaNode };
 export declare const FLEX_DIRECTION: Record<NonNullable<LayoutStyle["flexDirection"]>, FlexDirection>;
 export declare const JUSTIFY: Record<NonNullable<LayoutStyle["justifyContent"]>, Justify>;

package/dist/layout/yoga.js

@@ -1,5 +1,8 @@
-import Yoga, { Align, Direction, Display, Edge, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Wrap, } from "yoga-layout";
-export { Direction, Edge, Gutter, MeasureMode, Yoga };
+import Yoga, { Align, Direction, Display, Edge, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Unit, Wrap, } from "yoga-layout";
+// The enums are re-exported rather than imported from `yoga-layout` directly
+// elsewhere: this module is the one door onto the layout library, the same way
+// `gtkx/bridge` is the one door onto @gtkx.
+export { Align, Direction, Edge, FlexDirection, Gutter, MeasureMode, PositionType, Unit, Wrap, Yoga, };
 export const FLEX_DIRECTION = {
     row: FlexDirection.Row,
     "row-reverse": FlexDirection.RowReverse,

package/dist/layout/yoga.js.map

@@ -1 +1 @@
-{"version":3,"file":"yoga.js","sourceRoot":"","sources":["../../src/layout/yoga.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EACX,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,IAAI,GAEL,MAAM,aAAa,CAAA;AAOpB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,CAAA;AAGrD,MAAM,CAAC,MAAM,cAAc,GAGvB;IACF,GAAG,EAAE,aAAa,CAAC,GAAG;IACtB,aAAa,EAAE,aAAa,CAAC,UAAU;IACvC,MAAM,EAAE,aAAa,CAAC,MAAM;IAC5B,gBAAgB,EAAE,aAAa,CAAC,aAAa;CAC9C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAGhB;IACF,YAAY,EAAE,OAAO,CAAC,SAAS;IAC/B,UAAU,EAAE,OAAO,CAAC,OAAO;IAC3B,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,eAAe,EAAE,OAAO,CAAC,YAAY;IACrC,cAAc,EAAE,OAAO,CAAC,WAAW;IACnC,cAAc,EAAE,OAAO,CAAC,WAAW;CACpC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAGd;IACF,IAAI,EAAE,KAAK,CAAC,IAAI;IAChB,YAAY,EAAE,KAAK,CAAC,SAAS;IAC7B,UAAU,EAAE,KAAK,CAAC,OAAO;IACzB,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO;IACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,eAAe,EAAE,KAAK,CAAC,YAAY;IACnC,cAAc,EAAE,KAAK,CAAC,WAAW;CAClC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAuD;IACtE,MAAM,EAAE,IAAI,CAAC,MAAM;IACnB,IAAI,EAAE,IAAI,CAAC,IAAI;IACf,cAAc,EAAE,IAAI,CAAC,WAAW;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB;IACF,QAAQ,EAAE,YAAY,CAAC,QAAQ;IAC/B,QAAQ,EAAE,YAAY,CAAC,QAAQ;IAC/B,MAAM,EAAE,YAAY,CAAC,MAAM;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB;IACF,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;IACvB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAyD;IAC3E,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,IAAI,EAAE,OAAO,CAAC,IAAI;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAA+C;IACtE,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS;IAChC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAa,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAA","sourcesContent":["import Yoga, {\n  Align,\n  Direction,\n  Display,\n  Edge,\n  FlexDirection,\n  Gutter,\n  Justify,\n  MeasureMode,\n  Overflow,\n  PositionType,\n  Wrap,\n  type Node as YogaNode,\n} from \"yoga-layout\"\nimport type {\n  FlexAlignType,\n  LayoutStyle,\n  MeasureConstraintMode,\n} from \"../contracts\"\n\nexport { Direction, Edge, Gutter, MeasureMode, Yoga }\nexport type { YogaNode }\n\nexport const FLEX_DIRECTION: Record<\n  NonNullable<LayoutStyle[\"flexDirection\"]>,\n  FlexDirection\n> = {\n  row: FlexDirection.Row,\n  \"row-reverse\": FlexDirection.RowReverse,\n  column: FlexDirection.Column,\n  \"column-reverse\": FlexDirection.ColumnReverse,\n}\n\nexport const JUSTIFY: Record<\n  NonNullable<LayoutStyle[\"justifyContent\"]>,\n  Justify\n> = {\n  \"flex-start\": Justify.FlexStart,\n  \"flex-end\": Justify.FlexEnd,\n  center: Justify.Center,\n  \"space-between\": Justify.SpaceBetween,\n  \"space-around\": Justify.SpaceAround,\n  \"space-evenly\": Justify.SpaceEvenly,\n}\n\nexport const ALIGN: Record<\n  \"auto\" | FlexAlignType | \"space-between\" | \"space-around\",\n  Align\n> = {\n  auto: Align.Auto,\n  \"flex-start\": Align.FlexStart,\n  \"flex-end\": Align.FlexEnd,\n  center: Align.Center,\n  stretch: Align.Stretch,\n  baseline: Align.Baseline,\n  \"space-between\": Align.SpaceBetween,\n  \"space-around\": Align.SpaceAround,\n}\n\nexport const WRAP: Record<NonNullable<LayoutStyle[\"flexWrap\"]>, Wrap> = {\n  nowrap: Wrap.NoWrap,\n  wrap: Wrap.Wrap,\n  \"wrap-reverse\": Wrap.WrapReverse,\n}\n\nexport const POSITION: Record<\n  NonNullable<LayoutStyle[\"position\"]>,\n  PositionType\n> = {\n  absolute: PositionType.Absolute,\n  relative: PositionType.Relative,\n  static: PositionType.Static,\n}\n\nexport const OVERFLOW: Record<\n  NonNullable<LayoutStyle[\"overflow\"]>,\n  Overflow\n> = {\n  visible: Overflow.Visible,\n  hidden: Overflow.Hidden,\n  scroll: Overflow.Scroll,\n}\n\nexport const DISPLAY: Record<NonNullable<LayoutStyle[\"display\"]>, Display> = {\n  none: Display.None,\n  flex: Display.Flex,\n}\n\nexport const MEASURE_MODE: Record<MeasureMode, MeasureConstraintMode> = {\n  [MeasureMode.Undefined]: \"undefined\",\n  [MeasureMode.Exactly]: \"exactly\",\n  [MeasureMode.AtMost]: \"at-most\",\n}\n\nexport const createYogaNode = (): YogaNode => Yoga.Node.create()\n"]}
+{"version":3,"file":"yoga.js","sourceRoot":"","sources":["../../src/layout/yoga.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EACX,KAAK,EACL,SAAS,EACT,OAAO,EACP,IAAI,EACJ,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,IAAI,GAEL,MAAM,aAAa,CAAA;AAOpB,6EAA6E;AAC7E,+EAA+E;AAC/E,4CAA4C;AAC5C,OAAO,EACL,KAAK,EACL,SAAS,EACT,IAAI,EACJ,aAAa,EACb,MAAM,EACN,WAAW,EACX,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,IAAI,GACL,CAAA;AAOD,MAAM,CAAC,MAAM,cAAc,GAGvB;IACF,GAAG,EAAE,aAAa,CAAC,GAAG;IACtB,aAAa,EAAE,aAAa,CAAC,UAAU;IACvC,MAAM,EAAE,aAAa,CAAC,MAAM;IAC5B,gBAAgB,EAAE,aAAa,CAAC,aAAa;CAC9C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAGhB;IACF,YAAY,EAAE,OAAO,CAAC,SAAS;IAC/B,UAAU,EAAE,OAAO,CAAC,OAAO;IAC3B,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,eAAe,EAAE,OAAO,CAAC,YAAY;IACrC,cAAc,EAAE,OAAO,CAAC,WAAW;IACnC,cAAc,EAAE,OAAO,CAAC,WAAW;CACpC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAGd;IACF,IAAI,EAAE,KAAK,CAAC,IAAI;IAChB,YAAY,EAAE,KAAK,CAAC,SAAS;IAC7B,UAAU,EAAE,KAAK,CAAC,OAAO;IACzB,MAAM,EAAE,KAAK,CAAC,MAAM;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO;IACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,eAAe,EAAE,KAAK,CAAC,YAAY;IACnC,cAAc,EAAE,KAAK,CAAC,WAAW;CAClC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAuD;IACtE,MAAM,EAAE,IAAI,CAAC,MAAM;IACnB,IAAI,EAAE,IAAI,CAAC,IAAI;IACf,cAAc,EAAE,IAAI,CAAC,WAAW;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB;IACF,QAAQ,EAAE,YAAY,CAAC,QAAQ;IAC/B,QAAQ,EAAE,YAAY,CAAC,QAAQ;IAC/B,MAAM,EAAE,YAAY,CAAC,MAAM;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAGjB;IACF,OAAO,EAAE,QAAQ,CAAC,OAAO;IACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;IACvB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAyD;IAC3E,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,IAAI,EAAE,OAAO,CAAC,IAAI;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAA+C;IACtE,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,SAAS;IAChC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAa,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAA","sourcesContent":["import Yoga, {\n  Align,\n  Direction,\n  Display,\n  Edge,\n  FlexDirection,\n  Gutter,\n  Justify,\n  MeasureMode,\n  Overflow,\n  PositionType,\n  Unit,\n  Wrap,\n  type Node as YogaNode,\n} from \"yoga-layout\"\nimport type {\n  FlexAlignType,\n  LayoutStyle,\n  MeasureConstraintMode,\n} from \"../contracts\"\n\n// The enums are re-exported rather than imported from `yoga-layout` directly\n// elsewhere: this module is the one door onto the layout library, the same way\n// `gtkx/bridge` is the one door onto @gtkx.\nexport {\n  Align,\n  Direction,\n  Edge,\n  FlexDirection,\n  Gutter,\n  MeasureMode,\n  PositionType,\n  Unit,\n  Wrap,\n  Yoga,\n}\n// `yoga-layout` does not export the record its dimension getters return, so\n// it is named here rather than re-derived at every call site.\nexport type YogaValue = ReturnType<YogaNode[\"getWidth\"]>\n\nexport type { YogaNode }\n\nexport const FLEX_DIRECTION: Record<\n  NonNullable<LayoutStyle[\"flexDirection\"]>,\n  FlexDirection\n> = {\n  row: FlexDirection.Row,\n  \"row-reverse\": FlexDirection.RowReverse,\n  column: FlexDirection.Column,\n  \"column-reverse\": FlexDirection.ColumnReverse,\n}\n\nexport const JUSTIFY: Record<\n  NonNullable<LayoutStyle[\"justifyContent\"]>,\n  Justify\n> = {\n  \"flex-start\": Justify.FlexStart,\n  \"flex-end\": Justify.FlexEnd,\n  center: Justify.Center,\n  \"space-between\": Justify.SpaceBetween,\n  \"space-around\": Justify.SpaceAround,\n  \"space-evenly\": Justify.SpaceEvenly,\n}\n\nexport const ALIGN: Record<\n  \"auto\" | FlexAlignType | \"space-between\" | \"space-around\",\n  Align\n> = {\n  auto: Align.Auto,\n  \"flex-start\": Align.FlexStart,\n  \"flex-end\": Align.FlexEnd,\n  center: Align.Center,\n  stretch: Align.Stretch,\n  baseline: Align.Baseline,\n  \"space-between\": Align.SpaceBetween,\n  \"space-around\": Align.SpaceAround,\n}\n\nexport const WRAP: Record<NonNullable<LayoutStyle[\"flexWrap\"]>, Wrap> = {\n  nowrap: Wrap.NoWrap,\n  wrap: Wrap.Wrap,\n  \"wrap-reverse\": Wrap.WrapReverse,\n}\n\nexport const POSITION: Record<\n  NonNullable<LayoutStyle[\"position\"]>,\n  PositionType\n> = {\n  absolute: PositionType.Absolute,\n  relative: PositionType.Relative,\n  static: PositionType.Static,\n}\n\nexport const OVERFLOW: Record<\n  NonNullable<LayoutStyle[\"overflow\"]>,\n  Overflow\n> = {\n  visible: Overflow.Visible,\n  hidden: Overflow.Hidden,\n  scroll: Overflow.Scroll,\n}\n\nexport const DISPLAY: Record<NonNullable<LayoutStyle[\"display\"]>, Display> = {\n  none: Display.None,\n  flex: Display.Flex,\n}\n\nexport const MEASURE_MODE: Record<MeasureMode, MeasureConstraintMode> = {\n  [MeasureMode.Undefined]: \"undefined\",\n  [MeasureMode.Exactly]: \"exactly\",\n  [MeasureMode.AtMost]: \"at-most\",\n}\n\nexport const createYogaNode = (): YogaNode => Yoga.Node.create()\n"]}