react-native-gtkx 0.1.0-alpha.1

package/dist/components/flat-list.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { VirtualizedList, } from "./virtualized-list";
+// FlatList is a thin veneer over the windowed VirtualizedList core: only the
+// rows around the viewport are mounted (see virtualized-list.tsx).
+const FlatListInner = forwardRef((props, ref) => (_jsx(VirtualizedList, { ...props, ref: ref })));
+FlatListInner.displayName = "FlatList";
+export const FlatList = FlatListInner;
+export const SectionList = ({ sections, renderItem, renderSectionHeader, stickySectionHeadersEnabled = true, ref, ...rest }) => {
+    const rows = [];
+    const headerIndices = [];
+    for (const section of sections) {
+        headerIndices.push(rows.length);
+        rows.push({ kind: "header", section });
+        section.data.forEach((item, index) => {
+            rows.push({ kind: "item", item, index });
+        });
+    }
+    return (_jsx(FlatList, { ...rest, ref: ref, data: rows, stickyHeaderIndices: stickySectionHeadersEnabled ? headerIndices : undefined, keyExtractor: (_row, index) => String(index), renderItem: ({ item: row }) => row.kind === "header"
+            ? (renderSectionHeader?.({ section: row.section }) ?? null)
+            : renderItem({ item: row.item, index: row.index }) }));
+};
+//# sourceMappingURL=flat-list.js.map

package/dist/components/flat-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flat-list.js","sourceRoot":"","sources":["../../src/components/flat-list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAyC,MAAM,OAAO,CAAA;AAGzE,OAAO,EACL,eAAe,GAMhB,MAAM,oBAAoB,CAAA;AAqC3B,6EAA6E;AAC7E,mEAAmE;AACnE,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAK,KAAuB,EAAE,GAAqC,EAAE,EAAE,CAAC,CACtE,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,GACR,CACH,CACF,CAAA;AACD,aAAa,CAAC,WAAW,GAAG,UAAU,CAAA;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,aAEP,CAAA;AA+BjB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAK,EAC9B,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,2BAA2B,GAAG,IAAI,EAClC,GAAG,EACH,GAAG,IAAI,EACa,EAAgB,EAAE;IACtC,MAAM,IAAI,GAAoB,EAAE,CAAA;IAChC,MAAM,aAAa,GAAa,EAAE,CAAA;IAClC,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC/B,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAA;QACtC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACnC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAA;QAC1C,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,CACL,KAAC,QAAQ,OACH,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,mBAAmB,EACjB,2BAA2B,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAEzD,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAC5B,GAAG,CAAC,IAAI,KAAK,QAAQ;YACnB,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC;YAC3D,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,GAEtD,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { forwardRef, type ComponentType, type ReactElement } from \"react\"\nimport type { StyleProp } from \"../contracts\"\nimport type { ScrollViewProps } from \"./scroll-view\"\nimport {\n  VirtualizedList,\n  type ItemLayout,\n  type ListRenderItemInfo,\n  type ViewabilityConfig,\n  type ViewToken,\n  type VirtualizedListHandle,\n} from \"./virtualized-list\"\n\nexport type {\n  ListRenderItemInfo,\n  ViewabilityConfig,\n  ViewToken,\n} from \"./virtualized-list\"\n// The FlatList ref exposes the full scroll surface of the windowed core\n// (scrollTo, scrollToEnd, scrollToIndex, scrollToItem, scrollToOffset).\nexport type { VirtualizedListHandle as FlatListHandle } from \"./virtualized-list\"\n\nexport type FlatListProps<T> = Omit<ScrollViewProps, \"children\"> & {\n  data: readonly T[]\n  renderItem: (info: ListRenderItemInfo<T>) => ReactElement | null\n  keyExtractor?: (item: T, index: number) => string\n  ItemSeparatorComponent?: ComponentType | null\n  ListHeaderComponent?: ComponentType | ReactElement | null\n  ListFooterComponent?: ComponentType | ReactElement | null\n  ListEmptyComponent?: ComponentType | ReactElement | null\n  onEndReached?: () => void\n  onEndReachedThreshold?: number\n  onViewableItemsChanged?: (info: {\n    viewableItems: ViewToken<T>[]\n    changed: ViewToken<T>[]\n  }) => void\n  viewabilityConfig?: ViewabilityConfig\n  estimatedItemSize?: number\n  getItemLayout?: (data: readonly T[], index: number) => ItemLayout\n  windowSize?: number\n  initialNumToRender?: number\n  extraData?: unknown\n  inverted?: boolean\n  refreshing?: boolean\n  onRefresh?: () => void\n  style?: StyleProp\n}\n\n// FlatList is a thin veneer over the windowed VirtualizedList core: only the\n// rows around the viewport are mounted (see virtualized-list.tsx).\nconst FlatListInner = forwardRef(\n  <T,>(props: FlatListProps<T>, ref: React.Ref<VirtualizedListHandle>) => (\n    <VirtualizedList\n      {...props}\n      ref={ref}\n    />\n  ),\n)\nFlatListInner.displayName = \"FlatList\"\n\nexport const FlatList = FlatListInner as <T>(\n  props: FlatListProps<T> & { ref?: React.Ref<VirtualizedListHandle> },\n) => ReactElement\n\nexport type SectionListData<T> = { title: string; data: readonly T[] }\n\n// Viewability props are excluded: SectionList flattens sections into private\n// row records, so ViewTokens would leak that internal row type instead of T —\n// section-aware tokens are not implemented yet.\nexport type SectionListProps<T> = Omit<\n  FlatListProps<T>,\n  | \"data\"\n  | \"renderItem\"\n  | \"getItemLayout\"\n  | \"onViewableItemsChanged\"\n  | \"viewabilityConfig\"\n> & {\n  sections: readonly SectionListData<T>[]\n  renderItem: (info: ListRenderItemInfo<T>) => ReactElement | null\n  renderSectionHeader?: (info: {\n    section: SectionListData<T>\n  }) => ReactElement | null\n  // RN default on iOS; ours defaults to true too — section headers pin to\n  // the top and get pushed out by the next section's header.\n  stickySectionHeadersEnabled?: boolean\n  // React 19 ref-as-prop: the same scroll surface FlatList exposes.\n  ref?: React.Ref<VirtualizedListHandle>\n}\n\ntype SectionRow<T> =\n  | { kind: \"header\"; section: SectionListData<T> }\n  | { kind: \"item\"; item: T; index: number }\n\nexport const SectionList = <T,>({\n  sections,\n  renderItem,\n  renderSectionHeader,\n  stickySectionHeadersEnabled = true,\n  ref,\n  ...rest\n}: SectionListProps<T>): ReactElement => {\n  const rows: SectionRow<T>[] = []\n  const headerIndices: number[] = []\n  for (const section of sections) {\n    headerIndices.push(rows.length)\n    rows.push({ kind: \"header\", section })\n    section.data.forEach((item, index) => {\n      rows.push({ kind: \"item\", item, index })\n    })\n  }\n  return (\n    <FlatList\n      {...rest}\n      ref={ref}\n      data={rows}\n      stickyHeaderIndices={\n        stickySectionHeadersEnabled ? headerIndices : undefined\n      }\n      keyExtractor={(_row, index) => String(index)}\n      renderItem={({ item: row }) =>\n        row.kind === \"header\"\n          ? (renderSectionHeader?.({ section: row.section }) ?? null)\n          : renderItem({ item: row.item, index: row.index })\n      }\n    />\n  )\n}\n"]}

