@gjsify/example-gtk-adwaita-storybook 0.64.1 → 0.64.2-next.253

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjsify/example-gtk-adwaita-storybook",
-  "version": "0.64.1",
+  "version": "0.64.2-next.253",
   "description": "Interactive component browser for Libadwaita widgets — a native Adwaita storybook built on @gjsify/storybook, debuggable over DBus/MCP via @gjsify/devtools",
   "type": "module",
   "main": "dist/gjs.js",
@@ -54,11 +54,11 @@
     "@girs/glib-2.0": "5.4.0",
     "@girs/gobject-2.0": "5.4.0",
     "@girs/gtk-4.0": "5.4.0",
-    "@gjsify/adwaita-web": "^0.64.1",
-    "@gjsify/cli": "^0.64.1",
+    "@gjsify/adwaita-web": "0.64.2-next.253",
+    "@gjsify/cli": "0.64.2-next.253",
     "@gjsify/node-gi": "file:../../../packages/node-gi/node-gi",
-    "@gjsify/storybook": "^0.64.1",
-    "@gjsify/adwaita-storybook": "^0.64.1",
+    "@gjsify/storybook": "0.64.2-next.253",
+    "@gjsify/adwaita-storybook": "0.64.2-next.253",
     "@types/node": "^25.9.2",
     "typescript": "^6.0.3"
   },
@@ -72,5 +72,6 @@
   "bugs": {
     "url": "https://github.com/gjsify/gjsify/issues"
   },
-  "homepage": "https://github.com/gjsify/gjsify/tree/main/showcases/gtk/adwaita-storybook#readme"
+  "homepage": "https://github.com/gjsify/gjsify/tree/main/showcases/gtk/adwaita-storybook#readme",
+  "gitHead": "84c860498d8dd191285353b116e60aa90d71776c"
 }

package/src/browser/feedback/alert-dialog.web.ts

@@ -38,10 +38,10 @@ export class AlertDialogWebStory extends StoryElement {
     /** Build + present a fresh dialog, reading the latest args (as the GTK story does). */
     private _present(): void {
         const dialog = document.createElement('adw-alert-dialog') as HTMLElement & {
-            addResponse(id: string, label: string): void;
-            setResponseAppearance(id: string, appearance: 'default' | 'suggested' | 'destructive'): void;
-            setDefaultResponse(id: string | null): void;
-            setCloseResponse(id: string): void;
+            add_response(id: string, label: string): void;
+            set_response_appearance(id: string, appearance: 'default' | 'suggested' | 'destructive'): void;
+            set_default_response(id: string | null): void;
+            set_close_response(id: string): void;
             present(): void;
         };
         dialog.setAttribute('heading', this.args.heading as string);
@@ -51,11 +51,11 @@ export class AlertDialogWebStory extends StoryElement {
         // it to the document before driving the imperative API.
         document.body.appendChild(dialog);
 
-        dialog.addResponse('cancel', 'Cancel');
-        dialog.addResponse('delete', 'Delete');
-        dialog.setResponseAppearance('delete', 'destructive');
-        dialog.setDefaultResponse('cancel');
-        dialog.setCloseResponse('cancel');
+        dialog.add_response('cancel', 'Cancel');
+        dialog.add_response('delete', 'Delete');
+        dialog.set_response_appearance('delete', 'destructive');
+        dialog.set_default_response('cancel');
+        dialog.set_close_response('cancel');
 
         // Remove the dialog from the DOM once the user responds — the GTK dialog
         // is likewise destroyed on response.

package/src/browser/feedback/toast.web.ts

@@ -1,16 +1,12 @@
 // Browser port of the Toast story. Shares metadata with toast.story.ts.
 
 import { StoryElement, type StoryArgs, type StoryMeta, type WebStoryModule } from '@gjsify/adwaita-storybook';
+import { Adw } from '@gjsify/adwaita-web';
 import { toastMeta } from '../../feedback/toast.meta.js';
 
-/** The <adw-toast-overlay> exposes addToast(title, opts) — see @gjsify/adwaita-web. */
-interface ToastOverlayElement extends HTMLElement {
-    addToast(title: string, options?: { timeout?: number; buttonLabel?: string; onAction?: () => void }): void;
-}
-
 /** Story: an Adw.Toast presented through an adw-toast-overlay on button press. */
 export class ToastWebStory extends StoryElement {
-    private _overlay: ToastOverlayElement | null = null;
+    private _overlay: Adw.ToastOverlay | null = null;
 
     constructor() {
         super(ToastWebStory.getMetadata(), 'Default');
@@ -21,7 +17,7 @@ export class ToastWebStory extends StoryElement {
     }
 
     initialize(): void {
-        this._overlay = document.createElement('adw-toast-overlay') as ToastOverlayElement;
+        this._overlay = document.createElement('adw-toast-overlay') as Adw.ToastOverlay;
         // Match the native story's fixed 360×220 viewport so the toast has a
         // bounded overlay area to float over.
         this._overlay.style.width = '360px';
@@ -47,11 +43,17 @@ export class ToastWebStory extends StoryElement {
 
     private _showToast(): void {
         if (!this._overlay) return;
-        const hasButton = this.args.hasButton as boolean;
-        this._overlay.addToast(this.args.title as string, {
+
+        const toast = new Adw.Toast({
+            title: this.args.title as string,
             timeout: this.args.timeout as number,
-            buttonLabel: hasButton ? (this.args.buttonLabel as string) : undefined,
         });
+
+        if (this.args.hasButton as boolean) {
+            toast.buttonLabel = this.args.buttonLabel as string;
+        }
+
+        this._overlay.add_toast(toast);
     }
 
     updateArgs(_args: StoryArgs): void {