bookish-press 0.4.47 → 0.4.48

package/components/app/TextInput.svelte.d.ts

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        text?: string | undefined;
+        autocomplete?: string | null | undefined;
+        type: string;
+        placeholder: string;
+        disabled: boolean;
+        value?: (() => string) | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TextInputProps = typeof __propDef.props;
+export type TextInputEvents = typeof __propDef.events;
+export type TextInputSlots = typeof __propDef.slots;
+export default class TextInput extends SvelteComponentTyped<TextInputProps, TextInputEvents, TextInputSlots> {
+    get value(): () => string;
+}
+export {};

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

@@ -1,23 +1,17 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type AtomNode from '$lib/models/chapter/AtomNode';
-    import { getCaret } from '$lib/components/page/Contexts';
-
-    export let node: AtomNode<any>;
-
-    let caret = getCaret();
-
-    // Is the caret on this link?
-    $: selected = $caret && $caret.range && $caret.range.start.node === node;
-
-    function handleMouseDown() {
-        // Select this so that the view stays focused.
-        $caret?.setCaret({
-            start: { node: node, index: 0 },
-            end: { node: node, index: 0 },
-        });
-    }
+<script>import { getCaret } from '../page/Contexts';
+export let node;
+let caret = getCaret();
+// Is the caret on this link?
+$: selected = $caret && $caret.range && $caret.range.start.node === node;
+function handleMouseDown() {
+    // Select this so that the view stays focused.
+    $caret?.setCaret({
+        start: { node: node, index: 0 },
+        end: { node: node, index: 0 },
+    });
+}
 </script>
 
 <!-- Prevent the editor from receiving the click. -->

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

