bookish-press 0.7.1 → 0.8.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,68 @@
-<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 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 +83,42 @@ onMount(() => {
             save={(text) =>
                 $edition ? edition.set($edition.withTitle(text)) : undefined}
         >
-            <svelte:fragment slot="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 before()}
+                    
+                    {#if editable}
+                        <SubdomainEditor />
+                    {/if}
+                
+                    {/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}>
@@ -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>

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;

package/dist/components/page/ThemeEditor.svelte

@@ -1,35 +1,40 @@
-<script>import Header from './Header.svelte';
-import Outline from './Outline.svelte';
-import Page from './Page.svelte';
-import { BookishTheme, CriticalTheme, HumanTheme, SeriousTheme, SketchyTheme, TechTheme, } from '../../models/book/Theme';
-import ConfirmButton from '../editor/ConfirmButton.svelte';
-import Instructions from './Instructions.svelte';
-import ThemeSetEditor from './ThemeSetEditor.svelte';
-import ThemeEditorPreview from './ThemeEditorPreview.svelte';
-import { getEdition, isEditionEditable } from './Contexts';
-import TextEditor from '../editor/TextEditor.svelte';
-import Button from '../app/Button.svelte';
-import Switch from '../editor/Switch.svelte';
-import Link from '../app/Link.svelte';
-import Rows from './Rows.svelte';
+<script lang="ts">import Header from "./Header.svelte";
+import Outline from "./Outline.svelte";
+import Page from "./Page.svelte";
+import {
+  BookishTheme,
+  CriticalTheme,
+  HumanTheme,
+  SeriousTheme,
+  SketchyTheme,
+  TechTheme
+} from "../../models/book/Theme";
+import ConfirmButton from "../editor/ConfirmButton.svelte";
+import Instructions from "./Instructions.svelte";
+import ThemeSetEditor from "./ThemeSetEditor.svelte";
+import ThemeEditorPreview from "./ThemeEditorPreview.svelte";
+import { getEdition, isEditionEditable } from "./Contexts";
+import TextEditor from "../editor/TextEditor.svelte";
+import Button from "../app/Button.svelte";
+import Switch from "../editor/Switch.svelte";
+import Link from "../app/Link.svelte";
+import Rows from "./Rows.svelte";
 const themes = {
-    Bookish: BookishTheme,
-    Serious: SeriousTheme,
-    Tech: TechTheme,
-    Human: HumanTheme,
-    Sketchy: SketchyTheme,
-    Critical: CriticalTheme,
+  Bookish: BookishTheme,
+  Serious: SeriousTheme,
+  Tech: TechTheme,
+  Human: HumanTheme,
+  Sketchy: SketchyTheme,
+  Critical: CriticalTheme
 };
 let editable = isEditionEditable();
 let edition = getEdition();
-$: theme = $edition ? $edition.getTheme() : null;
-$: isDefault =
-    theme === null || Object.values(themes).includes(theme);
+let theme = $derived($edition ? $edition.getTheme() : null);
+let isDefault = $derived(theme === null || Object.values(themes).includes(theme));
 function getEmptyGroup(group) {
-    const empty = {};
-    for (const key in Object.keys(group))
-        empty[key] = '';
-    return empty;
+  const empty = {};
+  for (const key in Object.keys(group)) empty[key] = "";
+  return empty;
 }
 </script>
 
@@ -41,7 +46,9 @@ function getEmptyGroup(group) {
             id="theme"
             header="Theme"
         >
-            <Outline slot="outline" previous={null} next={null} />
+            {#snippet outline()}
+                        <Outline  previous={null} next={null} />
+                    {/snippet}
         </Header>
 
         <Instructions {editable}>

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