feat(providers): implement "Copy All" refresh tokens functionality

0xtbug · 0xtbug · commit deed56561d43 · 2026-02-13T09:39:40.000+07:00
Adds a new "Copy All" button to the Providers page, allowing users to copy refresh tokens from multiple selected providers.

This feature includes:
- A new dialog for selecting providers to include in the copy operation.
- State management in `useProvidersPresenter` for the modal, selection, and copying process.
- Logic to fetch and concatenate refresh tokens from selected providers.
- Clipboard integration to copy the combined refresh tokens.
- Internationalization support for new strings related to "Copy All" functionality.

This enhances user convenience by providing a bulk action for managing refresh tokens.
diff --git a/src/features/providers/ProvidersPage.tsx b/src/features/providers/ProvidersPage.tsx
@@ -18,6 +18,14 @@ import {
   ChevronRight,
   Key
 } from 'lucide-react';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/shared/components/ui/dialog';
 import {
   AlertDialog,
   AlertDialogAction,
@@ -68,6 +76,15 @@ export function ProvidersPage() {
     showDeleteAllConfirmation,
     setShowDeleteAllConfirmation,
     copyRefreshToken,
+
+    // Copy All
+    showCopyAllModal,
+    setShowCopyAllModal,
+    copyingAll,
+    selectedProvidersForCopy,
+    openCopyAllModal,
+    toggleCopyProvider,
+    executeCopyAll,
   } = useProvidersPresenter();
 
   if (!isAuthenticated) {
@@ -157,15 +174,26 @@ export function ProvidersPage() {
                     {t('providers.connectedAccounts')} ({files.length})
                 </h2>
                 {files.length > 0 && (
-                  <Button
-                    variant="outline"
-                    size="sm"
-                    onClick={() => setShowDeleteAllConfirmation(true)}
-                    className="h-8 text-xs bg-red-500/10 text-red-500 hover:bg-red-500/20 shadow-none border border-red-500/20"
-                  >
-                    <Trash2 className="mr-2 h-3.5 w-3.5" />
-                    {t('common.deleteAll', 'Delete All')}
-                  </Button>
+                  <div className="flex items-center gap-2">
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={openCopyAllModal}
+                      className="h-8 text-xs"
+                    >
+                      <Key className="mr-2 h-3.5 w-3.5" />
+                      {t('common.copyAll', 'Copy All')}
+                    </Button>
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => setShowDeleteAllConfirmation(true)}
+                      className="h-8 text-xs bg-red-500/10 text-red-500 hover:bg-red-500/20 shadow-none border border-red-500/20"
+                    >
+                      <Trash2 className="mr-2 h-3.5 w-3.5" />
+                      {t('common.deleteAll', 'Delete All')}
+                    </Button>
+                  </div>
                 )}
             </div>
 
@@ -475,6 +503,60 @@ export function ProvidersPage() {
                 })}
             </div>
         </section>
+
+        <Dialog open={showCopyAllModal} onOpenChange={setShowCopyAllModal}>
+        <DialogContent className="sm:max-w-[425px]">
+          <DialogHeader>
+            <DialogTitle>{t('providers.copyAllTitle', 'Copy All Refresh Tokens')}</DialogTitle>
+            <DialogDescription>
+              {t('providers.selectProviders', 'Select the providers you want to include in the copy.')}
+            </DialogDescription>
+          </DialogHeader>
+          <div className="py-4">
+             <div className="space-y-4">
+                {groupedFiles.map(([providerId, group]) => (
+                  <div key={providerId} className="flex items-center space-x-2">
+                    <input
+                      type="checkbox"
+                      id={`copy-${providerId}`}
+                      checked={selectedProvidersForCopy.includes(providerId)}
+                      onChange={() => toggleCopyProvider(providerId)}
+                      className="h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary accent-primary"
+                    />
+                    <label
+                      htmlFor={`copy-${providerId}`}
+                      className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 flex items-center gap-2 cursor-pointer select-none"
+                    >
+                       <img
+                            src={group.iconInfo.path}
+                            alt={group.displayName}
+                            className={`h-4 w-4 object-contain ${group.iconInfo.needsInvert ? 'invert-on-dark' : ''}`}
+                          />
+                      {group.displayName}
+                      <span className="text-xs text-muted-foreground">({group.files.length})</span>
+                    </label>
+                  </div>
+                ))}
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setShowCopyAllModal(false)}>{t('common.cancel')}</Button>
+            <Button onClick={executeCopyAll} disabled={copyingAll || selectedProvidersForCopy.length === 0}>
+              {copyingAll ? (
+                <>
+                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                  {t('common.copying', 'Copying...')}
+                </>
+              ) : (
+                <>
+                  <Key className="mr-2 h-4 w-4" />
+                  {t('common.copy', 'Copy')}
+                </>
+              )}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
     </div>
   );
 }
