bookish-press 0.4.47 → 0.4.48

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

@@ -1,83 +1,72 @@
-<script lang="ts">
-    import Instructions from '$lib/components/page/Instructions.svelte';
-    import Parser from '$lib/models/chapter/Parser';
-    import TableOfContentsRow from './TableOfContentsRow.svelte';
-    import ChapterIDs from '$lib/models/book/ChapterID';
-    import Page from '$lib/components/page/Page.svelte';
-    import Header from '$lib/components/page/Header.svelte';
-    import Outline from '$lib/components/page/Outline.svelte';
-    import Link from '$lib/components/Link.svelte';
-    import SubdomainEditor from '$lib/components/page/SubdomainEditor.svelte';
-    import Description from './Description.svelte';
-    import Acknowledgements from './Acknowledgements.svelte';
-    import License from '$lib/components/page/License.svelte';
-    import Authors from '$lib/components/page/Authors.svelte';
-    import TextEditor from '$lib/components/editor/TextEditor.svelte';
-    import Toggle from '$lib/components/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';
-
-    let auth = getUser();
-    let book = getBook();
-    let edition = getEdition();
-    let base = getBase();
-    let editable = isEditionEditable();
-
-    function getProgressDescription(progress: null | number) {
-        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';
-    }
-
-    // Get the chapter progress
-    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: string | undefined = undefined;
-    $: {
-        let colon = title.indexOf(':');
-        if (colon >= 0) {
-            subtitle = title.substring(colon + 1).trim();
-            title = title.substring(0, colon).trim();
-        }
+<script>import Instructions from './Instructions.svelte';
+import Parser from '../../models/chapter/Parser';
+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';
+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';
+}
+// Get the chapter progress
+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 waitingForChapter = false;
-
-    function addChapter() {
-        if ($edition) edition.set($edition.withNewChapter());
-    }
-
-    /** Doing this on mount allows for prerendering an an update. */
-    let bookURL = '…';
-    onMount(() => {
-        bookURL = location.protocol + '//' + location.host + location.pathname;
-    });
+}
+let waitingForChapter = false;
+function addChapter() {
+    if ($edition)
+        edition.set($edition.withNewChapter());
+}
+/** Doing this on mount allows for prerendering an an update. */
+let bookURL = '…';
+onMount(() => {
+    bookURL = location.protocol + '//' + location.host + location.pathname;
+});
 </script>
 
 {#if $edition}

package/components/page/TableOfContents.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 TableOfContentsProps = typeof __propDef.props;
+export type TableOfContentsEvents = typeof __propDef.events;
+export type TableOfContentsSlots = typeof __propDef.slots;
+export default class TableOfContents extends SvelteComponentTyped<TableOfContentsProps, TableOfContentsEvents, TableOfContentsSlots> {
+}
+export {};

package/components/page/TableOfContentsImage.svelte

@@ -0,0 +1,18 @@
+<script>import EmbedNode from '../../models/chapter/EmbedNode';
+import Parser from '../../models/chapter/Parser';
+import { getBase, getEdition } from './Contexts';
+export let embed;
+let edition = getEdition();
+let base = getBase();
+$: embedNode = embed === null ? null : Parser.parseEmbed($edition, embed);
+</script>
+
+{#if embedNode instanceof EmbedNode}
+    <img
+        style="width: 5em"
+        src={embedNode.isLocal()
+            ? `${$base}/${embedNode.getSmallURL()}`
+            : embedNode.getSmallURL()}
+        alt={embedNode.getDescription()}
+    />
+{/if}

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

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        embed: string | null;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TableOfContentsImageProps = typeof __propDef.props;
+export type TableOfContentsImageEvents = typeof __propDef.events;
+export type TableOfContentsImageSlots = typeof __propDef.slots;
+export default class TableOfContentsImage extends SvelteComponentTyped<TableOfContentsImageProps, TableOfContentsImageEvents, TableOfContentsImageSlots> {
+}
+export {};

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

@@ -1,37 +1,27 @@
-<script lang="ts">
-    import TableOfContentsImage from './TableOfContentsImage.svelte';
-    import type Chapter from '$lib/models/book/Chapter';
-    import Toggle from '$lib/components/editor/Toggle.svelte';
-    import ConfirmButton from '$lib/components/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';
-
-    export let chapterID: string;
-    export let chapter: Chapter | undefined = undefined;
-    export let title: string;
-    export let number: number | undefined = undefined;
-    export let forthcoming: boolean = false;
-
-    let edition = getEdition();
-    let base = getBase();
-    let editable = isEditionEditable();
-
-    function moveUp() {
-        if ($edition && chapter)
-            edition.set($edition.withMovedChapter(chapter.getID(), -1));
-    }
-    function moveDown() {
-        if ($edition && chapter)
-            edition.set($edition.withMovedChapter(chapter.getID(), 1));
-    }
+<script>import TableOfContentsImage from './TableOfContentsImage.svelte';
+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';
+export let chapterID;
+export let chapter = undefined;
+export let title;
+export let number = undefined;
+export let forthcoming = false;
+let edition = getEdition();
+let base = getBase();
+let editable = isEditionEditable();
+function moveUp() {
+    if ($edition && chapter)
+        edition.set($edition.withMovedChapter(chapter.getID(), -1));
+}
+function moveDown() {
+    if ($edition && chapter)
+        edition.set($edition.withMovedChapter(chapter.getID(), 1));
+}
 </script>
 
 <tr class="toc-row" class:forthcoming>

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

@@ -0,0 +1,24 @@
+import { SvelteComponentTyped } from "svelte";
+import type Chapter from '../../models/book/Chapter';
+declare const __propDef: {
+    props: {
+        chapterID: string;
+        chapter?: Chapter | undefined;
+        title: string;
+        number?: number | undefined;
+        forthcoming?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        annotation: {};
+        etc: {};
+    };
+};
+export type TableOfContentsRowProps = typeof __propDef.props;
+export type TableOfContentsRowEvents = typeof __propDef.events;
+export type TableOfContentsRowSlots = typeof __propDef.slots;
+export default class TableOfContentsRow extends SvelteComponentTyped<TableOfContentsRowProps, TableOfContentsRowEvents, TableOfContentsRowSlots> {
+}
+export {};

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

@@ -1,47 +1,36 @@
-<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 '$lib/models/book/Theme';
-    import ConfirmButton from '$lib/components/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 type Theme from '$lib/models/book/Theme';
-    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: Record<string, Theme> = {
-        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 as Theme);
-
-    function getEmptyGroup(group: Record<string, string>) {
-        const empty: Record<string, string> = {};
-        for (const key in Object.keys(group)) empty[key] = '';
-        return empty;
-    }
+<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';
+const themes = {
+    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);
+function getEmptyGroup(group) {
+    const empty = {};
+    for (const key in Object.keys(group))
+        empty[key] = '';
+    return empty;
+}
 </script>
 
 {#if theme && $edition}

package/components/page/ThemeEditor.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 ThemeEditorProps = typeof __propDef.props;
+export type ThemeEditorEvents = typeof __propDef.events;
+export type ThemeEditorSlots = typeof __propDef.slots;
+export default class ThemeEditor extends SvelteComponentTyped<ThemeEditorProps, ThemeEditorEvents, ThemeEditorSlots> {
+}
+export {};

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

@@ -1,24 +1,16 @@
-<script lang="ts">
-    import type Theme from '$lib/models/book/Theme';
-    import ChapterBody from '$lib/components/chapter/ChapterBody.svelte';
-    import Parser from '$lib/models/chapter/Parser';
-    import { getDarkMode } from './Contexts';
-
-    export let theme: Theme | null;
-
-    let position: number;
-
-    let darkMode = getDarkMode();
-    $: backgroundColor =
-        theme === null
-            ? null
-            : $darkMode
+<script>import ChapterBody from '../chapter/ChapterBody.svelte';
+import Parser from '../../models/chapter/Parser';
+import { getDarkMode } from './Contexts';
+export let theme;
+let position;
+let darkMode = getDarkMode();
+$: backgroundColor =
+    theme === null
+        ? null
+        : $darkMode
             ? theme.dark?.backgroundColor
             : theme.light?.backgroundColor;
-
-    $: preview = Parser.parseChapter(
-        undefined,
-        `# Header 1
+$: preview = Parser.parseChapter(undefined, `# Header 1
 		## Header 2
 		### Header 3
 		
@@ -26,8 +18,7 @@
 
 		* How does it look?
 		* Would you change anything?
-	`
-    );
+	`);
 </script>
 
 <aside

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

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type Theme from '../../models/book/Theme';
+declare const __propDef: {
+    props: {
+        theme: Theme | null;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ThemeEditorPreviewProps = typeof __propDef.props;
+export type ThemeEditorPreviewEvents = typeof __propDef.events;
+export type ThemeEditorPreviewSlots = typeof __propDef.slots;
+export default class ThemeEditorPreview extends SvelteComponentTyped<ThemeEditorPreviewProps, ThemeEditorPreviewEvents, ThemeEditorPreviewSlots> {
+}
+export {};

package/components/page/ThemeSetEditor.svelte

@@ -0,0 +1,19 @@
+<script>import PageHeader from './PageHeader.svelte';
+import Rows from './Rows.svelte';
+import ThemeVariableEditor from './ThemeVariableEditor.svelte';
+export let header;
+export let group;
+export let properties;
+</script>
+
+<PageHeader>{header}</PageHeader>
+
+<Rows>
+    {#each Object.keys(properties).sort() as property}
+        <ThemeVariableEditor
+            {group}
+            name={property}
+            value={properties[property]}
+        />
+    {/each}
+</Rows>

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

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        header: string;
+        group: string;
+        properties: Record<string, string>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ThemeSetEditorProps = typeof __propDef.props;
+export type ThemeSetEditorEvents = typeof __propDef.events;
+export type ThemeSetEditorSlots = typeof __propDef.slots;
+export default class ThemeSetEditor extends SvelteComponentTyped<ThemeSetEditorProps, ThemeSetEditorEvents, ThemeSetEditorSlots> {
+}
+export {};

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

@@ -1,21 +1,17 @@
-<script lang="ts">
-    import TextEditor from '$lib/components/editor/TextEditor.svelte';
-    import { getEdition } from './Contexts';
-
-    const placeholders: Record<string, string> = {
-        light: 'CSS color',
-        dark: 'CSS color',
-        fonts: 'CSS font name',
-        sizes: 'CSS font size',
-        weights: 'CSS font weights',
-        spacing: 'CSS length',
-    };
-
-    export let group: string;
-    export let name: string;
-    export let value: string;
-
-    let edition = getEdition();
+<script>import TextEditor from '../editor/TextEditor.svelte';
+import { getEdition } from './Contexts';
+const placeholders = {
+    light: 'CSS color',
+    dark: 'CSS color',
+    fonts: 'CSS font name',
+    sizes: 'CSS font size',
+    weights: 'CSS font weights',
+    spacing: 'CSS length',
+};
+export let group;
+export let name;
+export let value;
+let edition = getEdition();
 </script>
 
 <tr>

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

@@ -0,0 +1,18 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        group: string;
+        name: string;
+        value: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ThemeVariableEditorProps = typeof __propDef.props;
+export type ThemeVariableEditorEvents = typeof __propDef.events;
+export type ThemeVariableEditorSlots = typeof __propDef.slots;
+export default class ThemeVariableEditor extends SvelteComponentTyped<ThemeVariableEditorProps, ThemeVariableEditorEvents, ThemeVariableEditorSlots> {
+}
+export {};

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

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

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

@@ -1,13 +1,11 @@
-<script lang="ts">
-    import Header from './Header.svelte';
-    import Outline from './Outline.svelte';
-    import Page from './Page.svelte';
-    import Instructions from './Instructions.svelte';
-    import ChapterIDs from '$lib/models/book/ChapterID';
-    import { getEdition, isEditionEditable } from './Contexts';
-
-    let editable = isEditionEditable();
-    let edition = getEdition();
+<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 { getEdition, isEditionEditable } from './Contexts';
+let editable = isEditionEditable();
+let edition = getEdition();
 </script>
 
 {#if $edition}

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

@@ -0,0 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type UnknownProps = typeof __propDef.props;
+export type UnknownEvents = typeof __propDef.events;
+export type UnknownSlots = typeof __propDef.slots;
+export default class Unknown extends SvelteComponentTyped<UnknownProps, UnknownEvents, UnknownSlots> {
+}
+export {};

package/components/page/margins.d.ts

@@ -0,0 +1,2 @@
+export declare function hideOutlineIfObscured(): void;
+export declare function layoutMarginals(): void;