Remove ExportBook component and integrate new export workflows

- Deleted `ExportBook` component and its usage in `BookCard.tsx`.
- Integrated improved book export workflows in `BookSettingOption` for better user experience.
- Updated database models and repositories to support export options with chapter/version selection.
- Added localization support for export-related messages and tooltips.
- Upgraded dependencies to include libraries required for export formats (e.g., DOCX, PDF, EPUB).
- Bumped app version to 0.4.1.
This commit is contained in:
natreex
2026-03-05 16:31:56 -05:00
parent 94cac463fb
commit ceaecb19fc
16 changed files with 780 additions and 245 deletions

View File

@@ -1,5 +1,5 @@
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faBookMedical, faBookOpen, faFeather, faLayerGroup} from "@fortawesome/free-solid-svg-icons";
import {faBookMedical, faBookOpen, faFeather, faFileImport, faLayerGroup} from "@fortawesome/free-solid-svg-icons";
import React, {useContext, useEffect, useState} from "react";
import {BookContext} from "@/context/BookContext";
import ScribeChapterComponent from "@/components/leftbar/ScribeChapterComponent";
@@ -8,6 +8,7 @@ import {PanelComponent} from "@/lib/models/Editor";
import AddNewBookForm from "@/components/book/AddNewBookForm";
import AddNewSeriesForm from "@/components/series/AddNewSeriesForm";
import ShortStoryGenerator from "@/components/ShortStoryGenerator";
import ImportBookForm from "@/components/book/ImportBookForm";
import {SessionContext} from "@/context/SessionContext";
import {useTranslations} from "next-intl";
import OfflineContext from "@/context/OfflineContext";
@@ -24,6 +25,7 @@ export default function ScribeLeftBar() {
const [showAddNewBook, setShowAddNewBook] = useState<boolean>(false);
const [showAddNewSeries, setShowAddNewSeries] = useState<boolean>(false);
const [showGenerateShortModal, setShowGenerateShortModal] = useState<boolean>(false)
const [showImportBook, setShowImportBook] = useState<boolean>(false)
const {isCurrentlyOffline} = useContext(OfflineContext)
const editorComponents: PanelComponent[] = [
@@ -69,6 +71,12 @@ export default function ScribeLeftBar() {
icon: faLayerGroup,
badge: t("scribeLeftBar.homeComponents.addSeries.badge"),
description: t("scribeLeftBar.homeComponents.addSeries.description")
}, {
id: 4,
title: t("scribeLeftBar.homeComponents.importBook.title"),
icon: faFileImport,
badge: t("scribeLeftBar.homeComponents.importBook.badge"),
description: t("scribeLeftBar.homeComponents.importBook.description")
},
]
@@ -116,9 +124,9 @@ export default function ScribeLeftBar() {
)) : (
homeComponents
.filter((component: PanelComponent): boolean => {
// Hide generate story (id: 2) in offline mode (requires AI server)
// Hide generate story (id: 2) and import book (id: 4) in offline mode (requires server)
// Series (id: 3) now has dual logic and works offline
if (isCurrentlyOffline() && component.id === 2) {
if (isCurrentlyOffline() && (component.id === 2 || component.id === 4)) {
return false;
}
return true;
@@ -126,7 +134,7 @@ export default function ScribeLeftBar() {
.map((component: PanelComponent) => (
<button
key={component.id}
onClick={() => component.id === 1 ? setShowAddNewBook(true) : component.id === 2 ? setShowGenerateShortModal(true) : component.id === 3 ? setShowAddNewSeries(true) : null}
onClick={() => component.id === 1 ? setShowAddNewBook(true) : component.id === 2 ? setShowGenerateShortModal(true) : component.id === 3 ? setShowAddNewSeries(true) : component.id === 4 ? setShowImportBook(true) : null}
title={component.title}
className={`group relative p-3 rounded-xl transition-all duration-200 ${panelHidden && currentPanel?.id === component.id
? 'bg-primary text-text-primary shadow-lg shadow-primary/30'
@@ -162,6 +170,10 @@ export default function ScribeLeftBar() {
showGenerateShortModal &&
<ShortStoryGenerator onClose={() => setShowGenerateShortModal(false)}/>
}
{
showImportBook &&
<ImportBookForm setCloseForm={setShowImportBook}/>
}
</div>
)
}