bookish-press 0.7.1 → 0.8.2

package/dist/components/page/Print.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 PrintProps = typeof __propDef.props;
-export type PrintEvents = typeof __propDef.events;
-export type PrintSlots = typeof __propDef.slots;
-export default class Print extends SvelteComponent<PrintProps, PrintEvents, PrintSlots> {
-}
-export {};
+declare const Print: import("svelte").Component<Record<string, never>, {}, "">;
+type Print = ReturnType<typeof Print>;
+export default Print;

package/dist/components/page/Publish.svelte

@@ -1,59 +1,59 @@
-<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';
+<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 = undefined;
-let error = undefined;
-let url = undefined;
+let feedback = $state(void 0);
+let error = $state(void 0);
+let url = $state(void 0);
 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);
-            feedback = undefined;
-            error = 'Unable to bundle the book for download :(';
-        }
-        finally {
-            publishing = false;
-        }
+  if ($edition) {
+    publishing = true;
+    error = void 0;
+    feedback = "Binding the book, this could take a minute...";
+    try {
+      const result = await publish($edition);
+      if (typeof result === "string") {
+        error = result;
+        feedback = void 0;
+      } else {
+        url = result.url;
+      }
+    } catch (err) {
+      console.log(err);
+      feedback = void 0;
+      error = "Unable to bundle the book for download :(";
+    } finally {
+      publishing = false;
     }
+  }
 }
-let publisher = undefined;
-$: {
-    if ($auth && $auth.user)
-        updateUserClaims();
-}
+let publisher = $state(void 0);
 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;
+  if ($auth === void 0 || $auth.user === null) return;
+  const token = await $auth.user.getIdTokenResult();
+  publisher = "publisher" in token.claims && token.claims.publisher === true;
 }
+$effect(() => {
+  if ($auth && $auth.user) updateUserClaims();
+});
 </script>
 
 {#if $edition && (publisher === true || PUBLIC_CONTEXT === 'local')}

package/dist/components/page/Publish.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 PublishProps = typeof __propDef.props;
-export type PublishEvents = typeof __propDef.events;
-export type PublishSlots = typeof __propDef.slots;
-export default class Publish extends SvelteComponent<PublishProps, PublishEvents, PublishSlots> {
-}
-export {};
+declare const Publish: import("svelte").Component<Record<string, never>, {}, "">;
+type Publish = ReturnType<typeof Publish>;
+export default Publish;

package/dist/components/page/Reference.svelte

@@ -1,36 +1,30 @@
-<svelte:options immutable={true} />
-
-<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;
-export let edit = false;
+<script lang="ts">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";
+let { reference, edit = false } = $props();
 let editable = isEditionEditable();
 let edition = getEdition();
-let editing = false;
+let editing = $state(false);
 function startEditing() {
-    editing = true;
+  editing = true;
 }
 function stopEditing() {
-    editing = false;
+  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();
-    }
+  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] : void 0;
+    if (newInput) newInput.focus();
+  }
 }
 </script>
 
@@ -43,7 +37,7 @@ function move(field, direction) {
             : authorList.length === 2
               ? authorList[0].trim() + ' & ' + authorList[1].trim()
               : authorList[0].trim() + ', et al.'}
