Files
ERitors-Scribe-Desktop/hooks/settings/useWorlds.ts
natreex 64ed90d993 Remove unused components and models for improved maintainability
- Deleted redundant components (`AddActionButton`, `AlertBox`, `AlertStack`, `BackButton`, `CancelButton`, and `CollapsableArea`) and related files.
- Removed unused models (`Book`, `BookSerie`, `BookTables`, `Character`, and `Chapter`) to reduce codebase clutter.
- Updated project structure and references to reflect these removals.
2026-03-22 22:37:31 -04:00

612 lines
24 KiB
TypeScript

'use client'
import {useCallback, useContext, useEffect, useState} from 'react';
import {WorldElement, WorldElementSection, WorldListResponse, WorldProps, WorldTextField} from '@/lib/types/world';
import {SeriesWorldProps} from '@/lib/types/series';
import {SessionContext, SessionContextProps} from '@/context/SessionContext';
import {BookContext, BookContextProps} from '@/context/BookContext';
import {AlertContext, AlertContextProps} from '@/context/AlertContext';
import {LangContext, LangContextProps} from '@/context/LangContext';
import {apiGet, apiPatch, apiPost} from '@/lib/api/client';
import {useTranslations} from '@/lib/i18n';
import {SelectBoxProps} from '@/components/form/SelectBox';
import {ViewMode} from '@/lib/types/settings';
import {isDesktop} from '@/lib/configs';
import * as tauri from '@/lib/tauri';
import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
const initialWorldState: WorldProps = {
id: '',
name: '',
history: '',
politics: '',
economy: '',
religion: '',
languages: '',
laws: [],
biomes: [],
issues: [],
customs: [],
kingdoms: [],
climate: [],
resources: [],
wildlife: [],
arts: [],
ethnicGroups: [],
socialClasses: [],
importantCharacters: [],
};
export interface UseWorldsConfig {
entityType: 'book' | 'series';
entityId: string;
}
export interface UseWorldsReturn {
// State
worlds: WorldProps[];
seriesWorlds: SeriesWorldProps[];
selectedWorldIndex: number;
worldsSelector: SelectBoxProps[];
toolEnabled: boolean;
isLoading: boolean;
isSeriesMode: boolean;
bookSeriesId: string | null;
showAddNewWorld: boolean;
newWorldName: string;
// Navigation state
viewMode: ViewMode;
worldBackup: WorldProps | null;
// Actions
selectWorld: (worldId: string) => void;
addNewWorld: () => Promise<void>;
saveWorld: () => Promise<void>;
updateWorldField: (field: WorldTextField, value: string) => void;
updateWorldArrayField: (field: WorldElementSection, value: WorldElement[]) => void;
toggleTool: (enabled: boolean) => Promise<void>;
importFromSeries: (seriesWorldId: string) => Promise<void>;
exportToSeries: () => Promise<void>;
refreshWorlds: () => Promise<void>;
refreshSeriesWorlds: () => Promise<void>;
setShowAddNewWorld: (show: boolean) => void;
setNewWorldName: (name: string) => void;
setWorlds: React.Dispatch<React.SetStateAction<WorldProps[]>>;
getSeriesWorldForCurrentWorld: () => SeriesWorldProps | null;
// Navigation actions
enterDetailMode: (worldId: string) => void;
enterEditMode: () => void;
exitEditMode: (save: boolean) => Promise<void>;
backToList: () => void;
}
export function useWorlds(config: UseWorldsConfig): UseWorldsReturn {
const {entityType, entityId} = config;
const t = useTranslations();
const {lang}: LangContextProps = useContext<LangContextProps>(LangContext);
const {session}: SessionContextProps = useContext<SessionContextProps>(SessionContext);
const {book, setBook}: BookContextProps = useContext<BookContextProps>(BookContext);
const {errorMessage, successMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
const {isCurrentlyOffline}: OfflineContextType = useContext<OfflineContextType>(OfflineContext);
const [worlds, setWorlds] = useState<WorldProps[]>([]);
const [seriesWorlds, setSeriesWorlds] = useState<SeriesWorldProps[]>([]);
const [selectedWorldIndex, setSelectedWorldIndex] = useState<number>(0);
const [worldsSelector, setWorldsSelector] = useState<SelectBoxProps[]>([]);
const [toolEnabled, setToolEnabled] = useState<boolean>(entityType === 'series' || (book?.tools?.worlds ?? false));
const [isLoading, setIsLoading] = useState<boolean>(true);
const [showAddNewWorld, setShowAddNewWorld] = useState<boolean>(false);
const [newWorldName, setNewWorldName] = useState<string>('');
// Navigation state
const [viewMode, setViewMode] = useState<ViewMode>('list');
const [worldBackup, setWorldBackup] = useState<WorldProps | null>(null);
const isSeriesMode: boolean = entityType === 'series';
const bookSeriesId: string | null = book?.seriesId || null;
const userToken: string = session?.accessToken || '';
// Load worlds on mount
useEffect(function (): void {
if (entityId) {
refreshWorlds();
}
}, [entityId]);
// Load series worlds for book mode
useEffect(function (): void {
if (bookSeriesId && !isSeriesMode) {
refreshSeriesWorlds();
}
}, [bookSeriesId, isSeriesMode]);
const refreshSeriesWorlds = useCallback(async function (): Promise<void> {
if (!bookSeriesId) return;
try {
const response: SeriesWorldProps[] = await apiGet<SeriesWorldProps[]>(
'series/world/list',
userToken,
lang,
{seriesid: bookSeriesId}
);
if (response) {
setSeriesWorlds(response);
}
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
}
}
}, [bookSeriesId, userToken, lang]);
const refreshWorlds = useCallback(async function (): Promise<void> {
setIsLoading(true);
try {
if (isSeriesMode) {
const response: SeriesWorldProps[] = await apiGet<SeriesWorldProps[]>(
'series/world/list',
userToken,
lang,
{seriesid: entityId}
);
if (response) {
const mappedWorlds: WorldProps[] = response.map(function (world: SeriesWorldProps): WorldProps {
return {
id: world.id,
name: world.name,
history: world.history || '',
politics: world.politics || '',
economy: world.economy || '',
religion: world.religion || '',
languages: world.languages || '',
laws: world.laws || [],
biomes: world.biomes || [],
issues: world.issues || [],
customs: world.customs || [],
kingdoms: world.kingdoms || [],
climate: world.climate || [],
resources: world.resources || [],
wildlife: world.wildlife || [],
arts: world.arts || [],
ethnicGroups: world.ethnicGroups || [],
socialClasses: world.socialClasses || [],
importantCharacters: world.importantCharacters || [],
};
});
setWorlds(mappedWorlds);
const formattedWorlds: SelectBoxProps[] = response.map(function (world: SeriesWorldProps): SelectBoxProps {
return {
label: world.name,
value: world.id,
};
});
setWorldsSelector(formattedWorlds);
}
} else {
let response: WorldListResponse;
if (isDesktop && (isCurrentlyOffline() || book?.localBook)) {
response = await tauri.getWorlds(entityId, book?.tools?.worlds ?? false) as WorldListResponse;
} else {
response = await apiGet<WorldListResponse>('book/worlds', userToken, lang, {
bookid: entityId
});
}
if (response) {
setWorlds(response.worlds);
setToolEnabled(response.enabled);
if (setBook && book) {
setBook({
...book,
tools: {
characters: book.tools?.characters ?? false,
worlds: response.enabled,
locations: book.tools?.locations ?? false,
spells: book.tools?.spells ?? false
}
});
}
const formattedWorlds: SelectBoxProps[] = response.worlds.map(function (world: WorldProps): SelectBoxProps {
return {
label: world.name,
value: world.id.toString(),
};
});
setWorldsSelector(formattedWorlds);
}
}
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
} else {
errorMessage(t("worldSetting.unknownError"));
}
} finally {
setIsLoading(false);
}
}, [entityId, isSeriesMode, userToken, lang, book, setBook, errorMessage, t]);
const selectWorld = useCallback(function (worldId: string): void {
const index: number = worlds.findIndex(function (world: WorldProps): boolean {
return world.id === worldId;
});
if (index !== -1) {
setSelectedWorldIndex(index);
}
}, [worlds]);
const updateWorldField = useCallback(function (field: WorldTextField, value: string): void {
setWorlds(function (prev: WorldProps[]): WorldProps[] {
const updated: WorldProps[] = [...prev];
updated[selectedWorldIndex][field] = value;
return updated;
});
}, [selectedWorldIndex]);
const updateWorldArrayField = useCallback(function (field: WorldElementSection, value: WorldElement[]): void {
setWorlds(function (prev: WorldProps[]): WorldProps[] {
const updated: WorldProps[] = [...prev];
updated[selectedWorldIndex][field] = value;
return updated;
});
}, [selectedWorldIndex]);
const toggleTool = useCallback(async function (enabled: boolean): Promise<void> {
if (isSeriesMode) return;
try {
let response: boolean;
if (isDesktop && (isCurrentlyOffline() || book?.localBook)) {
response = await tauri.updateBookToolSetting(book?.bookId ?? '', 'worlds', enabled);
} else {
response = await apiPatch<boolean>('book/tool-setting', {
bookId: book?.bookId,
toolName: 'worlds',
enabled: enabled
}, userToken, lang);
}
if (response && setBook && book) {
setToolEnabled(enabled);
setBook({
...book,
tools: {
characters: book.tools?.characters ?? false,
worlds: enabled,
locations: book.tools?.locations ?? false,
spells: book.tools?.spells ?? false
}
});
}
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
}
}
}, [isSeriesMode, book, setBook, userToken, lang, errorMessage]);
const addNewWorld = useCallback(async function (): Promise<void> {
if (newWorldName.trim() === '') {
errorMessage(t("worldSetting.newWorldNameError"));
return;
}
try {
let newWorldId: string;
if (isSeriesMode) {
newWorldId = await apiPost<string>(
'series/world/add',
{
seriesId: entityId,
name: newWorldName,
},
userToken,
lang
);
if (!newWorldId) {
errorMessage(t("worldSetting.addWorldError"));
return;
}
} else if (isDesktop && (isCurrentlyOffline() || book?.localBook)) {
newWorldId = await tauri.addWorld(entityId, newWorldName);
if (!newWorldId) {
errorMessage(t("worldSetting.addWorldError"));
return;
}
} else {
newWorldId = await apiPost<string>('book/world/add', {
worldName: newWorldName,
bookId: entityId,
}, userToken, lang);
if (!newWorldId) {
errorMessage(t("worldSetting.addWorldError"));
return;
}
}
const newWorld: WorldProps = {
...initialWorldState,
id: newWorldId,
name: newWorldName,
};
setWorlds(function (prev: WorldProps[]): WorldProps[] {
return [...prev, newWorld];
});
setWorldsSelector(function (prev: SelectBoxProps[]): SelectBoxProps[] {
return [...prev, {label: newWorldName, value: newWorldId}];
});
setNewWorldName('');
setShowAddNewWorld(false);
// Sélectionner le nouveau monde et passer en mode edit
setSelectedWorldIndex(worlds.length); // Le nouveau monde est à la fin
setViewMode('edit');
setWorldBackup(null);
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
} else {
errorMessage(t("worldSetting.unknownError"));
}
}
}, [newWorldName, isSeriesMode, entityId, userToken, lang, errorMessage, t]);
const saveWorld = useCallback(async function (): Promise<void> {
if (worlds.length === 0) return;
try {
const currentWorld: WorldProps = worlds[selectedWorldIndex];
if (isSeriesMode) {
const response: boolean = await apiPatch<boolean>('series/world/update', {
worldId: currentWorld.id,
name: currentWorld.name,
history: currentWorld.history,
politics: currentWorld.politics,
economy: currentWorld.economy,
religion: currentWorld.religion,
languages: currentWorld.languages,
}, userToken, lang);
if (!response) {
errorMessage(t("worldSetting.updateWorldError"));
return;
}
} else if (isDesktop && (isCurrentlyOffline() || book?.localBook)) {
const response: boolean = await tauri.updateWorld(currentWorld);
if (!response) {
errorMessage(t("worldSetting.updateWorldError"));
return;
}
} else {
const response: boolean = await apiPatch<boolean>('book/world/update', {
world: currentWorld,
bookId: entityId,
}, userToken, lang);
if (!response) {
errorMessage(t("worldSetting.updateWorldError"));
return;
}
}
successMessage(t("worldSetting.updateWorldSuccess"));
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
} else {
errorMessage(t("worldSetting.unknownError"));
}
}
}, [worlds, selectedWorldIndex, isSeriesMode, entityId, userToken, lang, errorMessage, successMessage, t]);
const exportToSeries = useCallback(async function (): Promise<void> {
const selectedWorld: WorldProps | undefined = worlds[selectedWorldIndex];
if (!selectedWorld || !bookSeriesId) return;
try {
const seriesWorldId: string = await apiPost<string>('series/world/add', {
seriesId: bookSeriesId,
world: {
name: selectedWorld.name,
history: selectedWorld.history || null,
politics: selectedWorld.politics || null,
economy: selectedWorld.economy || null,
religion: selectedWorld.religion || null,
languages: selectedWorld.languages || null,
}
}, userToken, lang);
if (seriesWorldId) {
const updateResponse: boolean = await apiPost<boolean>('book/world/update', {
world: {
...selectedWorld,
seriesWorldId: seriesWorldId
},
}, userToken, lang);
if (updateResponse) {
setWorlds(function (prev: WorldProps[]): WorldProps[] {
const updated: WorldProps[] = [...prev];
updated[selectedWorldIndex] = {...selectedWorld, seriesWorldId: seriesWorldId};
return updated;
});
const newSeriesWorld: SeriesWorldProps = {
id: seriesWorldId,
name: selectedWorld.name,
history: selectedWorld.history || '',
politics: selectedWorld.politics || '',
economy: selectedWorld.economy || '',
religion: selectedWorld.religion || '',
languages: selectedWorld.languages || '',
laws: [],
biomes: [],
issues: [],
customs: [],
kingdoms: [],
climate: [],
resources: [],
wildlife: [],
arts: [],
ethnicGroups: [],
socialClasses: [],
importantCharacters: [],
};
setSeriesWorlds(function (prev: SeriesWorldProps[]): SeriesWorldProps[] {
return [...prev, newSeriesWorld];
});
successMessage(t("worldSetting.exportSuccess"));
}
}
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
}
}
}, [worlds, selectedWorldIndex, bookSeriesId, userToken, lang, successMessage, errorMessage, t]);
const importFromSeries = useCallback(async function (seriesWorldId: string): Promise<void> {
const seriesWorld: SeriesWorldProps | undefined = seriesWorlds.find(function (w: SeriesWorldProps): boolean {
return w.id === seriesWorldId;
});
if (!seriesWorld) return;
try {
let worldId: string;
if (isDesktop && (isCurrentlyOffline() || book?.localBook)) {
worldId = await tauri.addWorld(entityId, seriesWorld.name, undefined, seriesWorldId);
} else {
worldId = await apiPost<string>('book/world/add', {
worldName: seriesWorld.name,
bookId: entityId,
seriesWorldId: seriesWorldId,
}, userToken, lang);
}
if (!worldId) {
errorMessage(t("worldSetting.importError"));
return;
}
const newWorld: WorldProps = {
id: worldId,
name: seriesWorld.name,
history: seriesWorld.history || '',
politics: seriesWorld.politics || '',
economy: seriesWorld.economy || '',
religion: seriesWorld.religion || '',
languages: seriesWorld.languages || '',
laws: [],
biomes: [],
issues: [],
customs: [],
kingdoms: [],
climate: [],
resources: [],
wildlife: [],
arts: [],
ethnicGroups: [],
socialClasses: [],
importantCharacters: [],
seriesWorldId: seriesWorldId,
};
setWorlds(function (prev: WorldProps[]): WorldProps[] {
return [...prev, newWorld];
});
setWorldsSelector(function (prev: SelectBoxProps[]): SelectBoxProps[] {
return [...prev, {label: seriesWorld.name, value: worldId}];
});
} catch (e: unknown) {
if (e instanceof Error) {
errorMessage(e.message);
}
}
}, [seriesWorlds, entityId, userToken, lang, errorMessage, t]);
const getSeriesWorldForCurrentWorld = useCallback(function (): SeriesWorldProps | null {
const currentWorld: WorldProps | undefined = worlds[selectedWorldIndex];
if (!currentWorld?.seriesWorldId) return null;
return seriesWorlds.find(function (world: SeriesWorldProps): boolean {
return world.id === currentWorld.seriesWorldId;
}) || null;
}, [worlds, selectedWorldIndex, seriesWorlds]);
// Navigation functions
const enterDetailMode = useCallback(function (worldId: string): void {
const index: number = worlds.findIndex(function (world: WorldProps): boolean {
return world.id === worldId;
});
if (index !== -1) {
setSelectedWorldIndex(index);
setViewMode('detail');
setWorldBackup(null);
}
}, [worlds]);
const enterEditMode = useCallback(function (): void {
if (worlds.length > 0 && selectedWorldIndex >= 0) {
setWorldBackup({...worlds[selectedWorldIndex]});
}
setViewMode('edit');
}, [worlds, selectedWorldIndex]);
const exitEditMode = useCallback(async function (save: boolean): Promise<void> {
if (save) {
await saveWorld();
if (worldBackup) {
setViewMode('detail');
} else {
setViewMode('list');
}
} else {
if (worldBackup && selectedWorldIndex >= 0) {
setWorlds(function (prev: WorldProps[]): WorldProps[] {
const updated: WorldProps[] = [...prev];
updated[selectedWorldIndex] = worldBackup;
return updated;
});
setViewMode('detail');
} else {
setViewMode('list');
}
}
setWorldBackup(null);
}, [saveWorld, worldBackup, selectedWorldIndex]);
const backToList = useCallback(function (): void {
setSelectedWorldIndex(0);
setWorldBackup(null);
setViewMode('list');
}, []);
return {
// State
worlds,
seriesWorlds,
selectedWorldIndex,
worldsSelector,
toolEnabled,
isLoading,
isSeriesMode,
bookSeriesId,
showAddNewWorld,
newWorldName,
// Navigation state
viewMode,
worldBackup,
// Actions
selectWorld,
addNewWorld,
saveWorld,
updateWorldField,
updateWorldArrayField,
toggleTool,
importFromSeries,
exportToSeries,
refreshWorlds,
refreshSeriesWorlds,
setShowAddNewWorld,
setNewWorldName,
setWorlds,
getSeriesWorldForCurrentWorld,
// Navigation actions
enterDetailMode,
enterEditMode,
exitEditMode,
backToList,
};
}