package/dist/components/host-node.d.ts

@@ -0,0 +1,10 @@
+import { type RefObject } from "react";
+import type { LayoutEngine, LayoutNode } from "../layout/index";
+import type { Gtk } from "../gtkx/bridge/index";
+export type HostNode = {
+    engine: LayoutEngine;
+    node: LayoutNode;
+    widgetRef: RefObject<Gtk.Box | null>;
+};
+export declare const HostNodeContext: React.Context<HostNode | null>;
+export declare const useHostNode: () => HostNode;

package/dist/components/host-node.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const HostNodeContext = createContext(null);
+export const useHostNode = () => {
+    const host = useContext(HostNodeContext);
+    if (host === null) {
+        throw new Error("react-native-gtkx components must be rendered inside AppRegistry.runApplication() or a <Root>");
+    }
+    return host;
+};
+//# sourceMappingURL=host-node.js.map

package/dist/components/host-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-node.js","sourceRoot":"","sources":["../../src/components/host-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AAajE,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAkB,IAAI,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,WAAW,GAAG,GAAa,EAAE;IACxC,MAAM,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACxC,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;QAClB,MAAM,IAAI,KAAK,CACb,+FAA+F,CAChG,CAAA;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["import { createContext, useContext, type RefObject } from \"react\"\nimport type { LayoutEngine, LayoutNode } from \"../layout/index\"\nimport type { Gtk } from \"../gtkx/bridge/index\"\n\n// One per mounted container (Root or View): children register their layout\n// nodes here and commit rects into the store read by the parent's\n// RnGtkxLayout allocate().\nexport type HostNode = {\n  engine: LayoutEngine\n  node: LayoutNode\n  widgetRef: RefObject<Gtk.Box | null>\n}\n\nexport const HostNodeContext = createContext<HostNode | null>(null)\n\nexport const useHostNode = (): HostNode => {\n  const host = useContext(HostNodeContext)\n  if (host === null) {\n    throw new Error(\n      \"react-native-gtkx components must be rendered inside AppRegistry.runApplication() or a <Root>\",\n    )\n  }\n  return host\n}\n"]}

package/dist/components/image-loader.d.ts

@@ -0,0 +1,17 @@
+export declare const isRemoteUri: (uri: string) => boolean;
+/** Deterministic on-disk location for a remote URL. */
+export declare const cachePathFor: (uri: string) => string;
+export type ImageFetcher = (uri: string) => Promise<{
+    ok: boolean;
+    status: number;
+    headers: {
+        get(name: string): string | null;
+    };
+    arrayBuffer(): Promise<ArrayBuffer>;
+}>;
+/**
+ * Resolves a remote URL to a local file path: instantly when cached,
+ * otherwise downloads once (concurrent callers share the promise). Rejects
+ * on network errors, non-2xx responses and non-image payloads.
+ */
+export declare const loadRemoteImage: (uri: string, fetcher?: ImageFetcher) => Promise<string>;

package/dist/components/image-loader.js

@@ -0,0 +1,54 @@
+// Remote image loading for <Image source={{uri: "https://…"}}/>: Node's
+// own fetch downloads into an on-disk cache (XDG cache dir, keyed by
+// sha256 of the URL) and GtkPicture reads the file. Pure module — the
+// fetcher is injectable, so the download logic is unit-tested without a
+// network or a widget.
+import { createHash } from "node:crypto";
+import { existsSync, mkdirSync, renameSync } from "node:fs";
+import { writeFile } from "node:fs/promises";
+import { homedir } from "node:os";
+import { join } from "node:path";
+export const isRemoteUri = (uri) => uri.startsWith("http://") || uri.startsWith("https://");
+const cacheDir = () => join(process.env.XDG_CACHE_HOME ?? join(homedir(), ".cache"), "react-native-gtkx", "images");
+/** Deterministic on-disk location for a remote URL. */
+export const cachePathFor = (uri) => join(cacheDir(), createHash("sha256").update(uri).digest("hex"));
+// N simultaneous mounts of the same URL share one download.
+const inFlight = new Map();
+/**
+ * Resolves a remote URL to a local file path: instantly when cached,
+ * otherwise downloads once (concurrent callers share the promise). Rejects
+ * on network errors, non-2xx responses and non-image payloads.
+ */
+export const loadRemoteImage = (uri, fetcher = fetch) => {
+    const target = cachePathFor(uri);
+    if (existsSync(target)) {
+        return Promise.resolve(target);
+    }
+    const pending = inFlight.get(uri);
+    if (pending) {
+        return pending;
+    }
+    const download = (async () => {
+        const response = await fetcher(uri);
+        if (!response.ok) {
+            throw new Error(`HTTP ${response.status} for ${uri}`);
+        }
+        const contentType = response.headers.get("content-type");
+        if (contentType !== null && !contentType.startsWith("image/")) {
+            throw new Error(`Not an image (${contentType}) at ${uri}`);
+        }
+        const bytes = Buffer.from(await response.arrayBuffer());
+        mkdirSync(cacheDir(), { recursive: true });
+        // Write-then-rename: a crash mid-write must not leave a partial file
+        // that later reads as a cache hit.
+        const scratch = `${target}.${process.pid}.part`;
+        await writeFile(scratch, bytes);
+        renameSync(scratch, target);
+        return target;
+    })().finally(() => {
+        inFlight.delete(uri);
+    });
+    inFlight.set(uri, download);
+    return download;
+};
+//# sourceMappingURL=image-loader.js.map