-    <p class="reference">
+    <div class="reference">
         {authors}
         ({reference.year}).
         {#if reference.url === null}
@@ -53,7 +47,7 @@ function move(field, direction) {
         {/if}
         {reference.title.charAt(reference.title.length - 1) === '?' ? '' : '.'}
         <em>{reference.source}</em>
-    </p>
+    </div>
 {:else if editable && edit && editing}
     <!-- If editable, place in rows to make room for text editors to not have to wrap. -->
     <Table>
@@ -232,7 +226,7 @@ function move(field, direction) {
     </Table>
 {:else}
     <!-- Otherwise, just render the reference. -->
-    <p class="reference">
+    <div class="reference">
         {#if reference.authors}{reference.authors}{:else}<em>Authors</em>{/if}
         {#if reference.year}({reference.year}){:else}<em>Year</em>{/if}. {#if reference.url === null || reference.url.length === 0}{#if reference.title}{reference.title}{:else}<em
                     >Title</em
@@ -244,7 +238,7 @@ function move(field, direction) {
         >.
         {#if reference.summary}<aside class="summary">{reference.summary}</aside
             >{/if}
-    </p>
+    </div>
 {/if}
 {#if edit && editable && !reference.short}
     <div class="controls">
@@ -274,11 +268,6 @@ function move(field, direction) {
         margin-top: var(--bookish-block-padding);
     }
 
-    p {
-        margin-top: 0;
-        margin-bottom: 0;
-    }
-
     .reference .summary {
         font-size: var(--bookish-small-font-size);
         padding-left: var(--bookish-block-padding);

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

@@ -1,20 +1,8 @@
-import { SvelteComponent } from "svelte";
 import Reference from '../../models/book/Reference';
-declare const __propDef: {
-    props: {
-        reference: Reference;
-        edit?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ReferenceProps = typeof __propDef.props;
-export type ReferenceEvents = typeof __propDef.events;
-export type ReferenceSlots = typeof __propDef.slots;
-export default class Reference extends SvelteComponent<ReferenceProps, ReferenceEvents, ReferenceSlots> {
+interface Props {
+    reference: Reference;
+    edit?: boolean;
 }
-export {};
+declare const Reference: import("svelte").Component<Props, {}, "">;
+type Reference = ReturnType<typeof Reference>;
+export default Reference;

package/dist/components/page/References.svelte

@@ -1,17 +1,14 @@
-<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';
+<script lang="ts">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) {
-}
+let references = $derived($edition?.hasReferences() ? $edition.getReferences() : null);
 </script>
 
 {#if $edition}
@@ -39,17 +36,19 @@ if (references !== null) {
                       )
                     : undefined}
         >
-            <Outline
-                slot="outline"
-                previous={$edition.getPreviousChapterID(
-                    ChapterIDs.ReferencesID,
-                    editable,
-                )}
-                next={$edition.getNextChapterID(
-                    ChapterIDs.ReferencesID,
-                    editable,
-                )}
-            />
+            {#snippet outline()}
+                        <Outline
+                    
+                    previous={$edition.getPreviousChapterID(
+                        ChapterIDs.ReferencesID,
+                        editable,
+                    )}
+                    next={$edition.getNextChapterID(
+                        ChapterIDs.ReferencesID,
+                        editable,
+                    )}
+                />
+                    {/snippet}
         </Header>
         {#if editable}<BulkReferenceEditor />{/if}
         {#if references !== null}

package/dist/components/page/References.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 ReferencesProps = typeof __propDef.props;
-export type ReferencesEvents = typeof __propDef.events;
-export type ReferencesSlots = typeof __propDef.slots;
-export default class References extends SvelteComponent<ReferencesProps, ReferencesEvents, ReferencesSlots> {
-}
-export {};
+declare const References: import("svelte").Component<Record<string, never>, {}, "">;
+type References = ReturnType<typeof References>;
+export default References;

package/dist/components/page/Rows.svelte

@@ -1,7 +1,10 @@
+<script lang="ts">let { children } = $props();
+</script>
+
 <div class="table">
     <table>
         <tbody>
-            <slot />
+            {@render children?.()}
         </tbody>
     </table>
 </div>

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

@@ -1,29 +1,6 @@
-/** @typedef {typeof __propDef.props}  RowsProps */
-/** @typedef {typeof __propDef.events}  RowsEvents */
-/** @typedef {typeof __propDef.slots}  RowsSlots */
-export default class Rows extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
+interface Props {
+    children?: import('svelte').Snippet;
 }
-export type RowsProps = typeof __propDef.props;
-export type RowsEvents = typeof __propDef.events;
-export type RowsSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+declare const Rows: import("svelte").Component<Props, {}, "">;
+type Rows = ReturnType<typeof Rows>;
+export default Rows;

package/dist/components/page/Search.svelte

@@ -1,60 +1,56 @@
-<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 ChapterTitle from './ChapterTitle.svelte';
-import ChapterNumber from './ChapterNumber.svelte';
-import PageHeader from './PageHeader.svelte';
+<script lang="ts">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 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.
+let query = $state("");
+let results = $derived.by(() => {
+  const list = [];
+  const searchQuery = query.trim();
+  const lowerQuery = searchQuery.toLowerCase();
+  if ($edition && searchQuery.length > 2)
+    for (const chapter of $edition?.getChapters() ?? []) {
+      let index = chapter.getIndex($edition);
+      if (index) {
+        const chapterMatches = [];
+        for (const word of Object.keys(index)) {
+          if (searchQuery.length > 0 && word.indexOf(lowerQuery) >= 0) {
             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,
-                        });
-                    });
-                }
+              let matches = index[word];
+              matches.forEach((match) => {
+                chapterMatches.push(match);
+              });
             }
+          }
         }
-}
+        if (chapterMatches.length > 0) {
+          list.push(chapter);
+          chapterMatches.forEach((match, index2) => {
+            const start = match.match.toLowerCase().indexOf(lowerQuery);
+            list.push({
+              link: `${$base}/${chapter.getID()}?word=${match.match.toLowerCase()}&number=${index2}`,
+              left: match.left + match.match.substring(0, start),
+              match: match.match.substring(
+                start,
+                start + searchQuery.length
+              ),
+              right: match.match.substring(
+                start + searchQuery.length
+              ) + match.right
+            });
+          });
+        }
+      }
+    }
+  return list;
+});
 </script>
 
 {#if $edition}
@@ -79,14 +75,16 @@ $: {
                       )
                     : undefined}
         >
-            <Outline
-                slot="outline"
-                previous={$edition.getPreviousChapterID(
-                    ChapterIDs.SearchID,
-                    false,
-                )}
-                next={$edition.getNextChapterID(ChapterIDs.SearchID, false)}
-            />
+            {#snippet outline()}
+                        <Outline
+                    
+                    previous={$edition.getPreviousChapterID(
+                        ChapterIDs.SearchID,
+                        false,
+                    )}
+                    next={$edition.getNextChapterID(ChapterIDs.SearchID, false)}
+                />
+                    {/snippet}
         </Header>
 
         <p>

package/dist/components/page/Search.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 SearchProps = typeof __propDef.props;
-export type SearchEvents = typeof __propDef.events;
-export type SearchSlots = typeof __propDef.slots;
-export default class Search extends SvelteComponent<SearchProps, SearchEvents, SearchSlots> {
-}
-export {};
+declare const Search: import("svelte").Component<Record<string, never>, {}, "">;
+type Search = ReturnType<typeof Search>;
+export default Search;

package/dist/components/page/Status.svelte

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

package/dist/components/page/Status.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 StatusProps = typeof __propDef.props;
-export type StatusEvents = typeof __propDef.events;
-export type StatusSlots = typeof __propDef.slots;
-export default class Status extends SvelteComponent<StatusProps, StatusEvents, StatusSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Status: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Status = InstanceType<typeof Status>;
+export default Status;

package/dist/components/page/SubdomainEditor.svelte

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