%sveltekit.body%
25 |
26 |
27 |
--------------------------------------------------------------------------------
/src/lib/components/Popover.svelte:
--------------------------------------------------------------------------------
1 |
28 |
29 |
32 |
33 | {#if visible}
34 |
35 |
36 |
37 |
41 | {/if}
42 |
43 |
78 |
--------------------------------------------------------------------------------
/src/lib/components/ThemePicker.svelte:
--------------------------------------------------------------------------------
1 |
17 |
18 |
38 | {@render children()}
39 |
40 |
19 | Theme
20 |
31 |
32 |
74 |
--------------------------------------------------------------------------------
/src/lib/components/Topbar.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
21 | {#each themes as theme}
22 |
28 | {/each}
29 |
30 |
17 |
22 |
23 |
35 |
36 |
117 |
--------------------------------------------------------------------------------
/src/lib/db.ts:
--------------------------------------------------------------------------------
1 | import { openDB, deleteDB } from 'idb';
2 | import type { Book, Metadata } from '$lib/types';
3 |
4 | const DB_NAME = 'bookDB';
5 | const DB_VERSION = 1;
6 | const BOOKS_STORE = 'books';
7 | const METAS_STORE = 'metas';
8 |
9 | export const openBookDB = openDB(DB_NAME, DB_VERSION, {
10 | upgrade(db) {
11 | db.createObjectStore(BOOKS_STORE, { keyPath: 'id', autoIncrement: true });
12 | db.createObjectStore(METAS_STORE, { keyPath: 'id' });
13 | }
14 | });
15 |
16 | export const addBook = async (meta: Metadata, book: Book) => {
17 | try {
18 | const db = await openBookDB;
19 | const tx = db.transaction([BOOKS_STORE, METAS_STORE], 'readwrite');
20 | const booksStore = tx.objectStore(BOOKS_STORE);
21 | const metasStore = tx.objectStore(METAS_STORE);
22 |
23 | const foundBook = (await metasStore.getAll()).find((b) => b.title === meta.title);
24 | if (foundBook) return foundBook.id; // Don't save duplicate books
25 |
26 | const bookID = await booksStore.add(book);
27 |
28 | meta.id = Number(bookID);
29 | await metasStore.add(meta);
30 |
31 | await tx.done;
32 |
33 | return bookID;
34 | } catch (error) {
35 | console.error('Failed to add book:', error);
36 | return -1;
37 | }
38 | };
39 |
40 | export const getAllMetas = async (): Promise
24 | {#if toptext}
25 | {@render toptext()}
26 | {/if}
27 |
28 |
29 |
34 | Essence Reader
77 | {/snippet} 78 | {#snippet rightbar()} 79 |
84 | Library settings
85 |
86 | By default, imported books are stored locally across sessions in your browser.
87 |
When disabled, new books are not saved. 88 | 89 | 94 | 98 |
100 | When disabled, new books are not saved. 88 | 89 | 94 | 98 |
105 | {#if bookList}
106 | {#each bookList as meta (meta.id)}
107 |
113 | {/each}
114 | {/if}
115 |
116 |
121 |
122 |
123 |
212 |
--------------------------------------------------------------------------------
/src/routes/BookPreview.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
18 |
19 | 
20 |
21 |
27 |
28 |
79 |
--------------------------------------------------------------------------------
/src/routes/reading/[[slug]]/+page.svelte:
--------------------------------------------------------------------------------
1 |
207 |
208 |
22 |
26 | {meta.author}
23 |{meta.title}
24 |{meta.progress} / {meta.length}
25 |
215 | 100}>
216 | {#snippet leftbar()}
217 |
218 |
247 | {#snippet icon()}
248 |
254 |
255 | {#snippet icon()}
256 |
260 |
261 |
262 | {/snippet}
263 |
264 |
275 |
276 | 224 | {meta.title} - 225 | {meta.author} 226 |
227 |{section}/{meta.length}
228 | {/snippet} 229 | 230 | {#snippet rightbar()} 231 | {#if previousJumps.length !== 0} 232 | 245 | {/if} 246 |
267 |
274 |
272 |
273 |
24 |
76 |
77 |
153 |
--------------------------------------------------------------------------------
/src/routes/reading/[[slug]]/TocNode.svelte:
--------------------------------------------------------------------------------
1 |
32 |
33 |
25 | Mode
26 |
30 |
34 |
35 |
36 | {#if settings.paginated}
37 |
38 | Animations
39 |
45 |
46 | {/if}
47 |
50 | Font
51 |
62 |
63 |
74 |
75 |
34 | {#if tocitem.children}
35 |
36 | {/if}
37 |
40 |
41 | {#if expanded && tocitem.children}
42 |
43 | {#each tocitem.children as tocsection}
44 |
47 | {/if}
48 |
49 |
99 |
--------------------------------------------------------------------------------
/src/routes/reading/[[slug]]/reader.ts:
--------------------------------------------------------------------------------
1 | import { relativeToAbs } from '$lib/utils';
2 | import type { ZipInfo } from 'unzipit';
3 |
4 | const injectStyles = (styles: string[]) => {
5 | // TODO: Keep track of stylesheets and only update if changed
6 | const fragment = document.createDocumentFragment();
7 |
8 | document.head.querySelectorAll('.essence-reader').forEach((styleE) => styleE.remove());
9 |
10 | styles.forEach((stylesheet) => {
11 | const styleE = document.createElement('style');
12 | styleE.innerText = nestCSSSelectors(stylesheet);
13 | styleE.className = 'essence-reader';
14 | fragment.appendChild(styleE);
15 | });
16 |
17 | document.head.appendChild(fragment);
18 | };
19 |
20 | const processCSS = async (
21 | css: string,
22 | cssPath: string,
23 | entries: ZipInfo['entries']
24 | ): Promise