bookish-press 0.4.47 → 0.4.49

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

@@ -1,66 +1,59 @@
-<script lang="ts">
-    import Parser from '../../models/chapter/Parser';
-    import BookishEditor from '../editor/BookishEditor.svelte';
-    import Switch from '../editor/Switch.svelte';
-    import {
-        getUser,
-        getEdition,
-        getLeasee,
-        isEditionEditable,
-        lease,
-    } from './Contexts';
-    import Format from '../chapter/Format.svelte';
-    import Note from '../editor/Note.svelte';
-    import Instructions from './Instructions.svelte';
-    import Link from '../Link.svelte';
-    import { PUBLIC_CONTEXT } from '$env/static/public';
-    import Button from '../app/Button.svelte';
-    import { publish } from '../../models/CRUD';
-    import Feedback from '../app/Feedback.svelte';
-
-    let auth = getUser();
-    let edition = getEdition();
-    let editable = isEditionEditable();
-
-    let publishing = false;
-    let feedback: string | undefined = undefined;
-    let error: string | undefined = undefined;
-    let url: string | undefined = undefined;
-    async function requestPublish() {
-        if ($edition) {
-            publishing = true;
-            error = undefined;
-            feedback = 'Binding the book, this could take a minute...';
-            try {
-                const result = await publish($edition);
-                if (typeof result === 'string') {
-                    error = result;
-                    feedback = undefined;
-                } else {
-                    url = result.url;
-                }
-            } catch (err) {
-                console.log(err);
+<script>import Parser from '../../models/chapter/Parser';
+import BookishEditor from '../editor/BookishEditor.svelte';
+import Switch from '../editor/Switch.svelte';
+import { getUser, getEdition, getLeasee, isEditionEditable, lease, } from './Contexts';
+import Format from '../chapter/Format.svelte';
+import Note from '../editor/Note.svelte';
+import Instructions from './Instructions.svelte';
+import Link from '../Link.svelte';
+import { PUBLIC_CONTEXT } from '$env/static/public';
+import Button from '../app/Button.svelte';
+import { publish } from '../../models/CRUD';
+import Feedback from '../app/Feedback.svelte';
+let auth = getUser();
+let edition = getEdition();
+let editable = isEditionEditable();
+let publishing = false;
+let feedback = undefined;
+let error = undefined;
+let url = undefined;
+async function requestPublish() {
+    if ($edition) {
+        publishing = true;
+        error = undefined;
+        feedback = 'Binding the book, this could take a minute...';
+        try {
+            const result = await publish($edition);
+            if (typeof result === 'string') {
+                error = result;
                 feedback = undefined;
-                error = 'Unable to bundle the book for download :(';
-            } finally {
-                publishing = false;
+            }
+            else {
+                url = result.url;
             }
         }
+        catch (err) {
+            console.log(err);
+            feedback = undefined;
+            error = 'Unable to bundle the book for download :(';
+        }
+        finally {
+            publishing = false;
+        }
     }
-
-    let publisher: boolean | undefined = undefined;
-
-    $: {
-        if ($auth && $auth.user) updateUserClaims();
-    }
-
-    async function updateUserClaims() {
-        if ($auth === undefined || $auth.user === null) return;
-        const token = await $auth.user.getIdTokenResult();
-        publisher =
-            'publisher' in token.claims && token.claims.publisher === true;
-    }
+}
+let publisher = undefined;
+$: {
+    if ($auth && $auth.user)
+        updateUserClaims();
+}
+async function updateUserClaims() {
+    if ($auth === undefined || $auth.user === null)
+        return;
+    const token = await $auth.user.getIdTokenResult();
+    publisher =
+        'publisher' in token.claims && token.claims.publisher === true;
+}
 </script>
 
 {#if $edition && (publisher === true || PUBLIC_CONTEXT === 'local')}

package/components/page/Publish.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 PublishProps = typeof __propDef.props;
+export type PublishEvents = typeof __propDef.events;
+export type PublishSlots = typeof __propDef.slots;
+export default class Publish extends SvelteComponentTyped<PublishProps, PublishEvents, PublishSlots> {
+}
+export {};

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

@@ -1,45 +1,36 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import Reference from '$lib/models/book/Reference';
-    import Button from '../app/Button.svelte';
-    import Table from '../app/Table.svelte';
-    import ConfirmButton from '../editor/ConfirmButton.svelte';
-    import TextEditor from '../editor/TextEditor.svelte';
-    import { getEdition, isEditionEditable } from './Contexts';
-    import Link from '../Link.svelte';
-    import Note from '../editor/Note.svelte';
-
-    export let reference: Reference;
-
-    let editable = isEditionEditable();
-    let edition = getEdition();
-
-    let editing = false;
-
-    function startEditing() {
-        editing = true;
-    }
-
-    function stopEditing() {
-        editing = false;
-    }
-
-    function move(field: HTMLElement, direction: 1 | -1) {
-        let fields = Array.from(
-            document.querySelectorAll('input[type="text"]')
-        ) as HTMLElement[];
-        let index = fields.indexOf(field);
-        if (index >= 0) {
-            const newInput =
-                direction < 0 && index > 0
-                    ? fields[index - 1]
-                    : direction > 0 && index < fields.length - 1
-                    ? fields[index + 1]
-                    : undefined;
-            if (newInput) newInput.focus();
-        }
+<script>import Reference from '../../models/book/Reference';
+import Button from '../app/Button.svelte';
+import Table from '../app/Table.svelte';
+import ConfirmButton from '../editor/ConfirmButton.svelte';
+import TextEditor from '../editor/TextEditor.svelte';
+import { getEdition, isEditionEditable } from './Contexts';
+import Link from '../Link.svelte';
+import Note from '../editor/Note.svelte';
+export let reference;
+let editable = isEditionEditable();
+let edition = getEdition();
+let editing = false;
+function startEditing() {
+    editing = true;
+}
+function stopEditing() {
+    editing = false;
+}
+function move(field, direction) {
+    let fields = Array.from(document.querySelectorAll('input[type="text"]'));
+    let index = fields.indexOf(field);
+    if (index >= 0) {
+        const newInput = direction < 0 && index > 0
+            ? fields[index - 1]
+            : direction > 0 && index < fields.length - 1
+                ? fields[index + 1]
+                : undefined;
+        if (newInput)
+            newInput.focus();
     }
+}
 </script>
 
 {#if editable && !reference.short}

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import Reference from '../../models/book/Reference';
+declare const __propDef: {
+    props: {
+        reference: Reference;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ReferenceProps = typeof __propDef.props;
+export type ReferenceEvents = typeof __propDef.events;
+export type ReferenceSlots = typeof __propDef.slots;
+export default class Reference extends SvelteComponentTyped<ReferenceProps, ReferenceEvents, ReferenceSlots> {
+}
+export {};

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

@@ -1,21 +1,17 @@
-<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 BulkReferenceEditor from './BulkReferenceEditor.svelte';
-    import PossibleReference from './PossibleReference.svelte';
-    import { getUser, getEdition, isEditionEditable } from './Contexts';
-
-    let auth = getUser();
-    let edition = getEdition();
-    let editable = isEditionEditable();
-
-    $: references = $edition?.hasReferences() ? $edition.getReferences() : null;
-
-    // Otherwise, map references to a list with letter headers.
-    if (references !== null) {
-    }
+<script>import Header from './Header.svelte';
+import Outline from './Outline.svelte';
+import Page from './Page.svelte';
+import ChapterIDs from '../../models/book/ChapterID';
+import BulkReferenceEditor from './BulkReferenceEditor.svelte';
+import PossibleReference from './PossibleReference.svelte';
+import { getUser, getEdition, isEditionEditable } from './Contexts';
+let auth = getUser();
+let edition = getEdition();
+let editable = isEditionEditable();
+$: references = $edition?.hasReferences() ? $edition.getReferences() : null;
+// Otherwise, map references to a list with letter headers.
+if (references !== null) {
+}
 </script>
 
 {#if $edition}

package/components/page/References.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 ReferencesProps = typeof __propDef.props;
+export type ReferencesEvents = typeof __propDef.events;
+export type ReferencesSlots = typeof __propDef.slots;
+export default class References extends SvelteComponentTyped<ReferencesProps, ReferencesEvents, ReferencesSlots> {
+}
+export {};

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

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

package/components/page/Search.svelte

@@ -0,0 +1,133 @@
+<script>import Header from './Header.svelte';
+import Outline from './Outline.svelte';
+import Page from './Page.svelte';
+import Link from '../Link.svelte';
+import Chapter from '../../models/book/Chapter';
+import ChapterIDs from '../../models/book/ChapterID';
+import { getBase, getEdition, isEditionEditable } from './Contexts';
+import TextInput from '../app/TextInput.svelte';
+import ChapterTitle from './ChapterTitle.svelte';
+import ChapterNumber from './ChapterNumber.svelte';
+import PageHeader from './PageHeader.svelte';
+let edition = getEdition();
+let base = getBase();
+let query = '';
+let results = [];
+$: {
+    // Reset the results
+    results = [];
+    const lowerQuery = query.toLowerCase();
+    query = query.trim();
+    // Go through all the chapter indexes and find matches.
+    if ($edition && query.length > 2)
+        for (const chapter of $edition?.getChapters() ?? []) {
+            let index = chapter.getIndex($edition);
+            // No index yet? Skip this chapter.
+            if (index) {
+                // Build a DOM to render matches.
+                const chapterMatches = [];
+                // What are all of the words in the index that match the query?
+                for (const word of Object.keys(index)) {
+                    if (query.length > 0 && word.indexOf(lowerQuery) >= 0) {
+                        if (index) {
+                            let matches = index[word];
+                            matches.forEach((match) => {
+                                chapterMatches.push(match);
+                            });
+                        }
+                    }
+                }
+                if (chapterMatches.length > 0) {
+                    results.push(chapter);
+                    chapterMatches.forEach((match, index) => {
+                        // Only highlight the part of the word that matches.
+                        const start = match.match
+                            .toLowerCase()
+                            .indexOf(lowerQuery);
+                        results.push({
+                            link: `${$base}/${chapter.getID()}?word=${match.match.toLowerCase()}&number=${index}`,
+                            left: match.left +
+                                match.match.substring(0, start),
+                            match: match.match.substring(start, start + query.length),
+                            right: match.match.substring(start + query.length) + match.right,
+                        });
+                    });
+                }
+            }
+        }
+}
+</script>
+
+{#if $edition}
+    <Page title={`${$edition.getTitle()} - Search`}>
+        <Header
+            editable={isEditionEditable()}
+            label="Search title"
+            getImage={() => $edition?.getImage(ChapterIDs.SearchID) ?? null}
+            setImage={(embed) =>
+                $edition
+                    ? edition.set(
+                          $edition.withImage(ChapterIDs.SearchID, embed)
+                      )
+                    : undefined}
+            header="Search"
+            id="search"
+            tags={$edition.getTags()}
+        >
+            <Outline
+                slot="outline"
+                previous={$edition.getPreviousChapterID(ChapterIDs.SearchID)}
+                next={$edition.getNextChapterID(ChapterIDs.SearchID)}
+            />
+        </Header>
+
+        <p>
+            Type a word—just a single word—and we'll show its occurrences in
+            this book:
+        </p>
+
+        <p>
+            <TextInput
+                type="text"
+                placeholder={'search for a word'}
+                disabled={false}
+                bind:text={query}
+            />
+        </p>
+
+        {#if query.trim() !== ''}
+            {#if query.trim().length < 3}
+                <p>Keep typing...</p>
+            {:else if results.length === 0}
+                <p>No occurrence of <em>{query}</em>.</p>
+            {:else}
+                <p
+                    >Found {results.filter(
+                        (result) => !(result instanceof Chapter)
+                    ).length} occurrences of <em>{query}</em>...</p
+                >
+                {#each results as result}
+                    {#if result instanceof Chapter}
+                        <PageHeader id={'header-' + result.getID()}
+                            ><ChapterNumber
+                                >Chapter{#if $edition.getChapterNumber(result.getID()) !== undefined}&nbsp;{$edition.getChapterNumber(
+                                        result.getID()
+                                    )}{/if}</ChapterNumber
+                            > - <ChapterTitle>{result.getTitle()}</ChapterTitle
+                            ></PageHeader
+                        >
+                    {:else}
+                        <p
+                            ><Link to={result.link}
+                                >...{result.left}<span
+                                    class="bookish-content-highlight"
+                                    >{result.match}</span
+                                >{result.right}...</Link
+                            ></p
+                        >
+                    {/if}
+                {/each}
+            {/if}
+        {/if}
+    </Page>
+{/if}

package/components/page/Search.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 SearchProps = typeof __propDef.props;
+export type SearchEvents = typeof __propDef.events;
+export type SearchSlots = typeof __propDef.slots;
+export default class Search extends SvelteComponentTyped<SearchProps, SearchEvents, SearchSlots> {
+}
+export {};

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

@@ -1,8 +1,6 @@
-<script lang="ts">
-    import BookSaveStatus from '../../models/book/BookSaveStatus';
-    import { getStatus } from './Contexts';
-
-    let status = getStatus();
+<script>import BookSaveStatus from '../../models/book/BookSaveStatus';
+import { getStatus } from './Contexts';
+let status = getStatus();
 </script>
 
 <span

package/components/page/Status.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 StatusProps = typeof __propDef.props;
+export type StatusEvents = typeof __propDef.events;
+export type StatusSlots = typeof __propDef.slots;
+export default class Status extends SvelteComponentTyped<StatusProps, StatusEvents, StatusSlots> {
+}
+export {};

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

@@ -1,19 +1,16 @@
-<script lang="ts">
-    import TextEditor from '$lib/components/editor/TextEditor.svelte';
-    import { isSubdomainAvailable } from '$lib/models/CRUD';
-    import { getBook } from './Contexts';
-    import Muted from './Muted.svelte';
-
-    let book = getBook();
-
-    const invalidNames: string[] = [
-        'email',
-        'login',
-        'confirm',
-        'about',
-        'read',
-        'write',
-    ];
+<script>import TextEditor from '../editor/TextEditor.svelte';
+import { isSubdomainAvailable } from '../../models/CRUD';
+import { getBook } from './Contexts';
+import Muted from './Muted.svelte';
+let book = getBook();
+const invalidNames = [
+    'email',
+    'login',
+    'confirm',
+    'about',
+    'read',
+    'write',
+];
 </script>
 
 {#if $book}

package/components/page/SubdomainEditor.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 SubdomainEditorProps = typeof __propDef.props;
+export type SubdomainEditorEvents = typeof __propDef.events;
+export type SubdomainEditorSlots = typeof __propDef.slots;
+export default class SubdomainEditor extends SvelteComponentTyped<SubdomainEditorProps, SubdomainEditorEvents, SubdomainEditorSlots> {
+}
+export {};