@gtkx/react 0.10.3 → 0.10.4

package/dist/jsx.d.ts

@@ -105,29 +105,6 @@ export type FixedChildProps = SlotProps & {
     /** Y coordinate in pixels */
     y?: number;
 };
-/**
- * Props for declarative toast notifications.
- *
- * @see {@link Toast} for usage
- */
-export type ToastProps = {
-    /** The toast message text */
-    title: string;
-    /** Timeout in seconds (0 for indefinite) */
-    timeout?: number;
-    /** Priority level for interrupting other toasts */
-    priority?: import("@gtkx/ffi/adw").ToastPriority;
-    /** Label for the action button */
-    buttonLabel?: string;
-    /** Action name to trigger when button is clicked */
-    actionName?: string;
-    /** Whether to use Pango markup in the title */
-    useMarkup?: boolean;
-    /** Callback when the toast button is clicked */
-    onButtonClicked?: () => void;
-    /** Callback when the toast is dismissed */
-    onDismissed?: () => void;
-};
 /**
  * Props for custom list view rendering.
  *
@@ -336,29 +313,6 @@ export declare const GridChild: "GridChild";
  * ```
  */
 export declare const FixedChild: "FixedChild";
-/**
- * Element type for declarative toast notifications within an AdwToastOverlay.
- *
- * When mounted, shows the toast. When unmounted, the toast auto-dismisses.
- * Toasts can have an optional action button and callbacks.
- *
- * @example
- * ```tsx
- * <AdwToastOverlay>
- *   <MyContent />
- *   {showToast && (
- *     <Toast
- *       title="File saved"
- *       timeout={3}
- *       buttonLabel="Undo"
- *       onButtonClicked={handleUndo}
- *       onDismissed={() => setShowToast(false)}
- *     />
- *   )}
- * </AdwToastOverlay>
- * ```
- */
-export declare const Toast: "Toast";
 /**
  * Element types for pages within a GtkNotebook (tabbed interface).
  *
@@ -686,7 +640,6 @@ declare global {
                 StackPage: StackPageProps;
                 GridChild: GridChildProps;
                 FixedChild: FixedChildProps;
-                Toast: ToastProps;
                 "Notebook.Page": NotebookPageProps;
                 "Notebook.PageTab": NotebookPageTabProps;
                 ListItem: ListItemProps;

package/dist/jsx.js

@@ -73,29 +73,6 @@ export const GridChild = "GridChild";
  * ```
  */
 export const FixedChild = "FixedChild";
