@nadicodeai/ui 0.18.0 → 0.18.2

package/dist/lib/use-copy-to-clipboard.d.ts

@@ -1,3 +1,44 @@
+/**
+ * The copy affordance behind every "copy" button in the package.
+ *
+ * The decision half and the timer half are exported as plain functions, with the
+ * hook a thin binding over them (the shape `use-confirm-action` established), so
+ * both are testable in the package's node-only default suite instead of needing a
+ * DOM render harness.
+ */
+export type CopyAttempt = 
+/** No clipboard to write to — an insecure origin, typically. */
+{
+    kind: "unavailable";
+    error: Error;
+}
+/** Already showing "copied" and the caller asked not to repeat. */
+ | {
+    kind: "skipped";
+} | {
+    kind: "copied";
+} | {
+    kind: "failed";
+    error: Error;
+};
+/** Attempts the write and classifies the result; performs no state or timer work. */
+export declare function attemptCopy(input: {
+    text: string;
+    isCopied: boolean;
+    skipWhileCopied: boolean;
+    writeText: ((text: string) => Promise<void>) | undefined;
+}): Promise<CopyAttempt>;
+export type ResetTimers = {
+    clear: (handle: number) => void;
+    set: (onReset: () => void, timeout: number) => number;
+};
+/**
+ * Starts the "copied" reset window, dropping whichever reset was already
+ * pending. Without the clear, an earlier press's timer keeps its own schedule and
+ * fires part-way through this press's window, so the feedback disappears early.
+ * Returns the new handle for the caller to hold.
+ */
+export declare function restartResetTimer(timers: ResetTimers, pendingHandle: number, onReset: () => void, timeout: number): number;
 export declare function useCopyToClipboard({ text, onCopy, onError, timeout, skipWhileCopied, }: {
     text: string;
     onCopy?: () => void;

package/dist/lib/use-copy-to-clipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/lib/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,eAAuB,GACxB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;;;EA+BA"}
+{"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../src/lib/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,MAAM,MAAM,WAAW;AACrB,gEAAgE;AAC9D;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE;AACvC,mEAAmE;GACjE;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAErC,qFAAqF;AACrF,wBAAsB,WAAW,CAAC,KAAK,EAAE;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1D,GAAG,OAAO,CAAC,WAAW,CAAC,CAavB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,GAAG,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACvD,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,MAAM,IAAI,EACnB,OAAO,EAAE,MAAM,GACd,MAAM,CAGR;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,eAAuB,GACxB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;;;EAyCA"}

package/dist/lib/use-copy-to-clipboard.js

@@ -1,24 +1,52 @@
 import { useCallback, useEffect, useRef, useState } from "react";
+/** Attempts the write and classifies the result; performs no state or timer work. */
+export async function attemptCopy(input) {
+    if (!input.writeText) {
+        return { kind: "unavailable", error: new Error("Clipboard API not available") };
+    }
+    if (input.skipWhileCopied && input.isCopied) {
+        return { kind: "skipped" };
+    }
+    try {
+        await input.writeText(input.text);
+        return { kind: "copied" };
+    }
+    catch (error) {
+        return { kind: "failed", error: error };
+    }
+}
+/**
+ * Starts the "copied" reset window, dropping whichever reset was already
+ * pending. Without the clear, an earlier press's timer keeps its own schedule and
+ * fires part-way through this press's window, so the feedback disappears early.
+ * Returns the new handle for the caller to hold.
+ */
+export function restartResetTimer(timers, pendingHandle, onReset, timeout) {
+    timers.clear(pendingHandle);
+    return timers.set(onReset, timeout);
+}
 export function useCopyToClipboard({ text, onCopy, onError, timeout, skipWhileCopied = false, }) {
     const [isCopied, setIsCopied] = useState(false);
     const timeoutRef = useRef(0);
     const copyToClipboard = useCallback(async () => {
-        if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
-            onError?.(new Error("Clipboard API not available"));
+        const attempt = await attemptCopy({
+            text,
+            isCopied,
+            skipWhileCopied,
+            writeText: typeof window === "undefined"
+                ? undefined
+                : navigator?.clipboard?.writeText?.bind(navigator.clipboard),
+        });
+        if (attempt.kind === "unavailable" || attempt.kind === "failed") {
+            onError?.(attempt.error);
             return;
         }
-        if (skipWhileCopied && isCopied) {
+        if (attempt.kind === "skipped") {
             return;
         }
-        try {
-            await navigator.clipboard.writeText(text);
-            setIsCopied(true);
-            onCopy?.();
-            timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);
-        }
-        catch (error) {
-            onError?.(error);
-        }
+        setIsCopied(true);
+        onCopy?.();
+        timeoutRef.current = restartResetTimer({ clear: window.clearTimeout.bind(window), set: window.setTimeout.bind(window) }, timeoutRef.current, () => setIsCopied(false), timeout);
     }, [isCopied, onCopy, onError, skipWhileCopied, text, timeout]);
     useEffect(() => () => {
         window.clearTimeout(timeoutRef.current);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nadicodeai/ui",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -63,7 +63,7 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@nadicodeai/design-system": "0.18.0",
+    "@nadicodeai/design-system": "0.18.2",
     "@rive-app/react-webgl2": "^4.29.1",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
@@ -102,19 +102,19 @@
     "tailwindcss": "^4.3.1"
   },
   "devDependencies": {
-    "@testing-library/react": "^16.3.2",
     "@tailwindcss/postcss": "^4.3.1",
+    "@testing-library/react": "^16.3.2",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "axe-core": "^4.12.0",
     "eslint": "^9.39.4",
     "jsdom": "^26.1.0",
+    "postcss": "^8.5.15",
     "react": "19.2.7",
     "react-dom": "19.2.7",
     "shadcn": "4.13.0",
     "tailwindcss": "^4.3.1",
     "typescript": "^5",
-    "typescript-eslint": "^8.46.0",
     "vitest": "^4.1.6"
   }
 }