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

Update imports and Electron compatibility

Browse Source 
- Removed unnecessary React imports.
- Adjusted package.json scripts for Electron integration.
- Updated components to replace Next.js-specific imports with Electron-compatible alternatives.
- Minor tsconfig.json changes for better compatibility.
This commit is contained in:
natreex
2025-11-16 11:55:52 -05:00
parent 8167948881
commit c9cf99e166
72 changed files with 237 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/book/AddNewBookForm.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import React, {ChangeEvent, Dispatch, SetStateAction, useContext, useEffect, useRef, useState} from "react";
import {ChangeEvent, Dispatch, SetStateAction, useContext, useEffect, useRef, useState} from "react";
import {AlertContext} from "@/context/AlertContext";
import System from "@/lib/models/System";
import {SessionContext} from "@/context/SessionContext";

11
components/book/BookCard.tsx
View File

@@ -1,5 +1,4 @@
import Link from "next/link";
import React from "react";
// Removed Next.js Link import for Electron
import {BookProps} from "@/lib/models/Book";
import DeleteBook from "@/components/book/settings/DeleteBook";
import ExportBook from "@/components/ExportBook";
@@ -21,7 +20,7 @@ export default function BookCard(
<div
className="group bg-tertiary/90 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 h-full border border-secondary/50 hover:border-primary/50 flex flex-col hover:scale-105">
<div className="relative w-full h-[400px] sm:h-32 md:h-48 lg:h-64 xl:h-80 flex-shrink-0 overflow-hidden">
<Link onClick={(): void => onClickCallback(book.bookId)} href={``}>
<button onClick={(): void => onClickCallback(book.bookId)} className="w-full h-full text-left block" type="button">
{book.coverImage ? (
<img
src={book.coverImage}
@@ -42,18 +41,18 @@ export default function BookCard(
className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div>
</div>
)}
</Link>
</button>
<div
className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-tertiary via-tertiary/50 to-transparent h-24"></div>
</div>
<div className="p-4 flex-1 flex flex-col justify-between">
<div className="flex-1">
<Link onClick={(): void => onClickCallback(book.bookId)} href={``}>
<button onClick={(): void => onClickCallback(book.bookId)} className="w-full text-left" type="button">
<h3 className="text-text-primary text-center font-bold text-base mb-2 truncate group-hover:text-primary transition-colors tracking-wide">
{book.title}
</h3>
</Link>
</button>
<div className="flex items-center justify-center mb-3 h-5">
{book.subTitle ? (
<>

2
components/book/BookList.tsx
View File

@@ -1,4 +1,4 @@
import React, {useContext, useEffect, useState} from "react";
import {useContext, useEffect, useState} from "react";
import System from "@/lib/models/System";
import {AlertContext} from "@/context/AlertContext";
import {BookContext} from "@/context/BookContext";

2
components/book/SearchBook.tsx
View File

@@ -1,6 +1,6 @@
import {faSearch} from "@fortawesome/free-solid-svg-icons";
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import React, {ChangeEvent, Dispatch, SetStateAction} from "react";
import {ChangeEvent, Dispatch, SetStateAction} from "react";
import {t} from "i18next";
import TextInput from "@/components/form/TextInput";

12
components/book/settings/BookSettingSidebar.tsx
View File

@@ -1,8 +1,8 @@
'use client'
import Link from "next/link";
// Removed Next.js Link import for Electron
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faBook, faGlobe, faListAlt, faMapMarkedAlt, faPencilAlt, faUser} from "@fortawesome/free-solid-svg-icons";
import React, {Dispatch, SetStateAction} from "react";
import {Dispatch, SetStateAction} from "react";
import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
import {useTranslations} from "next-intl";
@@ -70,11 +70,11 @@ export default function BookSettingSidebar(
<nav className="space-y-1">
{
settings.map((setting: BookSettingOption) => (
<Link
<button
key={setting.id}
href={''}
onClick={(): void => setSelectedSetting(setting.id)}
className={`flex items-center text-base rounded-xl transition-all duration-200 ${
type="button"
className={`flex items-center text-base rounded-xl transition-all duration-200 w-full ${
selectedSetting === setting.id
? 'bg-primary/20 text-text-primary border-l-4 border-primary font-semibold shadow-md scale-105'
: 'text-text-secondary hover:bg-secondary/50 hover:text-text-primary hover:scale-102'
@@ -82,7 +82,7 @@ export default function BookSettingSidebar(
<FontAwesomeIcon icon={setting.icon}
className={`mr-3 ${selectedSetting === setting.id ? 'text-primary w-5 h-5' : 'text-text-secondary w-5 h-5'}`}/>
{t(setting.name)}
</Link>
</button>
))
}
</nav>

2
components/book/settings/DeleteBook.tsx
View File

@@ -1,6 +1,6 @@
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faTrash} from "@fortawesome/free-solid-svg-icons";
import React, {useContext, useState} from "react";
import {useContext, useState} from "react";
import System from "@/lib/models/System";
import {SessionContext} from "@/context/SessionContext";
import {BookProps} from "@/lib/models/Book";

2
components/book/settings/characters/CharacterComponent.tsx
View File

@@ -1,5 +1,5 @@
'use client';
import React, {Dispatch, forwardRef, SetStateAction, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {Dispatch, forwardRef, SetStateAction, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {Attribute, CharacterProps} from "@/lib/models/Character";
import {SessionContext} from "@/context/SessionContext";
import CharacterList from './CharacterList';

2
components/book/settings/goals/page.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import React, {useState} from 'react';
import {useState} from 'react';
interface TimeGoal {
desiredReleaseDate: string;

2
components/book/settings/guide-line/GuideLineSetting.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import React, {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import System from '@/lib/models/System';
import {AlertContext} from "@/context/AlertContext";
import {BookContext} from '@/context/BookContext';

2
components/book/settings/locations/LocationComponent.tsx
View File

@@ -1,7 +1,7 @@
'use client'
import {faMapMarkerAlt, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import React, {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {SessionContext} from "@/context/SessionContext";
import {AlertContext} from "@/context/AlertContext";
import {BookContext} from "@/context/BookContext";

2
components/book/settings/objects/page.tsx
View File

@@ -1,5 +1,5 @@
'use client';
import React, {useState} from 'react';
import {useState} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faArrowLeft} from '@fortawesome/free-solid-svg-icons';

2
components/book/settings/story/Act.tsx
View File

@@ -1,4 +1,4 @@
import React, {Dispatch, SetStateAction, useContext, useState} from 'react';
import {Dispatch, SetStateAction, useContext, useState} from 'react';
import {
faFire,
faFlag,

2
components/book/settings/story/Issue.tsx
View File

@@ -1,4 +1,4 @@
import React, {ChangeEvent, useContext, useState} from 'react';
import {ChangeEvent, useContext, useState} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faPlus, faTrash, faWarning,} from '@fortawesome/free-solid-svg-icons';
import {Issue} from '@/lib/models/Book';

2
components/book/settings/story/MainChapter.tsx
View File

@@ -1,6 +1,6 @@
'use client'
import React, {ChangeEvent, useContext, useEffect, useState} from 'react';
import {ChangeEvent, useContext, useEffect, useState} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faArrowDown, faArrowUp, faBookmark, faMinus, faPlus, faTrash,} from '@fortawesome/free-solid-svg-icons';
import {ChapterListProps} from '@/lib/models/Chapter';

2
components/book/settings/story/StorySetting.tsx
View File

@@ -1,6 +1,6 @@
'use client'
import React, {createContext, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {createContext, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {BookContext} from '@/context/BookContext';
import {SessionContext} from '@/context/SessionContext';
import {AlertContext} from '@/context/AlertContext';

2
components/book/settings/story/act/ActChapter.tsx
View File

@@ -1,4 +1,4 @@
import React, {ChangeEvent} from 'react';
import {ChangeEvent} from 'react';
import {faTrash} from '@fortawesome/free-solid-svg-icons';
import {ActChapter} from '@/lib/models/Chapter';
import InputField from '@/components/form/InputField';

2
components/book/settings/story/act/ActChaptersSection.tsx
View File

@@ -1,4 +1,4 @@
import React, {useState} from 'react';
import {useState} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faChevronDown, faChevronUp} from '@fortawesome/free-solid-svg-icons';
import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';

2
components/book/settings/story/act/ActDescription.tsx
View File

@@ -1,4 +1,4 @@
import React, {ChangeEvent} from 'react';
import {ChangeEvent} from 'react';
import {faTrash} from '@fortawesome/free-solid-svg-icons';
import InputField from '@/components/form/InputField';
import TexteAreaInput from '@/components/form/TexteAreaInput';

2
components/book/settings/story/act/ActIncidents.tsx
View File

@@ -1,4 +1,4 @@
import React, {useState} from 'react';
import {useState} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faChevronDown, faChevronUp, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
import {Incident} from '@/lib/models/Book';

2
components/book/settings/story/act/ActPlotPoints.tsx
View File

@@ -1,4 +1,4 @@
import React, {useState} from 'react';
import {useState} from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faChevronDown, faChevronUp, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
import {Incident, PlotPoint} from '@/lib/models/Book';

2
components/book/settings/world/WorldSetting.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import React, {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faPlus, IconDefinition} from "@fortawesome/free-solid-svg-icons";
import {WorldContext} from '@/context/WorldContext';