@@ -0,0 +1,19 @@
+import { SvelteComponentTyped } from "svelte";
+import type AtomNode from '../../models/chapter/AtomNode';
+declare const __propDef: {
+    props: {
+        node: AtomNode<any>;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type AtomProps = typeof __propDef.props;
+export type AtomEvents = typeof __propDef.events;
+export type AtomSlots = typeof __propDef.slots;
+export default class Atom extends SvelteComponentTyped<AtomProps, AtomEvents, AtomSlots> {
+}
+export {};

package/components/chapter/Block.svelte

@@ -0,0 +1,37 @@
+<svelte:options immutable={true} />
+
+<script>import CalloutNode from '../../models/chapter/CalloutNode';
+import CodeNode from '../../models/chapter/CodeNode';
+import EmbedNode from '../../models/chapter/EmbedNode';
+import ErrorNode from '../../models/chapter/ErrorNode';
+import ListNode from '../../models/chapter/ListNode';
+import ParagraphNode from '../../models/chapter/ParagraphNode';
+import QuoteNode from '../../models/chapter/QuoteNode';
+import RuleNode from '../../models/chapter/RuleNode';
+import TableNode from '../../models/chapter/TableNode';
+import Callout from './Callout.svelte';
+import CaptionedCode from './CaptionedCode.svelte';
+import Embed from './Embed.svelte';
+import ErrorMessage from './ErrorMessage.svelte';
+import List from './List.svelte';
+import Paragraph from './Paragraph.svelte';
+import Quote from './Quote.svelte';
+import Rule from './Rule.svelte';
+import Table from './Table.svelte';
+import Problem from './Problem.svelte';
+import { isChapterEditable } from '../page/Contexts';
+export let node;
+let editable = isChapterEditable();
+</script>
+
+{#if node instanceof ParagraphNode}<Paragraph {node} />
+{:else if node instanceof ListNode}<List {node} />
+{:else if node instanceof EmbedNode}<Embed {node} {editable} />
+{:else if node instanceof CalloutNode}<Callout {node} />
+{:else if node instanceof QuoteNode}<Quote {node} />
+{:else if node instanceof CodeNode}<CaptionedCode {node} />
+{:else if node instanceof ErrorNode}<ErrorMessage {node} />
+{:else if node instanceof RuleNode}<Rule {node} />
+{:else if node instanceof TableNode}<Table {node} />
+{:else}<p><Problem>Unknown node type</Problem></p>
+{/if}

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

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

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

@@ -1,11 +1,8 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type CalloutNode from '$lib/models/chapter/CalloutNode';
-    import Block from './Block.svelte';
-    import Positioned from './Positioned.svelte';
-
-    export let node: CalloutNode;
+<script>import Block from './Block.svelte';
+import Positioned from './Positioned.svelte';
+export let node;
 </script>
 
 <Positioned position={node.getPosition()}>

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

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

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

@@ -1,26 +1,18 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type CodeNode from '$lib/models/chapter/CodeNode';
-    import Code from './Code.svelte';
-    import Python from './Python.svelte';
-    import Text from './Text.svelte';
-    import { isChapterEditable } from '../page/Contexts';
-    import Figure from './Figure.svelte';
-    import { getCaret } from '$lib/components/page/Contexts';
-
-    export let node: CodeNode;
-
-    $: language = node.getLanguage();
-
-    let editable = isChapterEditable();
-
-    // const languages = [ "C", "C++", "CSS", "Go", "HTML", "Java", "JavaScript", "Markdown", "Plaintext", "Python", "TypeScript" ];
-
-    let caret = getCaret();
-
-    $: inside =
-        $caret?.range?.start.node === node.getCodeNode() ||
+<script>import Code from './Code.svelte';
+import Python from './Python.svelte';
+import Text from './Text.svelte';
+import { isChapterEditable } from '../page/Contexts';
+import Figure from './Figure.svelte';
+import { getCaret } from '../page/Contexts';
+export let node;
+$: language = node.getLanguage();
+let editable = isChapterEditable();
+// const languages = [ "C", "C++", "CSS", "Go", "HTML", "Java", "JavaScript", "Markdown", "Plaintext", "Python", "TypeScript" ];
+let caret = getCaret();
+$: inside =
+    $caret?.range?.start.node === node.getCodeNode() ||
         $caret?.range?.end.node === node.getCodeNode();
 </script>
 

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

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

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

@@ -1,18 +1,14 @@
 <svelte:options immutable />
 
-<script lang="ts">
-    import type ChapterNode from '$lib/models/chapter/ChapterNode';
-    import ParagraphNode from '$lib/models/chapter/ParagraphNode';
-    import Block from './Block.svelte';
-    import Paragraph from './Paragraph.svelte';
-    import Problem from './Problem.svelte';
-
-    export let node: ChapterNode;
-    export let placeholder: string = '';
-    export let editable: boolean = false;
-
-    $: errors = node.getErrors();
-    $: blocks = node.getBlocks();
+<script>import ParagraphNode from '../../models/chapter/ParagraphNode';
+import Block from './Block.svelte';
+import Paragraph from './Paragraph.svelte';
+import Problem from './Problem.svelte';
+export let node;
+export let placeholder = '';
+export let editable = false;
+$: errors = node.getErrors();
+$: blocks = node.getBlocks();
 </script>
 
 <section class="bookish-chapter-body" data-nodeid={node.nodeID}>

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

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

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

@@ -1,39 +1,38 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import Marginal from './Marginal.svelte';
-    import Parser from '$lib/models/chapter/Parser';
-    import type CitationsNode from '$lib/models/chapter/CitationsNode';
-    import Problem from './Problem.svelte';
-    import Atom from './Atom.svelte';
-    import { getChapter, getEdition } from '../page/Contexts';
-    import PossibleReference from '../page/PossibleReference.svelte';
-    import { afterUpdate } from 'svelte';
-
-    export let node: CitationsNode;
-
-    let chapter = getChapter();
-    let edition = getEdition();
-
-    $: ast =
-        $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
-
-    // Sort citations numerically, however they're numbered.
-    $: citations = node.getMeta().sort((a, b) => {
-        if (ast === undefined) return 0;
-        let aNumber = ast.getCitationNumber(a);
-        let bNumber = ast.getCitationNumber(b);
-        if (aNumber === null) {
-            if (bNumber === null) return 0;
-            else return 1;
-        } else {
-            if (bNumber === null) return -1;
-            else return aNumber - bNumber;
-        }
-    });
-
-    // Position the marginals on every render.
-    afterUpdate(() => $chapter?.layoutMarginals());
+<script>import Marginal from './Marginal.svelte';
+import Parser from '../../models/chapter/Parser';
+import Problem from './Problem.svelte';
+import Atom from './Atom.svelte';
+import { getChapter, getEdition } from '../page/Contexts';
+import PossibleReference from '../page/PossibleReference.svelte';
+import { afterUpdate } from 'svelte';
+export let node;
+let chapter = getChapter();
+let edition = getEdition();
+$: ast =
+    $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
+// Sort citations numerically, however they're numbered.
+$: citations = node.getMeta().sort((a, b) => {
+    if (ast === undefined)
+        return 0;
+    let aNumber = ast.getCitationNumber(a);
+    let bNumber = ast.getCitationNumber(b);
+    if (aNumber === null) {
+        if (bNumber === null)
+            return 0;
+        else
+            return 1;
+    }
+    else {
+        if (bNumber === null)
+            return -1;
+        else
+            return aNumber - bNumber;
+    }
+});
+// Position the marginals on every render.
+afterUpdate(() => $chapter?.layoutMarginals());
 </script>
 
 <Atom {node}>

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

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

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

@@ -1,27 +1,23 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import { afterUpdate } from 'svelte';
-    import Prism from './ExtendedPrism';
-
-    export let editable: boolean;
-    export let inline: boolean;
-    export let nodeID: number | undefined;
-    export let edited: ((text: string) => void) | undefined = undefined;
-    export let language: string | undefined = undefined;
-
-    let element: HTMLElement | null = null;
-
-    // When the component mounts or updates, highlight the code inside.
-    afterUpdate(() => {
-        if (element) {
-            Prism.highlightElement(element);
-        }
-    });
-
-    function handleChange() {
-        if (element && edited) edited(element.innerText);
-    }
+<script>import { afterUpdate } from 'svelte';
+import Prism from './ExtendedPrism';
+export let editable;
+export let inline;
+export let nodeID;
+export let edited = undefined;
+export let language = undefined;
+let element = null;
+// When the component mounts or updates, highlight the code inside.
+afterUpdate(() => {
+    if (element) {
+        Prism.highlightElement(element);
+    }
+});
+function handleChange() {
+    if (element && edited)
+        edited(element.innerText);
+}
 </script>
 
 <code
@@ -37,7 +33,7 @@
 </code>
 
 <style global>
-    .bookish-code {
+    :global(.bookish-code) {
         font-family: var(--bookish-code-font-family);
         font-weight: var(--bookish-code-font-weight);
         font-size: var(--bookish-code-font-size);
@@ -48,27 +44,27 @@
         overflow-x: scroll;
     }
 
-    code {
+    :global(code) {
         font-family: var(--bookish-code-font-family);
         font-weight: var(--bookish-code-font-weight);
         font-size: var(--bookish-code-font-size);
     }
 
-    .bookish-code-block {
+    :global(.bookish-code-block) {
         display: block;
         padding: var(--bookish-block-padding);
         line-height: var(--bookish-paragraph-line-height-tight);
         border-radius: var(--bookish-roundedness);
     }
 
-    .bookish-code-inline {
+    :global(.bookish-code-inline) {
         display: inline;
         padding: calc(1.5 * var(--bookish-inline-padding))
             var(--bookish-inline-padding);
         white-space: pre-line !important;
     }
 
-    .bookish-code-inline :global(code) {
+    :global(.bookish-code-inline) :global(code) {
         display: inline;
         padding: 0em;
     }
@@ -81,7 +77,7 @@
     * @author Lea Verou
     */
 
-    code[class*='language-'] {
+    :global(code[class*='language-']) {
         color: black;
         background: none;
         font-family: var(--bookish-code-font-family);
@@ -103,69 +99,69 @@
         hyphens: none;
     }
 
-    .token.comment,
-    .token.prolog,
-    .token.doctype,
-    .token.cdata {
+    :global(.token.comment),
+    :global(.token.prolog),
+    :global(.token.doctype),
+    :global(.token.cdata) {
         color: var(--bookish-comment-color);
     }
 
-    .token.punctuation {
+    :global(.token.punctuation) {
         color: var(--bookish-muted-color);
     }
 
-    .token.namespace {
+    :global(.token.namespace) {
         opacity: 0.7;
     }
 
-    .token.property,
-    .token.tag,
-    .token.boolean,
-    .token.number,
-    .token.constant,
-    .token.symbol,
-    .token.deleted {
+    :global(.token.property),
+    :global(.token.tag),
+    :global(.token.boolean),
+    :global(.token.number),
+    :global(.token.constant),
+    :global(.token.symbol),
+    :global(.token.deleted) {
         color: var(--bookish-error-color);
     }
 
-    .token.selector,
-    .token.attr-name,
-    .token.string,
-    .token.char,
-    .token.builtin,
-    .token.inserted {
+    :global(.token.selector),
+    :global(.token.attr-name),
+    :global(.token.string),
+    :global(.token.char),
+    :global(.token.builtin),
+    :global(.token.inserted) {
         color: var(--bookish-pragraph-color);
     }
 
-    .token.operator,
-    .token.entity,
-    .token.url {
+    :global(.token.operator),
+    :global(.token.entity),
+    :global(.token.url) {
         color: var(--bookish-bullet-color);
     }
 
-    .token.atrule,
-    .token.attr-value,
-    .token.keyword {
+    :global(.token.atrule),
+    :global(.token.attr-value),
+    :global(.token.keyword) {
         color: var(--bookish-link-color);
     }
 
-    .token.regex,
-    .token.important,
-    .token.variable,
-    .token.function,
-    .token.class-name {
+    :global(.token.regex),
+    :global(.token.important),
+    :global(.token.variable),
+    :global(.token.function),
+    :global(.token.class-name) {
         color: var(--bookish-highlight-color);
     }
 
-    .token.important,
-    .token.bold {
+    :global(.token.important),
+    :global(.token.bold) {
         font-weight: bold;
     }
-    .token.italic {
+    :global(.token.italic) {
         font-style: italic;
     }
 
-    .token.entity {
+    :global(.token.entity) {
         cursor: help;
     }
 </style>

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

@@ -0,0 +1,22 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        editable: boolean;
+        inline: boolean;
+        nodeID: number | undefined;
+        edited?: ((text: string) => void) | undefined;
+        language?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CodeProps = typeof __propDef.props;
+export type CodeEvents = typeof __propDef.events;
+export type CodeSlots = typeof __propDef.slots;
+export default class Code extends SvelteComponentTyped<CodeProps, CodeEvents, CodeSlots> {
+}
+export {};

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

@@ -1,35 +1,23 @@
 <svelte:options immutable={true} />
 
-<script lang="ts">
-    import type CommentNode from '$lib/models/chapter/CommentNode';
-    import Atom from './Atom.svelte';
-    import Marginal from './Marginal.svelte';
-    import Format from './Format.svelte';
-    import {
-        getChapter,
-        isChapterEditable,
-        getCaret,
-        getEdition,
-    } from '$lib/components/page/Contexts';
-    import { afterUpdate } from 'svelte';
-    import Icon from '../editor/Icon.svelte';
-    import CommentIcon from '../editor/icons/comment.svg?raw';
-
-    export let node: CommentNode;
-
-    let chapter = getChapter();
-    let edition = getEdition();
-    let editable = isChapterEditable();
-
-    let caret = getCaret();
-
-    $: chapterNode =
-        $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
-    $: focused =
-        $caret && $caret.range && node.contains($caret.range.start.node);
-
-    // Position the marginals on every render.
-    afterUpdate(() => $chapter?.layoutMarginals());
+<script>import Atom from './Atom.svelte';
+import Marginal from './Marginal.svelte';
+import Format from './Format.svelte';
+import { getChapter, isChapterEditable, getCaret, getEdition, } from '../page/Contexts';
+import { afterUpdate } from 'svelte';
+import Icon from '../editor/Icon.svelte';
+import CommentIcon from '../editor/icons/comment.svg?raw';
+export let node;
+let chapter = getChapter();
+let edition = getEdition();
+let editable = isChapterEditable();
+let caret = getCaret();
+$: chapterNode =
+    $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
+$: focused =
+    $caret && $caret.range && node.contains($caret.range.start.node);
+// Position the marginals on every render.
+afterUpdate(() => $chapter?.layoutMarginals());
 </script>
 
 <Atom {node}>