@ashley-shrok/viewmodel-shell 0.3.13 → 0.3.14

package/dist/browser.d.ts

@@ -30,4 +30,5 @@ export declare class BrowserAdapter implements Adapter {
     private progress;
     private modal;
     private table;
+    private copyButton;
 }

package/dist/browser.js

@@ -1,3 +1,19 @@
+function legacyCopy(text) {
+    try {
+        const ta = document.createElement("textarea");
+        ta.value = text;
+        ta.style.position = "fixed";
+        ta.style.opacity = "0";
+        document.body.appendChild(ta);
+        ta.select();
+        const ok = document.execCommand("copy");
+        document.body.removeChild(ta);
+        return ok;
+    }
+    catch {
+        return false;
+    }
+}
 export class BrowserAdapter {
     container;
     fileRegistry = new Map();
@@ -142,6 +158,7 @@ export class BrowserAdapter {
             case "progress": return this.progress(n, parent);
             case "modal": return this.modal(n, parent, on);
             case "table": return this.table(n, parent, on);
+            case "copy-button": return this.copyButton(n, parent);
         }
     }
     kids(nodes, parent, on) {
@@ -617,4 +634,35 @@ export class BrowserAdapter {
         wrapper.appendChild(table);
         parent.appendChild(wrapper);
     }
+    copyButton(n, parent) {
+        const btn = document.createElement("button");
+        btn.type = "button";
+        btn.className = "vms-button";
+        btn.textContent = n.label ?? "Copy";
+        btn.addEventListener("click", () => {
+            const write = navigator.clipboard?.writeText(n.text);
+            if (write) {
+                write.then(() => {
+                    btn.textContent = n.copiedLabel ?? "Copied!";
+                    setTimeout(() => { btn.textContent = n.label ?? "Copy"; }, 1500);
+                }).catch(() => {
+                    // primary failed — try legacy execCommand fallback
+                    if (legacyCopy(n.text)) {
+                        btn.textContent = n.copiedLabel ?? "Copied!";
+                        setTimeout(() => { btn.textContent = n.label ?? "Copy"; }, 1500);
+                    }
+                    // both paths failed: silent, no confirmation
+                });
+            }
+            else {
+                // navigator.clipboard absent — try legacy
+                if (legacyCopy(n.text)) {
+                    btn.textContent = n.copiedLabel ?? "Copied!";
+                    setTimeout(() => { btn.textContent = n.label ?? "Copy"; }, 1500);
+                }
+                // else: silent
+            }
+        });
+        parent.appendChild(btn);
+    }
 }

package/dist/index.d.ts

@@ -24,7 +24,7 @@ export interface Adapter {
         onUploadProgress?: (sent: number, total: number) => void;
     }): Promise<Response>;
 }
-export type ViewNode = PageNode | SectionNode | ListNode | ListItemNode | FormNode | FieldNode | CheckboxNode | ButtonNode | TextNode | LinkNode | StatBarNode | TabsNode | ProgressNode | ModalNode | TableNode;
+export type ViewNode = PageNode | SectionNode | ListNode | ListItemNode | FormNode | FieldNode | CheckboxNode | ButtonNode | TextNode | LinkNode | StatBarNode | TabsNode | ProgressNode | ModalNode | TableNode | CopyButtonNode;
 export interface PageNode {
     type: "page";
     title?: string;
@@ -160,6 +160,15 @@ export interface TableNode {
     /** Base action. Adapter merges { column, value, filters } into context on Enter. */
     filterAction?: ActionEvent;
 }
+export interface CopyButtonNode {
+    type: "copy-button";
+    /** The string to write to the clipboard on click. */
+    text: string;
+    /** Label shown on the button before copying. Adapter default: "Copy". */
+    label?: string;
+    /** Ephemeral label shown after a successful copy, reverts after ~1.5 s. Adapter default: "Copied!". */
+    copiedLabel?: string;
+}
 export interface ShellOptions {
     endpoint: string;
     actionEndpoint: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ashley-shrok/viewmodel-shell",
-  "version": "0.3.13",
+  "version": "0.3.14",
   "description": "A server-driven UI framework where the wire format is structured enough that agents can build full-stack apps without ever opening a browser and all UI tests are pure unit tests with no browser runtime. Server returns a JSON tree of typed nodes; a thin TypeScript adapter renders it to DOM. Backend-agnostic — a .NET reference backend ships with the repo, but any language can produce the JSON contract.",
   "type": "module",
   "license": "MIT",