-/**
- * Element type for declarative toast notifications within an AdwToastOverlay.
- *
- * When mounted, shows the toast. When unmounted, the toast auto-dismisses.
- * Toasts can have an optional action button and callbacks.
- *
- * @example
- * ```tsx
- * <AdwToastOverlay>
- *   <MyContent />
- *   {showToast && (
- *     <Toast
- *       title="File saved"
- *       timeout={3}
- *       buttonLabel="Undo"
- *       onButtonClicked={handleUndo}
- *       onDismissed={() => setShowToast(false)}
- *     />
- *   )}
- * </AdwToastOverlay>
- * ```
- */
-export const Toast = "Toast";
 /**
  * Element types for pages within a GtkNotebook (tabbed interface).
  *

package/dist/nodes/index.d.ts

@@ -21,8 +21,6 @@ import "./simple-list-view.js";
 import "./slot.js";
 import "./stack-page.js";
 import "./stack.js";
-import "./toast-overlay.js";
-import "./toast.js";
 import "./toolbar-child.js";
 import "./tree-list-item.js";
 import "./tree-list-view.js";

package/dist/nodes/index.js

@@ -21,8 +21,6 @@ import "./simple-list-view.js";
 import "./slot.js";
 import "./stack-page.js";
 import "./stack.js";
-import "./toast-overlay.js";
-import "./toast.js";
 import "./toolbar-child.js";
 import "./tree-list-item.js";
 import "./tree-list-view.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gtkx/react",
-  "version": "0.10.3",
+  "version": "0.10.4",
   "description": "Build GTK4 desktop applications with React and TypeScript",
   "keywords": [
     "gtk",
@@ -36,8 +36,8 @@
   ],
   "dependencies": {
     "react-reconciler": "^0.33.0",
-    "@gtkx/ffi": "0.10.3",
-    "@gtkx/gir": "0.10.3"
+    "@gtkx/ffi": "0.10.4",
+    "@gtkx/gir": "0.10.4"
   },
   "devDependencies": {
     "@types/react-reconciler": "^0.32.3",

package/README.md

@@ -1,103 +0,0 @@
-<p align="center">
-  <img src="https://raw.githubusercontent.com/eugeniodepalo/gtkx/main/logo.svg" alt="GTKX" width="80" height="80">
-</p>
-
-<h1 align="center">GTKX</h1>
-
-<p align="center">
-  <strong>Build native GTK4 desktop applications with React and TypeScript.</strong>
-</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/eugeniodepalo/gtkx/actions"><img src="https://img.shields.io/github/actions/workflow/status/eugeniodepalo/gtkx/ci.yml" alt="CI"></a>
-  <a href="https://github.com/eugeniodepalo/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/eugeniodepalo/gtkx/discussions"><img src="https://img.shields.io/badge/discussions-GitHub-blue" alt="GitHub Discussions"></a>
-</p>
-
----
-
-GTKX lets you write Linux desktop applications using React. Your components render as native GTK4 widgets through a Rust FFI bridge—no webviews, no Electron, just native performance with the developer experience you already know.
-
-## Quick Start
-
-```bash
-npx @gtkx/cli create my-app
-cd my-app
-npm run dev
-```
-
-## Example
-
-```tsx
-import {
-  GtkApplicationWindow,
-  GtkBox,
-  GtkButton,
-  GtkLabel,
-  quit,
-  render,
-} from "@gtkx/react";
-import * as Gtk from "@gtkx/ffi/gtk";
-import { useState } from "react";
-
-const App = () => {
-  const [count, setCount] = useState(0);
-
-  return (
-    <GtkApplicationWindow
-      title="Counter"
-      defaultWidth={300}
-      defaultHeight={200}
-      onCloseRequest={quit}
-    >
-      <GtkBox
-        orientation={Gtk.Orientation.VERTICAL}
-        spacing={20}
-        valign={Gtk.Align.CENTER}
-      >
-        <GtkLabel label={`Count: ${count}`} cssClasses={["title-1"]} />
-        <GtkButton label="Increment" onClicked={() => setCount((c) => c + 1)} />
-      </GtkBox>
-    </GtkApplicationWindow>
-  );
-};
-
-render(<App />, "com.example.counter");
-```
-
-## Features
-
-- **React 19** — Hooks, concurrent features, and the component model you know
-- **Native GTK4 widgets** — Real native controls, not web components in a webview
-- **Adwaita support** — Modern GNOME styling with Libadwaita components
-- **Hot Module Replacement** — Fast refresh during development
-- **TypeScript first** — Full type safety with auto-generated bindings
-- **CSS-in-JS styling** — Familiar styling patterns adapted for GTK
-- **Testing utilities** — Component testing similar to Testing Library
-
-## Examples
-
-Explore complete applications in the [`examples/`](./examples) directory:
-
-- **[gtk-demo](./examples/gtk-demo)** — Full replica of the official GTK demo app
-- **[hello-world](./examples/hello-world)** — Minimal application showing a counter
-- **[todo](./examples/todo)** — Full-featured todo application with Adwaita styling and testing
-- **[deploying](./examples/deploying)** — Example of packaging and distributing a GTKX app
-
-## Documentation
-
-Visit [https://eugeniodepalo.github.io/gtkx](https://eugeniodepalo.github.io/gtkx/) for the full documentation.
-
-## Contributing
-
-Contributions are welcome! Please see the [contributing guidelines](./CONTRIBUTING.md) and check out the [good first issues](https://github.com/eugeniodepalo/gtkx/labels/good%20first%20issue).
-
-## Community
-
-- [GitHub Discussions](https://github.com/eugeniodepalo/gtkx/discussions) — Questions, ideas, and general discussion
-- [Issue Tracker](https://github.com/eugeniodepalo/gtkx/issues) — Bug reports and feature requests
-
-## License
-
-[MPL-2.0](./LICENSE)

package/dist/nodes/toast-overlay.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/nodes/toast-overlay.js

@@ -1,35 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import { registerNodeClass } from "../registry.js";
-import { isContainerType } from "./internal/utils.js";
-import { ToastNode } from "./toast.js";
-import { WidgetNode } from "./widget.js";
-class ToastOverlayNode extends WidgetNode {
-    static priority = 1;
-    static matches(_type, containerOrClass) {
-        return isContainerType(Adw.ToastOverlay, containerOrClass);
-    }
-    appendChild(child) {
-        if (child instanceof ToastNode) {
-            child.setParent(this.container);
-            return;
-        }
-        if (child instanceof WidgetNode) {
-            this.container.setChild(child.container);
-            return;
-        }
-        throw new Error(`Cannot append '${child.typeName}' to 'ToastOverlay': expected Widget or Toast`);
-    }
-    insertBefore(child, _before) {
-        this.appendChild(child);
-    }
-    removeChild(child) {
-        if (child instanceof ToastNode) {
-            child.unmount();
-            return;
-        }
-        if (child instanceof WidgetNode) {
-            this.container.setChild(undefined);
-        }
-    }
-}
-registerNodeClass(ToastOverlayNode);

package/dist/nodes/toast.d.ts

@@ -1,17 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import type { ToastProps } from "../jsx.js";
-import { VirtualNode } from "./virtual.js";
-type Props = ToastProps;
-export declare class ToastNode extends VirtualNode<Props> {
-    static priority: number;
-    static matches(type: string): boolean;
-    private toast?;
-    private parent?;
-    setParent(parent?: Adw.ToastOverlay): void;
-    private createToast;
-    private showToast;
-    updateProps(oldProps: Props | null, newProps: Props): void;
-    mount(): void;
-    unmount(): void;
-}
-export {};

package/dist/nodes/toast.js

@@ -1,78 +0,0 @@
-import * as Adw from "@gtkx/ffi/adw";
-import { registerNodeClass } from "../registry.js";
-import { signalStore } from "./internal/signal-store.js";
-import { VirtualNode } from "./virtual.js";
-export class ToastNode extends VirtualNode {
-    static priority = 1;
-    static matches(type) {
-        return type === "Toast";
-    }
-    toast;
-    parent;
-    setParent(parent) {
-        this.parent = parent;
-    }
-    createToast() {
-        const toast = new Adw.Toast(this.props.title);
-        if (this.props.timeout !== undefined) {
-            toast.setTimeout(this.props.timeout);
-        }
-        if (this.props.priority !== undefined) {
-            toast.setPriority(this.props.priority);
-        }
-        if (this.props.buttonLabel) {
-            toast.setButtonLabel(this.props.buttonLabel);
-        }
-        if (this.props.actionName) {
-            toast.setActionName(this.props.actionName);
-        }
-        if (this.props.useMarkup !== undefined) {
-            toast.setUseMarkup(this.props.useMarkup);
-        }
-        return toast;
-    }
-    showToast() {
-        if (!this.parent || this.toast)
-            return;
-        this.toast = this.createToast();
-        if (this.props.onButtonClicked) {
-            signalStore.set(this, this.toast, "button-clicked", () => {
-                this.props.onButtonClicked?.();
-            });
-        }
-        signalStore.set(this, this.toast, "dismissed", () => {
-            this.props.onDismissed?.();
-        });
-        this.parent.addToast(this.toast);
-    }
-    updateProps(oldProps, newProps) {
-        super.updateProps(oldProps, newProps);
-        if (!this.toast)
-            return;
-        if (!oldProps || oldProps.title !== newProps.title) {
-            this.toast.setTitle(newProps.title);
-        }
-        if (!oldProps || oldProps.buttonLabel !== newProps.buttonLabel) {
-            this.toast.setButtonLabel(newProps.buttonLabel);
-        }
-        if (!oldProps || oldProps.actionName !== newProps.actionName) {
-            this.toast.setActionName(newProps.actionName);
-        }
-        if (!oldProps || oldProps.useMarkup !== newProps.useMarkup) {
-            this.toast.setUseMarkup(newProps.useMarkup ?? false);
-        }
-    }
-    mount() {
-        super.mount();
-        this.showToast();
-    }
-    unmount() {
-        if (this.toast) {
-            this.toast.dismiss();
-            this.props.onDismissed?.();
-        }
-        this.parent = undefined;
-        super.unmount();
-    }
-}
-registerNodeClass(ToastNode);