react-native-gtkx 0.1.0-alpha.1

package/dist/layout/apply-style.js

@@ -0,0 +1,148 @@
+import { ALIGN, DISPLAY, Edge, FLEX_DIRECTION, Gutter, JUSTIFY, OVERFLOW, POSITION, WRAP, } from "./yoga";
+const isPercent = (value) => typeof value === "string" && value.endsWith("%");
+const applyDimension = (value, setters) => {
+    if (value === undefined) {
+        setters.reset();
+        return;
+    }
+    if (value === "auto") {
+        setters.auto?.();
+        return;
+    }
+    if (isPercent(value)) {
+        setters.percent?.(Number.parseFloat(value));
+        return;
+    }
+    if (typeof value === "number") {
+        setters.point(value);
+    }
+};
+const parseAspectRatio = (value) => {
+    if (value === undefined) {
+        return undefined;
+    }
+    if (typeof value === "number") {
+        return value;
+    }
+    const parts = value.split("/").map((part) => Number.parseFloat(part.trim()));
+    if (parts.length === 2 && parts[0] !== undefined && parts[1]) {
+        return parts[0] / parts[1];
+    }
+    const single = Number.parseFloat(value);
+    return Number.isNaN(single) ? undefined : single;
+};
+// React Native defaults differ from raw Yoga: column direction, flexShrink 0,
+// align-content flex-start, position relative. Applied at node creation and
+// re-applied when a style prop is removed on update.
+export const applyNodeDefaults = (node) => {
+    node.setFlexDirection(FLEX_DIRECTION.column);
+    node.setAlignContent(ALIGN["flex-start"]);
+    node.setFlexShrink(0);
+    node.setPositionType(POSITION.relative);
+};
+const MARGIN_EDGES = [
+    ["margin", Edge.All],
+    ["marginHorizontal", Edge.Horizontal],
+    ["marginVertical", Edge.Vertical],
+    ["marginTop", Edge.Top],
+    ["marginBottom", Edge.Bottom],
+    ["marginLeft", Edge.Left],
+    ["marginRight", Edge.Right],
+];
+const PADDING_EDGES = [
+    ["padding", Edge.All],
+    ["paddingHorizontal", Edge.Horizontal],
+    ["paddingVertical", Edge.Vertical],
+    ["paddingTop", Edge.Top],
+    ["paddingBottom", Edge.Bottom],
+    ["paddingLeft", Edge.Left],
+    ["paddingRight", Edge.Right],
+];
+const POSITION_EDGES = [
+    ["top", Edge.Top],
+    ["bottom", Edge.Bottom],
+    ["left", Edge.Left],
+    ["right", Edge.Right],
+];
+// Applies an RN layout style onto a Yoga node. Handles prop removal by
+// resetting to RN defaults, so updates never leak stale values.
+export const applyLayoutStyle = (node, style) => {
+    node.setFlexDirection(FLEX_DIRECTION[style.flexDirection ?? "column"] ?? FLEX_DIRECTION.column);
+    node.setJustifyContent(JUSTIFY[style.justifyContent ?? "flex-start"]);
+    node.setAlignItems(ALIGN[style.alignItems ?? "stretch"] ?? ALIGN.stretch);
+    node.setAlignSelf(ALIGN[style.alignSelf ?? "auto"] ?? ALIGN.auto);
+    node.setAlignContent(ALIGN[style.alignContent ?? "flex-start"] ?? ALIGN["flex-start"]);
+    node.setFlexWrap(WRAP[style.flexWrap ?? "nowrap"]);
+    node.setPositionType(POSITION[style.position ?? "relative"]);
+    node.setOverflow(OVERFLOW[style.overflow ?? "visible"]);
+    node.setDisplay(DISPLAY[style.display ?? "flex"]);
+    node.setFlex(style.flex ?? Number.NaN);
+    node.setFlexGrow(style.flexGrow ?? Number.NaN);
+    node.setFlexShrink(style.flexShrink ?? 0);
+    applyDimension(style.flexBasis, {
+        point: (v) => node.setFlexBasis(v),
+        percent: (v) => node.setFlexBasisPercent(v),
+        auto: () => node.setFlexBasisAuto(),
+        reset: () => node.setFlexBasisAuto(),
+    });
+    applyDimension(style.width, {
+        point: (v) => node.setWidth(v),
+        percent: (v) => node.setWidthPercent(v),
+        auto: () => node.setWidthAuto(),
+        reset: () => node.setWidthAuto(),
+    });
+    applyDimension(style.height, {
+        point: (v) => node.setHeight(v),
+        percent: (v) => node.setHeightPercent(v),
+        auto: () => node.setHeightAuto(),
+        reset: () => node.setHeightAuto(),
+    });
+    applyDimension(style.minWidth, {
+        point: (v) => node.setMinWidth(v),
+        percent: (v) => node.setMinWidthPercent(v),
+        reset: () => node.setMinWidth(Number.NaN),
+    });
+    applyDimension(style.minHeight, {
+        point: (v) => node.setMinHeight(v),
+        percent: (v) => node.setMinHeightPercent(v),
+        reset: () => node.setMinHeight(Number.NaN),
+    });
+    applyDimension(style.maxWidth, {
+        point: (v) => node.setMaxWidth(v),
+        percent: (v) => node.setMaxWidthPercent(v),
+        reset: () => node.setMaxWidth(Number.NaN),
+    });
+    applyDimension(style.maxHeight, {
+        point: (v) => node.setMaxHeight(v),
+        percent: (v) => node.setMaxHeightPercent(v),
+        reset: () => node.setMaxHeight(Number.NaN),
+    });
+    for (const [prop, edge] of MARGIN_EDGES) {
+        applyDimension(style[prop], {
+            point: (v) => node.setMargin(edge, v),
+            percent: (v) => node.setMarginPercent(edge, v),
+            auto: () => node.setMarginAuto(edge),
+            reset: () => node.setMargin(edge, Number.NaN),
+        });
+    }
+    for (const [prop, edge] of PADDING_EDGES) {
+        applyDimension(style[prop], {
+            point: (v) => node.setPadding(edge, v),
+            percent: (v) => node.setPaddingPercent(edge, v),
+            reset: () => node.setPadding(edge, Number.NaN),
+        });
+    }
+    for (const [prop, edge] of POSITION_EDGES) {
+        applyDimension(style[prop], {
+            point: (v) => node.setPosition(edge, v),
+            percent: (v) => node.setPositionPercent(edge, v),
+            reset: () => node.setPosition(edge, Number.NaN),
+        });
+    }
+    node.setGap(Gutter.All, style.gap ?? Number.NaN);
+    node.setGap(Gutter.Row, style.rowGap ?? Number.NaN);
+    node.setGap(Gutter.Column, style.columnGap ?? Number.NaN);
+    const aspectRatio = parseAspectRatio(style.aspectRatio);
+    node.setAspectRatio(aspectRatio ?? Number.NaN);
+};
+//# sourceMappingURL=apply-style.js.map

