Welcome to Tauri + React
18 | 19 | 30 |
22 | 
25 | Click on the Tauri, Vite, and React logos to learn more.
31 | 32 | 46 |{greetMsg}
47 |
10 |
15 |
16 |
17 |
18 | );
19 | } else if (error instanceof Error) {
20 | return (
21 | 11 | {error.status} {error.statusText} 12 |
13 |{error.data}
14 |
22 |
27 | );
28 | } else {
29 | return Error
23 |{error.message}
24 |The stack trace is:
25 |{error.stack}
26 | Unknown Error
; 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /src/components/ui/progress.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import * as ProgressPrimitive from "@radix-ui/react-progress" 3 | 4 | import { cn } from "@/lib/utils" 5 | 6 | function Progress({ 7 | className, 8 | value, 9 | ...props 10 | }: React.ComponentProps
8 |
10 |
11 |
12 | {/* Book title */}
13 |
24 |
25 | {collections.map((collection) => (
26 |
30 |
66 | ))}
67 |
68 | );
69 | }
70 |
--------------------------------------------------------------------------------
/public/tauri.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/src-tauri/src/lib.rs:
--------------------------------------------------------------------------------
1 | // Learn more about Tauri commands at https://tauri.app/develop/calling-rust/
2 |
3 | use tauri_plugin_sql::{Migration, MigrationKind};
4 | #[tauri::command]
5 | fn greet(name: &str) -> String {
6 | format!("Hello, {}! You've been greeted from Rust!", name)
7 | }
8 |
9 | #[cfg_attr(mobile, tauri::mobile_entry_point)]
10 | pub fn run() {
11 | let migrations = vec![
12 | Migration {
13 | version: 1,
14 | description: "create_initial_tables",
15 | sql: include_str!("../migrations/0000_modern_omega_flight.sql"),
16 | kind: MigrationKind::Up,
17 | },
18 | Migration {
19 | version: 2,
20 | description: "create_initial_tables",
21 | sql: include_str!("../migrations/0001_nappy_earthquake.sql"),
22 | kind: MigrationKind::Up,
23 | },
24 | Migration {
25 | version: 3,
26 | description: "add_file_name_to_book",
27 | sql: include_str!("../migrations/0002_vengeful_owl.sql"),
28 | kind: MigrationKind::Up,
29 | },
30 | Migration {
31 | version: 4,
32 | description: "create_daily_reading_progress",
33 | sql: include_str!("../migrations/0003_conscious_boomerang.sql"),
34 | kind: MigrationKind::Up,
35 | },
36 | Migration {
37 | version: 5,
38 | description: "add_page_number_field_to_books",
39 | sql: include_str!("../migrations/0004_numerous_vermin.sql"),
40 | kind: MigrationKind::Up,
41 | },
42 | Migration {
43 | version: 6,
44 | description: "add_collection_table",
45 | sql: include_str!("../migrations/0005_optimal_prism.sql"),
46 | kind: MigrationKind::Up,
47 | },
48 | ];
49 | tauri::Builder::default()
50 | .plugin(tauri_plugin_autostart::Builder::new().build())
51 | .plugin(tauri_plugin_notification::init())
52 | .plugin(tauri_plugin_dialog::init())
53 | .plugin(
54 | tauri_plugin_sql::Builder::default()
55 | .add_migrations("sqlite:ketav-local.db", migrations)
56 | .build(),
57 | )
58 | .plugin(tauri_plugin_store::Builder::new().build())
59 | .plugin(tauri_plugin_fs::init())
60 | .plugin(tauri_plugin_opener::init())
61 | .invoke_handler(tauri::generate_handler![greet])
62 | .run(tauri::generate_context!())
63 | .expect("error while running tauri application");
64 | }
65 |
--------------------------------------------------------------------------------
/ROADMAP.MD:
--------------------------------------------------------------------------------
1 | # 🗺️ Roadmap to v1.0.0
2 |
3 | _Current version: **v0.1.0**_
4 |
5 | This roadmap outlines the planned progress toward **v1.0.0** of the project.
6 | Each phase represents a milestone toward a stable, production-ready release.
7 |
8 | ---
9 |
10 | ## v0.1.x – MVP
11 |
12 | > Goal: Build a functional minimum viable product
13 |
14 | - [x] A working Epub reader
15 | - [x] Save every book in the library to local db for easy access
16 | - [x] Track reading time and show daily/weekly statistics
17 | - [x] Create/Show daily reading goals
18 | - [x] Change preferences on settings page
19 |
20 | ## v0.2.x - Fixing Issues
21 |
22 | > Goal: Fix bugs and unexpected results
23 |
24 | - [x] Broken img tags get replaced by a working img with base 64
25 | - [x] Show error messsage when a book can't be loaded in case of deletion from files, or when library path has been changed
26 | - [x] Prevent user from creating more than one General reading goal
27 | - [x] Remove Unimplemented UI components if they are not planned to be implmented in the next minor version
28 | - [x] More responsiveness
29 | - [x] Either make the in-book table of contents work or make the link not redirect
30 | - [x] Add some margin between paragraphs
31 | - [x] Fix the menu items' accent color isnt contrasting well
32 |
33 | ## v0.3.x - Customizable reader page and more
34 |
35 | > Goal: Make the epub reader page more customizable
36 |
37 | - [x] multiple font family choices
38 | - [x] Alignment based on preference
39 | - [x] Remember last opened Book with its active chapter
40 | - [x] Next and Prev button
41 |
42 | ## v0.4.x - Support for PDF
43 |
44 | > Goal: Add support for PDF
45 |
46 | - [x] A separate reader component for PDF
47 | - [x] Expand the Book Goal and Stat tables to include fields like page_number to accomodate pdf books
48 | - [x] Add UI indicators to differentiate PDF from EPUB
49 |
50 | ## v0.5.x - Annotation, Highlighting and Related Features
51 |
52 | > Goal: Implement features that require selecting specific sections of a book
53 |
54 | - [ ] Annotate a specific section with a comment/note
55 | - [ ] Highlight a section with a color of choice
56 | - [ ] Use online dictionary APIs and show meanings of words
57 | - [ ] Have a personal vocabulary table with meanings for each word
58 | - [ ] View all annotations on a sidebar
59 |
60 | ## v0.6.x - Book Curation
61 |
62 | > Goal implement ways in whih users can curate their books
63 |
64 | - [x] implement in-app collection of books
65 | - [ ] add a special collection names reading-list
66 |
67 | ## v0.7.x - Download Books from Libgen
68 |
69 | > Goal: implement book search/download feature
70 |
71 | - [ ] Search and Download books from lib-gen
72 |
--------------------------------------------------------------------------------
/src/stores/useHistoryStore.ts:
--------------------------------------------------------------------------------
1 | import { STORE_KEYS } from "@/lib/constants";
2 | import { History, LastOpenedPage } from "@/lib/types/history";
3 | import { create } from "zustand";
4 | import { load, Store } from "@tauri-apps/plugin-store";
5 |
6 | interface HistoryStore {
7 | history: History;
8 | addLastOpenedPage: (params: {
9 | fileName: string;
10 | pageNum: number;
11 | }) => Promise
31 |
50 |
51 | {collection.description && (
52 |
32 |
41 |
49 |
33 |
35 |
36 |
40 | 37 | {collection.name} 38 |
39 |53 | {collection.description} 54 |
55 | )} 56 | 57 | 65 | 0 ? "1.5rem" : 0 }}
36 | >
37 |
62 |
63 | {/* Recursively render children if expanded */}
64 | {hasChildren && isExpanded && (
65 |
70 | );
71 | });
72 | };
73 |
74 | return
66 | {renderTocEntries(entry.children!, depth + 1)}
67 |
68 | )}
69 | {renderTocEntries(epub.toc)}
;
75 | }
76 |
--------------------------------------------------------------------------------
/src/components/BookCard.tsx:
--------------------------------------------------------------------------------
1 | import { LibraryEpub } from "@/lib/types/epub";
2 | import { Card } from "@/components/ui/card";
3 | import { Button } from "@/components/ui/button";
4 | import { useReaderStore } from "@/stores/useReaderStore";
5 | import { useNavigate } from "react-router";
6 | import { Book } from "@/db/schema";
7 | import { trimBookTitle } from "@/lib/helpers/epub";
8 | import { getFileExtension } from "@/lib/helpers/fs";
9 | import { Badge } from "./ui/badge";
10 | import { useHistoryStore } from "@/stores/useHistoryStore";
11 |
12 | export default function BookCard({
13 | book,
14 | index,
15 | imgSrc,
16 | }: {
17 | book: Book;
18 | index: number;
19 | imgSrc?: string;
20 | }) {
21 | const closeBook = useReaderStore((state) => state.closeBook);
22 | const navigate = useNavigate();
23 |
24 | async function handleOpenBook(fileName: string) {
25 | closeBook();
26 | const setLastOpenedBook = useHistoryStore.getState().setLastOpenedBook;
27 | await setLastOpenedBook(fileName);
28 | navigate("/");
29 |
30 | navigate("/");
31 | }
32 |
33 | return (
34 |
39 | {/* Badge positioned absolutely */}
40 | 
62 | ) : (
63 | 
68 | )}
69 |
70 |
71 |
41 |
45 | }.svg`})
49 |
50 | {getFileExtension(book.fileName)}{" "}
51 | {book.pages && `| ${book.pages} pages`}
52 |
53 |
54 |
55 |
56 | {imgSrc ? (
57 |
49 |
50 | {getFileExtension(book.fileName)}{" "}
51 | {book.pages && `| ${book.pages} pages`}
52 |
53 |
68 | )}
69 |
72 |
86 | 73 | {trimBookTitle(book.title)} 74 |
75 |{book.author}
76 | 77 | 85 |
64 |
67 |
68 |
76 | / {numPages}
77 |
78 |
85 |
86 |
95 |
96 | {(zoom * 100).toFixed(0)}%
97 |
98 |
107 |
108 | );
109 | }
110 |
--------------------------------------------------------------------------------
/src/components/ui/table.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react"
2 |
3 | import { cn } from "@/lib/utils"
4 |
5 | function Table({ className, ...props }: React.ComponentProps<"table">) {
6 | return (
7 |
11 |
16 |
17 | )
18 | }
19 |
20 | function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
21 | return (
22 |
27 | )
28 | }
29 |
30 | function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
31 | return (
32 |
37 | )
38 | }
39 |
40 | function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
41 | return (
42 | tr]:last:border-b-0",
46 | className
47 | )}
48 | {...props}
49 | />
50 | )
51 | }
52 |
53 | function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
54 | return (
55 |
38 |
40 | );
41 | }
42 |
43 | // PDF reader
44 | if (ext === "pdf" && (openBook as any)?.fileBytes) {
45 | return (
46 |
47 |
53 | );
54 | }
55 |
56 | // Render empty/error state
57 | const renderErrorBody = () => {
58 | if (!error) return null;
59 | const message = error instanceof Error ? error.message : String(error);
60 | const detail =
61 | error && typeof error === "object" && "detail" in (error as any)
62 | ? (error as any).detail
63 | : undefined;
64 |
65 | return (
66 | <>
67 |
68 |
70 | Error
71 |{message}
72 | {detail && ( 73 |{detail}
74 | )} 75 | 76 | ); 77 | }; 78 | 79 | return ( 80 |
81 |
104 | );
105 | }
106 |
--------------------------------------------------------------------------------
/src/components/collections/CollectionsHeader.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import { Button } from "@/components/ui/button";
3 | import {
4 | Dialog,
5 | DialogContent,
6 | DialogHeader,
7 | DialogTitle,
8 | DialogTrigger,
9 | } from "@/components/ui/dialog";
10 | import { Input } from "@/components/ui/input";
11 | import { Textarea } from "@/components/ui/textarea";
12 | import { Plus } from "lucide-react";
13 |
14 | interface CollectionsHeaderProps {
15 | onCreateCollection: (name: string, description: string) => void;
16 | }
17 |
18 | export function CollectionsHeader({
19 | onCreateCollection,
20 | }: CollectionsHeaderProps) {
21 | const [isOpen, setIsOpen] = useState(false);
22 | const [formData, setFormData] = useState({ name: "", description: "" });
23 |
24 | const handleCreate = () => {
25 | if (!formData.name.trim()) return;
26 | onCreateCollection(formData.name, formData.description);
27 | setFormData({ name: "", description: "" });
28 | setIsOpen(false);
29 | };
30 |
31 | return (
32 |
82 | {error ? (
83 | renderErrorBody()
84 | ) : (
85 | <>
86 |
103 |
87 |
89 |
90 | You don’t have any open book. Please go over to
91 |
95 | Library
96 |
33 |
34 |
39 |
40 | Collections
35 |36 | Organize your books into custom collections 37 |
38 |