package/dist/components/image-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-loader.js","sourceRoot":"","sources":["../../src/components/image-loader.ts"],"names":[],"mappings":"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","sourcesContent":["// Remote image loading for <Image source={{uri: \"https://…\"}}/>: Node's\n// own fetch downloads into an on-disk cache (XDG cache dir, keyed by\n// sha256 of the URL) and GtkPicture reads the file. Pure module — the\n// fetcher is injectable, so the download logic is unit-tested without a\n// network or a widget.\nimport { createHash } from \"node:crypto\"\nimport { existsSync, mkdirSync, renameSync } from \"node:fs\"\nimport { writeFile } from \"node:fs/promises\"\nimport { homedir } from \"node:os\"\nimport { join } from \"node:path\"\n\nexport const isRemoteUri = (uri: string): boolean =>\n  uri.startsWith(\"http://\") || uri.startsWith(\"https://\")\n\nconst cacheDir = (): string =>\n  join(\n    process.env.XDG_CACHE_HOME ?? join(homedir(), \".cache\"),\n    \"react-native-gtkx\",\n    \"images\",\n  )\n\n/** Deterministic on-disk location for a remote URL. */\nexport const cachePathFor = (uri: string): string =>\n  join(cacheDir(), createHash(\"sha256\").update(uri).digest(\"hex\"))\n\nexport type ImageFetcher = (uri: string) => Promise<{\n  ok: boolean\n  status: number\n  headers: { get(name: string): string | null }\n  arrayBuffer(): Promise<ArrayBuffer>\n}>\n\n// N simultaneous mounts of the same URL share one download.\nconst inFlight = new Map<string, Promise<string>>()\n\n/**\n * Resolves a remote URL to a local file path: instantly when cached,\n * otherwise downloads once (concurrent callers share the promise). Rejects\n * on network errors, non-2xx responses and non-image payloads.\n */\nexport const loadRemoteImage = (\n  uri: string,\n  fetcher: ImageFetcher = fetch,\n): Promise<string> => {\n  const target = cachePathFor(uri)\n  if (existsSync(target)) {\n    return Promise.resolve(target)\n  }\n  const pending = inFlight.get(uri)\n  if (pending) {\n    return pending\n  }\n  const download = (async (): Promise<string> => {\n    const response = await fetcher(uri)\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status} for ${uri}`)\n    }\n    const contentType = response.headers.get(\"content-type\")\n    if (contentType !== null && !contentType.startsWith(\"image/\")) {\n      throw new Error(`Not an image (${contentType}) at ${uri}`)\n    }\n    const bytes = Buffer.from(await response.arrayBuffer())\n    mkdirSync(cacheDir(), { recursive: true })\n    // Write-then-rename: a crash mid-write must not leave a partial file\n    // that later reads as a cache hit.\n    const scratch = `${target}.${process.pid}.part`\n    await writeFile(scratch, bytes)\n    renameSync(scratch, target)\n    return target\n  })().finally(() => {\n    inFlight.delete(uri)\n  })\n  inFlight.set(uri, download)\n  return download\n}\n"]}

package/dist/components/image.d.ts

@@ -0,0 +1,19 @@
+import type { StyleProp } from "../contracts";
+import { type LayoutEvent } from "./use-layout-child";
+export type ImageSource = {
+    uri: string;
+} | string;
+export type ImageProps = {
+    source: ImageSource;
+    style?: StyleProp;
+    resizeMode?: "cover" | "contain" | "stretch" | "center";
+    onLayout?: (event: LayoutEvent) => void;
+    onLoad?: () => void;
+    onError?: (error: {
+        nativeEvent: {
+            error: string;
+        };
+    }) => void;
+    testID?: string;
+};
+export declare const Image: ({ source, style, resizeMode, onLayout, onLoad, onError, testID, }: ImageProps) => React.JSX.Element;