package/dist/layout/apply-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-style.js","sourceRoot":"","sources":["../../src/layout/apply-style.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,cAAc,EACd,MAAM,EACN,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,GAEL,MAAM,QAAQ,CAAA;AASf,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAyB,EAAE,CACjE,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAElD,MAAM,cAAc,GAAG,CACrB,KAAiC,EACjC,OAAyB,EACnB,EAAE;IACR,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,CAAC,KAAK,EAAE,CAAA;QACf,OAAM;IACR,CAAC;IACD,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,CAAC,IAAI,EAAE,EAAE,CAAA;QAChB,OAAM;IACR,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAA;QAC3C,OAAM;IACR,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,CACvB,KAAkC,EACd,EAAE;IACtB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,SAAS,CAAA;IAClB,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,KAAK,CAAA;IACd,CAAC;IACD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAC5E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7D,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAC5B,CAAC;IACD,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IACvC,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAA;AAClD,CAAC,CAAA;AAED,8EAA8E;AAC9E,4EAA4E;AAC5E,qDAAqD;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAc,EAAQ,EAAE;IACxD,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;IAC5C,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IACzC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IACrB,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;AACzC,CAAC,CAAA;AAcD,MAAM,YAAY,GAA8C;IAC9D,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC;IACpB,CAAC,kBAAkB,EAAE,IAAI,CAAC,UAAU,CAAC;IACrC,CAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,CAAC;IACvB,CAAC,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC;IAC7B,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC;IACzB,CAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC;CAC5B,CAAA;AAED,MAAM,aAAa,GAA8C;IAC/D,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC;IACrB,CAAC,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC;IACtC,CAAC,iBAAiB,EAAE,IAAI,CAAC,QAAQ,CAAC;IAClC,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC;IACxB,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC;IAC9B,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC;IAC1B,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC;CAC7B,CAAA;AAED,MAAM,cAAc,GAA8C;IAChE,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;IACjB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;CACtB,CAAA;AAED,uEAAuE;AACvE,gEAAgE;AAChE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAc,EAAE,KAAkB,EAAQ,EAAE;IAC3E,IAAI,CAAC,gBAAgB,CACnB,cAAc,CAAC,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,IAAI,cAAc,CAAC,MAAM,CACzE,CAAA;IACD,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,IAAI,YAAY,CAAC,CAAC,CAAA;IACrE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAA;IACzE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAA;IACjE,IAAI,CAAC,eAAe,CAClB,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,YAAY,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CACjE,CAAA;IACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAA;IAClD,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAA;IAC5D,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAA;IACvD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC,CAAA;IAEjD,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IACtC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IAC9C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAAA;IAEzC,cAAc,CAAC,KAAK,CAAC,SAAS,EAAE;QAC9B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAClC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC3C,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;QACnC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;KACrC,CAAC,CAAA;IACF,cAAc,CAAC,KAAK,CAAC,KAAK,EAAE;QAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QACvC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;QAC/B,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;KACjC,CAAC,CAAA;IACF,cAAc,CAAC,KAAK,CAAC,MAAM,EAAE;QAC3B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QAC/B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACxC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;QAChC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;KAClC,CAAC,CAAA;IACF,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE;QAC7B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACjC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;KAC1C,CAAC,CAAA;IACF,cAAc,CAAC,KAAK,CAAC,SAAS,EAAE;QAC9B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAClC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC3C,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;KAC3C,CAAC,CAAA;IACF,cAAc,CAAC,KAAK,CAAC,QAAQ,EAAE;QAC7B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QACjC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC1C,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;KAC1C,CAAC,CAAA;IACF,cAAc,CAAC,KAAK,CAAC,SAAS,EAAE;QAC9B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAClC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC3C,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;KAC3C,CAAC,CAAA;IAEF,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YAAY,EAAE,CAAC;QACxC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;YACrC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,CAAC;YAC9C,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACpC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC;SAC9C,CAAC,CAAA;IACJ,CAAC;IACD,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,aAAa,EAAE,CAAC;QACzC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;YACtC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;YAC/C,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC;SAC/C,CAAC,CAAA;IACJ,CAAC;IACD,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,cAAc,EAAE,CAAC;QAC1C,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;YACvC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC,CAAC;YAChD,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC;SAChD,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IAChD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IACnD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;IAEzD,MAAM,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IACvD,IAAI,CAAC,cAAc,CAAC,WAAW,IAAI,MAAM,CAAC,GAAG,CAAC,CAAA;AAChD,CAAC,CAAA","sourcesContent":["import type { DimensionValue, LayoutStyle } from \"../contracts\"\nimport {\n  ALIGN,\n  DISPLAY,\n  Edge,\n  FLEX_DIRECTION,\n  Gutter,\n  JUSTIFY,\n  OVERFLOW,\n  POSITION,\n  WRAP,\n  type YogaNode,\n} from \"./yoga\"\n\ntype DimensionSetters = {\n  point: (value: number) => void\n  percent?: (value: number) => void\n  auto?: () => void\n  reset: () => void\n}\n\nconst isPercent = (value: DimensionValue): value is `${number}%` =>\n  typeof value === \"string\" && value.endsWith(\"%\")\n\nconst applyDimension = (\n  value: DimensionValue | undefined,\n  setters: DimensionSetters,\n): void => {\n  if (value === undefined) {\n    setters.reset()\n    return\n  }\n  if (value === \"auto\") {\n    setters.auto?.()\n    return\n  }\n  if (isPercent(value)) {\n    setters.percent?.(Number.parseFloat(value))\n    return\n  }\n  if (typeof value === \"number\") {\n    setters.point(value)\n  }\n}\n\nconst parseAspectRatio = (\n  value: number | string | undefined,\n): number | undefined => {\n  if (value === undefined) {\n    return undefined\n  }\n  if (typeof value === \"number\") {\n    return value\n  }\n  const parts = value.split(\"/\").map((part) => Number.parseFloat(part.trim()))\n  if (parts.length === 2 && parts[0] !== undefined && parts[1]) {\n    return parts[0] / parts[1]\n  }\n  const single = Number.parseFloat(value)\n  return Number.isNaN(single) ? undefined : single\n}\n\n// React Native defaults differ from raw Yoga: column direction, flexShrink 0,\n// align-content flex-start, position relative. Applied at node creation and\n// re-applied when a style prop is removed on update.\nexport const applyNodeDefaults = (node: YogaNode): void => {\n  node.setFlexDirection(FLEX_DIRECTION.column)\n  node.setAlignContent(ALIGN[\"flex-start\"])\n  node.setFlexShrink(0)\n  node.setPositionType(POSITION.relative)\n}\n\ntype EdgeDimensionProps = Extract<\n  keyof LayoutStyle,\n  | `margin${string}`\n  | `padding${string}`\n  | \"margin\"\n  | \"padding\"\n  | \"top\"\n  | \"left\"\n  | \"right\"\n  | \"bottom\"\n>\n\nconst MARGIN_EDGES: ReadonlyArray<[EdgeDimensionProps, Edge]> = [\n  [\"margin\", Edge.All],\n  [\"marginHorizontal\", Edge.Horizontal],\n  [\"marginVertical\", Edge.Vertical],\n  [\"marginTop\", Edge.Top],\n  [\"marginBottom\", Edge.Bottom],\n  [\"marginLeft\", Edge.Left],\n  [\"marginRight\", Edge.Right],\n]\n\nconst PADDING_EDGES: ReadonlyArray<[EdgeDimensionProps, Edge]> = [\n  [\"padding\", Edge.All],\n  [\"paddingHorizontal\", Edge.Horizontal],\n  [\"paddingVertical\", Edge.Vertical],\n  [\"paddingTop\", Edge.Top],\n  [\"paddingBottom\", Edge.Bottom],\n  [\"paddingLeft\", Edge.Left],\n  [\"paddingRight\", Edge.Right],\n]\n\nconst POSITION_EDGES: ReadonlyArray<[EdgeDimensionProps, Edge]> = [\n  [\"top\", Edge.Top],\n  [\"bottom\", Edge.Bottom],\n  [\"left\", Edge.Left],\n  [\"right\", Edge.Right],\n]\n\n// Applies an RN layout style onto a Yoga node. Handles prop removal by\n// resetting to RN defaults, so updates never leak stale values.\nexport const applyLayoutStyle = (node: YogaNode, style: LayoutStyle): void => {\n  node.setFlexDirection(\n    FLEX_DIRECTION[style.flexDirection ?? \"column\"] ?? FLEX_DIRECTION.column,\n  )\n  node.setJustifyContent(JUSTIFY[style.justifyContent ?? \"flex-start\"])\n  node.setAlignItems(ALIGN[style.alignItems ?? \"stretch\"] ?? ALIGN.stretch)\n  node.setAlignSelf(ALIGN[style.alignSelf ?? \"auto\"] ?? ALIGN.auto)\n  node.setAlignContent(\n    ALIGN[style.alignContent ?? \"flex-start\"] ?? ALIGN[\"flex-start\"],\n  )\n  node.setFlexWrap(WRAP[style.flexWrap ?? \"nowrap\"])\n  node.setPositionType(POSITION[style.position ?? \"relative\"])\n  node.setOverflow(OVERFLOW[style.overflow ?? \"visible\"])\n  node.setDisplay(DISPLAY[style.display ?? \"flex\"])\n\n  node.setFlex(style.flex ?? Number.NaN)\n  node.setFlexGrow(style.flexGrow ?? Number.NaN)\n  node.setFlexShrink(style.flexShrink ?? 0)\n\n  applyDimension(style.flexBasis, {\n    point: (v) => node.setFlexBasis(v),\n    percent: (v) => node.setFlexBasisPercent(v),\n    auto: () => node.setFlexBasisAuto(),\n    reset: () => node.setFlexBasisAuto(),\n  })\n  applyDimension(style.width, {\n    point: (v) => node.setWidth(v),\n    percent: (v) => node.setWidthPercent(v),\n    auto: () => node.setWidthAuto(),\n    reset: () => node.setWidthAuto(),\n  })\n  applyDimension(style.height, {\n    point: (v) => node.setHeight(v),\n    percent: (v) => node.setHeightPercent(v),\n    auto: () => node.setHeightAuto(),\n    reset: () => node.setHeightAuto(),\n  })\n  applyDimension(style.minWidth, {\n    point: (v) => node.setMinWidth(v),\n    percent: (v) => node.setMinWidthPercent(v),\n    reset: () => node.setMinWidth(Number.NaN),\n  })\n  applyDimension(style.minHeight, {\n    point: (v) => node.setMinHeight(v),\n    percent: (v) => node.setMinHeightPercent(v),\n    reset: () => node.setMinHeight(Number.NaN),\n  })\n  applyDimension(style.maxWidth, {\n    point: (v) => node.setMaxWidth(v),\n    percent: (v) => node.setMaxWidthPercent(v),\n    reset: () => node.setMaxWidth(Number.NaN),\n  })\n  applyDimension(style.maxHeight, {\n    point: (v) => node.setMaxHeight(v),\n    percent: (v) => node.setMaxHeightPercent(v),\n    reset: () => node.setMaxHeight(Number.NaN),\n  })\n\n  for (const [prop, edge] of MARGIN_EDGES) {\n    applyDimension(style[prop], {\n      point: (v) => node.setMargin(edge, v),\n      percent: (v) => node.setMarginPercent(edge, v),\n      auto: () => node.setMarginAuto(edge),\n      reset: () => node.setMargin(edge, Number.NaN),\n    })\n  }\n  for (const [prop, edge] of PADDING_EDGES) {\n    applyDimension(style[prop], {\n      point: (v) => node.setPadding(edge, v),\n      percent: (v) => node.setPaddingPercent(edge, v),\n      reset: () => node.setPadding(edge, Number.NaN),\n    })\n  }\n  for (const [prop, edge] of POSITION_EDGES) {\n    applyDimension(style[prop], {\n      point: (v) => node.setPosition(edge, v),\n      percent: (v) => node.setPositionPercent(edge, v),\n      reset: () => node.setPosition(edge, Number.NaN),\n    })\n  }\n\n  node.setGap(Gutter.All, style.gap ?? Number.NaN)\n  node.setGap(Gutter.Row, style.rowGap ?? Number.NaN)\n  node.setGap(Gutter.Column, style.columnGap ?? Number.NaN)\n\n  const aspectRatio = parseAspectRatio(style.aspectRatio)\n  node.setAspectRatio(aspectRatio ?? Number.NaN)\n}\n"]}

