Integrate offline logic for book creation and enhance synchronization

- Add offline handling to `AddNewBookForm` by updating `BooksSyncContext` with server-only and local-only book management.
- Refactor `guideTourDone` to check offline completion states via `localStorage`.
- Update and lock dependencies, including `@esbuild` and `@next`, to latest versions.
- Clean up unused session state updates in book creation logic.
This commit is contained in:
natreex
2025-12-15 23:03:32 -05:00
parent 64c7cb6243
commit f5e66f8983
5 changed files with 1327 additions and 823 deletions

View File

@@ -45,7 +45,7 @@ function ScribeContent() {
const t = useTranslations();
const {lang: locale} = useContext(LangContext);
const {errorMessage} = useContext(AlertContext);
const {initializeDatabase, setOfflineMode, isCurrentlyOffline} = useContext(OfflineContext);
const {initializeDatabase, setOfflineMode, isCurrentlyOffline, offlineMode} = useContext(OfflineContext);
const editor: Editor | null = useEditor({
extensions: [
StarterKit,
@@ -201,19 +201,24 @@ function ScribeContent() {
async function getBooks(): Promise<void> {
try {
let localBooksResponse: SyncedBook[]
let localBooksResponse: SyncedBook[] = [];
let serverBooksResponse: SyncedBook[] = [];
if (!isCurrentlyOffline()){
localBooksResponse = await window.electron.invoke<SyncedBook[]>('db:books:synced');
// Mode online: récupérer les livres du serveur ET de la DB locale
if (offlineMode.isDatabaseInitialized) {
localBooksResponse = await window.electron.invoke<SyncedBook[]>('db:books:synced');
}
serverBooksResponse = await System.authGetQueryToServer<SyncedBook[]>('books/synced', session.accessToken, locale);
} else {
localBooksResponse = [];
}
const serverBooksResponse: SyncedBook[] = await System.authGetQueryToServer<SyncedBook[]>('books/synced', session.accessToken, locale);
if (serverBooksResponse) {
setServerSyncedBooks(serverBooksResponse);
}
if (localBooksResponse) {
setLocalSyncedBooks(localBooksResponse);
// Mode offline: récupérer uniquement depuis la DB locale
if (offlineMode.isDatabaseInitialized) {
localBooksResponse = await window.electron.invoke<SyncedBook[]>('db:books:synced');
}
}
setServerSyncedBooks(serverBooksResponse);
setLocalSyncedBooks(localBooksResponse);
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
@@ -250,15 +255,14 @@ function ScribeContent() {
}, [session.isConnected]);
async function handlePinVerifySuccess(userId: string): Promise<void> {
console.log('[OfflinePin] PIN verified successfully for user:', userId);
try {
if (window.electron) {
const storedToken: string | null = await window.electron.getToken();
const encryptionKey:string|null = await window.electron.getUserEncryptionKey(userId);
if (encryptionKey) {
await window.electron.dbInitialize(userId, encryptionKey);
setOfflineMode(prev => ({...prev, isDatabaseInitialized: true}));
const localUser:UserProps = await window.electron.invoke('db:user:info');
if (localUser && localUser.id) {
@@ -272,36 +276,38 @@ function ScribeContent() {
setAmountSpent(localUser.aiUsage || 0);
} else {
errorMessage(t("homePage.errors.localDataError"));
if (window.electron) {
//window.electron.logout();
}
}
} else {
errorMessage(t("homePage.errors.encryptionKeyError"));
if (window.electron) {
//window.electron.logout();
}
}
}
} catch (error) {
console.error('[OfflinePin] Error initializing offline mode:', error);
errorMessage(t("homePage.errors.offlineModeError"));
if (window.electron) {
//window.electron.logout();
}
}
}
async function handleHomeTour(): Promise<void> {
try {
const response: boolean = await System.authPostToServer<boolean>('logs/tour', {
plateforme: 'desktop',
tour: 'home-basic'
},
session.accessToken,
locale
);
if (response) {
if (!isCurrentlyOffline()) {
const response: boolean = await System.authPostToServer<boolean>('logs/tour', {
plateforme: 'desktop',
tour: 'home-basic'
},
session.accessToken,
locale
);
if (response) {
setSession(User.setNewGuideTour(session, 'home-basic'));
setHomeStepsGuide(false);
}
} else {
// Mode offline: stocker dans localStorage
const completedGuides = JSON.parse(localStorage.getItem('completedGuides') || '[]');
if (!completedGuides.includes('home-basic')) {
completedGuides.push('home-basic');
localStorage.setItem('completedGuides', JSON.stringify(completedGuides));
}
setSession(User.setNewGuideTour(session, 'home-basic'));
setHomeStepsGuide(false);
}
@@ -465,6 +471,10 @@ function ScribeContent() {
try {
let response: ChapterProps | null
if (isCurrentlyOffline()){
if (!offlineMode.isDatabaseInitialized) {
setCurrentChapter(undefined);
return;
}
response = await window.electron.invoke('db:chapter:last', currentBook?.bookId)
} else {
response = await System.authGetQueryToServer<ChapterProps | null>(`chapter/last-chapter`, session.accessToken, locale, {bookid: currentBook?.bookId});