bookish-press 0.4.46 → 0.4.47

package/components/editor/BookishEditor.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type RootNode from '../../models/chapter/RootNode';
-declare const __propDef: {
-    props: {
-        text: string;
-        parser: (text: string) => RootNode;
-        save: (node: RootNode) => Promise<void> | void;
-        chapter: boolean;
-        autofocus?: boolean | undefined;
-        component: ConstructorOfATypedSvelteComponent;
-        placeholder: string;
-        leasee: string | boolean;
-        lease: (lock: boolean) => Promise<boolean> | boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BookishEditorProps = typeof __propDef.props;
-export type BookishEditorEvents = typeof __propDef.events;
-export type BookishEditorSlots = typeof __propDef.slots;
-export default class BookishEditor extends SvelteComponentTyped<BookishEditorProps, BookishEditorEvents, BookishEditorSlots> {
-}
-export {};

package/components/editor/CalloutEditor.svelte

@@ -1,10 +0,0 @@
-<script>import PositionEditor from './PositionEditor.svelte';
-import { getCaret } from '../page/Contexts';
-export let callout;
-let caret = getCaret();
-</script>
-
-<PositionEditor
-    value={callout.getPosition()}
-    edit={(position) => $caret?.edit(callout, callout.withPosition(position))}
-/>

package/components/editor/CalloutEditor.svelte.d.ts

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

package/components/editor/CaptionedCodeEditor.svelte.d.ts

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

package/components/editor/CaretContext.d.ts

@@ -1,50 +0,0 @@
-import type Caret from '../../models/chapter/Caret';
-import type { CaretRange } from '../../models/chapter/Caret';
-import type ParagraphNode from '../../models/chapter/ParagraphNode';
-import type AtomNode from '../../models/chapter/AtomNode';
-import type FormatNode from '../../models/chapter/FormatNode';
-import type BlocksNode from '../../models/chapter/BlocksNode';
-import type ListNode from '../../models/chapter/ListNode';
-import type TableNode from '../../models/chapter/TableNode';
-import type MetadataNode from '../../models/chapter/MetadataNode';
-import type RootNode from '../../models/chapter/RootNode';
-import type Edit from '../../models/chapter/Edit';
-import type CodeNode from '../../models/chapter/CodeNode';
-import type BlockNode from '../../models/chapter/BlockNode';
-import type Clipboard from './Clipboard';
-import type UndoState from './UndoState';
-import type Node from '../../models/chapter/Node';
-export type PasteContent = {
-    plain: string | undefined;
-};
-type CaretContext = {
-    chapter: boolean;
-    range: CaretRange;
-    start: Caret;
-    end: Caret;
-    isSelection: boolean;
-    root: RootNode;
-    blocks: BlocksNode | undefined;
-    paragraph: ParagraphNode | undefined;
-    block: BlockNode | undefined;
-    includesList: boolean;
-    code: CodeNode | undefined;
-    list: ListNode | undefined;
-    table: TableNode | undefined;
-    format: FormatNode | undefined;
-    atom: AtomNode<any> | undefined;
-    meta: MetadataNode<any> | undefined;
-    startIsText: boolean;
-    endIsText: boolean;
-    startIsTextOrAtom: boolean;
-    endIsTextOrAtom: boolean;
-    atParagraphStart: boolean;
-    undoStack: UndoState[];
-    undoPosition: number;
-    undo: () => Edit;
-    redo: () => Edit;
-    clipboard: Clipboard;
-    handleCopy: (node: Node) => void;
-    handlePaste: (context: CaretContext, text: PasteContent | Node, save: boolean) => Edit;
-};
-export default CaretContext;

package/components/editor/CaretContext.js

@@ -1 +0,0 @@
-export {};

package/components/editor/CaretState.js

@@ -1 +0,0 @@
-export {};

package/components/editor/CaretUtilities.js

@@ -1 +0,0 @@
-export {};

package/components/editor/CaretView.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        left: number;
-        top: number;
-        height: number;
-        linked: boolean;
-        italic: boolean;
-        bold: boolean;
-        disabled: boolean;
-        ignored: boolean;
-        blink: boolean;
-        locked: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CaretViewProps = typeof __propDef.props;
-export type CaretViewEvents = typeof __propDef.events;
-export type CaretViewSlots = typeof __propDef.slots;
-export default class CaretView extends SvelteComponentTyped<CaretViewProps, CaretViewEvents, CaretViewSlots> {
-}
-export {};

package/components/editor/CitationsEditor.svelte

@@ -1,53 +0,0 @@
-<script>import Note from './Note.svelte';
-import Options from '../app/Options.svelte';
-import Button from '../app/Button.svelte';
-import { getCaret, getEdition } from '../page/Contexts';
-export let citations;
-let caret = getCaret();
-let edition = getEdition();
-let value = '';
-function handleSelection(selection) {
-    if (selection.length > 0)
-        update(new Set([...citations.getMeta(), selection]));
-}
-function removeSelection(citationID) {
-    let ids = new Set(citations.getMeta());
-    ids.delete(citationID);
-    update(ids);
-}
-function update(set) {
-    $caret?.edit(citations, citations.withMeta(Array.from(set)));
-}
-$: uncited =
-    $edition === undefined
-        ? []
-        : Object.keys($edition.getReferences())
-            .filter((citationID) => !citations.getMeta().includes(citationID))
-            .sort();
-let options = [];
-$: {
-    options = [];
-    options.push([
-        uncited.length > 0 ? 'Choose references' : 'No uncited references',
-        '',
-    ]);
-    for (const citationID of uncited)
-        options.push([citationID, citationID]);
-}
-</script>
-
-<Options
-    {options}
-    bind:value
-    changed={handleSelection}
-    label="choose citations"
-/>
-{#each citations.getMeta() as citationID}
-    {citationID}
-    <Button
-        tooltip="Remove citation"
-        command={() => removeSelection(citationID)}>&times; citation</Button
-    >
-{:else}
-    <Note>&mdash;</Note>
-{/each}

package/components/editor/CitationsEditor.svelte.d.ts

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

package/components/editor/Clipboard.js

@@ -1 +0,0 @@
-export {};

package/components/editor/Command.js

@@ -1 +0,0 @@
-export {};

package/components/editor/Commands.d.ts

@@ -1,3 +0,0 @@
-import type Command from './Command';
-declare const commands: Command[];
-export default commands;

package/components/editor/ConfirmButton.svelte

@@ -1,49 +0,0 @@
-<script>import { onMount } from 'svelte';
-import Button from '../app/Button.svelte';
-export let commandLabel;
-export let tooltip;
-export let confirmLabel;
-export let command;
-let confirming = false;
-let executing = false;
-let timeoutID = undefined;
-let isMounted = false;
-onMount(() => {
-    isMounted = true;
-    return () => (isMounted = false);
-});
-function execute() {
-    if (!confirming && !executing) {
-        confirming = true;
-        timeoutID = setTimeout(() => {
-            if (isMounted)
-                confirming = false;
-        }, 2000);
-    }
-    else if (confirming) {
-        command()?.finally(() => {
-            if (isMounted) {
-                if (timeoutID)
-                    clearTimeout(timeoutID);
-                confirming = false;
-                executing = false;
-            }
-        });
-    }
-}
-</script>
-
-<Button
-    disabled={executing}
-    {tooltip}
-    command={execute}
-    class={confirming ? 'bookish-editor-confirm' : ''}
->
-    {confirming ? confirmLabel : commandLabel}
-</Button>
-
-<style>
-    :global(bookish-editor-confirm) {
-        animation: failure 100ms infinite;
-    }
-</style>

package/components/editor/ConfirmButton.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        commandLabel: string;
-        tooltip: string;
-        confirmLabel: string;
-        command: () => Promise<void> | void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ConfirmButtonProps = typeof __propDef.props;
-export type ConfirmButtonEvents = typeof __propDef.events;
-export type ConfirmButtonSlots = typeof __propDef.slots;
-export default class ConfirmButton extends SvelteComponentTyped<ConfirmButtonProps, ConfirmButtonEvents, ConfirmButtonSlots> {
-}
-export {};

package/components/editor/DefinitionEditor.svelte

@@ -1,36 +0,0 @@
-<script>import Options from '../app/Options.svelte';
-import Note from './Note.svelte';
-import { getCaret, getEdition } from '../page/Contexts';
-export let definition;
-let caret = getCaret();
-let edition = getEdition();
-$: glossary = $edition?.getGlossary();
-function handleChange(glossaryID) {
-    $caret?.edit(definition, definition.withMeta(glossaryID));
-}
-// Sort the glossary entries by phrase
-$: entries =
-    glossary === undefined
-        ? undefined
-        : Object.entries(glossary)
-            .map(([key, value]) => {
-            return { glossaryID: key, phrase: value.phrase };
-        })
-            .sort((a, b) => a && b ? a.phrase.localeCompare(b.phrase) : 0);
-</script>
-
-{#if entries !== undefined && glossary !== undefined}
-    {#if entries.length === 0}
-        <Note>No glossary entries to add</Note>
-    {:else}
-        <Options
-            options={entries.map((entry) => [entry.phrase, entry.glossaryID])}
-            value={definition.getMeta()}
-            changed={handleChange}
-            label="choose definition"
-        />
-        {#if !(definition.getMeta() in glossary)}
-            <Note>Choose a glossary entry.</Note>
-        {/if}
-    {/if}
-{/if}

package/components/editor/DefinitionEditor.svelte.d.ts

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

package/components/editor/EmbedEditor.svelte

@@ -1,137 +0,0 @@
-<script>import PositionEditor from './PositionEditor.svelte';
-import EmbedNode from '../../models/chapter/EmbedNode';
-import TextEditor from './TextEditor.svelte';
-import { storage } from '../../models/Firebase';
-import ToolbarSpacer from './ToolbarSpacer.svelte';
-import ImageChooser from './ImageChooser.svelte';
-import URLEditor from './URLEditor.svelte';
-import Note from './Note.svelte';
-import { getBook, getCaret } from '../page/Contexts';
-export let embed;
-let caret = getCaret();
-let upload = undefined;
-$: description = embed.getDescription();
-let book = getBook();
-function isValidURL(url) {
-    // Is it a valid URL?
-    try {
-        let test = new URL(url);
-        if (test.protocol === 'http:' || test.protocol === 'https:')
-            return;
-    }
-    catch (_) { }
-    return "URL doesn't seem valid";
-}
-function handleImageChange(event) {
-    if ($book === undefined)
-        return;
-    if ($caret === undefined)
-        return;
-    const target = event.target;
-    const file = target.files === null ? undefined : target.files[0];
-    const media = $book.getMedia();
-    if (file === undefined)
-        return;
-    if (storage === undefined)
-        return;
-    if (media === undefined)
-        return;
-    media.upload(file, (progress) => (upload = `${progress}% done`), (error) => (upload = error), (url, thumbnail) => {
-        // Upload completed successfully, now we can get the download URL
-        $caret?.edit(embed, embed.withURLs(url, thumbnail).withDescription(''));
-        upload = undefined;
-    });
-}
-function handleImageSelection(image) {
-    // Toggle the embed
-    $caret?.edit(embed, embed.getURL() === image.url
-        ? embed.withURL('').withDescription('')
-        : embed.withURL(image.url));
-}
-</script>
-
-{#if $caret?.root instanceof EmbedNode}
-    <ToolbarSpacer />
-{:else}
-    Position <PositionEditor
-        value={embed.getPosition()}
-        edit={(position) => $caret?.edit(embed, embed.withPosition(position))}
-    />
-{/if}
-<label class="file-upload" tabIndex="0">
-    <input
-        type="file"
-        on:input={handleImageChange}
-        accept=".jpg,.jpeg,.png,.gif,image/jpeg,image/png,image/gif"
-    />
-    Upload
-</label>
-<ToolbarSpacer />
-{#if !embed.isHosted()}
-    <URLEditor
-        url={embed.getURL()}
-        validator={isValidURL}
-        edit={(url) => {
-            const revisedEmbed = embed.withURL(url);
-            const revisedURL = revisedEmbed.getURL();
-            $caret?.edit(embed, revisedEmbed);
-            return revisedURL;
-        }}
-    />
-{:else}
-    <Note>(Hosted)</Note>
-{/if}
-<ToolbarSpacer />
-<TextEditor
-    text={description}
-    label={'Image description'}
-    placeholder={'description'}
-    valid={(alt) =>
-        alt.length === 0 ? 'Image description required' : undefined}
-    save={(alt) => {
-        $caret?.edit(embed, embed.withDescription(alt));
-    }}
-    width={20}
-    clip={true}
-/>
-<ToolbarSpacer />
-{#if upload}
-    {upload}
-{/if}
-<ImageChooser select={handleImageSelection} selection={embed.getURL()} />
-
-<style>
-    .file-upload {
-        background-color: var(--app-chrome-background);
-        padding: var(--app-chrome-padding);
-        border-radius: var(--app-chrome-roundedness);
-        border: none;
-    }
-
-    .file-upload:hover {
-        background-color: var(--app-interactive-color);
-        color: var(--app-font-color-inverted);
-        cursor: pointer;
-    }
-
-    .file-upload input:disabled {
-        opacity: 0.3;
-        cursor: auto;
-    }
-
-    .file-upload {
-        font-family: var(--bookish-app-font);
-        font-size: var(--app-chrome-font-size);
-    }
-
-    .file-upload input[type='file'] {
-        display: none;
-    }
-
-    .file-upload:focus-within {
-        position: relative;
-        z-index: 2;
-        outline: var(--app-chrome-border-size) solid
-            var(--app-interactive-color);
-    }
-</style>

package/components/editor/EmbedEditor.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import EmbedNode from '../../models/chapter/EmbedNode';
-declare const __propDef: {
-    props: {
-        embed: EmbedNode;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type EmbedEditorProps = typeof __propDef.props;
-export type EmbedEditorEvents = typeof __propDef.events;
-export type EmbedEditorSlots = typeof __propDef.slots;
-export default class EmbedEditor extends SvelteComponentTyped<EmbedEditorProps, EmbedEditorEvents, EmbedEditorSlots> {
-}
-export {};

package/components/editor/Icon.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        icon: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-export default class Icon extends SvelteComponentTyped<IconProps, IconEvents, IconSlots> {
-}
-export {};

package/components/editor/ImageChooser.svelte.d.ts

@@ -1,18 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type { Image } from '../../models/book/BookMedia';
-declare const __propDef: {
-    props: {
-        select: (image: Image) => void;
-        selection: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ImageChooserProps = typeof __propDef.props;
-export type ImageChooserEvents = typeof __propDef.events;
-export type ImageChooserSlots = typeof __propDef.slots;
-export default class ImageChooser extends SvelteComponentTyped<ImageChooserProps, ImageChooserEvents, ImageChooserSlots> {
-}
-export {};

package/components/editor/InlineCodeEditor.svelte

@@ -1,12 +0,0 @@
-<script>import LanguageEditor from './LanguageEditor.svelte';
-import { getCaret } from '../page/Contexts';
-export let code;
-let caret = getCaret();
-</script>
-
-<span>
-    <LanguageEditor
-        language={code.getMeta()}
-        edit={(lang) => $caret?.edit(code, code.withMeta(lang))}
-    />
-</span>

package/components/editor/InlineCodeEditor.svelte.d.ts

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

package/components/editor/LabelEditor.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-import type LabelNode from '../../models/chapter/LabelNode';
-declare const __propDef: {
-    props: {
-        label: LabelNode;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type LabelEditorProps = typeof __propDef.props;
-export type LabelEditorEvents = typeof __propDef.events;
-export type LabelEditorSlots = typeof __propDef.slots;
-export default class LabelEditor extends SvelteComponentTyped<LabelEditorProps, LabelEditorEvents, LabelEditorSlots> {
-}
-export {};

package/components/editor/LanguageEditor.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        language: string;
-        edit: (newValue: string) => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type LanguageEditorProps = typeof __propDef.props;
-export type LanguageEditorEvents = typeof __propDef.events;
-export type LanguageEditorSlots = typeof __propDef.slots;
-export default class LanguageEditor extends SvelteComponentTyped<LanguageEditorProps, LanguageEditorEvents, LanguageEditorSlots> {
-}
-export {};