Bump app version to 0.5.0 and implement offline mode support across components

- Added offline detection logic with `OfflineContext` to improve app functionality in offline scenarios. - Integrated Tauri IPC functions to handle local tool settings and character attributes when offline. - Refined indentation logic in `TextEditor` for better compatibility with WebKit engines. - Removed unused `indent` property and related settings in editor components to simplify configuration. - Updated locale files with improved translation consistency and parameterized placeholders.
2026-03-24 22:45:10 -04:00
parent a114592ac9
commit cfd08e3261
23 changed files with 410 additions and 409 deletions
--- a/components/series/AddNewSeriesForm.tsx
+++ b/components/series/AddNewSeriesForm.tsx
@@ -1,7 +1,10 @@
 'use client';
 import React, {ChangeEvent, Dispatch, SetStateAction, useContext, useState} from "react";
 import {AlertContext, AlertContextProps} from "@/context/AlertContext";
+import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
+import {isDesktop} from '@/lib/configs';
 import {apiPost} from '@/lib/api/client';
+import {createSeries} from '@/lib/tauri';
 import {SessionContext, SessionContextProps} from "@/context/SessionContext";
 import {Book, Check, Layers, Pencil} from 'lucide-react';
 import InputField from "@/components/form/InputField";
@@ -24,6 +27,7 @@ export default function AddNewSeriesForm({setCloseForm, onSeriesCreated}: AddNew
    const {lang}: LangContextProps = useContext<LangContextProps>(LangContext);
    const {session}: SessionContextProps = useContext<SessionContextProps>(SessionContext);
    const {errorMessage, successMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
+    const {isCurrentlyOffline} = useContext(OfflineContext);
    const {
        serverSyncedBooks,
        setServerSyncedBooks
@@ -60,16 +64,10 @@ export default function AddNewSeriesForm({setCloseForm, onSeriesCreated}: AddNew
        
        setIsAddingSeries(true);
        try {
-            const response: string = await apiPost<string>(
-                'series/add',
-                {
-                    name: name,
-                    description: description || null,
-                    bookIds: selectedBookIds,
-                },
-                token,
-                lang
-            );
+            const useLocal: boolean = isDesktop && isCurrentlyOffline();
+            const response: string = useLocal
+                ? await createSeries({name, description: description || null, bookIds: selectedBookIds})
+                : await apiPost<string>('series/add', {name, description: description || null, bookIds: selectedBookIds}, token, lang);
            if (!response) {
                errorMessage(t('addNewSeriesForm.error.addingSeries'));
                setIsAddingSeries(false);
--- a/components/series/SeriesSettingSidebar.tsx
+++ b/components/series/SeriesSettingSidebar.tsx
@@ -6,7 +6,10 @@ import AlertBox from "@/components/ui/AlertBox";
 import {SessionContext, SessionContextProps} from "@/context/SessionContext";
 import {LangContext, LangContextProps} from "@/context/LangContext";
 import {AlertContext, AlertContextProps} from "@/context/AlertContext";
+import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
+import {isDesktop} from '@/lib/configs';
 import {apiDelete} from '@/lib/api/client';
+import {deleteSeries} from '@/lib/tauri';

 interface SeriesSettingOption {
    id: string;
@@ -32,18 +35,18 @@ export default function SeriesSettingSidebar(
    const {session}: SessionContextProps = useContext<SessionContextProps>(SessionContext);
    const {lang}: LangContextProps = useContext<LangContextProps>(LangContext);
    const {errorMessage, successMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
+    const {isCurrentlyOffline} = useContext(OfflineContext);
    const userToken: string = session?.accessToken ? session?.accessToken : '';

    const [showDeleteConfirm, setShowDeleteConfirm] = useState<boolean>(false);

    async function handleDeleteSeries(): Promise<void> {
        try {
-            const success: boolean = await apiDelete<boolean>(
-                'series/delete',
-                {seriesId: seriesId},
-                userToken,
-                lang
-            );
+            const useLocal: boolean = isDesktop && isCurrentlyOffline();
+            const deletedAt: number = Math.floor(Date.now() / 1000);
+            const success: boolean = useLocal
+                ? await deleteSeries(seriesId, deletedAt)
+                : await apiDelete<boolean>('series/delete', {seriesId: seriesId}, userToken, lang);
            if (success) {
                successMessage(t('seriesSetting.deleteSuccess'));
                onClose();
--- a/components/series/settings/BasicSeriesInformation.tsx
+++ b/components/series/settings/BasicSeriesInformation.tsx
@@ -1,6 +1,9 @@
 'use client'
 import {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from "react";
+import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
+import {isDesktop} from '@/lib/configs';
 import {apiGet, apiPut} from '@/lib/api/client';
+import {getSeriesDetail, updateSeries} from '@/lib/tauri';
 import {AlertContext, AlertContextProps} from "@/context/AlertContext";
 import {SessionContext, SessionContextProps} from "@/context/SessionContext";
 import TextInput from "@/components/form/TextInput";
@@ -20,6 +23,8 @@ function BasicSeriesInformation(props: object, ref: React.Ref<{ handleSave: () =
    const {seriesId}: SeriesContextProps = useContext<SeriesContextProps>(SeriesContext);
    const userToken: string = session?.accessToken ? session?.accessToken : '';
    const {errorMessage, successMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
+    const {isCurrentlyOffline} = useContext(OfflineContext);
+    const useLocal: boolean = isDesktop && isCurrentlyOffline();
    
    const [isLoading, setIsLoading] = useState<boolean>(true);
    const [name, setName] = useState<string>('');
@@ -34,12 +39,9 @@ function BasicSeriesInformation(props: object, ref: React.Ref<{ handleSave: () =
    async function loadSeriesData(): Promise<void> {
        setIsLoading(true);
        try {
-            const response: SeriesDetailResponse = await apiGet<SeriesDetailResponse>(
-                'series/detail',
-                userToken,
-                lang,
-                {seriesid: seriesId}
-            );
+            const response: SeriesDetailResponse = useLocal
+                ? await getSeriesDetail(seriesId) as SeriesDetailResponse
+                : await apiGet<SeriesDetailResponse>('series/detail', userToken, lang, {seriesid: seriesId});
            if (response) {
                setName(response.name);
                setDescription(response.description || '');
@@ -67,11 +69,9 @@ function BasicSeriesInformation(props: object, ref: React.Ref<{ handleSave: () =
            return;
        }
        try {
-            const response: SeriesUpdateResponse = await apiPut<SeriesUpdateResponse>('series/update', {
-                seriesId: seriesId,
-                name: name,
-                description: description
-            }, userToken, lang);
+            const response: SeriesUpdateResponse = useLocal
+                ? {success: await updateSeries({seriesId, name, description})}  as SeriesUpdateResponse
+                : await apiPut<SeriesUpdateResponse>('series/update', {seriesId, name, description}, userToken, lang);
            if (!response.success) {
                errorMessage(t('seriesBasicInformation.error.update'));
                return;
--- a/components/series/settings/SeriesBooksManager.tsx
+++ b/components/series/settings/SeriesBooksManager.tsx
@@ -1,6 +1,9 @@
 'use client'
 import {forwardRef, useContext, useEffect, useImperativeHandle, useState} from "react";
+import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
+import {isDesktop} from '@/lib/configs';
 import {apiDelete, apiGet, apiPost, apiPut} from '@/lib/api/client';
+import * as tauri from '@/lib/tauri';
 import {AlertContext, AlertContextProps} from "@/context/AlertContext";
 import {SessionContext, SessionContextProps} from "@/context/SessionContext";
 import {useTranslations} from '@/lib/i18n';
@@ -30,6 +33,8 @@ function SeriesBooksManager(props: object, ref: React.Ref<{ handleSave: () => Pr
    }: BooksSyncContextProps = useContext<BooksSyncContextProps>(BooksSyncContext);
    const userToken: string = session?.accessToken ? session?.accessToken : '';
    const {errorMessage, successMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
+    const {isCurrentlyOffline} = useContext(OfflineContext);
+    const useLocal: boolean = isDesktop && isCurrentlyOffline();
    
    const [isLoading, setIsLoading] = useState<boolean>(true);
    const [seriesBooks, setSeriesBooks] = useState<SeriesBookProps[]>([]);
@@ -53,12 +58,9 @@ function SeriesBooksManager(props: object, ref: React.Ref<{ handleSave: () => Pr
    async function loadSeriesBooks(): Promise<void> {
        setIsLoading(true);
        try {
-            const response: SeriesBookProps[] = await apiGet<SeriesBookProps[]>(
-                'series/book/list',
-                userToken,
-                lang,
-                {seriesid: seriesId}
-            );
+            const response: SeriesBookProps[] = useLocal
+                ? await tauri.getSeriesBooks(seriesId) as SeriesBookProps[]
+                : await apiGet<SeriesBookProps[]>('series/book/list', userToken, lang, {seriesid: seriesId});
            if (response) {
                setSeriesBooks(response);
            }
@@ -90,15 +92,9 @@ function SeriesBooksManager(props: object, ref: React.Ref<{ handleSave: () => Pr
        }
        
        try {
-            const response: boolean = await apiPost<boolean>(
-                'series/book/add',
-                {
-                    seriesId: seriesId,
-                    bookId: selectedBookToAdd
-                },
-                userToken,
-                lang
-            );
+            const response: boolean = useLocal
+                ? await tauri.addBookToSeries(seriesId, selectedBookToAdd)
+                : await apiPost<boolean>('series/book/add', {seriesId: seriesId, bookId: selectedBookToAdd}, userToken, lang);
            
            if (response) {
                const addedBook: SyncedBook | undefined = serverSyncedBooks.find(
@@ -134,15 +130,10 @@ function SeriesBooksManager(props: object, ref: React.Ref<{ handleSave: () => Pr
    
    async function handleRemoveBook(bookId: string): Promise<void> {
        try {
-            const response: boolean = await apiDelete<boolean>(
-                'series/book/remove',
-                {
-                    seriesId: seriesId,
-                    bookId: bookId
-                },
-                userToken,
-                lang
-            );
+            const deletedAt: number = Math.floor(Date.now() / 1000);
+            const response: boolean = useLocal
+                ? await tauri.removeBookFromSeries(seriesId, bookId, deletedAt)
+                : await apiDelete<boolean>('series/book/remove', {seriesId: seriesId, bookId: bookId}, userToken, lang);
            
            if (response) {
                const updatedBooks: SeriesBookProps[] = seriesBooks
@@ -187,18 +178,10 @@ function SeriesBooksManager(props: object, ref: React.Ref<{ handleSave: () => Pr
        }));
        
        try {
-            const response: boolean = await apiPut<boolean>(
-                'series/book/reorder',
-                {
-                    seriesId: seriesId,
-                    booksOrder: updatedBooks.map((book: SeriesBookProps) => ({
-                        bookId: book.bookId,
-                        order: book.order
-                    }))
-                },
-                userToken,
-                lang
-            );
+            const bookIds: string[] = updatedBooks.map((book: SeriesBookProps) => book.bookId);
+            const response: boolean = useLocal
+                ? await tauri.reorderSeriesBooks(seriesId, bookIds)
+                : await apiPut<boolean>('series/book/reorder', {seriesId: seriesId, booksOrder: updatedBooks.map((book: SeriesBookProps) => ({bookId: book.bookId, order: book.order}))}, userToken, lang);
            
            if (response) {
                setSeriesBooks(updatedBooks);