@gtkx/react 0.9.3 → 0.10.0

package/dist/generated/registry.d.ts

@@ -0,0 +1,4 @@
+/** Generated namespace registry for widget class resolution. */
+type Namespace = Record<string, unknown>;
+export declare const NAMESPACE_REGISTRY: [string, Namespace][];
+export {};

package/dist/generated/registry.js

@@ -0,0 +1,13 @@
+/** Generated namespace registry for widget class resolution. */
+import * as Adw from "@gtkx/ffi/adw";
+import * as Gtk from "@gtkx/ffi/gtk";
+import * as GtkSource from "@gtkx/ffi/gtksource";
+import * as Vte from "@gtkx/ffi/vte";
+import * as WebKit from "@gtkx/ffi/webkit";
+export const NAMESPACE_REGISTRY = [
+    ["GtkSource", GtkSource],
+    ["WebKit", WebKit],
+    ["Adw", Adw],
+    ["Gtk", Gtk],
+    ["Vte", Vte],
+];

package/dist/host-config.d.ts

@@ -1,12 +1,15 @@
 import type * as Gtk from "@gtkx/ffi/gtk";
 import type ReactReconciler from "react-reconciler";
-import { type Props, type ROOT_NODE_CONTAINER } from "./factory.js";
 import type { Node } from "./node.js";
-type Container = Gtk.Widget | typeof ROOT_NODE_CONTAINER;
+import type { Container, Props } from "./types.js";
+declare global {
+    var __GTKX_CONTAINER_NODE_CACHE__: Map<number, Node> | undefined;
+}
+export declare const isCommitting: () => boolean;
 type TextInstance = Node;
 type SuspenseInstance = never;
 type HydratableInstance = never;
-type PublicInstance = Gtk.Widget;
+type PublicInstance = Gtk.Widget | Gtk.Application;
 type HostContext = Record<string, never>;
 type ChildSet = never;
 type TimeoutHandle = number;
@@ -15,5 +18,5 @@ type TransitionStatus = number;
 type FormInstance = never;
 type HostConfig = ReactReconciler.HostConfig<string, Props, Container, Node, TextInstance, SuspenseInstance, HydratableInstance, FormInstance, PublicInstance, HostContext, ChildSet, TimeoutHandle, NoTimeout, TransitionStatus>;
 export type ReconcilerInstance = ReactReconciler.Reconciler<Container, Node, TextInstance, SuspenseInstance, FormInstance, PublicInstance>;
-export declare function createHostConfig(createNodeFromContainer: (container: Container) => Node): HostConfig;
+export declare function createHostConfig(): HostConfig;
 export {};

package/dist/host-config.js

@@ -1,8 +1,24 @@
-import { beginBatch, endBatch } from "@gtkx/ffi";
+import { beginBatch, endBatch, getObjectId } from "@gtkx/ffi";
 import React from "react";
-import { beginCommit, endCommit } from "./batch.js";
 import { createNode } from "./factory.js";