package/dist/layout/engine.d.ts

@@ -0,0 +1,22 @@
+import { LayoutNode } from "./node";
+export type ViewportSize = {
+    width: number;
+    height: number;
+};
+export declare class LayoutEngine {
+    readonly root: LayoutNode;
+    private viewport;
+    private dirty;
+    private scheduled;
+    private disposed;
+    constructor(viewport: ViewportSize);
+    createNode(): LayoutNode;
+    setViewport(viewport: ViewportSize): void;
+    getViewport(): ViewportSize;
+    flushSync(): void;
+    dispose(): void;
+    private requestFlush;
+    private commitTree;
+    private collectChanges;
+    private freeTree;
+}

package/dist/layout/engine.js

@@ -0,0 +1,90 @@
+import { 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.
+export class LayoutEngine {
+    root;
+    viewport;
+    dirty = false;
+    scheduled = false;
+    disposed = false;
+    constructor(viewport) {
+        this.viewport = viewport;
+        this.root = new LayoutNode(this.requestFlush);
+    }
+    createNode() {
+        return new LayoutNode(this.requestFlush);
+    }
+    setViewport(viewport) {
+        if (viewport.width === this.viewport.width &&
+            viewport.height === this.viewport.height) {
+            return;
+        }
+        this.viewport = viewport;
+        this.requestFlush();
+    }
+    getViewport() {
+        return this.viewport;
+    }
+    // Synchronous pass — used by tests and by resize handling when the caller
+    // needs rects immediately after a mutation.
+    flushSync() {
+        if (!this.dirty || this.disposed) {
+            return;
+        }
+        this.dirty = false;
+        this.root.yoga.calculateLayout(this.viewport.width, this.viewport.height, Direction.LTR);
+        this.commitTree(this.root);
+    }
+    dispose() {
+        if (this.disposed) {
+            return;
+        }
+        this.disposed = true;
+        this.freeTree(this.root);
+    }
+    requestFlush = () => {
+        this.dirty = true;
+        if (this.scheduled || this.disposed) {
+            return;
+        }
+        this.scheduled = true;
+        queueMicrotask(() => {
+            this.scheduled = false;
+            this.flushSync();
+        });
+    };
+    // Pre-order walk: parents commit before children so a child is always
+    // positioned inside an already-sized container.
+    commitTree(node) {
+        const entries = [];
+        this.collectChanges(node, entries);
+        for (const entry of entries) {
+            entry.node.notifyCommit(entry.rect);
+        }
+        // onLayout fires after the whole pass is committed, like React Native.
+        for (const entry of entries) {
+            if (entry.changed) {
+                entry.node.notifyLayout(entry.rect);
+            }
+        }
+    }
+    collectChanges(node, out) {
+        const change = node.collectChange();
+        if (change !== null) {
+            out.push({ node, rect: change.rect, changed: change.changed });
+        }
+        for (const child of node.children) {
+            this.collectChanges(child, out);
+        }
+    }
+    freeTree(node) {
+        for (const child of [...node.children]) {
+            this.freeTree(child);
+        }
+        node.free();
+    }
+}
+//# sourceMappingURL=engine.js.map

package/dist/layout/engine.js.map

@@ -0,0 +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 { 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.\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\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.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    this.root.yoga.calculateLayout(\n      this.viewport.width,\n      this.viewport.height,\n      Direction.LTR,\n    )\n    this.commitTree(this.root)\n  }\n\n  dispose(): void {\n    if (this.disposed) {\n      return\n    }\n    this.disposed = true\n    this.freeTree(this.root)\n  }\n\n  private requestFlush = (): void => {\n    this.dirty = true\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    this.collectChanges(node, entries)\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  private collectChanges(\n    node: LayoutNode,\n    out: Array<{ node: LayoutNode; rect: Rect; changed: boolean }>,\n  ): void {\n    const change = node.collectChange()\n    if (change !== null) {\n      out.push({ node, rect: change.rect, changed: change.changed })\n    }\n    for (const child of node.children) {\n      this.collectChanges(child, out)\n    }\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/index.d.ts

@@ -0,0 +1,3 @@
+export { applyLayoutStyle, applyNodeDefaults } from "./apply-style";
+export { LayoutEngine, type ViewportSize } from "./engine";
+export { getLiveNodeCount, LayoutNode } from "./node";

package/dist/layout/index.js

@@ -0,0 +1,4 @@
+export { applyLayoutStyle, applyNodeDefaults } from "./apply-style";
+export { LayoutEngine } from "./engine";
+export { getLiveNodeCount, LayoutNode } from "./node";
+//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,YAAY,EAAqB,MAAM,UAAU,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA","sourcesContent":["export { applyLayoutStyle, applyNodeDefaults } from \"./apply-style\"\nexport { LayoutEngine, type ViewportSize } from \"./engine\"\nexport { getLiveNodeCount, LayoutNode } from \"./node\"\n"]}

package/dist/layout/node.d.ts

@@ -0,0 +1,33 @@
+import type { LayoutNodeApi, LayoutStyle, MeasureFn, Rect } from "../contracts";
+import { type YogaNode } from "./yoga";
+type DirtyListener = () => void;
+export declare const getLiveNodeCount: () => number;
+export declare class LayoutNode implements LayoutNodeApi {
+    readonly yoga: YogaNode;
+    parent: LayoutNode | null;
+    readonly children: LayoutNode[];
+    private onDirty;
+    private onLayoutCallback;
+    private commitCallback;
+    private lastRect;
+    private freed;
+    private hasMeasure;
+    private forceCommit;
+    constructor(onDirty: DirtyListener);
+    setStyle(style: LayoutStyle): void;
+    setMeasureFn(measure: MeasureFn | null): void;
+    markDirty(): void;
+    getRect(): Rect | null;
+    setOnLayout(callback: ((rect: Rect) => void) | null): void;
+    setCommit(callback: ((rect: Rect) => void) | null): void;
+    insertChild(child: LayoutNode, index: number): void;
+    removeChild(child: LayoutNode): void;
+    collectChange(): {
+        rect: Rect;
+        changed: boolean;
+    } | null;
+    notifyCommit(rect: Rect): void;
+    notifyLayout(rect: Rect): void;
+    free(): void;
+}
+export {};

package/dist/layout/node.js

@@ -0,0 +1,151 @@
+import { applyLayoutStyle, applyNodeDefaults } from "./apply-style";
+import { createYogaNode, MEASURE_MODE } from "./yoga";
+let liveNodeCount = 0;
+// Number of not-yet-freed nodes; used by tests to detect leaks.
+export const getLiveNodeCount = () => liveNodeCount;
+// Shadow-tree node: owns one Yoga node, mirrors the React component tree.
+// Components talk to it through the LayoutNodeApi contract; the engine walks
+// it after every layout pass to diff rects and notify commit/onLayout hooks.
+export class LayoutNode {
+    yoga;
+    parent = null;
+    children = [];
+    onDirty;
+    onLayoutCallback = null;
+    commitCallback = null;
+    lastRect = null;
+    freed = false;
+    hasMeasure = false;
+    forceCommit = false;
+    constructor(onDirty) {
+        this.yoga = createYogaNode();
+        applyNodeDefaults(this.yoga);
+        this.onDirty = onDirty;
+        liveNodeCount += 1;
+    }
+    setStyle(style) {
+        if (this.freed) {
+            return;
+        }
+        applyLayoutStyle(this.yoga, style);
+        this.onDirty();
+    }
+    setMeasureFn(measure) {
+        if (this.freed) {
+            return;
+        }
+        if (measure === null) {
+            // Unsetting an absent measure func destroys a null wasm binding and
+            // crashes yoga-wasm — track presence explicitly.
+            if (this.hasMeasure) {
+                this.yoga.unsetMeasureFunc();
+                this.hasMeasure = false;
+            }
+        }
+        else {
+            this.yoga.setMeasureFunc((width, widthMode, height, heightMode) => measure(width, MEASURE_MODE[widthMode], height, MEASURE_MODE[heightMode]));
+            this.hasMeasure = true;
+        }
+        this.onDirty();
+    }
+    markDirty() {
+        // Only measure-backed leaves may be marked dirty in Yoga.
+        if (this.freed || !this.hasMeasure) {
+            return;
+        }
+        this.yoga.markDirty();
+        // Re-measuring resets the widget size request; even an unchanged rect
+        // must recommit so the request is re-applied.
+        this.forceCommit = true;
+        this.onDirty();
+    }
+    getRect() {
+        return this.lastRect;
+    }
+    setOnLayout(callback) {
+        this.onLayoutCallback = callback;
+    }
+    // The commit hook is the write path to GTK: the component layer moves its
+    // widget's stored rect when the engine reports a new one.
+    setCommit(callback) {
+        this.commitCallback = callback;
+        // A late-registered commit hook must still receive the current rect.
+        if (callback !== null && this.lastRect !== null) {
+            callback(this.lastRect);
+        }
+    }
+    insertChild(child, index) {
+        if (this.freed || child.freed) {
+            return;
+        }
+        child.parent = this;
+        this.children.splice(index, 0, child);
+        this.yoga.insertChild(child.yoga, index);
+        this.onDirty();
+    }
+    removeChild(child) {
+        const index = this.children.indexOf(child);
+        if (index === -1) {
+            return;
+        }
+        this.children.splice(index, 1);
+        child.parent = null;
+        // Touching the wasm node of a freed parent corrupts the emscripten heap.
+        if (!this.freed && !child.freed) {
+            this.yoga.removeChild(child.yoga);
+            this.onDirty();
+        }
+    }
+    // Reads the computed rect (parent-relative). Measured leaves always
+    // recommit: any Yoga-invoked re-measure resets their widget size request,
+    // and Yoga may re-measure without markDirty (constraint changes), so the
+    // request must be re-applied after every pass. onLayout still fires only
+    // on real changes.
+    collectChange() {
+        const rect = {
+            x: this.yoga.getComputedLeft(),
+            y: this.yoga.getComputedTop(),
+            width: this.yoga.getComputedWidth(),
+            height: this.yoga.getComputedHeight(),
+        };
+        const previous = this.lastRect;
+        const unchanged = previous !== null &&
+            previous.x === rect.x &&
+            previous.y === rect.y &&
+            previous.width === rect.width &&
+            previous.height === rect.height;
+        const changed = this.forceCommit || !unchanged;
+        this.forceCommit = false;
+        if (!changed && !this.hasMeasure) {
+            return null;
+        }
+        this.lastRect = rect;
+        return { rect, changed };
+    }
+    notifyCommit(rect) {
+        this.commitCallback?.(rect);
+    }
+    notifyLayout(rect) {
+        this.onLayoutCallback?.(rect);
+    }
+    free() {
+        if (this.freed) {
+            return;
+        }
+        this.parent?.removeChild(this);
+        // React unmounts parents before children (effect cleanup order), so a
+        // container can be freed while its children are still linked — detach
+        // them first or their own free() would touch freed wasm memory.
+        for (const child of [...this.children]) {
+            this.removeChild(child);
+        }
+        if (this.hasMeasure) {
+            this.yoga.unsetMeasureFunc();
+            this.hasMeasure = false;
+        }
+        this.freed = true;
+        this.yoga.free();
+        liveNodeCount -= 1;
+    }
+}
+//# sourceMappingURL=node.js.map

package/dist/layout/node.js.map

@@ -0,0 +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 { applyLayoutStyle, applyNodeDefaults } from \"./apply-style\"\nimport { createYogaNode, MEASURE_MODE, type YogaNode } from \"./yoga\"\n\ntype DirtyListener = () => 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  }\n\n  setStyle(style: LayoutStyle): void {\n    if (this.freed) {\n      return\n    }\n    applyLayoutStyle(this.yoga, style)\n    this.onDirty()\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()\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()\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()\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()\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  }\n}\n"]}

package/dist/layout/yoga.d.ts

@@ -0,0 +1,13 @@
+import Yoga, { Align, Direction, Display, Edge, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Wrap, type Node as YogaNode } from "yoga-layout";
+import type { FlexAlignType, LayoutStyle, MeasureConstraintMode } from "../contracts";
+export { Direction, Edge, Gutter, MeasureMode, Yoga };
+export type { YogaNode };
+export declare const FLEX_DIRECTION: Record<NonNullable<LayoutStyle["flexDirection"]>, FlexDirection>;
+export declare const JUSTIFY: Record<NonNullable<LayoutStyle["justifyContent"]>, Justify>;
+export declare const ALIGN: Record<"auto" | FlexAlignType | "space-between" | "space-around", Align>;
+export declare const WRAP: Record<NonNullable<LayoutStyle["flexWrap"]>, Wrap>;
+export declare const POSITION: Record<NonNullable<LayoutStyle["position"]>, PositionType>;
+export declare const OVERFLOW: Record<NonNullable<LayoutStyle["overflow"]>, Overflow>;
+export declare const DISPLAY: Record<NonNullable<LayoutStyle["display"]>, Display>;
+export declare const MEASURE_MODE: Record<MeasureMode, MeasureConstraintMode>;
+export declare const createYogaNode: () => YogaNode;

package/dist/layout/yoga.js

@@ -0,0 +1,52 @@
+import Yoga, { Align, Direction, Display, Edge, FlexDirection, Gutter, Justify, MeasureMode, Overflow, PositionType, Wrap, } from "yoga-layout";
+export { Direction, Edge, Gutter, MeasureMode, Yoga };
+export const FLEX_DIRECTION = {
+    row: FlexDirection.Row,
+    "row-reverse": FlexDirection.RowReverse,
+    column: FlexDirection.Column,
+    "column-reverse": FlexDirection.ColumnReverse,
+};
+export const JUSTIFY = {
+    "flex-start": Justify.FlexStart,
+    "flex-end": Justify.FlexEnd,
+    center: Justify.Center,
+    "space-between": Justify.SpaceBetween,
+    "space-around": Justify.SpaceAround,
+    "space-evenly": Justify.SpaceEvenly,
+};
+export const ALIGN = {
+    auto: Align.Auto,
+    "flex-start": Align.FlexStart,
+    "flex-end": Align.FlexEnd,
+    center: Align.Center,
+    stretch: Align.Stretch,
+    baseline: Align.Baseline,
+    "space-between": Align.SpaceBetween,
+    "space-around": Align.SpaceAround,
+};
+export const WRAP = {
+    nowrap: Wrap.NoWrap,
+    wrap: Wrap.Wrap,
+    "wrap-reverse": Wrap.WrapReverse,
+};
+export const POSITION = {
+    absolute: PositionType.Absolute,
+    relative: PositionType.Relative,
+    static: PositionType.Static,
+};
+export const OVERFLOW = {
+    visible: Overflow.Visible,
+    hidden: Overflow.Hidden,
+    scroll: Overflow.Scroll,
+};
+export const DISPLAY = {
+    none: Display.None,
+    flex: Display.Flex,
+};
+export const MEASURE_MODE = {
+    [MeasureMode.Undefined]: "undefined",
+    [MeasureMode.Exactly]: "exactly",
+    [MeasureMode.AtMost]: "at-most",
+};
+export const createYogaNode = () => Yoga.Node.create();
+//# sourceMappingURL=yoga.js.map

package/dist/layout/yoga.js.map

@@ -0,0 +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"]}

package/dist/metro/index.d.ts

@@ -0,0 +1,42 @@
+/** Modules the run-linux host provides to the bundle at runtime. */
+export declare const HOST_MODULE_EXTERNALS: string[];
+export declare const LINUX_PLATFORM = "linux";
+export type MetroResolutionContext = {
+    resolveRequest: MetroResolver;
+};
+export type MetroResolution = {
+    type: string;
+    filePath?: string;
+};
+export type MetroResolver = (context: MetroResolutionContext, moduleName: string, platform: string | null) => MetroResolution;
+export type MetroLikeConfig = {
+    projectRoot?: string;
+    resolver?: {
+        platforms?: readonly string[];
+        resolveRequest?: MetroResolver | null;
+    };
+    serializer?: {
+        getModulesRunBeforeMainModule?: (entryFilePath: string) => string[];
+    };
+};
+export type LinuxPlatformOptions = {
+    /** Extra host-provided modules to keep out of the bundle. */
+    externals?: readonly string[];
+    /** Proxy directory override (default: node_modules/.react-native-gtkx). */
+    proxyDir?: string;
+};
+export type LinuxPlatformConfig<T extends MetroLikeConfig> = T & {
+    resolver: {
+        platforms: string[];
+        resolveRequest: MetroResolver;
+    };
+    serializer: {
+        getModulesRunBeforeMainModule: (entryFilePath: string) => string[];
+    };
+};
+/**
+ * Wraps a Metro config (RN's getDefaultConfig output) with everything the
+ * linux platform needs. Composes with an existing custom resolveRequest —
+ * non-linux platforms fall through to it untouched.
+ */
+export declare const withLinuxPlatform: <T extends MetroLikeConfig>(config: T, options?: LinuxPlatformOptions) => LinuxPlatformConfig<T>;