package/dist/components/image.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { existsSync } from "node:fs";
+import { useEffect, useRef } from "react";
+import { Gdk, Gtk, GtkPicture } from "../gtkx/bridge/index";
+import { isRemoteUri, loadRemoteImage } from "./image-loader";
+import { useLayoutChild } from "./use-layout-child";
+const CONTENT_FIT = {
+    cover: Gtk.ContentFit.COVER,
+    contain: Gtk.ContentFit.CONTAIN,
+    stretch: Gtk.ContentFit.FILL,
+    center: Gtk.ContentFit.SCALE_DOWN,
+};
+const toPath = (source) => {
+    const uri = typeof source === "string" ? source : source.uri;
+    return uri.startsWith("file://") ? uri.slice("file://".length) : uri;
+};
+// Local files load synchronously; http(s) URIs download through the
+// on-disk cache (image-loader.ts) and set the picture when ready. The
+// texture is decoded explicitly (Gdk.Texture throws on unsupported
+// formats — e.g. ICO favicons), so onError is honest instead of showing
+// an empty picture. Sizing comes from the style (width/height or flex) —
+// like RN, which also cannot infer remote image sizes synchronously.
+export const Image = ({ source, style, resizeMode = "cover", onLayout, onLoad, onError, testID, }) => {
+    const widgetRef = useRef(null);
+    useLayoutChild(widgetRef, { style, onLayout });
+    const path = toPath(source);
+    useEffect(() => {
+        const widget = widgetRef.current;
+        if (!widget) {
+            return;
+        }
+        const show = (file) => {
+            const target = widgetRef.current;
+            if (!target) {
+                return;
+            }
+            try {
+                // Decode explicitly: setFilename fails silently on formats the
+                // texture loader does not support, newFromFilename throws.
+                target.setPaintable(Gdk.Texture.newFromFilename(file));
+                onLoad?.();
+            }
+            catch (error) {
+                onError?.({ nativeEvent: { error: String(error) } });
+            }
+        };
+        if (isRemoteUri(path)) {
+            let cancelled = false;
+            loadRemoteImage(path).then((file) => {
+                // Unmount (or a source change) during the download must not touch
+                // the widget or fire stale callbacks.
+                if (!cancelled) {
+                    show(file);
+                }
+            }, (error) => {
+                if (!cancelled) {
+                    onError?.({ nativeEvent: { error: String(error) } });
+                }
+            });
+            return () => {
+                cancelled = true;
+            };
+        }
+        if (!existsSync(path)) {
+            onError?.({ nativeEvent: { error: `Image not found: ${path}` } });
+            return;
+        }
+        show(path);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [path]);
+    return (_jsx(GtkPicture, { ref: widgetRef, name: testID, contentFit: CONTENT_FIT[resizeMode] }));
+};
+//# sourceMappingURL=image.js.map

package/dist/components/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":"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","sourcesContent":["import { existsSync } from \"node:fs\"\nimport { useEffect, useRef } from \"react\"\nimport type { StyleProp } from \"../contracts\"\nimport { Gdk, Gtk, GtkPicture } from \"../gtkx/bridge/index\"\nimport { isRemoteUri, loadRemoteImage } from \"./image-loader\"\nimport { useLayoutChild, type LayoutEvent } from \"./use-layout-child\"\n\nexport type ImageSource = { uri: string } | string\n\nexport type ImageProps = {\n  source: ImageSource\n  style?: StyleProp\n  resizeMode?: \"cover\" | \"contain\" | \"stretch\" | \"center\"\n  onLayout?: (event: LayoutEvent) => void\n  onLoad?: () => void\n  onError?: (error: { nativeEvent: { error: string } }) => void\n  testID?: string\n}\n\nconst CONTENT_FIT = {\n  cover: Gtk.ContentFit.COVER,\n  contain: Gtk.ContentFit.CONTAIN,\n  stretch: Gtk.ContentFit.FILL,\n  center: Gtk.ContentFit.SCALE_DOWN,\n} as const\n\nconst toPath = (source: ImageSource): string => {\n  const uri = typeof source === \"string\" ? source : source.uri\n  return uri.startsWith(\"file://\") ? uri.slice(\"file://\".length) : uri\n}\n\n// Local files load synchronously; http(s) URIs download through the\n// on-disk cache (image-loader.ts) and set the picture when ready. The\n// texture is decoded explicitly (Gdk.Texture throws on unsupported\n// formats — e.g. ICO favicons), so onError is honest instead of showing\n// an empty picture. Sizing comes from the style (width/height or flex) —\n// like RN, which also cannot infer remote image sizes synchronously.\nexport const Image = ({\n  source,\n  style,\n  resizeMode = \"cover\",\n  onLayout,\n  onLoad,\n  onError,\n  testID,\n}: ImageProps) => {\n  const widgetRef = useRef<Gtk.Picture | null>(null)\n  useLayoutChild(widgetRef, { style, onLayout })\n\n  const path = toPath(source)\n\n  useEffect(() => {\n    const widget = widgetRef.current\n    if (!widget) {\n      return\n    }\n    const show = (file: string): void => {\n      const target = widgetRef.current\n      if (!target) {\n        return\n      }\n      try {\n        // Decode explicitly: setFilename fails silently on formats the\n        // texture loader does not support, newFromFilename throws.\n        target.setPaintable(Gdk.Texture.newFromFilename(file))\n        onLoad?.()\n      } catch (error) {\n        onError?.({ nativeEvent: { error: String(error) } })\n      }\n    }\n    if (isRemoteUri(path)) {\n      let cancelled = false\n      loadRemoteImage(path).then(\n        (file) => {\n          // Unmount (or a source change) during the download must not touch\n          // the widget or fire stale callbacks.\n          if (!cancelled) {\n            show(file)\n          }\n        },\n        (error: unknown) => {\n          if (!cancelled) {\n            onError?.({ nativeEvent: { error: String(error) } })\n          }\n        },\n      )\n      return () => {\n        cancelled = true\n      }\n    }\n    if (!existsSync(path)) {\n      onError?.({ nativeEvent: { error: `Image not found: ${path}` } })\n      return\n    }\n    show(path)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [path])\n\n  return (\n    <GtkPicture\n      ref={widgetRef}\n      name={testID}\n      contentFit={CONTENT_FIT[resizeMode]}\n    />\n  )\n}\n"]}

package/dist/components/index.d.ts

@@ -0,0 +1,14 @@
+export { ActivityIndicator, type ActivityIndicatorProps, } from "./activity-indicator";
+export { Animated, Easing, type AnimatedViewProps, type AnimatedViewStyle, } from "./animated";
+export { AppRegistry, type RunApplicationParams } from "./app-registry";
+export { FlatList, SectionList, type FlatListProps, type ListRenderItemInfo, type SectionListData, type SectionListProps, type ViewabilityConfig, type ViewToken, } from "./flat-list";
+export { Image, type ImageProps, type ImageSource } from "./image";
+export { Modal, type ModalProps } from "./modal";
+export { Pressable, TouchableOpacity, type PressableProps, type PressableStateCallbackType, type PressEvent, type TouchableOpacityProps, } from "./pressable";
+export { Root, type RootProps } from "./root";
+export { ScrollView, type ScrollEvent, type ScrollViewHandle, type ScrollViewProps, } from "./scroll-view";
+export { Switch, type SwitchProps } from "./switch";
+export { Text, type TextProps } from "./text";
+export { TextInput, type TextInputProps } from "./text-input";
+export { SafeAreaView, StatusBar, View, type ViewProps } from "./view";
+export { type LayoutEvent } from "./use-layout-child";

package/dist/components/index.js

