+
+
+ ![Google Drive]()
+ Google Drive Wallet
+
+
+
+
+
+
+
+
+ Loading wallet...
+
+
+
+
+ Please connect your Google account to access your wallet. Your session may have expired or been revoked.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ googleUser.name }}
+ {{ googleUser.email }}
+
+
+
+
+
+
+
+
+ 1
+
+
+ + Enter your existing Hive account name +
+
+
+
+
+
+
+
+
+
+
+
+ 2
+
+
+ + Add at least one private key (posting key recommended for basic use) +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ This password encrypts your wallet. There is no recovery option if you forget it. Store it safely!
+
+
+
+
+
+
+
+
+ 3
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Password must be at least 8 characters
+
+
+
+ Passwords do not match
+
+
+
+ Password is valid
+
+
+
+
+
+
+
+
+
+
+ Wallet Ready!
++ Your wallet is now loaded and ready to sign transactions +
+
+
+
+ Not Connected
+
+ Google Drive connection lost. Please refresh the page or reconnect your Google account.
+
+
+
+
+
+ No Wallet Found
+
+ You don't have a Google Drive wallet yet. Create one from the wallet selection screen when logging in.
+
+
+
+
+
+
+
+
diff --git a/src/components/wallet/AddToGoogleWallet.vue b/src/components/wallet/AddToGoogleWallet.vue
index 44355b57e90710877e027d2843b0288b634444d1..2d294e263ff296dbf9092d26a15712d652d132ba 100644
--- a/src/components/wallet/AddToGoogleWallet.vue
+++ b/src/components/wallet/AddToGoogleWallet.vue
@@ -16,22 +16,18 @@ const addToGoogleWallet = async () => {
try {
const { operationalKey, name } = await tokensStore.getCurrentUserMetadata();
const baseUrl = window.location.origin;
- const res = await fetch('/api/google-wallet', {
+ const data = await $fetch<{ url?: string; error?: boolean; message?: string }>('/api/google-wallet', {
method: 'POST',
-
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify({
+ body: {
operationalPublicKey: operationalKey,
displayName: name || 'User',
baseUrl
- })
+ }
});
- const data = await res.text();
- const parsed = JSON.parse(data);
- if (parsed.url && !parsed.error)
- window.open(parsed.url, '_blank');
+ if (data.url && !data.error)
+ window.open(data.url, '_blank');
else
- toastError('Failed to generate Google Wallet pass', new Error(parsed.message || data, { cause: parsed }));
+ toastError('Failed to generate Google Wallet pass', new Error(data.message || 'Unknown error', { cause: data }));
} catch (error) {
toastError('Error generating Google Wallet pass', error);
} finally {
diff --git a/src/composables/useGoogleDriveWallet.ts b/src/composables/useGoogleDriveWallet.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bd8f32956e420fa16b858118579c3cb5e6f954ee
--- /dev/null
+++ b/src/composables/useGoogleDriveWallet.ts
@@ -0,0 +1,104 @@
+import type { TAccountName, TPublicKey, TRole } from '@hiveio/wax';
+import type { IExternalWalletContent } from '@hiveio/wax-signers-external';
+
+import { AccountNameEntryCancelledError } from '@/composables/usePromptDialog';
+import GoogleDriveWalletProvider, { RecoveryPasswordRequiredError } from '@/utils/wallet/google-drive/provider';
+
+/**
+ * Composable for Google Drive wallet operations
+ * Wraps GoogleDriveWalletProvider for easy use in components
+ */
+export function useGoogleDriveWallet () {
+ const checkAuth = async (): Promise
+
+
+
+
+
+
+
+
+
+ + Wallet Keys +
++ Manage private keys stored in your Google Drive wallet +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Account:
+ @{{ hiveAccountName }}
+
+
+
+
+
+ + Configured Keys +
+ + +
+
+
+
+
+
+
+
+
+ {{ role }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ rolePublicKeys[role] }}
+
+
+
+
+
+ {{ role }}
+
+
+ Not configured
+
+
+
+
+
+
+
+ + About Wallet Keys: +
+-
+
- Posting: Social actions (posts, comments, votes) +
- Active: Financial operations (transfers, market) +
- Owner: Master key - use with extreme caution +
- Memo: Encrypt/decrypt private messages +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete Wallet
++ Clear wallet data and remove file from Google Drive +
+
+
+
diff --git a/src/stores/google.store.ts b/src/stores/google.store.ts
new file mode 100644
index 0000000000000000000000000000000000000000..c152e66703ba3095b91d091c229fe1232a93ce28
--- /dev/null
+++ b/src/stores/google.store.ts
@@ -0,0 +1,128 @@
+import { defineStore } from 'pinia';
+
+import { toastError } from '@/utils/parse-error';
+
+import type { Settings } from './settings.store';
+
+// Import function to avoid circular dependency
+const getSettingsStore = () => import('./settings.store').then(m => m.useSettingsStore);
+
+export interface GoogleUser {
+ name: string;
+ email: string;
+ picture?: string;
+}
+
+export const useGoogleStore = defineStore('google', {
+ state: () => ({
+ googleUser: null as GoogleUser | null,
+ isGoogleAuthenticated: false,
+ isSyncing: false,
+ lastSyncError: null as string | null
+ }),
+ actions: {
+ async checkGoogleAuth () {
+ try {
+ const response = await $fetch<{
+ authenticated: boolean;
+ user: GoogleUser | null;
+ }>('/api/auth/google/status');
+ this.isGoogleAuthenticated = response.authenticated;
+ this.googleUser = response.user;
+ } catch (_error) {
+ this.isGoogleAuthenticated = false;
+ this.googleUser = null;
+ }
+ },
+
+ loginWithGoogle (returnUrl?: string) {
+ const currentUrl = returnUrl || window.location.pathname;
+ window.location.href = `/api/auth/google/login?returnUrl=${encodeURIComponent(currentUrl)}`;
+ },
+
+ async logoutFromGoogle () {
+ try {
+ await $fetch('/api/auth/google/logout', { method: 'POST' });
+ this.isGoogleAuthenticated = false;
+ this.googleUser = null;
+
+ // Disable Google Drive sync in settings
+ const useSettingsStore = await getSettingsStore();
+ const settingsStore = useSettingsStore();
+ settingsStore.settings.googleDriveSync = false;
+ settingsStore.saveSettings();
+ } catch (error) {
+ toastError('Failed to logout from Google', error);
+ throw error;
+ }
+ },
+
+ async syncToGoogleDrive (settings: Settings) {
+ if (!this.isGoogleAuthenticated)
+ return;
+
+ try {
+ this.isSyncing = true;
+ this.lastSyncError = null;
+
+ await $fetch('/api/google-drive/settings', {
+ method: 'POST',
+ body: {
+ settings,
+ timestamp: Date.now()
+ }
+ });
+
+ return Date.now();
+ } catch (error: unknown) {
+ const errorMessage = error && typeof error === 'object' && 'data' in error
+ ? ((error as { data?: { message?: string } }).data?.message || 'Failed to sync to Google Drive')
+ : 'Failed to sync to Google Drive';
+ this.lastSyncError = errorMessage;
+ toastError('Sync to Google Drive failed', error);
+ throw error;
+ } finally {
+ this.isSyncing = false;
+ }
+ },
+
+ async syncFromGoogleDrive (): Promise<{ settings?: Settings; timestamp?: number } | null> {
+ if (!this.isGoogleAuthenticated)
+ return null;
+
+ try {
+ this.isSyncing = true;
+ this.lastSyncError = null;
+
+ const response = await $fetch<{
+ success: boolean;
+ data?: { settings?: Settings; timestamp?: number } | null;
+ exists: boolean;
+ }>('/api/google-drive/settings');
+
+ if (response.exists && response.data?.settings)
+ return response.data;
+
+ return null;
+ } catch (error: unknown) {
+ const errorMessage = error && typeof error === 'object' && 'data' in error
+ ? ((error as { data?: { message?: string } }).data?.message || 'Failed to sync from Google Drive')
+ : 'Failed to sync from Google Drive';
+ this.lastSyncError = errorMessage;
+ toastError('Sync from Google Drive failed', error);
+ throw error;
+ } finally {
+ this.isSyncing = false;
+ }
+ },
+
+ clearSyncError () {
+ this.lastSyncError = null;
+ },
+
+ resetGoogleAuth () {
+ this.googleUser = null;
+ this.isGoogleAuthenticated = false;
+ }
+ }
+});
diff --git a/src/stores/settings.store.ts b/src/stores/settings.store.ts
index 890db6ab2c2415982599f6fb2484118be2750b8d..ee98e353cf2a2837d259a8954e9710885b553762 100644
--- a/src/stores/settings.store.ts
+++ b/src/stores/settings.store.ts
@@ -1,15 +1,18 @@
import { defineStore } from 'pinia';
import cTokensLogoUrl from '@/assets/icons/wallets/ctokens.svg';
+import googleDriveLogoUrl from '@/assets/icons/wallets/google-drive.svg';
import keychainLogoUrl from '@/assets/icons/wallets/keychain.svg';
import metamaskLogoUrl from '@/assets/icons/wallets/metamask.svg';
import peakVaultLogoUrl from '@/assets/icons/wallets/peakvault.svg';
+import { toastError } from '@/utils/parse-error';
export enum UsedWallet {
METAMASK,
KEYCHAIN,
PEAKVAULT,
- CTOKENS_IMPLEMENTATION
+ CTOKENS_IMPLEMENTATION,
+ GOOGLE_DRIVE
}
export const stringifyWalletName = (wallet: UsedWallet) => {
@@ -22,6 +25,8 @@ export const stringifyWalletName = (wallet: UsedWallet) => {
return 'PeakVault';
case UsedWallet.CTOKENS_IMPLEMENTATION:
return 'cTokens';
+ case UsedWallet.GOOGLE_DRIVE:
+ return 'GoogleDrive';
}
};
@@ -35,19 +40,33 @@ export const getWalletIcon = (wallet: UsedWallet) => {
return peakVaultLogoUrl;
case UsedWallet.CTOKENS_IMPLEMENTATION:
return cTokensLogoUrl;
+ case UsedWallet.GOOGLE_DRIVE:
+ return googleDriveLogoUrl;
}
};
const settings = {
wallet: undefined as UsedWallet | undefined,
- account: undefined as string | undefined
+ account: undefined as string | undefined,
+ googleDriveSync: false as boolean,
+ lastGoogleSyncTime: undefined as number | undefined
};
export type Settings = Required+ Google Drive Wallet Management +
+ + +
+
+
+
+
+
+
+
+
+
+ Connect Google Drive
+
+
+ Secure your encrypted keys in Google Drive
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
- + • + Store your encrypted keys safely in your Google Drive + +
- + • + Load your wallet data from any device by connecting with your Google account + +
+
+
+ + You'll be redirected to Google to authorize access +
+
+
+