@gtkx/react 0.21.0 → 1.0.0-rc.2

package/README.md

@@ -1,70 +1,173 @@
 <p align="center">
-    <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="100" height="100">
+  <img src="https://raw.githubusercontent.com/gtkx-org/gtkx/main/logo.svg" alt="GTKX" width="100" />
 </p>
 
 <h1 align="center">GTKX</h1>
 
 <p align="center">
-    <strong>Linux application development for the modern age powered by GTK4 and React</strong>
+  The React framework for Linux.<br />
+  Build GTK4 and Adwaita apps in TypeScript, with React components and hooks driving GNOME's own widgets. What you ship is a GNOME app.
 </p>
 
 <p align="center">
-    <a href="https://www.npmjs.com/package/@gtkx/react"><img src="https://img.shields.io/npm/v/@gtkx/react.svg" alt="npm version"></a>
-    <a href="https://github.com/gtkx-org/gtkx/actions"><img src="https://img.shields.io/github/actions/workflow/status/eugeniodepalo/gtkx/ci.yml" alt="CI"></a>
-    <a href="https://github.com/gtkx-org/gtkx/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MPL--2.0-blue.svg" alt="License"></a>
-    <a href="https://github.com/gtkx-org/gtkx/discussions"><img src="https://img.shields.io/badge/discussions-GitHub-blue" alt="GitHub Discussions"></a>
+  <a href="https://www.npmjs.com/package/create-gtkx"><img src="https://img.shields.io/npm/v/create-gtkx?color=cb3837&logo=npm&label=create-gtkx" alt="npm version" /></a>
+  <a href="https://www.npmjs.com/package/create-gtkx"><img src="https://img.shields.io/npm/dm/create-gtkx?color=cb3837&logo=npm&label=downloads" alt="npm downloads" /></a>
+  <img src="https://img.shields.io/badge/node-%E2%89%A524-339933?logo=node.js&logoColor=white" alt="Node >= 24" />
+  <a href="https://github.com/gtkx-org/gtkx/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MPL--2.0-blue.svg" alt="License: MPL-2.0" /></a>
+  <a href="https://github.com/gtkx-org/gtkx/actions/workflows/ci.yml"><img src="https://img.shields.io/github/actions/workflow/status/gtkx-org/gtkx/ci.yml?branch=main&logo=github&label=CI" alt="CI status" /></a>
+  <img src="https://img.shields.io/badge/TypeScript-strict-3178c6?logo=typescript&logoColor=white" alt="TypeScript" />
+</p>
+
+<p align="center">
+  <a href="https://gtkx.dev">Homepage</a> &middot;
+  <a href="https://gtkx.dev/guide/why-gtkx">Documentation</a> &middot;
+  <a href="https://github.com/gtkx-org/gtkx/tree/main/examples">Examples</a> &middot;
+  <a href="https://github.com/gtkx-org/gtkx/blob/main/CONTRIBUTING.md">Contributing</a>
 </p>
 
 ---
 
+GTKX generates fully typed bindings for the entire GTK4 and Adwaita surface directly from GObject-Introspection. On top of those bindings you get the React programming model: components and hooks driving GObject instances, with Fast Refresh while you develop.
+
 <p align="center">
-    <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/demo.gif" alt="GTKX Demo" width="100%">
+  <img src="https://raw.githubusercontent.com/gtkx-org/gtkx/main/examples/tutorial/assets/screenshot.png" alt="The Tasks app: an Adwaita window with a sidebar of smart views and colored lists on the left, and a boxed task list on the right." />
 </p>
 