@@ -0,0 +1,14 @@
+export { ActivityIndicator, } from "./activity-indicator";
+export { Animated, Easing, } from "./animated";
+export { AppRegistry } from "./app-registry";
+export { FlatList, SectionList, } from "./flat-list";
+export { Image } from "./image";
+export { Modal } from "./modal";
+export { Pressable, TouchableOpacity, } from "./pressable";
+export { Root } from "./root";
+export { ScrollView, } from "./scroll-view";
+export { Switch } from "./switch";
+export { Text } from "./text";
+export { TextInput } from "./text-input";
+export { SafeAreaView, StatusBar, View } from "./view";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EACL,QAAQ,EACR,MAAM,GAGP,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,WAAW,EAA6B,MAAM,gBAAgB,CAAA;AACvE,OAAO,EACL,QAAQ,EACR,WAAW,GAOZ,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,KAAK,EAAqC,MAAM,SAAS,CAAA;AAClE,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EACL,SAAS,EACT,gBAAgB,GAKjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EACL,UAAU,GAIX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA","sourcesContent":["export {\n  ActivityIndicator,\n  type ActivityIndicatorProps,\n} from \"./activity-indicator\"\nexport {\n  Animated,\n  Easing,\n  type AnimatedViewProps,\n  type AnimatedViewStyle,\n} from \"./animated\"\nexport { AppRegistry, type RunApplicationParams } from \"./app-registry\"\nexport {\n  FlatList,\n  SectionList,\n  type FlatListProps,\n  type ListRenderItemInfo,\n  type SectionListData,\n  type SectionListProps,\n  type ViewabilityConfig,\n  type ViewToken,\n} from \"./flat-list\"\nexport { Image, type ImageProps, type ImageSource } from \"./image\"\nexport { Modal, type ModalProps } from \"./modal\"\nexport {\n  Pressable,\n  TouchableOpacity,\n  type PressableProps,\n  type PressableStateCallbackType,\n  type PressEvent,\n  type TouchableOpacityProps,\n} from \"./pressable\"\nexport { Root, type RootProps } from \"./root\"\nexport {\n  ScrollView,\n  type ScrollEvent,\n  type ScrollViewHandle,\n  type ScrollViewProps,\n} from \"./scroll-view\"\nexport { Switch, type SwitchProps } from \"./switch\"\nexport { Text, type TextProps } from \"./text\"\nexport { TextInput, type TextInputProps } from \"./text-input\"\nexport { SafeAreaView, StatusBar, View, type ViewProps } from \"./view\"\nexport { type LayoutEvent } from \"./use-layout-child\"\n"]}

package/dist/components/modal.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export type ModalProps = {
+    visible?: boolean;
+    onRequestClose?: () => void;
+    title?: string;
+    transparent?: boolean;
+    animationType?: "none" | "slide" | "fade";
+    width?: number;
+    height?: number;
+    children?: ReactNode;
+};
+export declare const Modal: ({ visible, onRequestClose, title, width, height, children, }: ModalProps) => React.ReactPortal | null;

package/dist/components/modal.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createPortal, GtkWindow, useApplication, useParentWindow, } from "../gtkx/bridge/index";
+import { Root } from "./root";
+// RN Modal → a modal GtkWindow portaled onto the application, transient for
+// the window that rendered it. Visibility is fully controlled by the prop:
+// the close request is reported and swallowed.
+export const Modal = ({ visible = false, onRequestClose, title = "", width = 480, height = 400, children, }) => {
+    const application = useApplication();
+    const parentWindow = useParentWindow();
+    if (!visible) {
+        return null;
+    }
+    return createPortal(_jsx(GtkWindow, { title: title, modal: true, transientFor: parentWindow ?? undefined, defaultWidth: width, defaultHeight: height, onCloseRequest: () => {
+            onRequestClose?.();
+            return true;
+        }, children: _jsx(Root, { width: width, height: height, followAllocation: true, children: children }) }), application);
+};
+//# sourceMappingURL=modal.js.map

package/dist/components/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,YAAY,EACZ,SAAS,EACT,cAAc,EACd,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAe7B,4EAA4E;AAC5E,2EAA2E;AAC3E,+CAA+C;AAC/C,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,GAAG,KAAK,EACf,cAAc,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,QAAQ,GACG,EAAE,EAAE;IACf,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,YAAY,CACjB,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,QACL,YAAY,EAAE,YAAY,IAAI,SAAS,EACvC,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,GAAG,EAAE;YACnB,cAAc,EAAE,EAAE,CAAA;YAClB,OAAO,IAAI,CAAA;QACb,CAAC,YAED,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,kBAEf,QAAQ,GACJ,GACG,EACZ,WAAW,CACZ,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { type ReactNode } from \"react\"\nimport {\n  createPortal,\n  GtkWindow,\n  useApplication,\n  useParentWindow,\n} from \"../gtkx/bridge/index\"\nimport { Root } from \"./root\"\n\nexport type ModalProps = {\n  visible?: boolean\n  onRequestClose?: () => void\n  title?: string\n  // Desktop mapping: RN modals become modal windows; transparent/animationType\n  // have no GTK equivalent and are accepted as no-ops for API parity.\n  transparent?: boolean\n  animationType?: \"none\" | \"slide\" | \"fade\"\n  width?: number\n  height?: number\n  children?: ReactNode\n}\n\n// RN Modal → a modal GtkWindow portaled onto the application, transient for\n// the window that rendered it. Visibility is fully controlled by the prop:\n// the close request is reported and swallowed.\nexport const Modal = ({\n  visible = false,\n  onRequestClose,\n  title = \"\",\n  width = 480,\n  height = 400,\n  children,\n}: ModalProps) => {\n  const application = useApplication()\n  const parentWindow = useParentWindow()\n\n  if (!visible) {\n    return null\n  }\n\n  return createPortal(\n    <GtkWindow\n      title={title}\n      modal\n      transientFor={parentWindow ?? undefined}\n      defaultWidth={width}\n      defaultHeight={height}\n      onCloseRequest={() => {\n        onRequestClose?.()\n        return true\n      }}\n    >\n      <Root\n        width={width}\n        height={height}\n        followAllocation\n      >\n        {children}\n      </Root>\n    </GtkWindow>,\n    application,\n  )\n}\n"]}

