bookish-press 0.7.4 → 0.9.2

package/dist/components/page/SubdomainEditor.svelte.d.ts

@@ -1,16 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type SubdomainEditorProps = typeof __propDef.props;
-export type SubdomainEditorEvents = typeof __propDef.events;
-export type SubdomainEditorSlots = typeof __propDef.slots;
-export default class SubdomainEditor extends SvelteComponent<SubdomainEditorProps, SubdomainEditorEvents, SubdomainEditorSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const SubdomainEditor: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type SubdomainEditor = InstanceType<typeof SubdomainEditor>;
+export default SubdomainEditor;

package/dist/components/page/TableOfContents.svelte

@@ -1,72 +1,69 @@
-<script>import Instructions from './Instructions.svelte';
-import TableOfContentsRow from './TableOfContentsRow.svelte';
-import ChapterIDs from '../../models/book/ChapterID';
-import Page from './Page.svelte';
-import Header from './Header.svelte';
-import Outline from './Outline.svelte';
-import Link from '../Link.svelte';
-import SubdomainEditor from './SubdomainEditor.svelte';
-import Description from './Description.svelte';
-import Acknowledgements from './Acknowledgements.svelte';
-import License from './License.svelte';
-import Authors from './Authors.svelte';
-import TextEditor from '../editor/TextEditor.svelte';
-import Toggle from '../editor/Toggle.svelte';
-import { getUser, getBase, getBook, getEdition, isBookEditable, isEditionEditable, isEditionPartiallyEditable, setChapter, } from './Contexts';
-import Muted from './Muted.svelte';
-import Button from '../app/Button.svelte';
-import PageHeader from './PageHeader.svelte';
-import Rows from './Rows.svelte';
-import PageParagraph from './PageParagraph.svelte';
-import Note from '../editor/Note.svelte';
-import Permissions from '../editor/Permissions.svelte';
-import Publish from './Publish.svelte';
-import { onMount } from 'svelte';
-import Editions from './Editions.svelte';
-import EditableHeader from './EditableHeader.svelte';
+<script lang="ts">import Instructions from "./Instructions.svelte";
+import TableOfContentsRow from "./TableOfContentsRow.svelte";
+import ChapterIDs from "../../models/book/ChapterID";
+import Page from "./Page.svelte";
+import Header from "./Header.svelte";
+import Outline from "./Outline.svelte";
+import Link from "../Link.svelte";
+import SubdomainEditor from "./SubdomainEditor.svelte";
+import Description from "./Description.svelte";
+import Acknowledgements from "./Acknowledgements.svelte";
+import License from "./License.svelte";
+import Authors from "./Authors.svelte";
+import TextEditor from "../editor/TextEditor.svelte";
+import Toggle from "../editor/Toggle.svelte";
+import {
+  getUser,
+  getBase,
+  getBook,
+  getEdition,
+  isBookEditable,
+  isEditionEditable,
+  isEditionPartiallyEditable,
+  setChapter
+} from "./Contexts";
+import Muted from "./Muted.svelte";
+import Button from "../app/Button.svelte";
+import DownloadEPUB from "./DownloadEPUB.svelte";
+import PageHeader from "./PageHeader.svelte";
+import Rows from "./Rows.svelte";
+import PageParagraph from "./PageParagraph.svelte";
+import Note from "../editor/Note.svelte";
+import Permissions from "../editor/Permissions.svelte";
+import Publish from "./Publish.svelte";
+import { onMount } from "svelte";
+import Editions from "./Editions.svelte";
+import EditableHeader from "./EditableHeader.svelte";
 let auth = getUser();
 let book = getBook();
 let edition = getEdition();
 let base = getBase();
 let editable = isEditionEditable();
