natgitadm/ERitors-Scribe-Desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add multi-language support and new repository methods for book synchronization

Browse Source 
- Extend repository methods to handle API requests for fetching books, chapters, characters, and other entities with multilingual support (`lang: 'fr' | 'en'`).
- Add `uploadBookForSync` logic to consolidate and decrypt book data for synchronization.
- Refactor schema migration logic to remove console logs and streamline table recreation.
- Enhance error handling across database repositories and IPC methods.
This commit is contained in:
natreex
2025-12-22 16:44:12 -05:00
parent ff530f3442
commit 515d469ba7
17 changed files with 666 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
app/login/offline/page.tsx Normal file
View File

@@ -0,0 +1,91 @@
'use client';
import { useEffect } from 'react';
import OfflinePinVerify from '@/components/offline/OfflinePinVerify';
import { useTranslations } from 'next-intl';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faWifi, faArrowLeft } from '@fortawesome/free-solid-svg-icons';
export default function OfflineLoginPage() {
const t = useTranslations();
async function handlePinSuccess(userId: string):Promise<void> {
// Initialize database with user's encryption key
if (window.electron) {
try {
// Get encryption key
const encryptionKey = await window.electron.getUserEncryptionKey(userId);
if (encryptionKey) {
// Initialize database
await window.electron.dbInitialize(userId, encryptionKey);
// Navigate to main page
window.location.href = '/';
}
} catch (error) {
console.error('[OfflineLogin] Error initializing database:', error);
}
}
}
function handleBackToOnline():void {
if (window.electron) {
window.electron.logout();
}
}
useEffect(():void => {
// Check if we have offline capability
async function checkOfflineCapability() {
if (window.electron) {
const offlineStatus = await window.electron.offlineModeGet();
if (!offlineStatus.hasPin) {
window.location.href = '/login/login';
}
}
}
checkOfflineCapability().then();
}, []);
return (
<main className="flex min-h-screen flex-col items-center justify-center bg-background text-textPrimary">
<div className="w-full max-w-md px-4">
{/* Offline indicator */}
<div className="mb-6 flex items-center justify-center">
<div className="px-4 py-2 bg-warning/10 border border-warning/30 rounded-full flex items-center gap-2">
<FontAwesomeIcon icon={faWifi} className="w-4 h-4 text-warning" />
<span className="text-sm text-warning font-medium">{t('offline.mode.title')}</span>
</div>
</div>
{/* Logo */}
<div className="flex justify-center mb-8">
<img
src="/logo.png"
alt="ERitors"
className="object-contain w-full max-w-[240px] h-[80px]"
/>
</div>
{/* PIN Verify Component */}
<OfflinePinVerify
onSuccess={handlePinSuccess}
onCancel={handleBackToOnline}
/>
{/* Back to online link */}
<div className="mt-6 text-center">
<button
onClick={handleBackToOnline}
className="text-sm text-muted hover:text-textPrimary transition-colors inline-flex items-center gap-2"
>
<FontAwesomeIcon icon={faArrowLeft} className="w-3 h-3" />
{t('offline.mode.backToOnline')}
</button>
</div>
</div>
</main>
);
}

19
app/page.tsx
View File

@@ -30,7 +30,7 @@ import {NextIntlClientProvider, useTranslations} from "next-intl";
import {LangContext} from "@/context/LangContext";
import {AIUsageContext} from "@/context/AIUsageContext";
import OfflineProvider from "@/context/OfflineProvider";
import OfflineContext from "@/context/OfflineContext";
import OfflineContext, {OfflineMode} from "@/context/OfflineContext";
import OfflinePinSetup from "@/components/offline/OfflinePinSetup";
import OfflinePinVerify from "@/components/offline/OfflinePinVerify";
import {SyncedBook, BookSyncCompare, compareBookSyncs} from "@/lib/models/SyncedBook";
@@ -234,7 +234,6 @@ function ScribeContent() {
if (!offlineStatus.hasPin) {
setTimeout(():void => {
console.log('[Page] Showing PIN setup dialog');
setShowPinSetup(true);
}, 2000);
}
@@ -374,13 +373,12 @@ function ScribeContent() {
username: user.username,
email: user.email
});
console.log('User synced to local DB');
} catch (syncError) {
console.error('Failed to sync user to local DB:', syncError);
errorMessage(t("homePage.errors.syncError"));
}
}
} catch (error) {
console.error('Failed to initialize database:', error);
errorMessage(t("homePage.errors.syncError"));
}
}
setSession({
@@ -396,7 +394,7 @@ function ScribeContent() {
const offlineStatus = await window.electron.offlineModeGet();
if (offlineStatus.hasPin && offlineStatus.lastUserId) {
setOfflineMode(prev => ({...prev, isOffline: true, isNetworkOnline: false}));
setOfflineMode((prev:OfflineMode):OfflineMode => ({...prev, isOffline: true, isNetworkOnline: false}));
setShowPinVerify(true);
setIsLoading(false);
return;
@@ -407,7 +405,7 @@ function ScribeContent() {
}
}
} catch (offlineError) {
console.error('[Auth] Error checking offline mode:', offlineError);
errorMessage(t("homePage.errors.offlineError"));
}
}
@@ -429,7 +427,7 @@ function ScribeContent() {
return;
}
} catch (error) {
console.error('[Auth] Error checking offline mode:', error);
errorMessage(t("homePage.errors.authenticationError"));
}
window.electron.logout();
}
@@ -557,10 +555,9 @@ function ScribeContent() {
showPinSetup && window.electron && (
<OfflinePinSetup
showOnFirstLogin={true}
onClose={() => setShowPinSetup(false)}
onSuccess={() => {
onClose={():void => setShowPinSetup(false)}
onSuccess={():void => {
setShowPinSetup(false);
console.log('[Page] PIN configured successfully');
}}
/>
)