package/dist/components/pressable.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+import type { StyleProp } from "../contracts";
+import { type LayoutEvent } from "./use-layout-child";
+export type PressableStateCallbackType = {
+    pressed: boolean;
+    hovered: boolean;
+};
+export type PressEvent = {
+    nativeEvent: {
+        x: number;
+        y: number;
+    };
+};
+export type PressableProps = {
+    style?: StyleProp | ((state: PressableStateCallbackType) => StyleProp);
+    children?: ReactNode | ((state: PressableStateCallbackType) => ReactNode);
+    onPress?: (event: PressEvent) => void;
+    onPressIn?: (event: PressEvent) => void;
+    onPressOut?: (event: PressEvent) => void;
+    onLongPress?: (event: PressEvent) => void;
+    onHoverIn?: () => void;
+    onHoverOut?: () => void;
+    disabled?: boolean;
+    delayLongPress?: number;
+    onLayout?: (event: LayoutEvent) => void;
+    testID?: string;
+};
+export declare const Pressable: ({ style, children, onPress, onPressIn, onPressOut, onLongPress, onHoverIn, onHoverOut, disabled, delayLongPress, onLayout, testID, }: PressableProps) => React.JSX.Element;
+export type TouchableOpacityProps = Omit<PressableProps, "style"> & {
+    style?: StyleProp;
+    activeOpacity?: number;
+};
+export declare const TouchableOpacity: ({ style, activeOpacity, ...rest }: TouchableOpacityProps) => React.JSX.Element;

package/dist/components/pressable.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useRef, useState } from "react";
+import { Gtk, GtkBox } from "../gtkx/bridge/index";
+import { HostNodeContext } from "./host-node";
+import { useLayoutChild, useRnContainer, } from "./use-layout-child";
+const pressEvent = (x, y) => ({
+    nativeEvent: { x, y },
+});
+// A View with a click gesture and hover tracking. State-dependent style and
+// children follow the RN Pressable function-prop contract.
+export const Pressable = ({ style, children, onPress, onPressIn, onPressOut, onLongPress, onHoverIn, onHoverOut, disabled = false, delayLongPress = 500, onLayout, testID, }) => {
+    const widgetRef = useRef(null);
+    const [pressed, setPressed] = useState(false);
+    const [hovered, setHovered] = useState(false);
+    const longPressTimer = useRef(null);
+    const longPressFired = useRef(false);
+    const state = { pressed, hovered };
+    // RC1-WORKAROUND(controllers-as-children): see docs/gtkx-rc1-vs-main.md
+    // rc.1 has no controller-as-JSX-children support (main-only feature):
+    // gestures are attached imperatively; handlers read the latest props via a
+    // ref so the controllers are wired exactly once.
+    const handlersRef = useRef({
+        handlePressed: (n, x, y) => {
+            void n;
+            void x;
+            void y;
+        },
+        handleReleased: (n, x, y) => {
+            void n;
+            void x;
+            void y;
+        },
+        handleCancel: () => { },
+        handleEnter: () => { },
+        handleLeave: () => { },
+    });
+    const resolvedStyle = typeof style === "function" ? style(state) : style;
+    const resolvedChildren = typeof children === "function" ? children(state) : children;
+    const { host, node, cssClass } = useLayoutChild(widgetRef, {
+        style: resolvedStyle,
+        onLayout,
+    });
+    useRnContainer(widgetRef, node);
+    const clearLongPress = () => {
+        if (longPressTimer.current !== null) {
+            clearTimeout(longPressTimer.current);
+            longPressTimer.current = null;
+        }
+    };
+    const handlePressed = (_n, x, y) => {
+        if (disabled) {
+            return;
+        }
+        longPressFired.current = false;
+        setPressed(true);
+        onPressIn?.(pressEvent(x, y));
+        if (onLongPress) {
+            clearLongPress();
+            longPressTimer.current = setTimeout(() => {
+                longPressFired.current = true;
+                onLongPress(pressEvent(x, y));
+            }, delayLongPress);
+        }
+    };
+    const handleReleased = (_n, x, y) => {
+        if (disabled) {
+            return;
+        }
+        clearLongPress();
+        setPressed(false);
+        onPressOut?.(pressEvent(x, y));
+        if (!longPressFired.current) {
+            onPress?.(pressEvent(x, y));
+        }
+    };
+    const handleCancel = () => {
+        clearLongPress();
+        setPressed(false);
+    };
+    handlersRef.current = {
+        handlePressed,
+        handleReleased,
+        handleCancel,
+        handleEnter: () => {
+            setHovered(true);
+            onHoverIn?.();
+        },
+        handleLeave: () => {
+            setHovered(false);
+            onHoverOut?.();
+        },
+    };
+    useLayoutEffect(() => {
+        const widget = widgetRef.current;
+        if (!widget) {
+            return;
+        }
+        const click = new Gtk.GestureClick();
+        click.on("pressed", (n, x, y) => handlersRef.current.handlePressed(n, x, y));
+        click.on("released", (n, x, y) => handlersRef.current.handleReleased(n, x, y));
+        click.on("cancel", () => handlersRef.current.handleCancel());
+        widget.addController(click);
+        const motion = new Gtk.EventControllerMotion();
+        motion.on("enter", () => handlersRef.current.handleEnter());
+        motion.on("leave", () => handlersRef.current.handleLeave());
+        widget.addController(motion);
+        return () => {
+            widget.removeController(click);
+            widget.removeController(motion);
+        };
+    }, []);
+    return (_jsx(GtkBox, { ref: widgetRef, name: testID, cssClasses: cssClass ? [cssClass] : [], children: _jsx(HostNodeContext.Provider, { value: { engine: host.engine, node, widgetRef }, children: resolvedChildren }) }));
+};
+// Classic RN touchable: dims itself while pressed via widget opacity.
+export const TouchableOpacity = ({ style, activeOpacity = 0.5, ...rest }) => (_jsx(Pressable, { ...rest, style: ({ pressed }) => [style, pressed && { opacity: activeOpacity }] }));
+//# sourceMappingURL=pressable.js.map

