feat: mf-6641 integrate google drive (#12176)

* feat: mf-6641 integrate google drive

* feat: google drive

* refactor: organize routes

* refactor: add google drive client to manage file

* feat: backup to google drive and download backup file

* merge into browser

* upload and merge

* clean up

* refactor: update google drive

Author: swkatmask

.gitignore

@@ -122,3 +122,4 @@ common/autoinstallers/*/.npmrc
 /package-lock.json
 /yarn.lock
 quick-lint-js.config
+.aider*

packages/backup-format/src/version-3/index.ts

@@ -14,10 +14,11 @@ export async function encryptBackup(password: BufferSource, binaryBackup: Buffer
 export async function decryptBackup(password: BufferSource, data: ArrayBuffer | ArrayLike<number>) {
     const container = await parseEncryptedJSONContainer(SupportedVersions.Version0, data)
 
-    const _ = decode(container)
-    if (!Array.isArray(_) || _.length !== 3) throw new TypeError(BackupErrors.UnknownFormat)
-    if (!_.every((x): x is Uint8Array => x instanceof Uint8Array)) throw new TypeError(BackupErrors.UnknownFormat)
-    const [pbkdf2IV, encryptIV, encrypted] = _
+    const payloadTuple = decode(container)
+    if (!Array.isArray(payloadTuple) || payloadTuple.length !== 3) throw new TypeError(BackupErrors.UnknownFormat)
+    if (!payloadTuple.every((x): x is Uint8Array => x instanceof Uint8Array))
+        throw new TypeError(BackupErrors.UnknownFormat)
+    const [pbkdf2IV, encryptIV, encrypted] = payloadTuple
 
     const aes = await getAESFromPassword(password, pbkdf2IV)
 

packages/icons/brands/GoogleDrive.svg

@@ -20,7 +20,7 @@ export interface GeneratedIconProps<Variants extends MaskIconPalette = never>
 export type GeneratedIcon = ComponentType<GeneratedIconProps> | ComponentType<GeneratedIconProps<'dark' | 'light'>>
 
 export interface GeneratedIconNonSquareProps<Variants extends MaskIconPalette = never>
-    extends React.HTMLProps<HTMLElement> {
+    extends Omit<React.HTMLProps<HTMLElement>, 'children'> {
     variant?: Variants[] | Variants
     height?: number | string
     width?: number | string

packages/icons/icon-generated-as-jsx.js

@@ -238,6 +238,7 @@ export async function createConfiguration(
                 NEXT_PUBLIC_FIREFLY_API_URL: process.env.NEXT_PUBLIC_FIREFLY_API_URL || '',
                 SOLANA_DEFAULT_RPC_URL: process.env.SOLANA_DEFAULT_RPC_URL || '',
                 MASK_ENABLE_EXCHANGE: process.env.MASK_ENABLE_EXCHANGE || '',
+                GOOGLE_CLIENT_ID: JSON.stringify(process.env.GOOGLE_CLIENT_ID) || '',
             }),
             new (rspack?.DefinePlugin || webpack.default.DefinePlugin)({
                 'process.browser': 'true',
@@ -312,7 +313,6 @@ export async function createConfiguration(
         // Focus on performance optimization. Not for download size/cache stability optimization.
         optimization: {
             // we don't need deterministic, and we also don't have chunk request at init we don't need "size"
-            // @ts-expect-error
             chunkIds:
                 productionLike ?
                     rspack ? 'deterministic'