bookish-press 0.4.47 → 0.4.49

package/{src/lib/components → components}/page/Editions.svelte

@@ -1,25 +1,21 @@
-<script lang="ts">
-    import { createNewEdition } from '$lib/models/CRUD';
-    import Instructions from '$lib/components/page/Instructions.svelte';
-    import Note from '../editor/Note.svelte';
-    import { getUser, getBook, isBookEditable } from './Contexts';
-    import Button from '../app/Button.svelte';
-    import Link from '../app/Link.svelte';
-    import Format from '../chapter/Format.svelte';
-    import Parser from '../../models/chapter/Parser';
-    import Permissions from '../editor/Permissions.svelte';
-
-    let book = getBook();
-    let editable = isBookEditable();
-
-    $: editions = $book?.getEditions();
-
-    $: latestPublishedID = $book?.getLatestPublishedEditionID();
-
-    async function handleDraftEdition() {
-        if ($book === undefined) return;
-        book.set(await createNewEdition($book));
-    }
+<script>import { createNewEdition } from '../../models/CRUD';
+import Instructions from './Instructions.svelte';
+import Note from '../editor/Note.svelte';
+import { getUser, getBook, isBookEditable } from './Contexts';
+import Button from '../app/Button.svelte';
+import Link from '../app/Link.svelte';
+import Format from '../chapter/Format.svelte';
+import Parser from '../../models/chapter/Parser';
+import Permissions from '../editor/Permissions.svelte';
+let book = getBook();
+let editable = isBookEditable();
+$: editions = $book?.getEditions();
+$: latestPublishedID = $book?.getLatestPublishedEditionID();
+async function handleDraftEdition() {
+    if ($book === undefined)
+        return;
+    book.set(await createNewEdition($book));
+}
 </script>
 
 {#if $book && editions}

package/components/page/Editions.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type EditionsProps = typeof __propDef.props;
+export type EditionsEvents = typeof __propDef.events;
+export type EditionsSlots = typeof __propDef.slots;
+export default class Editions extends SvelteComponentTyped<EditionsProps, EditionsEvents, EditionsSlots> {
+}
+export {};

package/{src/lib/components → components}/page/Glossary.svelte

@@ -1,37 +1,32 @@
-<script lang="ts">
-    import Header from './Header.svelte';
-    import Outline from './Outline.svelte';
-    import Page from './Page.svelte';
-    import ChapterIDs from '$lib/models/book/ChapterID';
-    import DefinitionView from './DefinitionView.svelte';
-    import { getUser, getEdition, isEditionEditable } from './Contexts';
-    import Instructions from './Instructions.svelte';
-    import Button from '../app/Button.svelte';
-
-    let auth = getUser();
-    let edition = getEdition();
-    let editable = isEditionEditable();
-
-    $: glossary = $edition?.getGlossary() ?? {};
-    // Sort by canonical phrases
-    $: keys =
-        $edition === undefined
-            ? []
-            : glossary === undefined || Object.keys(glossary).length === 0
+<script>import Header from './Header.svelte';
+import Outline from './Outline.svelte';
+import Page from './Page.svelte';
+import ChapterIDs from '../../models/book/ChapterID';
+import DefinitionView from './DefinitionView.svelte';
+import { getUser, getEdition, isEditionEditable } from './Contexts';
+import Instructions from './Instructions.svelte';
+import Button from '../app/Button.svelte';
+let auth = getUser();
+let edition = getEdition();
+let editable = isEditionEditable();
+$: glossary = $edition?.getGlossary() ?? {};
+// Sort by canonical phrases
+$: keys =
+    $edition === undefined
+        ? []
+        : glossary === undefined || Object.keys(glossary).length === 0
             ? null
-            : Object.keys(glossary).sort((a, b) =>
-                  glossary[a].phrase.localeCompare(glossary[b].phrase)
-              );
-
-    function addEmptyDefinition() {
-        if ($edition === undefined) return;
-        // Generate an ID.
-        const letters = 'abcdefghijklmnopqrstuvwxyz'.split('');
-        let id = '';
-        while (id.length < 4 || $edition.hasDefinition(id))
-            id = id + letters[Math.round(Math.random() * 26)];
-        edition.set($edition.withDefinition(id, '', '', []));
-    }
+            : Object.keys(glossary).sort((a, b) => glossary[a].phrase.localeCompare(glossary[b].phrase));
+function addEmptyDefinition() {
+    if ($edition === undefined)
+        return;
+    // Generate an ID.
+    const letters = 'abcdefghijklmnopqrstuvwxyz'.split('');
+    let id = '';
+    while (id.length < 4 || $edition.hasDefinition(id))
+        id = id + letters[Math.round(Math.random() * 26)];
+    edition.set($edition.withDefinition(id, '', '', []));
+}
 </script>
 
 {#if $edition}

package/components/page/Glossary.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type GlossaryProps = typeof __propDef.props;
+export type GlossaryEvents = typeof __propDef.events;
+export type GlossarySlots = typeof __propDef.slots;
+export default class Glossary extends SvelteComponentTyped<GlossaryProps, GlossaryEvents, GlossarySlots> {
+}
+export {};

package/{src/lib/components → components}/page/Header.svelte

@@ -1,63 +1,56 @@
-<script lang="ts">
-    import Parser from '$lib/models/chapter/Parser';
-    import Embed from '$lib/components/chapter/Embed.svelte';
-    import BookishEditor from '$lib/components/editor/BookishEditor.svelte';
-    import Title from './Title.svelte';
-    import { onMount } from 'svelte';
-    import TextEditor from '$lib/components/editor/TextEditor.svelte';
-    import { getUser, getEdition, getLeasee, lease } from './Contexts';
-    import Button from '../app/Button.svelte';
-
-    /** True if an author should be able to edit this header. */
-    export let editable: boolean;
-    export let label: string;
-    export let header: string;
-    export let id: string;
-    export let subtitle: string | undefined = undefined;
-    export let print: boolean = false;
-    export let tags: string[] | undefined = undefined;
-    export let getImage: () => string | null;
-    export let setImage: (embed: string | null) => Promise<void> | void;
-    export let save: ((text: string) => Promise<void> | void) | null = null;
-
-    let title: HTMLHeadingElement | null = null;
-    let showReminder: boolean = true;
-
-    let auth = getUser();
-    let edition = getEdition();
-
-    function updateScrollReminder() {
-        // If the bottom of the window is below the top of the title, hide the reminder.
-        if (title)
-            showReminder =
-                window.scrollY + window.innerHeight <=
+<script>import Parser from '../../models/chapter/Parser';
+import Embed from '../chapter/Embed.svelte';
+import BookishEditor from '../editor/BookishEditor.svelte';
+import Title from './Title.svelte';
+import { onMount } from 'svelte';
+import TextEditor from '../editor/TextEditor.svelte';
+import { getUser, getEdition, getLeasee, lease } from './Contexts';
+import Button from '../app/Button.svelte';
+/** True if an author should be able to edit this header. */
+export let editable;
+export let label;
+export let header;
+export let id;
+export let subtitle = undefined;
+export let print = false;
+export let tags = undefined;
+export let getImage;
+export let setImage;
+export let save = null;
+let title = null;
+let showReminder = true;
+let auth = getUser();
+let edition = getEdition();
+function updateScrollReminder() {
+    // If the bottom of the window is below the top of the title, hide the reminder.
+    if (title)
+        showReminder =
+            window.scrollY + window.innerHeight <=
                 title.getBoundingClientRect().top + window.scrollY;
-    }
-
-    function addCover() {
-        if (setImage) setImage('|||||');
-    }
-    function removeCover() {
-        if (setImage) setImage(null);
-    }
-
-    // When the title becomes visible or hidden, update the scroll reminder.
-    onMount(() => {
-        const intersectionObserver = new IntersectionObserver(() =>
-            updateScrollReminder()
-        );
-        if (title) intersectionObserver.observe(title);
-        updateScrollReminder();
-
-        // Stop observing when unmounted.
-        return () => {
-            if (title) intersectionObserver.unobserve(title);
-        };
-    });
-
-    // Get the embed, update when getImage function prop changes.
-    let embed: string | null;
-    $: embed = getImage();
+}
+function addCover() {
+    if (setImage)
+        setImage('|||||');
+}
+function removeCover() {
+    if (setImage)
+        setImage(null);
+}
+// When the title becomes visible or hidden, update the scroll reminder.
+onMount(() => {
+    const intersectionObserver = new IntersectionObserver(() => updateScrollReminder());
+    if (title)
+        intersectionObserver.observe(title);
+    updateScrollReminder();
+    // Stop observing when unmounted.
+    return () => {
+        if (title)
+            intersectionObserver.unobserve(title);
+    };
+});
+// Get the embed, update when getImage function prop changes.
+let embed;
+$: embed = getImage();
 </script>
 
 <header class="bookish-chapter-header">

package/components/page/Header.svelte.d.ts

@@ -0,0 +1,29 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        /** True if an author should be able to edit this header. */ editable: boolean;
+        label: string;
+        header: string;
+        id: string;
+        subtitle?: string | undefined;
+        print?: boolean | undefined;
+        tags?: string[] | undefined;
+        getImage: () => string | null;
+        setImage: (embed: string | null) => Promise<void> | void;
+        save?: ((text: string) => Promise<void> | void) | null | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        outline: {};
+        before: {};
+        after: {};
+    };
+};
+export type HeaderProps = typeof __propDef.props;
+export type HeaderEvents = typeof __propDef.events;
+export type HeaderSlots = typeof __propDef.slots;
+export default class Header extends SvelteComponentTyped<HeaderProps, HeaderEvents, HeaderSlots> {
+}
+export {};

