refactor: enhance manual chunking in Vite config for better code splitting

2026-06-20 21:00:41 +00:00 · 2026-03-15 18:15:28 +08:00
parent f0ace28bf2
commit 722d3db0e9
49 changed files with 10021 additions and 8531 deletions
@@ -0,0 +1,95 @@
+import ConfirmDialog from '@/components/ConfirmDialog';
+import ToastHost from '@/components/ToastHost';
+import { t } from '@/lib/i18n';
+import type { ToastMessage } from '@/lib/types';
+
+export interface AppConfirmState {
+  title: string;
+  message: string;
+  danger?: boolean;
+  showIcon?: boolean;
+  onConfirm: () => void;
+}
+
+interface AppGlobalOverlaysProps {
+  toasts: ToastMessage[];
+  onCloseToast: (id: string) => void;
+  confirm: AppConfirmState | null;
+  onCancelConfirm: () => void;
+  pendingTotpOpen: boolean;
+  totpCode: string;
+  rememberDevice: boolean;
+  onTotpCodeChange: (value: string) => void;
+  onRememberDeviceChange: (checked: boolean) => void;
+  onConfirmTotp: () => void;
+  onCancelTotp: () => void;
+  onUseRecoveryCode: () => void;
+  disableTotpOpen: boolean;
+  disableTotpPassword: string;
+  onDisableTotpPasswordChange: (value: string) => void;
+  onConfirmDisableTotp: () => void;
+  onCancelDisableTotp: () => void;
+}
+
+export default function AppGlobalOverlays(props: AppGlobalOverlaysProps) {
+  return (
+    <>
+      <ConfirmDialog
+        open={!!props.confirm}
+        title={props.confirm?.title || ''}
+        message={props.confirm?.message || ''}
+        danger={props.confirm?.danger}
+        showIcon={props.confirm?.showIcon}
+        onConfirm={() => props.confirm?.onConfirm()}
+        onCancel={props.onCancelConfirm}
+      />
+
+      <ConfirmDialog
+        open={props.pendingTotpOpen}
+        title={t('txt_two_step_verification')}
+        message={t('txt_password_is_already_verified')}
+        confirmText={t('txt_verify')}
+        cancelText={t('txt_cancel')}
+        showIcon={false}
+        onConfirm={props.onConfirmTotp}
+        onCancel={props.onCancelTotp}
+        afterActions={(
+          <div className="dialog-extra">
+            <div className="dialog-divider" />
+            <button type="button" className="btn btn-secondary dialog-btn" onClick={props.onUseRecoveryCode}>
+              {t('txt_use_recovery_code')}
+            </button>
+          </div>
+        )}
+      >
+        <label className="field">
+          <span>{t('txt_totp_code')}</span>
+          <input className="input" value={props.totpCode} onInput={(e) => props.onTotpCodeChange((e.currentTarget as HTMLInputElement).value)} />
+        </label>
+        <label className="check-line" style={{ marginBottom: 0 }}>
+          <input type="checkbox" checked={props.rememberDevice} onChange={(e) => props.onRememberDeviceChange((e.currentTarget as HTMLInputElement).checked)} />
+          <span>{t('txt_trust_this_device_for_30_days')}</span>
+        </label>
+      </ConfirmDialog>
+
+      <ConfirmDialog
+        open={props.disableTotpOpen}
+        title={t('txt_disable_totp')}
+        message={t('txt_enter_master_password_to_disable_two_step_verification')}
+        confirmText={t('txt_disable_totp')}
+        cancelText={t('txt_cancel')}
+        danger
+        showIcon={false}
+        onConfirm={props.onConfirmDisableTotp}
+        onCancel={props.onCancelDisableTotp}
+      >
+        <label className="field">
+          <span>{t('txt_master_password')}</span>
+          <input className="input" type="password" value={props.disableTotpPassword} onInput={(e) => props.onDisableTotpPasswordChange((e.currentTarget as HTMLInputElement).value)} />
+        </label>
+      </ConfirmDialog>
+
+      <ToastHost toasts={props.toasts} onClose={props.onCloseToast} />
+    </>
+  );
+}