diff --git a/src/features/providers/useProvidersPresenter.ts b/src/features/providers/useProvidersPresenter.ts
@@ -62,6 +62,10 @@ export function useProvidersPresenter() {
   const [isDeletingAll, setIsDeletingAll] = useState(false);
   const [showDeleteAllConfirmation, setShowDeleteAllConfirmation] = useState(false);
 
+  const [showCopyAllModal, setShowCopyAllModal] = useState(false);
+  const [copyingAll, setCopyingAll] = useState(false);
+  const [selectedProvidersForCopy, setSelectedProvidersForCopy] = useState<string[]>([]);
+
   const [providerStates, setProviderStates] = useState<Record<string, ProviderState>>({});
   const [callbackUrl, setCallbackUrl] = useState('');
   const [selectedProvider, setSelectedProvider] = useState<ProviderId | null>(null);
@@ -156,6 +160,69 @@ export function useProvidersPresenter() {
     }
   }, [loadFiles, t]);
 
+  const openCopyAllModal = useCallback(() => {
+    const allProviderIds = groupedFiles.map(([id]) => id);
+    setSelectedProvidersForCopy(allProviderIds);
+    setShowCopyAllModal(true);
+  }, [groupedFiles]);
+
+  const toggleCopyProvider = useCallback((providerId: string) => {
+    setSelectedProvidersForCopy(prev => {
+      if (prev.includes(providerId)) {
+        return prev.filter(id => id !== providerId);
+      } else {
+        return [...prev, providerId];
+      }
+    });
+  }, []);
+
+  const executeCopyAll = useCallback(async () => {
+    if (selectedProvidersForCopy.length === 0) return;
+
+    setCopyingAll(true);
+    try {
+      const results: Array<{ provider: string, account: string, refresh_token: string }> = [];
+
+      const filesToProcess = groupedFiles
+        .filter(([id]) => selectedProvidersForCopy.includes(id))
+        .flatMap(([, group]) => group.files);
+
+      for (const file of filesToProcess) {
+        let name = file.name || file.filename || file.id;
+        if (!name) continue;
+        if (!name.toLowerCase().endsWith('.json')) {
+          name = `${name}.json`;
+        }
+
+        try {
+          const data = await authFilesApi.download(name);
+          if (data && data.refresh_token) {
+            results.push({
+              provider: file.provider,
+              account: (file.metadata?.email as string) || (file.account as string) || file.filename,
+              refresh_token: data.refresh_token
+            });
+          }
+        } catch (err) {
+          console.error(`Failed to download ${name}`, err);
+        }
+      }
+
+      if (results.length > 0) {
+        const tokens = results.map(r => r.refresh_token).join('\n');
+        await navigator.clipboard.writeText(tokens);
+        toast.success(t('providers.copySuccess') || 'Refresh tokens copied to clipboard');
+        setShowCopyAllModal(false);
+      } else {
+        toast.warning(t('providers.noTokensFound') || 'No refresh tokens found');
+      }
+    } catch (err) {
+      toast.error(t('common.error') || 'An error occurred');
+    } finally {
+      setCopyingAll(false);
+    }
+  }, [groupedFiles, selectedProvidersForCopy, t]);
+
   const updateProviderState = useCallback((provider: string, update: Partial<ProviderState>) => {
     setProviderStates((prev) => ({
       ...prev,
@@ -397,6 +464,15 @@ export function useProvidersPresenter() {
     showDeleteAllConfirmation,
     setShowDeleteAllConfirmation,
 
+    // Copy All
+    showCopyAllModal,
+    setShowCopyAllModal,
+    copyingAll,
+    selectedProvidersForCopy,
+    openCopyAllModal,
+    toggleCopyProvider,
+    executeCopyAll,
+
     // Add provider (OAuth)
     providerStates,
     selectedProvider,
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -18,7 +18,9 @@
     "deleteAll": "Delete All",
     "deleting": "Deleting...",
     "deleteWarning": "This action cannot be undone. This will permanently delete your account connection.",
-    "copyRefreshToken": "Copy Refresh Token"
+    "copyRefreshToken": "Copy Refresh Token",
+    "copyAll": "Copy All",
+    "copying": "Copying..."
   },
   "auth": {
     "login": "Login",
@@ -73,7 +75,11 @@
     "manualCallback": "If valid callback is not detected automatically:",
     "authSuccess": "Provider connected successfully!",
     "deleteAllConfirm": "This will permanently delete all connected accounts. This action cannot be undone.",
-    "deleteAllSuccess": "All accounts deleted successfully"
+    "deleteAllSuccess": "All accounts deleted successfully",
+    "copyAllTitle": "Copy All Refresh Tokens",
+    "selectProviders": "Select the providers you want to include in the copy.",
+    "copySuccess": "Refresh tokens copied to clipboard",
+    "noTokensFound": "No refresh tokens found"
   },
   "oauth": {
     "pasteCallback": "Paste callback URL here..."
diff --git a/src/i18n/locales/id.json b/src/i18n/locales/id.json
@@ -18,7 +18,9 @@
     "deleteAll": "Hapus Semua",
     "deleting": "Menghapus...",
     "deleteWarning": "Tindakan ini tidak dapat dibatalkan. Ini akan menghapus koneksi akun Anda secara permanen.",
-    "copyRefreshToken": "Salin Token Penyegaran"
+    "copyRefreshToken": "Salin Token Penyegaran",
+    "copyAll": "Salin Semua",
+    "copying": "Menyalin..."
   },
   "auth": {
     "login": "Masuk",
@@ -73,7 +75,11 @@
     "manualCallback": "Jika callback valid tidak terdeteksi otomatis:",
     "authSuccess": "Penyedia berhasil terhubung!",
     "deleteAllConfirm": "Ini akan menghapus semua akun yang terhubung secara permanen. Tindakan ini tidak dapat dibatalkan.",
-    "deleteAllSuccess": "Semua akun berhasil dihapus"
+    "deleteAllSuccess": "Semua akun berhasil dihapus",
+    "copyAllTitle": "Salin Semua Token Penyegaran",
+    "selectProviders": "Pilih penyedia yang ingin Anda sertakan dalam penyalinan.",
+    "copySuccess": "Token penyegaran disalin ke papan klip",
+    "noTokensFound": "Tidak ada token penyegaran ditemukan"
   },
   "oauth": {
     "pasteCallback": "Tempelkan URL callback di sini..."
diff --git a/src/i18n/locales/ja.json b/src/i18n/locales/ja.json
@@ -18,7 +18,9 @@
     "deleteAll": "すべて削除",
     "deleting": "削除中...",
     "deleteWarning": "この操作は取り消せません。アカウント接続が完全に削除されます。",
-    "copyRefreshToken": "リフレッシュトークンをコピー"
+    "copyRefreshToken": "リフレッシュトークンをコピー",
+    "copyAll": "すべてコピー",
+    "copying": "コピー中..."
   },
   "auth": {
     "login": "ログイン",
@@ -73,7 +75,11 @@
     "manualCallback": "有効なコールバックが自動検出されない場合:",
     "authSuccess": "プロバイダーの接続に成功しました！",
     "deleteAllConfirm": "接続されているすべてのアカウントが完全に削除されます。この操作は取り消せません。",
-    "deleteAllSuccess": "すべてのアカウントが正常に削除されました"
+    "deleteAllSuccess": "すべてのアカウントが正常に削除されました",
+    "copyAllTitle": "すべてのリフレッシュトークンをコピー",
+    "selectProviders": "コピーに含めたいプロバイダーを選択してください。",
+    "copySuccess": "リフレッシュトークンがクリップボードにコピーされました",
+    "noTokensFound": "リフレッシュトークンが見つかりません"
   },
   "oauth": {
     "pasteCallback": "コールバックURLをここに貼り付け..."
diff --git a/src/i18n/locales/ko.json b/src/i18n/locales/ko.json
@@ -18,7 +18,9 @@
     "deleteAll": "모두 삭제",
     "deleting": "삭제 중...",
     "deleteWarning": "이 작업은 취소할 수 없습니다. 계정 연결이 영구적으로 삭제됩니다.",
-    "copyRefreshToken": "갱신 토큰 복사"
+    "copyRefreshToken": "갱신 토큰 복사",
+    "copyAll": "모두 복사",
+    "copying": "복사 중..."
   },
   "auth": {
     "login": "로그인",
@@ -73,7 +75,11 @@
     "manualCallback": "유효한 콜백이 자동으로 감지되지 않는 경우:",
     "authSuccess": "제공자가 성공적으로 연결되었습니다!",
     "deleteAllConfirm": "연결된 모든 계정이 영구적으로 삭제됩니다. 이 작업은 취소할 수 없습니다.",
-    "deleteAllSuccess": "모든 계정이 성공적으로 삭제되었습니다"
+    "deleteAllSuccess": "모든 계정이 성공적으로 삭제되었습니다",
+    "copyAllTitle": "모든 갱신 토큰 복사",
+    "selectProviders": "복사에 포함할 공급자를 선택하세요.",
+    "copySuccess": "갱신 토큰이 클립보드에 복사되었습니다",
+    "noTokensFound": "갱신 토큰을 찾을 수 없습니다"
   },
   "oauth": {
     "pasteCallback": "콜백 URL을 여기에 붙여넣기..."
diff --git a/src/i18n/locales/th.json b/src/i18n/locales/th.json
@@ -18,7 +18,9 @@
     "deleteAll": "ลบทั้งหมด",
     "deleting": "กำลังลบ...",
     "deleteWarning": "การดำเนินการนี้ไม่สามารถยกเลิกได้ การเชื่อมต่อบัญชีของคุณจะถูกลบอย่างถาวร",
-    "copyRefreshToken": "คัดลอกโทเค็นรีเฟรช"
+    "copyRefreshToken": "คัดลอกโทเค็นรีเฟรช",
+    "copyAll": "คัดลอกทั้งหมด",
+    "copying": "กำลังคัดลอก..."
   },
   "auth": {
     "login": "เข้าสู่ระบบ",
@@ -73,7 +75,11 @@
     "manualCallback": "หากระบบไม่ตรวจพบ callback ที่ถูกต้องโดยอัตโนมัติ:",
     "authSuccess": "เชื่อมต่อผู้ให้บริการสำเร็จ!",
     "deleteAllConfirm": "บัญชีที่เชื่อมต่อทั้งหมดจะถูกลบอย่างถาวร การดำเนินการนี้ไม่สามารถยกเลิกได้",
-    "deleteAllSuccess": "ลบบัญชีทั้งหมดเรียบร้อยแล้ว"
+    "deleteAllSuccess": "ลบบัญชีทั้งหมดเรียบร้อยแล้ว",
+    "copyAllTitle": "คัดลอกโทเค็นรีเฟรชทั้งหมด",
+    "selectProviders": "เลือกผู้ให้บริการที่คุณต้องการรวมในการคัดลอก",
+    "copySuccess": "คัดลอกโทเค็นรีเฟรชไปยังคลิปบอร์ดแล้ว",
+    "noTokensFound": "ไม่พบโทเค็นรีเฟรช"
   },
   "oauth": {
     "pasteCallback": "วาง URL callback ที่นี่..."
diff --git a/src/i18n/locales/vi.json b/src/i18n/locales/vi.json
@@ -18,7 +18,9 @@
     "deleteAll": "Xóa tất cả",
     "deleting": "Đang xóa...",
     "deleteWarning": "Hành động này không thể hoàn tác. Việc này sẽ xóa vĩnh viễn kết nối tài khoản của bạn.",
-    "copyRefreshToken": "Sao chép Token làm mới"
+    "copyRefreshToken": "Sao chép Token làm mới",
+    "copyAll": "Sao chép tất cả",
+    "copying": "Đang sao chép..."
   },
   "auth": {
     "login": "Đăng nhập",
@@ -73,7 +75,11 @@
     "manualCallback": "Nếu không tự động phát hiện callback hợp lệ:",
     "authSuccess": "Kết nối nhà cung cấp thành công!",
     "deleteAllConfirm": "Việc này sẽ xóa vĩnh viễn tất cả các tài khoản đã kết nối. Hành động này không thể hoàn tác.",
-    "deleteAllSuccess": "Tất cả tài khoản đã được xóa thành công"
+    "deleteAllSuccess": "Đã xóa tất cả tài khoản thành công",
+    "copyAllTitle": "Sao chép tất cả Token làm mới",
+    "selectProviders": "Chọn nhà cung cấp bạn muốn sao chép.",
+    "copySuccess": "Đã sao chép token làm mới vào clipboard",
+    "noTokensFound": "Không tìm thấy token làm mới"
   },
   "oauth": {
     "pasteCallback": "Dán URL callback vào đây..."
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
@@ -18,7 +18,9 @@
     "deleteAll": "全部删除",
     "deleting": "正在删除...",
     "deleteWarning": "此操作无法撤销。这将永久删除您的帐户连接。",
-    "copyRefreshToken": "复制刷新令牌"
+    "copyRefreshToken": "复制刷新令牌",
+    "copyAll": "全部复制",
+    "copying": "正在复制..."
   },
   "auth": {
     "login": "登录",
@@ -73,7 +75,11 @@
     "manualCallback": "如果未自动检测到回调：",
     "authSuccess": "提供商连接成功！",
     "deleteAllConfirm": "这将永久删除所有连接的帐户。此操作无法撤销。",
-    "deleteAllSuccess": "所有帐户已成功删除"
+    "deleteAllSuccess": "所有帐户已成功删除",
+    "copyAllTitle": "复制所有刷新令牌",
+    "selectProviders": "选择您要包含在复制中的提供商。",
+    "copySuccess": "刷新令牌已复制到剪贴板",
+    "noTokensFound": "未找到刷新令牌"
   },
   "oauth": {
     "pasteCallback": "在此粘贴回调 URL..."