package/{src/lib/components → components}/page/Index.svelte

@@ -1,51 +1,44 @@
-<script lang="ts">
-    import Header from '$lib/components/page/Header.svelte';
-    import Outline from '$lib/components/page/Outline.svelte';
-    import Page from '$lib/components/page/Page.svelte';
-    import Instructions from '$lib/components/page/Instructions.svelte';
-    import ChapterIDs from '$lib/models/book/ChapterID';
-    import Link from '$lib/components/Link.svelte';
-    import { getBase, getEdition, isEditionEditable } from './Contexts';
-    import { page } from '$app/stores';
-    import Muted from './Muted.svelte';
-    import ChapterTitle from './ChapterTitle.svelte';
-    import ChapterNumber from './ChapterNumber.svelte';
-    import PageHeader from './PageHeader.svelte';
-    import Rows from './Rows.svelte';
-
-    let editable = isEditionEditable();
-    let edition = getEdition();
-    let base = getBase();
-
-    // What letter are we matching?
-    $: letter = $page.params.letter;
-
-    $: bookIndex = $edition?.getBookIndex() ?? {};
-
-    let letters: Record<string, boolean> = {};
-    // Figure out what letters have words
-    $: {
-        for (const word of Object.keys(bookIndex).sort((a, b) =>
-            a.localeCompare(b)
-        ))
-            letters[word.charAt(0).toLocaleLowerCase()] = true;
-    }
-
-    let words: (string | true)[] = [];
-    $: {
-        words = [];
-        let count = 0;
-        Object.keys(bookIndex)
-            .sort((a, b) => a.localeCompare(b))
-            .forEach((word) => {
-                const firstLetter = word.charAt(0).toLowerCase();
-                if (letter === firstLetter) {
-                    count++;
-                    if (count % 20 === 0) words.push(true);
-                    words.push(word);
-                }
-            });
-    }
+<script>import Header from './Header.svelte';
+import Outline from './Outline.svelte';
+import Page from './Page.svelte';
+import Instructions from './Instructions.svelte';
+import ChapterIDs from '../../models/book/ChapterID';
+import Link from '../Link.svelte';
+import { getBase, getEdition, isEditionEditable } from './Contexts';
+import { page } from '$app/stores';
+import Muted from './Muted.svelte';
+import ChapterTitle from './ChapterTitle.svelte';
+import ChapterNumber from './ChapterNumber.svelte';
+import PageHeader from './PageHeader.svelte';
+import Rows from './Rows.svelte';
+let editable = isEditionEditable();
+let edition = getEdition();
+let base = getBase();
+// What letter are we matching?
+$: letter = $page.params.letter;
+$: bookIndex = $edition?.getBookIndex() ?? {};
+let letters = {};
+// Figure out what letters have words
+$: {
+    for (const word of Object.keys(bookIndex).sort((a, b) => a.localeCompare(b)))
+        letters[word.charAt(0).toLocaleLowerCase()] = true;
+}
+let words = [];
+$: {
+    words = [];
+    let count = 0;
+    Object.keys(bookIndex)
+        .sort((a, b) => a.localeCompare(b))
+        .forEach((word) => {
+        const firstLetter = word.charAt(0).toLowerCase();
+        if (letter === firstLetter) {
+            count++;
+            if (count % 20 === 0)
+                words.push(true);
+            words.push(word);
+        }
+    });
+}
 </script>
 
 {#if $edition}
@@ -104,13 +97,13 @@
                 {#each words as word, index}
                     {#if word === true}
                         <tr
-                            ><td colspan={2}
+                            ><td class="term" colspan={2}
                                 ><PageHeader>{words[index + 1]}</PageHeader></td
                             ></tr
                         >
                     {:else}
                         <tr>
-                            <td>{word}</td>
+                            <td class="term">{word}</td>
                             <td>
                                 <!-- Sort the chapters by chapter number -->
                                 {#each Array.from(bookIndex[word]).sort( (a, b) => {
@@ -150,6 +143,10 @@
         margin-top: 0;
     }
 
+    .term {
+        vertical-align: baseline;
+    }
+
     .letters {
         display: flex;
         flex-direction: row;

package/components/page/Index.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type IndexProps = typeof __propDef.props;
+export type IndexEvents = typeof __propDef.events;
+export type IndexSlots = typeof __propDef.slots;
+export default class Index extends SvelteComponentTyped<IndexProps, IndexEvents, IndexSlots> {
+}
+export {};

package/{src/lib/components → components}/page/Instructions.svelte

@@ -1,5 +1,4 @@
-<script lang="ts">
-    export let editable: boolean;
+<script>export let editable;
 </script>
 
 {#if editable}

package/components/page/Instructions.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        editable: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type InstructionsProps = typeof __propDef.props;
+export type InstructionsEvents = typeof __propDef.events;
+export type InstructionsSlots = typeof __propDef.slots;
+export default class Instructions extends SvelteComponentTyped<InstructionsProps, InstructionsEvents, InstructionsSlots> {
+}
+export {};

package/{src/lib/components → components}/page/License.svelte

@@ -1,20 +1,12 @@
-<script lang="ts">
-    import Parser from '$lib/models/chapter/Parser';
-    import BookishEditor from '$lib/components/editor/BookishEditor.svelte';
-    import Instructions from '$lib/components/page/Instructions.svelte';
-    import Format from '$lib/components/chapter/Format.svelte';
-    import {
-        getUser,
-        getEdition,
-        getLeasee,
-        isEditionEditable,
-        lease,
-    } from './Contexts';
-    import PageHeader from './PageHeader.svelte';
-
-    let auth = getUser();
-    let edition = getEdition();
-    let editable = isEditionEditable();
+<script>import Parser from '../../models/chapter/Parser';
+import BookishEditor from '../editor/BookishEditor.svelte';
+import Instructions from './Instructions.svelte';
+import Format from '../chapter/Format.svelte';
+import { getUser, getEdition, getLeasee, isEditionEditable, lease, } from './Contexts';
+import PageHeader from './PageHeader.svelte';
+let auth = getUser();
+let edition = getEdition();
+let editable = isEditionEditable();
 </script>
 
 <PageHeader id="license">License</PageHeader>

package/components/page/License.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LicenseProps = typeof __propDef.props;
+export type LicenseEvents = typeof __propDef.events;
+export type LicenseSlots = typeof __propDef.slots;
+export default class License extends SvelteComponentTyped<LicenseProps, LicenseEvents, LicenseSlots> {
+}
+export {};

package/components/page/Loading.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  LoadingProps */
+/** @typedef {typeof __propDef.events}  LoadingEvents */
+/** @typedef {typeof __propDef.slots}  LoadingSlots */
+export default class Loading extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type LoadingProps = typeof __propDef.props;
+export type LoadingEvents = typeof __propDef.events;
+export type LoadingSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/{src/lib/components → components}/page/Media.svelte

@@ -1,47 +1,30 @@
-<script lang="ts">
-    import Header from '$lib/components/page/Header.svelte';
-    import Outline from '$lib/components/page/Outline.svelte';
-    import type { Image } from '$lib/models/book/BookMedia';
-    import Page from '$lib/components/page/Page.svelte';
-    import Instructions from '$lib/components/page/Instructions.svelte';
-    import ChapterIDs from '$lib/models/book/ChapterID';
-    import Format from '$lib/components/chapter/Format.svelte';
-    import MediaPreview from './MediaPreview.svelte';
-    import { onMount } from 'svelte';
-    import {
-        getBase,
-        getBook,
-        getEdition,
-        isBookEditable,
-        isEditionEditable,
-    } from './Contexts';
-    import Button from '../app/Button.svelte';
-    import PageHeader from './PageHeader.svelte';
-
-    let book = getBook();
-    let edition = getEdition();
-    let editable = isBookEditable();
-    let base = getBase();
-
-    let images: Image[] | undefined = [];
-
-    $: embeds = $edition?.getEmbeds() ?? [];
-    $: media = $book?.getMedia();
-
-    function updateImages(newImages: Image[] | undefined) {
-        images = newImages;
-    }
-
-    onMount(() => {
-        // Listen to image changes.
-        media?.notify(updateImages);
-        return () => media?.stopNotifying(updateImages);
-    });
-
-    $: unused = images?.filter(
-        (image) =>
-            embeds.find((embed) => embed.getURL() === image.url) === undefined
-    );
+<script>import Header from './Header.svelte';
+import Outline from './Outline.svelte';
+import Page from './Page.svelte';
+import Instructions from './Instructions.svelte';
+import ChapterIDs from '../../models/book/ChapterID';
+import Format from '../chapter/Format.svelte';
+import MediaPreview from './MediaPreview.svelte';
+import { onMount } from 'svelte';
+import { getBase, getBook, getEdition, isBookEditable, isEditionEditable, } from './Contexts';
+import Button from '../app/Button.svelte';
+import PageHeader from './PageHeader.svelte';
+let book = getBook();
+let edition = getEdition();
+let editable = isBookEditable();
+let base = getBase();
+let images = [];
+$: embeds = $edition?.getEmbeds() ?? [];
+$: media = $book?.getMedia();
+function updateImages(newImages) {
+    images = newImages;
+}
+onMount(() => {
+    // Listen to image changes.
+    media?.notify(updateImages);
+    return () => media?.stopNotifying(updateImages);
+});
+$: unused = images?.filter((image) => embeds.find((embed) => embed.getURL() === image.url) === undefined);
 </script>
 
 {#if $edition}

package/components/page/Media.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type MediaProps = typeof __propDef.props;
+export type MediaEvents = typeof __propDef.events;
+export type MediaSlots = typeof __propDef.slots;
+export default class Media extends SvelteComponentTyped<MediaProps, MediaEvents, MediaSlots> {
+}
+export {};

package/{src/lib/components → components}/page/MediaPreview.svelte

@@ -1,6 +1,5 @@
-<script lang="ts">
-    export let url: string;
-    export let alt: string;
+<script>export let url;
+export let alt;
 </script>
 
 <figure class={'media-preview'}>