bookish-press 0.4.47 → 0.4.49

package/components/chapter/Comment.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type CommentNode from '../../models/chapter/CommentNode';
+declare const __propDef: {
+    props: {
+        node: CommentNode;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CommentProps = typeof __propDef.props;
+export type CommentEvents = typeof __propDef.events;
+export type CommentSlots = typeof __propDef.slots;
+export default class Comment extends SvelteComponentTyped<CommentProps, CommentEvents, CommentSlots> {
+}
+export {};

package/{src/lib/components → components}/chapter/Definition.svelte

@@ -1,28 +1,22 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import Parser from '$lib/models/chapter/Parser';
-    import type DefinitionNode from '$lib/models/chapter/DefinitionNode';
-    import Text from './Text.svelte';
-    import Format from './Format.svelte';
-    import Marginal from './Marginal.svelte';
-    import Problem from './Problem.svelte';
-    import { getChapter, getEdition } from '../page/Contexts';
-    import { afterUpdate } from 'svelte';
-
-    export let node: DefinitionNode;
-
-    let edition = getEdition();
-    let chapter = getChapter();
-
-    // Find the definition.
-    $: glossaryID = node.getMeta();
-    $: phrase = node.getText();
-    $: glossary = $edition?.getGlossary() ?? {};
-    $: entry = glossary[glossaryID];
-
-    // Position the marginals on every render.
-    afterUpdate(() => $chapter?.layoutMarginals());
+<script>import Parser from '../../models/chapter/Parser';
+import Text from './Text.svelte';
+import Format from './Format.svelte';
+import Marginal from './Marginal.svelte';
+import Problem from './Problem.svelte';
+import { getChapter, getEdition } from '../page/Contexts';
+import { afterUpdate } from 'svelte';
+export let node;
+let edition = getEdition();
+let chapter = getChapter();
+// Find the definition.
+$: glossaryID = node.getMeta();
+$: phrase = node.getText();
+$: glossary = $edition?.getGlossary() ?? {};
+$: entry = glossary[glossaryID];
+// Position the marginals on every render.
+afterUpdate(() => $chapter?.layoutMarginals());
 </script>
 
 <!-- Error if there's no corresponding entry. -->

package/components/chapter/Definition.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type DefinitionNode from '../../models/chapter/DefinitionNode';
+declare const __propDef: {
+    props: {
+        node: DefinitionNode;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DefinitionProps = typeof __propDef.props;
+export type DefinitionEvents = typeof __propDef.events;
+export type DefinitionSlots = typeof __propDef.slots;
+export default class Definition extends SvelteComponentTyped<DefinitionProps, DefinitionEvents, DefinitionSlots> {
+}
+export {};

package/{src/lib/components → components}/chapter/Embed.svelte

@@ -1,104 +1,84 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type EmbedNode from '$lib/models/chapter/EmbedNode';
-    import { storage } from '$lib/models/Firebase';
-    import { getCaret, getBook, getBase } from '$lib/components/page/Contexts';
-    import Figure from './Figure.svelte';
-    import { getContext } from 'svelte';
-
-    export let node: EmbedNode;
-    export let editable: boolean = false;
-    export let placeholder: string = '';
-    export let imageOnly: boolean = false;
-
-    $: url = node.getURL();
-    $: description = node.getDescription();
-
-    let caret = getCaret();
-    let book = getBook();
-    let base = getBase();
-
-    // Bookish editor should have passed down a way to set the active editor.
-    let claimCaret = getContext<Function>('claimeditor');
-
-    let dragging = false;
-    let dragFeedback: undefined | string = undefined;
-    let imageError = false;
-    $: if (node) imageError = false;
-
-    function handleDrop(event: DragEvent) {
-        event.preventDefault();
-        if (event.dataTransfer?.items) {
-            // Get the files and convert them to file opens, then filter by allowed file extensions
-            const imageFiles = [...event.dataTransfer.items]
-                .filter((item) => item.kind === 'file')
-                .map((item) => item.getAsFile())
-                .filter(
-                    (file) =>
-                        file !== null && /.*\.(jpg|jpeg|png)/i.test(file.name)
-                );
-            if (imageFiles.length === 0)
-                dragFeedback = 'Only JPEG or PNG images are allowed.';
-            else if (imageFiles.length > 1)
-                dragFeedback = 'Only one image at a time please!';
-            else {
-                dragFeedback = 'Uploading…';
-
-                const file = imageFiles[0];
-                const media = $book?.getMedia();
-
-                if (file === null) return;
-                if (storage === undefined) return;
-                if (media === undefined) return;
-
-                media.upload(
-                    file,
-                    (progress: number) => (dragFeedback = `${progress}% done`),
-                    (error: string) => {
-                        dragFeedback = error;
-                        dragging = false;
-                    },
-                    (url: string, thumbnails: string) => {
-                        // Upload completed successfully, now we can get the download URL
-                        $caret?.edit(
-                            node,
-                            node.withURLs(url, thumbnails).withDescription('')
-                        );
-                        dragging = false;
-                        dragFeedback = undefined;
-                    }
-                );
-            }
+<script>import { storage } from '../../models/Firebase';
+import { getCaret, getBook, getBase } from '../page/Contexts';
+import Figure from './Figure.svelte';
+import { getContext } from 'svelte';
+export let node;
+export let editable = false;
+export let placeholder = '';
+export let imageOnly = false;
+$: url = node.getURL();
+$: description = node.getDescription();
+let caret = getCaret();
+let book = getBook();
+let base = getBase();
+// Bookish editor should have passed down a way to set the active editor.
+let claimCaret = getContext('claimeditor');
+let dragging = false;
+let dragFeedback = undefined;
+let imageError = false;
+$: if (node)
+    imageError = false;
+function handleDrop(event) {
+    event.preventDefault();
+    if (event.dataTransfer?.items) {
+        // Get the files and convert them to file opens, then filter by allowed file extensions
+        const imageFiles = [...event.dataTransfer.items]
+            .filter((item) => item.kind === 'file')
+            .map((item) => item.getAsFile())
+            .filter((file) => file !== null && /.*\.(jpg|jpeg|png)/i.test(file.name));
+        if (imageFiles.length === 0)
+            dragFeedback = 'Only JPEG or PNG images are allowed.';
+        else if (imageFiles.length > 1)
+            dragFeedback = 'Only one image at a time please!';
+        else {
+            dragFeedback = 'Uploading…';
+            const file = imageFiles[0];
+            const media = $book?.getMedia();
+            if (file === null)
+                return;
+            if (storage === undefined)
+                return;
+            if (media === undefined)
+                return;
+            media.upload(file, (progress) => (dragFeedback = `${progress}% done`), (error) => {
+                dragFeedback = error;
+                dragging = false;
+            }, (url, thumbnails) => {
+                // Upload completed successfully, now we can get the download URL
+                $caret?.edit(node, node.withURLs(url, thumbnails).withDescription(''));
+                dragging = false;
+                dragFeedback = undefined;
+            });
         }
     }
-
-    function handleDrag(event: DragEvent) {
-        event?.preventDefault();
-        dragging = true;
-        dragFeedback = 'Drop to upload…';
-        // If we have a way to claim the caret, claim it, since we want to be able to make an edit with the active caret.
-        if (claimCaret) claimCaret();
-    }
-
-    function handleDragLeave(event: DragEvent) {
-        if (event.target !== event.currentTarget) return;
-        event?.preventDefault();
-        dragging = false;
-        dragFeedback = undefined;
-    }
-
-    function handleLoad() {
-        imageError = false;
-    }
-
-    function handleError() {
-        imageError = true;
-    }
-
-    function handleClick() {
-        if (claimCaret) claimCaret();
-    }
+}
+function handleDrag(event) {
+    event?.preventDefault();
+    dragging = true;
+    dragFeedback = 'Drop to upload…';
+    // If we have a way to claim the caret, claim it, since we want to be able to make an edit with the active caret.
+    if (claimCaret)
+        claimCaret();
+}
+function handleDragLeave(event) {
+    if (event.target !== event.currentTarget)
+        return;
+    event?.preventDefault();
+    dragging = false;
+    dragFeedback = undefined;
+}
+function handleLoad() {
+    imageError = false;
+}
+function handleError() {
+    imageError = true;
+}
+function handleClick() {
+    if (claimCaret)
+        claimCaret();
+}
 </script>
 
 {#if imageError}

package/components/chapter/Embed.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+import type EmbedNode from '../../models/chapter/EmbedNode';
+declare const __propDef: {
+    props: {
+        node: EmbedNode;
+        editable?: boolean | undefined;
+        placeholder?: string | undefined;
+        imageOnly?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type EmbedProps = typeof __propDef.props;
+export type EmbedEvents = typeof __propDef.events;
+export type EmbedSlots = typeof __propDef.slots;
+export default class Embed extends SvelteComponentTyped<EmbedProps, EmbedEvents, EmbedSlots> {
+}
+export {};

package/components/chapter/ErrorMessage.svelte

@@ -0,0 +1,9 @@
+<svelte:options immutable={true} />
+
+<script>import Problem from './Problem.svelte';
+export let node;
+</script>
+
+<Problem
+    ><span data-nodeid={node.nodeID}>Error: {node.getError()}</span></Problem
+>

package/components/chapter/ErrorMessage.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type ErrorNode from '../../models/chapter/ErrorNode';
+declare const __propDef: {
+    props: {
+        node: ErrorNode;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ErrorMessageProps = typeof __propDef.props;
+export type ErrorMessageEvents = typeof __propDef.events;
+export type ErrorMessageSlots = typeof __propDef.slots;
+export default class ErrorMessage extends SvelteComponentTyped<ErrorMessageProps, ErrorMessageEvents, ErrorMessageSlots> {
+}
+export {};

package/components/chapter/ExtendedPrism.d.ts

@@ -0,0 +1,2 @@
+export default Prism;
+import Prism from "prismjs";

package/{src/lib/components → components}/chapter/Figure.svelte

@@ -1,39 +1,31 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type TableNode from '$lib/models/chapter/TableNode';
-    import type EmbedNode from '$lib/models/chapter/EmbedNode';
-    import Format from './Format.svelte';
-    import type CodeNode from '$lib/models/chapter/CodeNode';
-    import type FormatNode from '$lib/models/chapter/FormatNode';
-    import Positioned from './Positioned.svelte';
-    import { getCaret, isChapterEditable } from '../page/Contexts';
-
-    export let node: TableNode | EmbedNode | CodeNode;
-    export let caption: FormatNode | undefined;
-    export let credit: FormatNode | undefined = undefined;
-
-    let editable = isChapterEditable();
-    let caret = getCaret();
-
-    $: selected = $caret?.range?.start.node === node;
-
-    function focusFigure() {
-        if (!editable || $caret === undefined) return;
-        // if (node instanceof EmbedNode) {
-        //     return $caret.setCaret({
-        //         start: { node, index: 0 },
-        //         end: { node, index: 0 },
-        //     });
-        // } else {
-        const firstCaret = node.getFirstCaret();
-        if (firstCaret)
-            $caret.setCaret({
-                start: firstCaret,
-                end: firstCaret,
-            });
-        // }
-    }
+<script>import Format from './Format.svelte';
+import Positioned from './Positioned.svelte';
+import { getCaret, isChapterEditable } from '../page/Contexts';
+export let node;
+export let caption;
+export let credit = undefined;
+let editable = isChapterEditable();
+let caret = getCaret();
+$: selected = $caret?.range?.start.node === node;
+function focusFigure() {
+    if (!editable || $caret === undefined)
+        return;
+    // if (node instanceof EmbedNode) {
+    //     return $caret.setCaret({
+    //         start: { node, index: 0 },
+    //         end: { node, index: 0 },
+    //     });
+    // } else {
+    const firstCaret = node.getFirstCaret();
+    if (firstCaret)
+        $caret.setCaret({
+            start: firstCaret,
+            end: firstCaret,
+        });
+    // }
+}
 </script>
 
 <Positioned position={node.getPosition()}>

package/components/chapter/Figure.svelte.d.ts

@@ -0,0 +1,24 @@
+import { SvelteComponentTyped } from "svelte";
+import type TableNode from '../../models/chapter/TableNode';
+import type EmbedNode from '../../models/chapter/EmbedNode';
+import type CodeNode from '../../models/chapter/CodeNode';
+import type FormatNode from '../../models/chapter/FormatNode';
+declare const __propDef: {
+    props: {
+        node: TableNode | EmbedNode | CodeNode;
+        caption: FormatNode | undefined;
+        credit?: FormatNode | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type FigureProps = typeof __propDef.props;
+export type FigureEvents = typeof __propDef.events;
+export type FigureSlots = typeof __propDef.slots;
+export default class Figure extends SvelteComponentTyped<FigureProps, FigureEvents, FigureSlots> {
+}
+export {};

package/{src/lib/components → components}/chapter/Footnote.svelte

@@ -1,40 +1,28 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type FootnoteNode from '$lib/models/chapter/FootnoteNode';
-    import Atom from '$lib/components/chapter/Atom.svelte';
-    import Marginal from '$lib/components/chapter/Marginal.svelte';
-    import Format from './Format.svelte';
-    import {
-        getChapter,
-        getEdition,
-        getCaret,
-    } from '$lib/components/page/Contexts';
-    import { afterUpdate } from 'svelte';
-
-    export let node: FootnoteNode;
-
-    $: content = node.getMeta();
-    let caret = getCaret();
-
-    let chapter = getChapter();
-    let edition = getEdition();
-
-    // What footnote number is this?
-    $: ast =
-        $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
-    $: number = ast?.getFootnotes().indexOf(node);
-    $: letter =
-        number === undefined ? undefined : $edition?.getFootnoteSymbol(number);
-
-    $: focused =
-        ast &&
+<script>import Atom from './Atom.svelte';
+import Marginal from './Marginal.svelte';
+import Format from './Format.svelte';
+import { getChapter, getEdition, getCaret, } from '../page/Contexts';
+import { afterUpdate } from 'svelte';
+export let node;
+$: content = node.getMeta();
+let caret = getCaret();
+let chapter = getChapter();
+let edition = getEdition();
+// What footnote number is this?
+$: ast =
+    $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
+$: number = ast?.getFootnotes().indexOf(node);
+$: letter =
+    number === undefined ? undefined : $edition?.getFootnoteSymbol(number);
+$: focused =
+    ast &&
         $caret &&
         $caret.range &&
         $caret.range.start.node.hasAncestor(ast, node);
-
-    // Position the marginals on every render.
-    afterUpdate(() => $chapter?.layoutMarginals());
+// Position the marginals on every render.
+afterUpdate(() => $chapter?.layoutMarginals());
 </script>
 
 <Atom {node}>

package/components/chapter/Footnote.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type FootnoteNode from '../../models/chapter/FootnoteNode';
+declare const __propDef: {
+    props: {
+        node: FootnoteNode;
+    };
+    events: {
+        mousedown: MouseEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FootnoteProps = typeof __propDef.props;
+export type FootnoteEvents = typeof __propDef.events;
+export type FootnoteSlots = typeof __propDef.slots;
+export default class Footnote extends SvelteComponentTyped<FootnoteProps, FootnoteEvents, FootnoteSlots> {
+}
+export {};

package/{src/lib/components → components}/chapter/Format.svelte

@@ -1,46 +1,41 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import FormatNode from '$lib/models/chapter/FormatNode';
-    import CitationsNode from '$lib/models/chapter/CitationsNode';
-    import CommentNode from '$lib/models/chapter/CommentNode';
-    import DefinitionNode from '$lib/models/chapter/DefinitionNode';
-    import FootnoteNode from '$lib/models/chapter/FootnoteNode';
-    import InlineCodeNode from '$lib/models/chapter/InlineCodeNode';
-    import LabelNode from '$lib/models/chapter/LabelNode';
-    import LinkNode from '$lib/models/chapter/LinkNode';
-    import TextNode from '$lib/models/chapter/TextNode';
-    import Problem from './Problem.svelte';
-
-    import Citations from './Citations.svelte';
-    import Definition from './Definition.svelte';
-    import Footnote from './Footnote.svelte';
-    import InlineCode from './InlineCode.svelte';
-    import Label from './Label.svelte';
-    import Link from './Link.svelte';
-    import Comment from './Comment.svelte';
-    import Text from './Text.svelte';
-    import Format from './Format.svelte';
-    import { isChapterEditable } from '../page/Contexts';
-
-    export let node: FormatNode;
-    export let editable: boolean = false;
-    export let placeholder: string | undefined = undefined;
-
-    $: format = node.getFormat();
-    $: tag =
-        format === '*'
-            ? 'strong'
-            : format === '_'
+<script>import FormatNode from '../../models/chapter/FormatNode';
+import CitationsNode from '../../models/chapter/CitationsNode';
+import CommentNode from '../../models/chapter/CommentNode';
+import DefinitionNode from '../../models/chapter/DefinitionNode';
+import FootnoteNode from '../../models/chapter/FootnoteNode';
+import InlineCodeNode from '../../models/chapter/InlineCodeNode';
+import LabelNode from '../../models/chapter/LabelNode';
+import LinkNode from '../../models/chapter/LinkNode';
+import TextNode from '../../models/chapter/TextNode';
+import Problem from './Problem.svelte';
+import Citations from './Citations.svelte';
+import Definition from './Definition.svelte';
+import Footnote from './Footnote.svelte';
+import InlineCode from './InlineCode.svelte';
+import Label from './Label.svelte';
+import Link from './Link.svelte';
+import Comment from './Comment.svelte';
+import Text from './Text.svelte';
+import Format from './Format.svelte';
+import { isChapterEditable } from '../page/Contexts';
+export let node;
+export let editable = false;
+export let placeholder = undefined;
+$: format = node.getFormat();
+$: tag =
+    format === '*'
+        ? 'strong'
+        : format === '_'
             ? 'em'
             : format === '^'
-            ? 'sup'
-            : format === 'v'
-            ? 'sub'
-            : 'span';
-
-    $: showPlaceholder =
-        node.isEmptyText() &&
+                ? 'sup'
+                : format === 'v'
+                    ? 'sub'
+                    : 'span';
+$: showPlaceholder =
+    node.isEmptyText() &&
         placeholder !== undefined &&
         (editable || isChapterEditable());
 </script>

package/components/chapter/Format.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import FormatNode from '../../models/chapter/FormatNode';
+declare const __propDef: {
+    props: {
+        node: FormatNode;
+        editable?: boolean | undefined;
+        placeholder?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type FormatProps = typeof __propDef.props;
+export type FormatEvents = typeof __propDef.events;
+export type FormatSlots = typeof __propDef.slots;
+export default class Format extends SvelteComponentTyped<FormatProps, FormatEvents, FormatSlots> {
+}
+export {};

package/{src/lib/components → components}/chapter/InlineCode.svelte

@@ -1,14 +1,10 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type InlineCodeNode from '$lib/models/chapter/InlineCodeNode';
-    import { isChapterEditable } from '../page/Contexts';
-    import Code from './Code.svelte';
-    import Text from './Text.svelte';
-
-    export let node: InlineCodeNode;
-
-    let editable = isChapterEditable();
+<script>import { isChapterEditable } from '../page/Contexts';
+import Code from './Code.svelte';
+import Text from './Text.svelte';
+export let node;
+let editable = isChapterEditable();
 </script>
 
 {#if editable}

package/components/chapter/InlineCode.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import type InlineCodeNode from '../../models/chapter/InlineCodeNode';
+declare const __propDef: {
+    props: {
+        node: InlineCodeNode;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type InlineCodeProps = typeof __propDef.props;
+export type InlineCodeEvents = typeof __propDef.events;
+export type InlineCodeSlots = typeof __propDef.slots;
+export default class InlineCode extends SvelteComponentTyped<InlineCodeProps, InlineCodeEvents, InlineCodeSlots> {
+}
+export {};