-function getProgressDescription(progress) {
-    if (progress === null)
-        return '';
-    else if (progress === 0)
-        return '';
-    else if (progress < 30)
-        return '; just started';
-    else if (progress < 70)
-        return '; halfway';
-    else if (progress < 95)
-        return '; almost done';
-    else
-        return '; done';
+function getProgressDescription(progress2) {
+  if (progress2 === null) return "";
+  else if (progress2 === 0) return "";
+  else if (progress2 < 30) return "; just started";
+  else if (progress2 < 70) return "; halfway";
+  else if (progress2 < 95) return "; almost done";
+  else return "; done";
 }
-// Get the chapter progress
-let progressStorage = typeof localStorage !== 'undefined'
-    ? localStorage.getItem('chapterProgress')
-    : null;
+let progressStorage = typeof localStorage !== "undefined" ? localStorage.getItem("chapterProgress") : null;
 let progress = progressStorage === null ? {} : JSON.parse(progressStorage);
-// Is there a colon? Let's make a subtitle
-$: title = $edition?.getTitle() ?? '';
-let subtitle = undefined;
-$: {
-    let colon = title.indexOf(':');
-    if (colon >= 0) {
-        subtitle = title.substring(colon + 1).trim();
-        title = title.substring(0, colon).trim();
-    }
-}
+let fullTitle = $derived($edition?.getTitle() ?? "");
+let colon = $derived(fullTitle.indexOf(":"));
+let title = $derived(
+  colon >= 0 ? fullTitle.substring(0, colon).trim() : fullTitle
+);
+let subtitle = $derived(
+  colon >= 0 ? fullTitle.substring(colon + 1).trim() : void 0
+);
 let waitingForChapter = false;
 function addChapter() {
-    if ($edition)
-        edition.set($edition.withNewChapter());
+  if ($edition) edition.set($edition.withNewChapter());
 }
-/** Doing this on mount allows for prerendering an an update. */
-let bookURL = '…';
+let bookURL = $state("\u2026");
 onMount(() => {
-    bookURL = location.protocol + '//' + location.host + location.pathname;
+  bookURL = location.protocol + "//" + location.host + location.pathname;
 });
 </script>
 
@@ -87,36 +84,41 @@ onMount(() => {
             save={(text) =>
                 $edition ? edition.set($edition.withTitle(text)) : undefined}
         >
-            <svelte:fragment slot="before">
+            {#snippet before()}
                 {#if editable}
                     <SubdomainEditor />
                 {/if}
-            </svelte:fragment>
-            <Outline
-                slot="outline"
-                previous={null}
-                next={$edition.getNextChapterID('', editable)}
-            />
-            <div slot="after">
-                <Authors
-                    editable={isBookEditable()}
-                    authors={$edition.getAuthors()}
-                    add={() =>
-                        $edition
-                            ? edition.set($edition.withAuthor(''))
-                            : undefined}
-                    edit={(index, text) =>
-                        $edition
-                            ? edition.set($edition.withAuthorName(index, text))
-                            : undefined}
-                    remove={(index) =>
-                        $edition
-                            ? edition.set($edition.withoutAuthor(index))
-                            : undefined}
-                    editors={$edition.isEdited()}
+            {/snippet}
+            {#snippet outline()}
+                <Outline
+                    previous={null}
+                    next={$edition.getNextChapterID('', editable)}
                 />
-                <Note>{$edition.getEditionLabel()} edition</Note>
-            </div>
+            {/snippet}
+            {#snippet after()}
+                <div>
+                    <Authors
+                        editable={isBookEditable()}
+                        authors={$edition.getAuthors()}
+                        add={() =>
+                            $edition
+                                ? edition.set($edition.withAuthor(''))
+                                : undefined}
+                        edit={(index, text) =>
+                            $edition
+                                ? edition.set(
+                                      $edition.withAuthorName(index, text),
+                                  )
+                                : undefined}
+                        remove={(index) =>
+                            $edition
+                                ? edition.set($edition.withoutAuthor(index))
+                                : undefined}
+                        editors={$edition.isEdited()}
+                    />
+                    <Note>{$edition.getEditionLabel()} edition</Note>
+                </div>
+            {/snippet}
         </Header>
 
         <Instructions {editable}>
@@ -128,8 +130,8 @@ onMount(() => {
 
         <Instructions {editable}>
             This will appear on the <Link to="/read">book browsing</Link>
-            page and in your table of contents. Write an informative description
-            of what your book is about.
+            page and in your table of contents. Write an informative description of
+            what your book is about.
         </Instructions>
 
         <Instructions {editable}>
@@ -180,69 +182,85 @@ onMount(() => {
                     number={$edition.getChapterNumber(chapterID)}
                     forthcoming={chapter.isForthcoming()}
                 >
-                    <span slot="annotation">
-                        {#if editable}
-                            <TextEditor
-                                label={'Chapter section editor'}
-                                text={section ? section : ''}
-                                placeholder="section"
-                                valid={() => undefined}
-                                save={(text) =>
-                                    setChapter(
-                                        edition,
-                                        chapter,
-                                        chapter.withSection(text),
-                                    )}
-                            />
-                        {:else if section}{section}{/if}
-                        {#if !editable && $auth !== undefined && $auth.user !== null && chapter.uids.includes($auth.user.uid)}
-                            You can edit this chapter.
-                        {/if}
-                    </span>
-                    <span class="etc" slot="etc">
-                        <Muted>
+                    {#snippet annotation()}
+                        <span>
                             {#if editable}
-                                <Toggle
-                                    on={chapter.isForthcoming()}
-                                    save={(on) =>
+                                <TextEditor
+                                    label={'Chapter section editor'}
+                                    text={section ? section : ''}
+                                    placeholder="section"
+                                    valid={() => undefined}
+                                    save={(text) =>
                                         setChapter(
                                             edition,
                                             chapter,
-                                            chapter.asForthcoming(on),
+                                            chapter.withSection(text),
                                         )}
-                                >
-                                    {etc}
-                                </Toggle>
-                            {:else}
-                                {etc}
+                                />
+                            {:else if section}{section}{/if}
+                            {#if !editable && $auth !== undefined && $auth.user !== null && chapter.uids.includes($auth.user.uid)}
+                                You can edit this chapter.
                             {/if}
-                        </Muted>
-                    </span>
+                        </span>
+                    {/snippet}
+                    {#snippet etc()}
+                        <span class="etc">
+                            <Muted>
+                                {#if editable}
+                                    <Toggle
+                                        on={chapter.isForthcoming()}
+                                        save={(on) =>
+                                            setChapter(
+                                                edition,
+                                                chapter,
+                                                chapter.asForthcoming(on),
+                                            )}
+                                    >
+                                        {etc}
+                                    </Toggle>
+                                {:else}
+                                    {etc}
+                                {/if}
+                            </Muted>
+                        </span>
+                    {/snippet}
                 </TableOfContentsRow>
             {/each}
             {#if $edition.hasReferences() || editable}
                 <TableOfContentsRow chapter={ChapterIDs.ReferencesID}>
-                    <span slot="annotation">Everything cited</span>
+                    {#snippet annotation()}
+                        <span>Everything cited</span>
+                    {/snippet}
                 </TableOfContentsRow>
             {/if}
             {#if ($edition.getGlossary() && Object.keys($edition.getGlossary()).length > 0) || editable}
                 <TableOfContentsRow chapter={ChapterIDs.GlossaryID}>
-                    <span slot="annotation">Definitions</span>
+                    {#snippet annotation()}
+                        <span>Definitions</span>
+                    {/snippet}
                 </TableOfContentsRow>
             {/if}
             <TableOfContentsRow chapter={ChapterIDs.IndexID}>
-                <span slot="annotation">Common words and where they are</span>
+                {#snippet annotation()}
+                    <span>Common words and where they are</span>
+                {/snippet}
             </TableOfContentsRow>
             <TableOfContentsRow chapter={ChapterIDs.SearchID}>
-                <span slot="annotation">Find where words occur</span>
+                {#snippet annotation()}
+                    <span>Find where words occur</span>
+                {/snippet}
             </TableOfContentsRow>
 
             <TableOfContentsRow chapter={ChapterIDs.MediaID}>
-                <span slot="annotation">Images and video in the book</span>
+                {#snippet annotation()}
+                    <span>Images and video in the book</span>
+                {/snippet}
             </TableOfContentsRow>
             {#if editable}
                 <TableOfContentsRow chapter={ChapterIDs.UnknownID}>
-                    <span slot="annotation">Customize bad links</span>
+                    {#snippet annotation()}
+                        <span>Customize bad links</span>
+                    {/snippet}
                 </TableOfContentsRow>
             {/if}
         </Rows>
@@ -263,6 +281,21 @@ onMount(() => {
             > and then print or export. Long books can take some time to render.
         </PageParagraph>
 
+        <EditableHeader id="epub" label="Edit e-book header" />
+
+        <Instructions {editable}>
+            This builds an EPUB in the reader's browser. Nothing is uploaded and
+            no server is involved.
+        </Instructions>
+
+        <PageParagraph>
+            Reading on an e-reader? Build an EPUB of this book. Images are
+            shrunk to fit the size you choose, so pick the one closest to your
+            device. Long books with many images can take a minute.
+        </PageParagraph>
+
+        <DownloadEPUB />
+
         <EditableHeader id="citation" label="Edit citation header" />
 
         <Instructions {editable}>

package/dist/components/page/TableOfContents.svelte.d.ts

@@ -1,16 +1,3 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TableOfContentsProps = typeof __propDef.props;
-export type TableOfContentsEvents = typeof __propDef.events;
-export type TableOfContentsSlots = typeof __propDef.slots;
-export default class TableOfContents extends SvelteComponent<TableOfContentsProps, TableOfContentsEvents, TableOfContentsSlots> {
-}
-export {};
+declare const TableOfContents: import("svelte").Component<Record<string, never>, {}, "">;
+type TableOfContents = ReturnType<typeof TableOfContents>;
+export default TableOfContents;

package/dist/components/page/TableOfContentsImage.svelte

@@ -1,12 +1,11 @@
-<script>import EmbedNode from '../../models/chapter/EmbedNode';
-import Parser from '../../models/chapter/Parser';
-import { getBase, getEdition } from './Contexts';
-import Link from '../Link.svelte';
-export let embed;
-export let url;
+<script lang="ts">import EmbedNode from "../../models/chapter/EmbedNode";
+import Parser from "../../models/chapter/Parser";
+import { getBase, getEdition } from "./Contexts";
+import Link from "../Link.svelte";
+let { embed, url } = $props();
 let edition = getEdition();
 let base = getBase();
-$: embedNode = embed === null ? null : Parser.parseEmbed($edition, embed);
+let embedNode = $derived(embed === null ? null : Parser.parseEmbed($edition, embed));
 </script>
 
 {#if embedNode instanceof EmbedNode}

package/dist/components/page/TableOfContentsImage.svelte.d.ts

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        embed: string | null;
-        url: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TableOfContentsImageProps = typeof __propDef.props;
-export type TableOfContentsImageEvents = typeof __propDef.events;
-export type TableOfContentsImageSlots = typeof __propDef.slots;
-export default class TableOfContentsImage extends SvelteComponent<TableOfContentsImageProps, TableOfContentsImageEvents, TableOfContentsImageSlots> {
+interface Props {
+    embed: string | null;
+    url: string | undefined;
 }
-export {};
+declare const TableOfContentsImage: import("svelte").Component<Props, {}, "">;
+type TableOfContentsImage = ReturnType<typeof TableOfContentsImage>;
+export default TableOfContentsImage;

package/dist/components/page/TableOfContentsRow.svelte

@@ -1,42 +1,42 @@
-<script>import TableOfContentsImage from './TableOfContentsImage.svelte';
-import Chapter from '../../models/book/Chapter';
-import Toggle from '../editor/Toggle.svelte';
-import ConfirmButton from '../editor/ConfirmButton.svelte';
-import { getBase, getEdition, isEditionEditable, setChapter, } from './Contexts';
-import Muted from './Muted.svelte';
-import ChapterNumber from './ChapterNumber.svelte';
-import Button from '../app/Button.svelte';
-import ChapterTitle from './ChapterTitle.svelte';
-import Authors from './Authors.svelte';
-/** Either the chapter or a built in chapter ID */
-export let chapter;
-export let number = undefined;
-export let forthcoming = false;
+<script lang="ts">import TableOfContentsImage from "./TableOfContentsImage.svelte";
+import Chapter from "../../models/book/Chapter";
+import Toggle from "../editor/Toggle.svelte";
+import ConfirmButton from "../editor/ConfirmButton.svelte";
+import {
+  getBase,
+  getEdition,
+  isEditionEditable,
+  setChapter
+} from "./Contexts";
+import Muted from "./Muted.svelte";
+import ChapterNumber from "./ChapterNumber.svelte";
+import Button from "../app/Button.svelte";
+import ChapterTitle from "./ChapterTitle.svelte";
+import Authors from "./Authors.svelte";
+let {
+  chapter,
+  number = void 0,
+  forthcoming = false,
+  annotation,
+  etc
+} = $props();
 let edition = getEdition();
 let base = getBase();
 let editable = isEditionEditable();
-$: title =
-    chapter instanceof Chapter
-        ? chapter.getTitle()
-        : $edition
-            ? $edition.getHeader(chapter)
-            : '—';
+let title = $derived(chapter instanceof Chapter ? chapter.getTitle() : $edition ? $edition.getHeader(chapter) : "\u2014");
 function moveUp() {
-    if ($edition && chapter instanceof Chapter)
-        edition.set($edition.withMovedChapter(getChapterID(), -1));
+  if ($edition && chapter instanceof Chapter)
+    edition.set($edition.withMovedChapter(getChapterID(), -1));
 }
 function moveDown() {
-    if ($edition && chapter instanceof Chapter)
-        edition.set($edition.withMovedChapter(getChapterID(), 1));
+  if ($edition && chapter instanceof Chapter)
+    edition.set($edition.withMovedChapter(getChapterID(), 1));
 }
 function getChapterID() {
-    if (chapter instanceof Chapter)
-        return chapter.getID();
-    else
-        return chapter;
+  if (chapter instanceof Chapter) return chapter.getID();
+  else return chapter;
 }
-$: chapterURL =
-    forthcoming && !editable ? undefined : `${$base}/${getChapterID()}`;
+let chapterURL = $derived(forthcoming && !editable ? void 0 : `${$base}/${getChapterID()}`);
 </script>
 
 <tr class="toc-row" class:forthcoming>
@@ -77,9 +77,9 @@ $: chapterURL =
                 edit={() => {}}
                 remove={() => {}}
             />{/if}
-        <p><Muted><em><slot name="annotation" /></em></Muted></p>
+        <p><Muted><em>{@render annotation?.()}</em></Muted></p>
     </td>
-    <td><slot name="etc" /></td>
+    <td>{@render etc?.()}</td>
     {#if editable && $edition}
         <td class="controls">
             {#if chapter instanceof Chapter}

package/dist/components/page/TableOfContentsRow.svelte.d.ts

@@ -1,25 +1,13 @@
-import { SvelteComponent } from "svelte";
 import Chapter from '../../models/book/Chapter';
 import type { ChapterIDKey } from '../../models/book/ChapterID';
-declare const __propDef: {
-    props: {
-        /** Either the chapter or a built in chapter ID */ chapter: Chapter | ChapterIDKey;
-        number?: number | undefined;
-        forthcoming?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        annotation: {};
-        etc: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type TableOfContentsRowProps = typeof __propDef.props;
-export type TableOfContentsRowEvents = typeof __propDef.events;
-export type TableOfContentsRowSlots = typeof __propDef.slots;
-export default class TableOfContentsRow extends SvelteComponent<TableOfContentsRowProps, TableOfContentsRowEvents, TableOfContentsRowSlots> {
+interface Props {
+    /** Either the chapter or a built in chapter ID */
+    chapter: Chapter | ChapterIDKey;
+    number?: number | undefined;
+    forthcoming?: boolean;
+    annotation?: import('svelte').Snippet;
+    etc?: import('svelte').Snippet;
 }
-export {};
+declare const TableOfContentsRow: import("svelte").Component<Props, {}, "">;
+type TableOfContentsRow = ReturnType<typeof TableOfContentsRow>;
+export default TableOfContentsRow;