----
+<p align="center">
+  <em>The Tasks app you build in the <a href="https://gtkx.dev/tutorial/">tutorial</a>.</em>
+</p>
+
+## Demo
+
+The intrinsic elements in this snippet render GTK4 widgets, and ordinary React hooks and events drive them:
+
+```tsx
+import * as Gtk from "@gtkx/gi/gtk";
+import { GtkApplication, GtkApplicationWindow, GtkBox, GtkButton, GtkLabel } from "@gtkx/jsx/gtk";
+import { createRoot, quit } from "@gtkx/react";
+import { useState } from "react";
+
+const Counter = () => {
+  const [count, setCount] = useState(0);
+
+  return (
+    <GtkApplicationWindow
+      title="Hello GTKX"
+      defaultWidth={400}
+      defaultHeight={300}
+      onCloseRequest={quit}
+    >
+      <GtkBox
+        orientation={Gtk.Orientation.VERTICAL}
+        spacing={20}
+        marginTop={40}
+        marginBottom={40}
+        marginStart={40}
+        marginEnd={40}
+        valign={Gtk.Align.CENTER}
+        halign={Gtk.Align.CENTER}
+      >
+        <GtkLabel cssClasses={["title-1"]}>Welcome to GTKX!</GtkLabel>
+        <GtkLabel cssClasses={["title-2"]}>{`Count: ${count}`}</GtkLabel>
+        <GtkButton
+          label="Increment"
+          onClicked={() => setCount((c) => c + 1)}
+          cssClasses={["suggested-action", "pill"]}
+        />
+      </GtkBox>
+    </GtkApplicationWindow>
+  );
+};
+
+const App = () => (
+  <GtkApplication>
+    <Counter />
+  </GtkApplication>
+);
+
+createRoot().render(<App />);
+```
+
+This is the [`hello-world`](https://github.com/gtkx-org/gtkx/tree/main/examples/hello-world) example, with `app.tsx` and `index.tsx` combined into a single snippet. `@gtkx/gi` and `@gtkx/jsx` are per-project bindings generated by the CLI, not packages you install from npm.
+
+## Why GTKX
+
+### A declarative layer for the GNOME stack
+
+GTK4 is mature, and GtkBuilder XML can lay out a static interface, but nothing re-renders that interface when your application state changes, and nothing hot-reloads it as you work. GTKX adds that missing layer, and the tooling around it, on top of the stack you already know:
+
+- a React reconciler that exposes every GObject as a JSX element,
+- a CLI for scaffolding, development, and production builds,
+- a dev server with Fast Refresh that patches your running UI in place,
+- CSS-in-JS styling and high-level list, grid, and dialog components,
+- a Testing Library-style API for querying and driving your widgets in tests,
+- and a Model Context Protocol (MCP) server that exposes your live app to AI agents.
+
+### The full GNOME API surface
+
+React Native and similar frameworks hide the native toolkit so one API can run everywhere. GTKX exposes it: GTK4, Adwaita, and any other GObject-Introspection library on your system. Linux-only by design.
+
+### Why Node.js, and why generated bindings
+
+GTKX runs on Node.js, which puts native modules, the npm ecosystem, and the tooling built for Node.js APIs within reach. GJS is GNOME's own runtime, built on SpiderMonkey rather than V8; node-gtk runs on Node.js but is lightly maintained, on the older nan/V8 ABI rather than N-API, and still centered on GTK3. The [why-gtkx guide](https://gtkx.dev/guide/why-gtkx) covers the comparison in full.
 
-GTKX is a modern framework for building native Linux applications using React and GTK. It provides the full range of GTK4, GLib, and Node.js APIs, allowing you to create rich, performant desktop applications with the tools and libraries you already know.
+GTKX generates the TypeScript types and the native FFI calls from the same GObject-Introspection data, so the types cannot drift from the calls they back. Codegen covers the whole GTK4 and Adwaita surface.
 
-## Features
+At runtime, the native Rust core calls straight into the system GTK4, Adwaita, and GLib libraries through libffi, without loading libgirepository at all.
 
-- **React 19** — Hooks, concurrent features, and the component model you know
-- **Fully native Node.js environment** - Runs on vanilla Node.js, with the help of a Neon native module
-- **TypeScript first** — Full type safety with auto-generated bindings
-- **Rich GLib support** — Provides bindings for most modern GLib/GObject libraries, including Adwaita
-- **HMR** — Fast refresh during development powered by Vite
-- **CSS-in-JS styling** — Easy styling with GTK CSS powered by Emotion
-- **Testing library** — Testing Library-inspired API for testing components and E2E
+## Quick start
 
-## Quick Start
+GTKX is Linux-only and needs Node.js 24 or later. See [Requirements](#requirements).
 
-```bash
-npx @gtkx/cli create my-app
+Scaffold a new app with the `create-gtkx` initializer:
+
+```sh
+npm create gtkx@rc
+```
+
+The same command works with other package managers: `pnpm create gtkx@rc` or `yarn create gtkx@rc`.
+
+Then run your new app:
+
+```sh
 cd my-app
 npm run dev
 ```
 
-## Examples
+To go further, follow the [tutorial](https://gtkx.dev/tutorial/).
 
-Explore complete applications in the [`examples/`](./examples) directory:
+## Documentation
 
-- **[hello-world](./examples/hello-world)** — Minimal application showing a counter
-- **[gtk-demo](./examples/gtk-demo)** — Full replica of the official GTK demo app
-- **[tutorial](./examples/tutorial)** — Notes app from the tutorial with GSettings and Adwaita
-- **[browser](./examples/browser)** — Simple browser using WebKitWebView
+The documentation at **[gtkx.dev](https://gtkx.dev)** includes a step-by-step tutorial that builds a complete GNOME app, from scaffolding to packaging and shipping, plus guides and a full API reference.
 
-## Documentation
+**[Read the docs &rarr;](https://gtkx.dev/guide/why-gtkx)**
 
-Visit [https://gtkx.dev](https://gtkx.dev) for the full documentation.
+## Requirements
 
-## Contributing
+GTKX is Linux-only. You need:
 
-Contributions are welcome! Please see the [contributing guidelines](./CONTRIBUTING.md).
+- Linux with the GTK4 (4.20 or later), Adwaita (1.8 or later), and GLib development libraries
+- Node.js 24 or later
 
-## Community
+The `@gtkx/native` addon ships prebuilt for x64 and arm64 glibc Linux; other targets need to build it from the GTKX repository, which requires a Rust toolchain.
+
+## Examples
+
+Explore the [example apps](https://github.com/gtkx-org/gtkx/tree/main/examples):
+
+- [`hello-world`](https://github.com/gtkx-org/gtkx/tree/main/examples/hello-world): the counter above.
+- [`gtk-demo`](https://github.com/gtkx-org/gtkx/tree/main/examples/gtk-demo): a React port of the official GTK4 widget showcase, covering lists, dialogs, gestures, CSS, and OpenGL.
+- [`browser`](https://github.com/gtkx-org/gtkx/tree/main/examples/browser): a WebKitWebView-based web browser.
+- [`tutorial`](https://github.com/gtkx-org/gtkx/tree/main/examples/tutorial): the Tasks app the documentation builds.
+
+## Status
+
+GTKX 1.0 is at the release candidate stage.
+
+## Contributing
 
-- [GitHub Discussions](https://github.com/gtkx-org/gtkx/discussions) — Questions, ideas, and general discussion
-- [Issue Tracker](https://github.com/gtkx-org/gtkx/issues) — Bug reports and feature requests
+Contributions are welcome. See [CONTRIBUTING.md](https://github.com/gtkx-org/gtkx/blob/main/CONTRIBUTING.md), the [Code of Conduct](https://github.com/gtkx-org/gtkx/blob/main/CODE_OF_CONDUCT.md), and the [security policy](https://github.com/gtkx-org/gtkx/blob/main/SECURITY.md). Building the repo needs Node.js 24 or later, pnpm, and a Rust toolchain.
 
 ## License
 
-[MPL-2.0](./LICENSE)
+GTKX is licensed under [MPL-2.0](https://github.com/gtkx-org/gtkx/blob/main/LICENSE).

package/dist/adw/config.d.ts

@@ -0,0 +1,2 @@
+export { BUILTIN_ELEMENTS } from "./element-config.js";
+//# sourceMappingURL=config.d.ts.map

package/dist/adw/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/adw/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/adw/config.js

@@ -0,0 +1,2 @@
+export { BUILTIN_ELEMENTS } from "./element-config.js";
+//# sourceMappingURL=config.js.map

package/dist/adw/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/adw/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { BUILTIN_ELEMENTS } from \"./element-config.js\";\n"]}

package/dist/adw/dialog.d.ts

@@ -0,0 +1,8 @@
+import type * as Adw from "@gtkx/gi/adw";
+import { type ElementType, type ReactNode, type Ref } from "react";
+type DialogComponentProps = {
+    ref?: Ref<Adw.Dialog | null> | undefined;
+};
+declare const createDialogComponent: (Component: ElementType) => ((props: DialogComponentProps) => ReactNode);
+export { createDialogComponent };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/adw/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/adw/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA6B,MAAM,OAAO,CAAC;AAM9F,KAAK,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,WAAW,WAAW,KAAG,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,SAAS,CAqBlG,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/adw/dialog.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useLayoutEffect, useState } from "react";
+import { useMergedRef } from "../hooks/use-merged-refs.js";
+import { useParentWindow } from "../hooks/use-parent-window.js";
+import { rootElement } from "../reconciler/root-element.js";
+import { createPortal } from "../reconciler/root.js";
+const createDialogComponent = (Component) => {
+    return ({ ref, ...rest }) => {
+        const parent = useParentWindow();
+        const [dialog, setDialog] = useState(null);
+        useLayoutEffect(() => {
+            if (!dialog) {
+                return;
+            }
+            dialog.present(parent);
+            return () => {
+                dialog.forceClose();
+            };
+        }, [dialog, parent]);
+        const mergedRef = useMergedRef(ref, setDialog);
+        return createPortal(_jsx(Component, { ref: mergedRef, ...rest }), rootElement);
+    };
+};
+export { createDialogComponent };
+//# sourceMappingURL=dialog.js.map

package/dist/adw/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/adw/dialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAA8C,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,qBAAqB,GAAG,CAAC,SAAsB,EAAgD,EAAE;IACnG,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAwB,EAAa,EAAE;QACzD,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;QACjC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAoB,IAAI,CAAC,CAAC;QAE9D,eAAe,CAAC,GAAG,EAAE;YACjB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO;YACX,CAAC;YAED,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAEvB,OAAO,GAAG,EAAE;gBACR,MAAM,CAAC,UAAU,EAAE,CAAC;YACxB,CAAC,CAAC;QACN,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;QAErB,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAE/C,OAAO,YAAY,CAAC,KAAC,SAAS,IAAC,GAAG,EAAE,SAAS,KAAM,IAAI,GAAI,EAAE,WAAW,CAAC,CAAC;IAC9E,CAAC,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import type * as Adw from \"@gtkx/gi/adw\";\nimport { type ElementType, type ReactNode, type Ref, useLayoutEffect, useState } from \"react\";\nimport { useMergedRef } from \"../hooks/use-merged-refs.js\";\nimport { useParentWindow } from \"../hooks/use-parent-window.js\";\nimport { rootElement } from \"../reconciler/root-element.js\";\nimport { createPortal } from \"../reconciler/root.js\";\n\ntype DialogComponentProps = {\n    ref?: Ref<Adw.Dialog | null> | undefined;\n};\n\nconst createDialogComponent = (Component: ElementType): ((props: DialogComponentProps) => ReactNode) => {\n    return ({ ref, ...rest }: DialogComponentProps): ReactNode => {\n        const parent = useParentWindow();\n        const [dialog, setDialog] = useState<Adw.Dialog | null>(null);\n\n        useLayoutEffect(() => {\n            if (!dialog) {\n                return;\n            }\n\n            dialog.present(parent);\n\n            return () => {\n                dialog.forceClose();\n            };\n        }, [dialog, parent]);\n\n        const mergedRef = useMergedRef(ref, setDialog);\n\n        return createPortal(<Component ref={mergedRef} {...rest} />, rootElement);\n    };\n};\n\nexport { createDialogComponent };\n"]}

package/dist/adw/element-behaviors.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=element-behaviors.d.ts.map

package/dist/adw/element-behaviors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-behaviors.d.ts","sourceRoot":"","sources":["../../src/adw/element-behaviors.ts"],"names":[],"mappings":""}

package/dist/adw/element-behaviors.js

@@ -0,0 +1,299 @@
+import * as Adw from "@gtkx/gi/adw";
+import { addRemoveSlot, adoptedChildrenSlot, boxSlot, childSetterSlot, contentSetterSlot, deferred, list, slot, } from "../reconciler/behaviors.js";
+import { registerElements } from "../reconciler/registry.js";
+import { BUILTIN_ELEMENTS } from "./element-config.js";
+const childSetter = childSetterSlot();
+const contentSetter = contentSetterSlot();
+const breakpoints = slot("breakpoints", "AdwBreakpoint", {
+    attach: (host, breakpoint) => {
+        host.addBreakpoint(breakpoint);
+    },
+});
+const prefixSuffix = [
+    slot("prefix", "GtkWidget", {
+        attach: (row, child) => {
+            row.addPrefix(child);
+        },
+        detach: (row, child) => {
+            row.remove(child);
+        },
+    }),
+    slot("suffix", "GtkWidget", {
+        attach: (row, child) => {
+            row.addSuffix(child);
+        },
+        detach: (row, child) => {
+            row.remove(child);
+        },
+    }),
+];
+const pageHostChildren = addRemoveSlot("children", "AdwPreferencesPage", (host, page) => {
+    host.add(page);
+}, (host, page) => {
+    host.remove(page);
+});
+/** The runtime half of the built-in element configuration: the behaviors bound to each GObject type. */
+const BUILTIN_BEHAVIORS = {
+    AdwBin: {
+        behaviors: [childSetter],
+    },
+    AdwClamp: {
+        behaviors: [childSetter],
+    },
+    AdwClampScrollable: {
+        behaviors: [childSetter],
+    },
+    AdwNavigationPage: {
+        behaviors: [childSetter],
+    },
+    AdwSplitButton: {
+        behaviors: [childSetter],
+    },
+    AdwStatusPage: {
+        behaviors: [childSetter],
+    },
+    AdwTabOverview: {
+        behaviors: [childSetter],
+    },
+    AdwToastOverlay: {
+        behaviors: [childSetter],
+    },
+    AdwToggle: {
+        behaviors: [childSetter],
+    },
+    AdwBottomSheet: {
+        behaviors: [contentSetter],
+    },
+    AdwFlap: {
+        behaviors: [contentSetter],
+    },
+    AdwOverlaySplitView: {
+        behaviors: [contentSetter],
+    },
+    AdwDialog: {
+        behaviors: [childSetter, breakpoints],
+    },
+    AdwApplicationWindow: {
+        behaviors: [contentSetter, breakpoints],
+    },
+    AdwWindow: {
+        behaviors: [contentSetter, breakpoints],
+    },
+    AdwBreakpointBin: {
+        behaviors: [
+            childSetter,
+            addRemoveSlot("breakpoints", "AdwBreakpoint", (bin, breakpoint) => {
+                bin.addBreakpoint(breakpoint);
+            }, (bin, breakpoint) => {
+                bin.removeBreakpoint(breakpoint);
+            }),
+        ],
+    },
+    AdwActionRow: {
+        behaviors: prefixSuffix,
+    },
+    AdwEntryRow: {
+        behaviors: prefixSuffix,
+    },
+    AdwExpanderRow: {
+        behaviors: [
+            ...prefixSuffix,
+            addRemoveSlot("rows", "GtkWidget", (row, child) => {
+                row.addRow(child);
+            }, (row, child) => {
+                row.remove(child);
+            }),
+            addRemoveSlot("actions", "GtkWidget", (row, child) => {
+                row.addAction(child);
+            }, (row, child) => {
+                row.remove(child);
+            }),
+        ],
+    },
+    AdwNavigationSplitView: {
+        behaviors: [contentSetterSlot("AdwNavigationPage")],
+    },
+    AdwLeaflet: {
+        behaviors: [boxSlot()],
+    },
+    AdwWrapBox: {
+        behaviors: [boxSlot()],
+    },
+    AdwCarousel: {
+        behaviors: [
+            slot("children", "GtkWidget", {
+                attach: (carousel, child, info) => {
+                    carousel.insert(child, info.index);
+                },
+                detach: (carousel, child) => {
+                    carousel.remove(child);
+                },
+                reorder: (carousel, child, info) => {
+                    carousel.reorder(child, info.index);
+                },
+            }),
+        ],
+    },
+    AdwPreferencesPage: {
+        behaviors: [
+            slot("children", "AdwPreferencesGroup", {
+                attach: (page, group, info) => {
+                    page.insert(group, info.index);
+                },
+                detach: (page, group) => {
+                    page.remove(group);
+                },
+            }),
+        ],
+    },
+    AdwPreferencesDialog: {
+        behaviors: [pageHostChildren],
+    },
+    AdwPreferencesWindow: {
+        behaviors: [pageHostChildren],
+    },
+    AdwPreferencesGroup: {
+        behaviors: [
+            addRemoveSlot("children", "GtkWidget", (group, child) => {
+                group.add(child);
+            }, (group, child) => {
+                group.remove(child);
+            }),
+        ],
+    },
+    AdwSqueezer: {
+        behaviors: [
+            addRemoveSlot("children", "GtkWidget", (squeezer, child) => {
+                squeezer.add(child);
+            }, (squeezer, child) => {
+                squeezer.remove(child);
+            }),
+        ],
+    },
+    AdwTabView: {
+        behaviors: [
+            slot("children", "GtkWidget", {
+                attach: (view, child, info) => view.insert(child, info.index),
+                reorder: (view, _child, info) => {
+                    if (info.adopted instanceof Adw.TabPage) {
+                        view.reorderPage(info.adopted, info.index);
+                    }
+                },
+                detach: (view, _child, info) => {
+                    if (info.adopted instanceof Adw.TabPage) {
+                        view.closePage(info.adopted);
+                    }
+                },
+                resolve: (view, child) => view.getPage(child),
+            }),
+        ],
+    },
+    AdwNavigationView: {
+        behaviors: [
+            addRemoveSlot("children", "AdwNavigationPage", (view, page) => {
+                view.add(page);
+            }, (view, page) => {
+                view.remove(page);
+            }),
+        ],
+    },
+    AdwViewStack: {
+        behaviors: [
+            adoptedChildrenSlot("GtkWidget", (stack, child) => stack.add(child), (stack, child) => {
+                stack.remove(child);
+            }),
+            deferred("visibleChildName", (stack, name) => stack.getChildByName(name) !== null),
+        ],
+    },
+    AdwToolbarView: {
+        behaviors: [
+            contentSetterSlot(),
+            slot("topBar", "GtkWidget", {
+                attach: (view, child) => {
+                    view.addTopBar(child);
+                },
+                detach: (view, child) => {
+                    view.remove(child);
+                },
+            }),
+            slot("bottomBar", "GtkWidget", {
+                attach: (view, child) => {
+                    view.addBottomBar(child);
+                },
+                detach: (view, child) => {
+                    view.remove(child);
+                },
+            }),
+        ],
+    },
+    AdwHeaderBar: {
+        behaviors: [
+            slot("start", "GtkWidget", {
+                attach: (bar, child) => {
+                    bar.packStart(child);
+                },
+                detach: (bar, child) => {
+                    bar.remove(child);
+                },
+            }),
+            slot("end", "GtkWidget", {
+                attach: (bar, child) => {
+                    bar.packEnd(child);
+                },
+                detach: (bar, child) => {
+                    bar.remove(child);
+                },
+            }),
+        ],
+    },
+    AdwShortcutsDialog: {
+        behaviors: [
+            slot("children", "AdwShortcutsSection", {
+                attach: (dialog, section) => {
+                    dialog.add(section);
+                },
+            }),
+        ],
+    },
+    AdwShortcutsSection: {
+        behaviors: [
+            slot("children", "AdwShortcutsItem", {
+                attach: (section, item) => {
+                    section.add(item);
+                },
+            }),
+        ],
+    },
+    AdwToggleGroup: {
+        behaviors: [
+            addRemoveSlot("children", "AdwToggle", (group, toggle) => {
+                group.add(toggle);
+            }, (group, toggle) => {
+                group.remove(toggle);
+            }),
+            deferred("activeName", (group, name) => group.getToggleByName(name) !== null),
+            deferred("active"),
+        ],
+    },
+    AdwAlertDialog: {
+        behaviors: [
+            list("responses", {
+                add: (dialog, response) => {
+                    dialog.addResponse(response.id, response.label);
+                    if (response.appearance !== undefined) {
+                        dialog.setResponseAppearance(response.id, response.appearance);
+                    }
+                    if (response.enabled !== undefined) {
+                        dialog.setResponseEnabled(response.id, response.enabled);
+                    }
+                },
+                remove: (dialog, response) => {
+                    dialog.removeResponse(response.id);
+                },
+            }),
+        ],
+    },
+};
+registerElements(BUILTIN_ELEMENTS);
+registerElements(BUILTIN_BEHAVIORS);
+//# sourceMappingURL=element-behaviors.js.map

package/dist/adw/element-behaviors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-behaviors.js","sourceRoot":"","sources":["../../src/adw/element-behaviors.ts"],"names":[],"mappings":"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","sourcesContent":["import type * as Gtk from \"@gtkx/gi/gtk\";\nimport * as Adw from \"@gtkx/gi/adw\";\nimport type { AlertDialogResponse } from \"./prop-types.js\";\nimport {\n    addRemoveSlot,\n    adoptedChildrenSlot,\n    boxSlot,\n    childSetterSlot,\n    contentSetterSlot,\n    deferred,\n    list,\n    slot,\n} from \"../reconciler/behaviors.js\";\nimport { type ElementConfig, registerElements } from \"../reconciler/registry.js\";\nimport { BUILTIN_ELEMENTS } from \"./element-config.js\";\n\ntype AdwChildSetter =\n    | Adw.Bin |\n    Adw.BreakpointBin |\n    Adw.Clamp |\n    Adw.ClampScrollable |\n    Adw.Dialog |\n    Adw.NavigationPage |\n    Adw.SplitButton |\n    Adw.StatusPage |\n    Adw.TabOverview |\n    Adw.ToastOverlay |\n    Adw.Toggle;\n\ntype AdwContentSetter = Adw.ApplicationWindow | Adw.BottomSheet | Adw.Flap | Adw.OverlaySplitView | Adw.Window;\ntype BreakpointHost = Adw.ApplicationWindow | Adw.Window | Adw.Dialog;\ntype PageHost = Adw.PreferencesDialog | Adw.PreferencesWindow;\ntype PrefixSuffixRow = Adw.ActionRow | Adw.EntryRow | Adw.ExpanderRow;\n\nconst childSetter = childSetterSlot<AdwChildSetter>();\nconst contentSetter = contentSetterSlot<AdwContentSetter>();\n\nconst breakpoints = slot<BreakpointHost, Adw.Breakpoint>(\"breakpoints\", \"AdwBreakpoint\", {\n    attach: (host, breakpoint) => {\n        host.addBreakpoint(breakpoint);\n    },\n});\n\nconst prefixSuffix = [\n    slot<PrefixSuffixRow, Gtk.Widget>(\"prefix\", \"GtkWidget\", {\n        attach: (row, child) => {\n            row.addPrefix(child);\n        },\n        detach: (row, child) => {\n            row.remove(child);\n        },\n    }),\n    slot<PrefixSuffixRow, Gtk.Widget>(\"suffix\", \"GtkWidget\", {\n        attach: (row, child) => {\n            row.addSuffix(child);\n        },\n        detach: (row, child) => {\n            row.remove(child);\n        },\n    }),\n];\n\nconst pageHostChildren = addRemoveSlot<Adw.PreferencesPage, PageHost>(\n    \"children\",\n    \"AdwPreferencesPage\",\n    (host, page) => {\n        host.add(page);\n    },\n    (host, page) => {\n        host.remove(page);\n    },\n);\n\n/** The runtime half of the built-in element configuration: the behaviors bound to each GObject type. */\nconst BUILTIN_BEHAVIORS: Record<string, ElementConfig<never>> = {\n    AdwBin: {\n        behaviors: [childSetter],\n    },\n    AdwClamp: {\n        behaviors: [childSetter],\n    },\n    AdwClampScrollable: {\n        behaviors: [childSetter],\n    },\n    AdwNavigationPage: {\n        behaviors: [childSetter],\n    },\n    AdwSplitButton: {\n        behaviors: [childSetter],\n    },\n    AdwStatusPage: {\n        behaviors: [childSetter],\n    },\n    AdwTabOverview: {\n        behaviors: [childSetter],\n    },\n    AdwToastOverlay: {\n        behaviors: [childSetter],\n    },\n    AdwToggle: {\n        behaviors: [childSetter],\n    },\n    AdwBottomSheet: {\n        behaviors: [contentSetter],\n    },\n    AdwFlap: {\n        behaviors: [contentSetter],\n    },\n    AdwOverlaySplitView: {\n        behaviors: [contentSetter],\n    },\n    AdwDialog: {\n        behaviors: [childSetter, breakpoints],\n    },\n    AdwApplicationWindow: {\n        behaviors: [contentSetter, breakpoints],\n    },\n    AdwWindow: {\n        behaviors: [contentSetter, breakpoints],\n    },\n    AdwBreakpointBin: {\n        behaviors: [\n            childSetter,\n            addRemoveSlot<Adw.Breakpoint, Adw.BreakpointBin>(\n                \"breakpoints\",\n                \"AdwBreakpoint\",\n                (bin, breakpoint) => {\n                    bin.addBreakpoint(breakpoint);\n                },\n                (bin, breakpoint) => {\n                    bin.removeBreakpoint(breakpoint);\n                },\n            ),\n        ],\n    },\n    AdwActionRow: {\n        behaviors: prefixSuffix,\n    },\n    AdwEntryRow: {\n        behaviors: prefixSuffix,\n    },\n    AdwExpanderRow: {\n        behaviors: [\n            ...prefixSuffix,\n            addRemoveSlot<Gtk.Widget, Adw.ExpanderRow>(\n                \"rows\",\n                \"GtkWidget\",\n                (row, child) => {\n                    row.addRow(child);\n                },\n                (row, child) => {\n                    row.remove(child);\n                },\n            ),\n            addRemoveSlot<Gtk.Widget, Adw.ExpanderRow>(\n                \"actions\",\n                \"GtkWidget\",\n                (row, child) => {\n                    row.addAction(child);\n                },\n                (row, child) => {\n                    row.remove(child);\n                },\n            ),\n        ],\n    },\n    AdwNavigationSplitView: {\n        behaviors: [contentSetterSlot<Adw.NavigationSplitView, Adw.NavigationPage>(\"AdwNavigationPage\")],\n    },\n    AdwLeaflet: {\n        behaviors: [boxSlot<Adw.Leaflet | Adw.WrapBox>()],\n    },\n    AdwWrapBox: {\n        behaviors: [boxSlot<Adw.Leaflet | Adw.WrapBox>()],\n    },\n    AdwCarousel: {\n        behaviors: [\n            slot<Adw.Carousel, Gtk.Widget>(\"children\", \"GtkWidget\", {\n                attach: (carousel, child, info) => {\n                    carousel.insert(child, info.index);\n                },\n                detach: (carousel, child) => {\n                    carousel.remove(child);\n                },\n                reorder: (carousel, child, info) => {\n                    carousel.reorder(child, info.index);\n                },\n            }),\n        ],\n    },\n    AdwPreferencesPage: {\n        behaviors: [\n            slot<Adw.PreferencesPage, Adw.PreferencesGroup>(\"children\", \"AdwPreferencesGroup\", {\n                attach: (page, group, info) => {\n                    page.insert(group, info.index);\n                },\n                detach: (page, group) => {\n                    page.remove(group);\n                },\n            }),\n        ],\n    },\n    AdwPreferencesDialog: {\n        behaviors: [pageHostChildren],\n    },\n    AdwPreferencesWindow: {\n        behaviors: [pageHostChildren],\n    },\n    AdwPreferencesGroup: {\n        behaviors: [\n            addRemoveSlot<Gtk.Widget, Adw.PreferencesGroup>(\n                \"children\",\n                \"GtkWidget\",\n                (group, child) => {\n                    group.add(child);\n                },\n                (group, child) => {\n                    group.remove(child);\n                },\n            ),\n        ],\n    },\n    AdwSqueezer: {\n        behaviors: [\n            addRemoveSlot<Gtk.Widget, Adw.Squeezer>(\n                \"children\",\n                \"GtkWidget\",\n                (squeezer, child) => {\n                    squeezer.add(child);\n                },\n                (squeezer, child) => {\n                    squeezer.remove(child);\n                },\n            ),\n        ],\n    },\n    AdwTabView: {\n        behaviors: [\n            slot<Adw.TabView, Gtk.Widget>(\"children\", \"GtkWidget\", {\n                attach: (view, child, info) => view.insert(child, info.index),\n                reorder: (view, _child, info) => {\n                    if (info.adopted instanceof Adw.TabPage) {\n                        view.reorderPage(info.adopted, info.index);\n                    }\n                },\n                detach: (view, _child, info) => {\n                    if (info.adopted instanceof Adw.TabPage) {\n                        view.closePage(info.adopted);\n                    }\n                },\n                resolve: (view, child) => view.getPage(child),\n            }),\n        ],\n    },\n    AdwNavigationView: {\n        behaviors: [\n            addRemoveSlot<Adw.NavigationPage, Adw.NavigationView>(\n                \"children\",\n                \"AdwNavigationPage\",\n                (view, page) => {\n                    view.add(page);\n                },\n                (view, page) => {\n                    view.remove(page);\n                },\n            ),\n        ],\n    },\n    AdwViewStack: {\n        behaviors: [\n            adoptedChildrenSlot<Adw.ViewStack, Gtk.Widget>(\n                \"GtkWidget\",\n                (stack, child) => stack.add(child),\n                (stack, child) => {\n                    stack.remove(child);\n                },\n            ),\n            deferred<Adw.ViewStack, string>(\"visibleChildName\", (stack, name) => stack.getChildByName(name) !== null),\n        ],\n    },\n    AdwToolbarView: {\n        behaviors: [\n            contentSetterSlot<Adw.ToolbarView>(),\n            slot<Adw.ToolbarView, Gtk.Widget>(\"topBar\", \"GtkWidget\", {\n                attach: (view, child) => {\n                    view.addTopBar(child);\n                },\n                detach: (view, child) => {\n                    view.remove(child);\n                },\n            }),\n            slot<Adw.ToolbarView, Gtk.Widget>(\"bottomBar\", \"GtkWidget\", {\n                attach: (view, child) => {\n                    view.addBottomBar(child);\n                },\n                detach: (view, child) => {\n                    view.remove(child);\n                },\n            }),\n        ],\n    },\n    AdwHeaderBar: {\n        behaviors: [\n            slot<Adw.HeaderBar, Gtk.Widget>(\"start\", \"GtkWidget\", {\n                attach: (bar, child) => {\n                    bar.packStart(child);\n                },\n                detach: (bar, child) => {\n                    bar.remove(child);\n                },\n            }),\n            slot<Adw.HeaderBar, Gtk.Widget>(\"end\", \"GtkWidget\", {\n                attach: (bar, child) => {\n                    bar.packEnd(child);\n                },\n                detach: (bar, child) => {\n                    bar.remove(child);\n                },\n            }),\n        ],\n    },\n    AdwShortcutsDialog: {\n        behaviors: [\n            slot<Adw.ShortcutsDialog, Adw.ShortcutsSection>(\"children\", \"AdwShortcutsSection\", {\n                attach: (dialog, section) => {\n                    dialog.add(section);\n                },\n            }),\n        ],\n    },\n    AdwShortcutsSection: {\n        behaviors: [\n            slot<Adw.ShortcutsSection, Adw.ShortcutsItem>(\"children\", \"AdwShortcutsItem\", {\n                attach: (section, item) => {\n                    section.add(item);\n                },\n            }),\n        ],\n    },\n    AdwToggleGroup: {\n        behaviors: [\n            addRemoveSlot<Adw.Toggle, Adw.ToggleGroup>(\n                \"children\",\n                \"AdwToggle\",\n                (group, toggle) => {\n                    group.add(toggle);\n                },\n                (group, toggle) => {\n                    group.remove(toggle);\n                },\n            ),\n            deferred<Adw.ToggleGroup, string>(\"activeName\", (group, name) => group.getToggleByName(name) !== null),\n            deferred(\"active\"),\n        ],\n    },\n    AdwAlertDialog: {\n        behaviors: [\n            list<Adw.AlertDialog, AlertDialogResponse>(\"responses\", {\n                add: (dialog, response) => {\n                    dialog.addResponse(response.id, response.label);\n\n                    if (response.appearance !== undefined) {\n                        dialog.setResponseAppearance(response.id, response.appearance);\n                    }\n\n                    if (response.enabled !== undefined) {\n                        dialog.setResponseEnabled(response.id, response.enabled);\n                    }\n                },\n                remove: (dialog, response) => {\n                    dialog.removeResponse(response.id);\n                },\n            }),\n        ],\n    },\n};\n\nregisterElements(BUILTIN_ELEMENTS);\nregisterElements(BUILTIN_BEHAVIORS);\n"]}

package/dist/adw/element-config.d.ts

@@ -0,0 +1,9 @@
+import { type ElementConfig } from "../reconciler/registry.js";
+/**
+ * The static, runtime-free half of the built-in element configuration: which base props interface each
+ * generated element extends, which component wraps it, and whether its GObject is created lazily by its
+ * parent. Codegen imports this module, so it must never reach the GObject bindings.
+ */
+declare const BUILTIN_ELEMENTS: Record<string, ElementConfig>;
+export { BUILTIN_ELEMENTS };
+//# sourceMappingURL=element-config.d.ts.map

package/dist/adw/element-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-config.d.ts","sourceRoot":"","sources":["../../src/adw/element-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAA+B,MAAM,2BAA2B,CAAC;AAM5F;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CA0HnD,CAAC;AAMF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}