main 🧊 add copy for use clipboard

Author: debabin

packages/core/src/bundle/hooks/useClipboard/useClipboard.js

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { usePermission } from '../usePermission/usePermission';
 export const isPermissionAllowed = (status) => status === 'granted' || status === 'prompt';
 export const legacyCopyToClipboard = (value) => {
@@ -53,7 +53,7 @@ export const useClipboard = (params) => {
             document.removeEventListener('cut', set);
         };
     }, [enabled]);
-    const copy = useCallback(async (value) => {
+    const copy = async (value) => {
         try {
             if (supported || isPermissionAllowed(clipboardWritePermissionWrite.state)) {
                 await navigator.clipboard.writeText(value);
@@ -66,6 +66,19 @@ export const useClipboard = (params) => {
             legacyCopyToClipboard(value);
         }
         setValue(value);
-    }, []);
+    };
     return { supported, value, copy };
 };
+export const copy = async (value) => {
+    try {
+        try {
+            await navigator.clipboard.writeText(value);
+        }
+        catch {
+            return legacyCopyToClipboard(value);
+        }
+    }
+    catch {
+        return legacyCopyToClipboard(value);
+    }
+};

packages/core/src/hooks/useClickOutside/useClickOutside.demo.tsx

@@ -20,7 +20,7 @@ const Demo = () => {
       <div
         ref={clickOutsideRef}
         className={cn(
-          'relative flex flex-col items-center justify-center rounded-lg border border-red-500 p-12',
+          'relative flex flex-col items-center justify-center rounded-xl border-2 border-red-500 p-12',
           { 'border-green-500': counter.value > 5 }
         )}
       >

packages/core/src/hooks/useClipboard/useClipboard.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { usePermission } from '../usePermission/usePermission';
 
@@ -76,7 +76,7 @@ export const useClipboard = (params?: UseCopyToClipboardParams): UseCopyToClipbo
     };
   }, [enabled]);
 
-  const copy = useCallback(async (value: string) => {
+  const copy = async (value: string) => {
     try {
       if (supported || isPermissionAllowed(clipboardWritePermissionWrite.state)) {
         await navigator.clipboard.writeText(value);
@@ -88,7 +88,19 @@ export const useClipboard = (params?: UseCopyToClipboardParams): UseCopyToClipbo
     }
 
     setValue(value);
-  }, []);
+  };
 
   return { supported, value, copy };
 };
+
+export const copy = async (value: string) => {
+  try {
+    try {
+      await navigator.clipboard.writeText(value);
+    } catch {
+      return legacyCopyToClipboard(value);
+    }
+  } catch {
+    return legacyCopyToClipboard(value);
+  }
+};

packages/docs/app/functions/hooks/[name].paths.mts

@@ -104,7 +104,7 @@ export default {
             example,
             description: jsdoc.description.description,
             category: jsdoc.category!.name,
-            lastModified: new Date(lastCommit.date).getTime(),
+            lastModified: new Date(lastCommit?.date ?? new Date()).getTime(),
             usage,
             apiParameters: jsdoc.apiParameters ?? [],
             contributors