package/dist/components/pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable.js","sourceRoot":"","sources":["../../src/components/pressable.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from \"react\"\nimport type { StyleProp } from \"../contracts\"\nimport { Gtk, GtkBox } from \"../gtkx/bridge/index\"\nimport { HostNodeContext } from \"./host-node\"\nimport {\n  useLayoutChild,\n  useRnContainer,\n  type LayoutEvent,\n} from \"./use-layout-child\"\n\nexport type PressableStateCallbackType = {\n  pressed: boolean\n  hovered: boolean\n}\n\nexport type PressEvent = { nativeEvent: { x: number; y: number } }\n\nexport type PressableProps = {\n  style?: StyleProp | ((state: PressableStateCallbackType) => StyleProp)\n  children?: ReactNode | ((state: PressableStateCallbackType) => ReactNode)\n  onPress?: (event: PressEvent) => void\n  onPressIn?: (event: PressEvent) => void\n  onPressOut?: (event: PressEvent) => void\n  onLongPress?: (event: PressEvent) => void\n  onHoverIn?: () => void\n  onHoverOut?: () => void\n  disabled?: boolean\n  delayLongPress?: number\n  onLayout?: (event: LayoutEvent) => void\n  testID?: string\n}\n\nconst pressEvent = (x: number, y: number): PressEvent => ({\n  nativeEvent: { x, y },\n})\n\n// A View with a click gesture and hover tracking. State-dependent style and\n// children follow the RN Pressable function-prop contract.\nexport const Pressable = ({\n  style,\n  children,\n  onPress,\n  onPressIn,\n  onPressOut,\n  onLongPress,\n  onHoverIn,\n  onHoverOut,\n  disabled = false,\n  delayLongPress = 500,\n  onLayout,\n  testID,\n}: PressableProps) => {\n  const widgetRef = useRef<Gtk.Box | null>(null)\n  const [pressed, setPressed] = useState(false)\n  const [hovered, setHovered] = useState(false)\n  const longPressTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const longPressFired = useRef(false)\n\n  const state: PressableStateCallbackType = { pressed, hovered }\n\n  // RC1-WORKAROUND(controllers-as-children): see docs/gtkx-rc1-vs-main.md\n  // rc.1 has no controller-as-JSX-children support (main-only feature):\n  // gestures are attached imperatively; handlers read the latest props via a\n  // ref so the controllers are wired exactly once.\n  const handlersRef = useRef({\n    handlePressed: (n: number, x: number, y: number): void => {\n      void n\n      void x\n      void y\n    },\n    handleReleased: (n: number, x: number, y: number): void => {\n      void n\n      void x\n      void y\n    },\n    handleCancel: (): void => {},\n    handleEnter: (): void => {},\n    handleLeave: (): void => {},\n  })\n  const resolvedStyle = typeof style === \"function\" ? style(state) : style\n  const resolvedChildren =\n    typeof children === \"function\" ? children(state) : children\n\n  const { host, node, cssClass } = useLayoutChild(widgetRef, {\n    style: resolvedStyle,\n    onLayout,\n  })\n  useRnContainer(widgetRef, node)\n\n  const clearLongPress = (): void => {\n    if (longPressTimer.current !== null) {\n      clearTimeout(longPressTimer.current)\n      longPressTimer.current = null\n    }\n  }\n\n  const handlePressed = (_n: number, x: number, y: number): void => {\n    if (disabled) {\n      return\n    }\n    longPressFired.current = false\n    setPressed(true)\n    onPressIn?.(pressEvent(x, y))\n    if (onLongPress) {\n      clearLongPress()\n      longPressTimer.current = setTimeout(() => {\n        longPressFired.current = true\n        onLongPress(pressEvent(x, y))\n      }, delayLongPress)\n    }\n  }\n\n  const handleReleased = (_n: number, x: number, y: number): void => {\n    if (disabled) {\n      return\n    }\n    clearLongPress()\n    setPressed(false)\n    onPressOut?.(pressEvent(x, y))\n    if (!longPressFired.current) {\n      onPress?.(pressEvent(x, y))\n    }\n  }\n\n  const handleCancel = (): void => {\n    clearLongPress()\n    setPressed(false)\n  }\n\n  handlersRef.current = {\n    handlePressed,\n    handleReleased,\n    handleCancel,\n    handleEnter: () => {\n      setHovered(true)\n      onHoverIn?.()\n    },\n    handleLeave: () => {\n      setHovered(false)\n      onHoverOut?.()\n    },\n  }\n\n  useLayoutEffect(() => {\n    const widget = widgetRef.current\n    if (!widget) {\n      return\n    }\n    const click = new Gtk.GestureClick()\n    click.on(\"pressed\", (n: number, x: number, y: number) =>\n      handlersRef.current.handlePressed(n, x, y),\n    )\n    click.on(\"released\", (n: number, x: number, y: number) =>\n      handlersRef.current.handleReleased(n, x, y),\n    )\n    click.on(\"cancel\", () => handlersRef.current.handleCancel())\n    widget.addController(click)\n\n    const motion = new Gtk.EventControllerMotion()\n    motion.on(\"enter\", () => handlersRef.current.handleEnter())\n    motion.on(\"leave\", () => handlersRef.current.handleLeave())\n    widget.addController(motion)\n\n    return () => {\n      widget.removeController(click)\n      widget.removeController(motion)\n    }\n  }, [])\n\n  return (\n    <GtkBox\n      ref={widgetRef}\n      name={testID}\n      cssClasses={cssClass ? [cssClass] : []}\n    >\n      <HostNodeContext.Provider\n        value={{ engine: host.engine, node, widgetRef }}\n      >\n        {resolvedChildren}\n      </HostNodeContext.Provider>\n    </GtkBox>\n  )\n}\n\nexport type TouchableOpacityProps = Omit<PressableProps, \"style\"> & {\n  style?: StyleProp\n  activeOpacity?: number\n}\n\n// Classic RN touchable: dims itself while pressed via widget opacity.\nexport const TouchableOpacity = ({\n  style,\n  activeOpacity = 0.5,\n  ...rest\n}: TouchableOpacityProps) => (\n  <Pressable\n    {...rest}\n    style={({ pressed }) => [style, pressed && { opacity: activeOpacity }]}\n  />\n)\n"]}

package/dist/components/rect-store.d.ts

@@ -0,0 +1,17 @@
+export type StoredRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export type StoredOffset = {
+    dx: number;
+    dy: number;
+};
+export declare const setStoredRect: (widget: object, rect: StoredRect) => void;
+export declare const getStoredRect: (widget: object) => StoredRect | undefined;
+export declare const setStoredOffset: (widget: object, dx: number, dy: number) => void;
+export declare const getStoredOffset: (widget: object) => StoredOffset;
+export declare const beginAllocatePass: () => void;
+export declare const endAllocatePass: () => void;
+export declare const deferDuringAllocate: (widget: object, job: () => void) => boolean;