-export function createHostConfig(createNodeFromContainer) {
+import { flushAfterCommit } from "./scheduler.js";
+if (!globalThis.__GTKX_CONTAINER_NODE_CACHE__) {
+    globalThis.__GTKX_CONTAINER_NODE_CACHE__ = new Map();
+}
+let committing = false;
+export const isCommitting = () => committing;
+const containerNodeCache = globalThis.__GTKX_CONTAINER_NODE_CACHE__;
+const getOrCreateContainerNode = (container) => {
+    const id = getObjectId(container.id);
+    let node = containerNodeCache.get(id);
+    if (!node) {
+        const type = container.constructor.glibTypeName;
+        node = createNode(type, {}, container, container);
+        containerNodeCache.set(id, node);
+    }
+    return node;
+};
+export function createHostConfig() {
     return {
         supportsMutation: true,
         supportsPersistence: false,
@@ -12,39 +28,58 @@ export function createHostConfig(createNodeFromContainer) {
         getRootHostContext: () => ({}),
         getChildHostContext: (parentHostContext) => parentHostContext,
         shouldSetTextContent: () => false,
-        createInstance: (type, props) => createNode(type, props),
-        createTextInstance: (text) => createNode("Label", { label: text }),
-        appendInitialChild: (parent, child) => parent.appendChild(child),
-        finalizeInitialChildren: () => true,
+        createInstance: (type, props, rootContainer) => {
+            return createNode(type, props, undefined, rootContainer);
+        },
+        createTextInstance: (text, rootContainer) => {
+            const props = { label: text };
+            const node = createNode("GtkLabel", props, undefined, rootContainer);
+            node.updateProps(null, props);
+            return node;
+        },
+        appendInitialChild: (parent, child) => {
+            parent.appendChild(child);
+        },
+        finalizeInitialChildren: (instance, _type, props) => {
+            instance.updateProps(null, props);
+            return true;
+        },
         commitUpdate: (instance, _type, oldProps, newProps) => {
             instance.updateProps(oldProps, newProps);
         },
-        commitMount: (instance) => {
+        commitMount: (instance, _type) => {
             instance.mount();
         },
-        appendChild: (parent, child) => parent.appendChild(child),
-        removeChild: (parent, child) => parent.removeChild(child),
-        insertBefore: (parent, child, beforeChild) => parent.insertBefore(child, beforeChild),
+        appendChild: (parent, child) => {
+            parent.appendChild(child);
+        },
+        removeChild: (parent, child) => {
+            parent.removeChild(child);
+        },
+        insertBefore: (parent, child, beforeChild) => {
+            parent.insertBefore(child, beforeChild);
+        },
         removeChildFromContainer: (container, child) => {
-            const parent = createNodeFromContainer(container);
+            const parent = getOrCreateContainerNode(container);
             parent.removeChild(child);
         },
         appendChildToContainer: (container, child) => {
-            const parent = createNodeFromContainer(container);
+            const parent = getOrCreateContainerNode(container);
             parent.appendChild(child);
         },
         insertInContainerBefore: (container, child, beforeChild) => {
-            const parent = createNodeFromContainer(container);
+            const parent = getOrCreateContainerNode(container);
             parent.insertBefore(child, beforeChild);
         },
         prepareForCommit: () => {
+            committing = true;
             beginBatch();
-            beginCommit();
             return null;
         },
         resetAfterCommit: () => {
-            endCommit();
             endBatch();
+            flushAfterCommit();
+            committing = false;
         },
         commitTextUpdate: (textInstance, oldText, newText) => {
             textInstance.updateProps({ label: oldText }, { label: newText });
@@ -58,7 +93,7 @@ export function createHostConfig(createNodeFromContainer) {
         cancelTimeout: (id) => {
             clearTimeout(id);
         },
-        getPublicInstance: (instance) => instance.getWidget(),
+        getPublicInstance: (instance) => instance.container,
         getCurrentUpdatePriority: () => 2,
         setCurrentUpdatePriority: () => { },
         resolveUpdatePriority: () => 2,
@@ -69,7 +104,7 @@ export function createHostConfig(createNodeFromContainer) {
         afterActiveInstanceBlur: () => { },
         prepareScopeUpdate: () => { },
         getInstanceFromScope: () => null,
-        detachDeletedInstance: () => { },
+        detachDeletedInstance: (instance) => instance.unmount(),
         resetFormInstance: () => { },
         requestPostPaintCallback: () => { },
         shouldAttemptEagerTransition: () => false,

package/dist/index.d.ts

@@ -1,24 +1,4 @@
-/**
- * @private Internal symbol used to identify the root container node.
- * This is an internal API used only by @gtkx/testing. Do not use directly.
- */
-export { ROOT_NODE_CONTAINER } from "./factory.js";
-export * from "./generated/jsx.js";
+export * from "./jsx.js";
 export { createPortal } from "./portal.js";
 export { reconciler } from "./reconciler.js";
-export { render } from "./render.js";
-import type { ReactNode } from "react";
-/**
- * Updates the React tree without restarting the GTK application.
- * Used for hot module replacement (HMR) during development.
- *
- * @param element - The new root React element to render
- * @throws Error if called before render()
- */
-export declare const update: (element: ReactNode) => void;
-/**
- * Quits the GTK application and cleans up resources.
- * Unmounts the React tree and stops the GTK main loop.
- * @returns Always returns true (useful for signal handlers)
- */
-export declare const quit: () => boolean;
+export { ApplicationContext, quit, render, setHotReloading, update, useApplication } from "./render.js";

package/dist/index.js

@@ -1,42 +1,4 @@
-/**
- * @private Internal symbol used to identify the root container node.
- * This is an internal API used only by @gtkx/testing. Do not use directly.
- */
-export { ROOT_NODE_CONTAINER } from "./factory.js";
-export * from "./generated/jsx.js";
+export * from "./jsx.js";
 export { createPortal } from "./portal.js";
 export { reconciler } from "./reconciler.js";
-export { render } from "./render.js";
-import { stop } from "@gtkx/ffi";
-import { reconciler } from "./reconciler.js";
-import { getContainer } from "./render.js";
-/**
- * Updates the React tree without restarting the GTK application.
- * Used for hot module replacement (HMR) during development.
- *
- * @param element - The new root React element to render
- * @throws Error if called before render()
- */
-export const update = (element) => {
-    const container = getContainer();
-    if (!container) {
-        throw new Error("Cannot update before render() is called");
-    }
-    reconciler.getInstance().updateContainer(element, container, null, () => { });
-};
-/**
- * Quits the GTK application and cleans up resources.
- * Unmounts the React tree and stops the GTK main loop.
- * @returns Always returns true (useful for signal handlers)
- */
-export const quit = () => {
-    const container = getContainer();
-    if (container) {
-        reconciler.getInstance().updateContainer(null, container, null, () => {
-            setTimeout(() => {
-                stop();
-            }, 0);
-        });
-    }
-    return true;
-};
+export { ApplicationContext, quit, render, setHotReloading, update, useApplication } from "./render.js";