package/dist/components/rect-store.js

@@ -0,0 +1,40 @@
+const ZERO_OFFSET = { dx: 0, dy: 0 };
+const rects = new WeakMap();
+const offsets = new WeakMap();
+export const setStoredRect = (widget, rect) => {
+    rects.set(widget, rect);
+};
+export const getStoredRect = (widget) => rects.get(widget);
+export const setStoredOffset = (widget, dx, dy) => {
+    offsets.set(widget, { dx, dy });
+};
+export const getStoredOffset = (widget) => offsets.get(widget) ?? ZERO_OFFSET;
+// While a window-root allocate() pass runs the engine synchronously, commit
+// callbacks must not queue GTK resizes mid-pass — the pass itself is about to
+// place everything. Queue jobs are deferred (deduped per widget) and run once
+// the pass ends; commits whose rect did not change never re-defer, so the
+// follow-up converges.
+let allocatePassDepth = 0;
+const deferredJobs = new Map();
+export const beginAllocatePass = () => {
+    allocatePassDepth += 1;
+};
+export const endAllocatePass = () => {
+    allocatePassDepth -= 1;
+    if (allocatePassDepth === 0 && deferredJobs.size > 0) {
+        const jobs = [...deferredJobs.values()];
+        deferredJobs.clear();
+        for (const job of jobs) {
+            job();
+        }
+    }
+};
+// Returns true when the job was deferred (an allocate pass is running).
+export const deferDuringAllocate = (widget, job) => {
+    if (allocatePassDepth === 0) {
+        return false;
+    }
+    deferredJobs.set(widget, job);
+    return true;
+};
+//# sourceMappingURL=rect-store.js.map

package/dist/components/rect-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-store.js","sourceRoot":"","sources":["../../src/components/rect-store.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,GAAiB,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAA;AAElD,MAAM,KAAK,GAAG,IAAI,OAAO,EAAsB,CAAA;AAC/C,MAAM,OAAO,GAAG,IAAI,OAAO,EAAwB,CAAA;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,IAAgB,EAAQ,EAAE;IACtE,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAc,EAA0B,EAAE,CACtE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;AAEnB,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,MAAc,EACd,EAAU,EACV,EAAU,EACJ,EAAE;IACR,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AACjC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAc,EAAgB,EAAE,CAC9D,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,WAAW,CAAA;AAEpC,4EAA4E;AAC5E,8EAA8E;AAC9E,8EAA8E;AAC9E,0EAA0E;AAC1E,uBAAuB;AACvB,IAAI,iBAAiB,GAAG,CAAC,CAAA;AACzB,MAAM,YAAY,GAAG,IAAI,GAAG,EAAsB,CAAA;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAS,EAAE;IAC1C,iBAAiB,IAAI,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAS,EAAE;IACxC,iBAAiB,IAAI,CAAC,CAAA;IACtB,IAAI,iBAAiB,KAAK,CAAC,IAAI,YAAY,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;QACrD,MAAM,IAAI,GAAG,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,CAAA;QACvC,YAAY,CAAC,KAAK,EAAE,CAAA;QACpB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,GAAG,EAAE,CAAA;QACP,CAAC;IACH,CAAC;AACH,CAAC,CAAA;AAED,wEAAwE;AACxE,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,MAAc,EACd,GAAe,EACN,EAAE;IACX,IAAI,iBAAiB,KAAK,CAAC,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAA;IACd,CAAC;IACD,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7B,OAAO,IAAI,CAAA;AACb,CAAC,CAAA","sourcesContent":["// Committed engine rects and animated offsets, keyed by the CHILD widget.\n// Written by commit callbacks (use-layout-child) and by Animated bindings;\n// read by the parent container's RnGtkxLayout allocate() hook. Pure data —\n// no FFI here, so both writers and the bridge-side reader stay testable.\nexport type StoredRect = {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\nexport type StoredOffset = { dx: number; dy: number }\n\nconst ZERO_OFFSET: StoredOffset = { dx: 0, dy: 0 }\n\nconst rects = new WeakMap<object, StoredRect>()\nconst offsets = new WeakMap<object, StoredOffset>()\n\nexport const setStoredRect = (widget: object, rect: StoredRect): void => {\n  rects.set(widget, rect)\n}\n\nexport const getStoredRect = (widget: object): StoredRect | undefined =>\n  rects.get(widget)\n\nexport const setStoredOffset = (\n  widget: object,\n  dx: number,\n  dy: number,\n): void => {\n  offsets.set(widget, { dx, dy })\n}\n\nexport const getStoredOffset = (widget: object): StoredOffset =>\n  offsets.get(widget) ?? ZERO_OFFSET\n\n// While a window-root allocate() pass runs the engine synchronously, commit\n// callbacks must not queue GTK resizes mid-pass — the pass itself is about to\n// place everything. Queue jobs are deferred (deduped per widget) and run once\n// the pass ends; commits whose rect did not change never re-defer, so the\n// follow-up converges.\nlet allocatePassDepth = 0\nconst deferredJobs = new Map<object, () => void>()\n\nexport const beginAllocatePass = (): void => {\n  allocatePassDepth += 1\n}\n\nexport const endAllocatePass = (): void => {\n  allocatePassDepth -= 1\n  if (allocatePassDepth === 0 && deferredJobs.size > 0) {\n    const jobs = [...deferredJobs.values()]\n    deferredJobs.clear()\n    for (const job of jobs) {\n      job()\n    }\n  }\n}\n\n// Returns true when the job was deferred (an allocate pass is running).\nexport const deferDuringAllocate = (\n  widget: object,\n  job: () => void,\n): boolean => {\n  if (allocatePassDepth === 0) {\n    return false\n  }\n  deferredJobs.set(widget, job)\n  return true\n}\n"]}

package/dist/components/root.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+export type RootProps = {
+    width: number;
+    height: number;
+    followAllocation?: boolean;
+    children?: ReactNode;
+};
+export declare const Root: ({ width, height, followAllocation, children, }: RootProps) => React.JSX.Element;