bookish-press 0.5.26 → 0.5.62

package/dist/components/editor/Commands.js

@@ -53,6 +53,7 @@ import SuperscriptIcon from './icons/super.svg?raw';
 import TableIcon from './icons/table.svg?raw';
 import UndoIcon from './icons/undo.svg?raw';
 import UnindentIcon from './icons/unindent.svg?raw';
+import LineBreakNode from '../../models/chapter/LineBreakNode';
 /**
  * Icons:
  *      From: https://www.streamlinehq.com/icons/streamline-mini-line
@@ -119,9 +120,9 @@ const commands = [
         shift: false,
         key: 'ArrowUp',
         visible: (context) => context.table !== undefined,
-        active: (context) => context.table !== undefined && context.format !== undefined,
-        handler: (context) => context.table !== undefined && context.format !== undefined
-            ? insertTableRowColumn(context, context.table, context.format, true, true)
+        active: (context) => context.table !== undefined && context.formatRoot !== undefined,
+        handler: (context) => context.table !== undefined && context.formatRoot !== undefined
+            ? insertTableRowColumn(context, context.table, context.formatRoot, true, true)
             : undefined,
     },
     {
@@ -134,9 +135,9 @@ const commands = [
         shift: false,
         key: 'ArrowDown',
         visible: (context) => context.table !== undefined,
-        active: (context) => context.table !== undefined && context.format !== undefined,
-        handler: (context) => context.table !== undefined && context.format !== undefined
-            ? insertTableRowColumn(context, context.table, context.format, true, false)
+        active: (context) => context.table !== undefined && context.formatRoot !== undefined,
+        handler: (context) => context.table !== undefined && context.formatRoot !== undefined
+            ? insertTableRowColumn(context, context.table, context.formatRoot, true, false)
             : undefined,
     },
     {
@@ -149,9 +150,9 @@ const commands = [
         shift: false,
         key: 'ArrowRight',
         visible: (context) => context.table !== undefined,
-        active: (context) => context.table !== undefined && context.format !== undefined,
-        handler: (context) => context.table !== undefined && context.format !== undefined
-            ? insertTableRowColumn(context, context.table, context.format, false, false)
+        active: (context) => context.table !== undefined && context.formatRoot !== undefined,
+        handler: (context) => context.table !== undefined && context.formatRoot !== undefined
+            ? insertTableRowColumn(context, context.table, context.formatRoot, false, false)
             : undefined,
     },
     {
@@ -164,9 +165,9 @@ const commands = [
         shift: false,
         key: 'ArrowLeft',
         visible: (context) => context.table !== undefined,
-        active: (context) => context.table !== undefined && context.format !== undefined,
-        handler: (context) => context.table !== undefined && context.format !== undefined
-            ? insertTableRowColumn(context, context.table, context.format, false, true)
+        active: (context) => context.table !== undefined && context.formatRoot !== undefined,
+        handler: (context) => context.table !== undefined && context.formatRoot !== undefined
+            ? insertTableRowColumn(context, context.table, context.formatRoot, false, true)
             : undefined,
     },
     {
@@ -179,11 +180,11 @@ const commands = [
         shift: false,
         key: 'Backspace',
         visible: (context) => context.table !== undefined,
-        active: (context) => context.format !== undefined &&
+        active: (context) => context.formatRoot !== undefined &&
             context.table !== undefined &&
             context.table.getRowCount() > 1,
-        handler: (context) => context.format !== undefined && context.table !== undefined
-            ? deleteTableRowColumn(context, context.table, context.format, true)
+        handler: (context) => context.formatRoot !== undefined && context.table !== undefined
+            ? deleteTableRowColumn(context, context.table, context.formatRoot, true)
             : undefined,
     },
     {
@@ -196,11 +197,11 @@ const commands = [
         shift: true,
         key: 'Backspace',
         visible: (context) => context.table !== undefined,
-        active: (context) => context.format !== undefined &&
+        active: (context) => context.formatRoot !== undefined &&
             context.table !== undefined &&
             context.table.getColumnCount() > 1,
-        handler: (context) => context.format !== undefined && context.table !== undefined
-            ? deleteTableRowColumn(context, context.table, context.format, false)
+        handler: (context) => context.formatRoot !== undefined && context.table !== undefined
+            ? deleteTableRowColumn(context, context.table, context.formatRoot, false)
             : undefined,
     },
     {
@@ -213,11 +214,11 @@ const commands = [
         shift: false,
         key: 'Tab',
         visible: () => false,
-        active: (context) => context.format !== undefined,
+        active: (context) => context.formatRoot !== undefined,
         handler: (context) => {
-            if (context.format) {
+            if (context.formatRoot) {
                 let caret = context.root
-                    .getNodeAfter(context.format, (node) => node instanceof FormatNode)
+                    .getNodeAfter(context.formatRoot, (node) => node instanceof FormatNode)
                     ?.getFirstCaret();
                 if (caret)
                     return {
@@ -237,12 +238,12 @@ const commands = [
         shift: true,
         key: 'Tab',
         visible: () => false,
-        active: (context) => context.format !== undefined,
+        active: (context) => context.formatRoot !== undefined,
         // If we're in a table, find the previous cell.
         handler: (context) => {
-            if (context.format) {
+            if (context.formatRoot) {
                 let caret = context.root
-                    .getNodeBefore(context.format, (node) => node instanceof FormatNode)
+                    .getNodeBefore(context.formatRoot, (node) => node instanceof FormatNode)
                     ?.getFirstCaret();
                 if (caret)
                     return {
@@ -314,10 +315,10 @@ const commands = [
         shift: false,
         key: 'ArrowLeft',
         visible: false,
-        active: (context) => context.format !== undefined,
+        active: (context) => context.formatRoot !== undefined,
         handler: (context) => {
-            if (context.format !== undefined) {
-                const first = context.format.getFirstTextNode();
+            if (context.formatRoot !== undefined) {
+                const first = context.formatRoot.getFirstTextNode();
                 return {
                     root: context.root,
                     range: {
@@ -386,10 +387,10 @@ const commands = [
         shift: true,
         key: 'ArrowLeft',
         visible: false,
-        active: (context) => context.format !== undefined,
+        active: (context) => context.formatRoot !== undefined,
         handler: (context) => {
-            if (context.format !== undefined) {
-                const first = context.format.getFirstTextNode();
+            if (context.formatRoot !== undefined) {
+                const first = context.formatRoot.getFirstTextNode();
                 return {
                     root: context.root,
                     range: {
@@ -460,10 +461,10 @@ const commands = [
         shift: false,
         key: 'ArrowRight',
         visible: false,
-        active: (context) => context.format !== undefined,
+        active: (context) => context.formatRoot !== undefined,
         handler: (context) => {
-            if (context.format !== undefined) {
-                const last = context.format.getLastTextNode();
+            if (context.formatRoot !== undefined) {
+                const last = context.formatRoot.getLastTextNode();
                 const caret = { node: last, index: last.getLength() };
                 return {
                     root: context.root,
@@ -530,10 +531,10 @@ const commands = [
         shift: true,
         key: 'ArrowRight',
         visible: false,
-        active: (context) => context.format !== undefined,
+        active: (context) => context.formatRoot !== undefined,
         handler: (context) => {
-            if (context.format !== undefined) {
-                const last = context.format.getLastTextNode();
+            if (context.formatRoot !== undefined) {
+                const last = context.formatRoot.getLastTextNode();
                 return {
                     root: context.root,
                     range: {
@@ -582,12 +583,12 @@ const commands = [
             // If in a non paragraph block, expand to the format of whatever format we're in.
             else if (context.paragraph === undefined &&
                 context.block &&
-                context.format) {
+                context.formatRoot) {
                 return {
                     root: context.root,
                     range: {
-                        start: context.format.getFirstCaret(),
-                        end: context.format.getLastCaret(),
+                        start: context.formatRoot.getFirstCaret(),
+                        end: context.formatRoot.getLastCaret(),
                     },
                 };
             }
@@ -818,8 +819,8 @@ const commands = [
         },
     },
     {
-        icon: 'split paragraph',
-        description: 'split paragraph',
+        icon: 'convert inline code to block code',
+        description: 'convert inline code to block code',
         category: 'text',
         mutates: true,
         control: false,
@@ -827,26 +828,78 @@ const commands = [
         shift: false,
         key: 'Enter',
         visible: false,
-        active: (context) => context.atom === undefined && context.blocks !== undefined,
+        // We must be in a solo inline code node (other than empty text nodes) that's in a paragraph that's in a blocks node
+        active: (context) => {
+            if (!(context.block instanceof ParagraphNode) ||
+                context.blocks === undefined)
+                return false;
+            const nonEmptySegments = context.block
+                .getFormat()
+                .getSegments()
+                .filter((n) => !(n instanceof TextNode && n.getText() === ''));
+            return (nonEmptySegments.length === 1 &&
+                nonEmptySegments[0] instanceof InlineCodeNode);
+        },
         handler: (context) => {
-            const edit = context.blocks?.withSelectionSplit(context.range);
+            // Find the inline code node we're in
+            const inline = context.range.start.node.getClosestParentOfType(context.root, InlineCodeNode);
+            const block = context.block;
+            const blocks = context.blocks;
+            if (block === undefined ||
+                blocks === undefined ||
+                inline === undefined)
+                return;
+            // First, remove the inline code block from the block it's in.
+            const newBlock = block.withNodeReplaced(inline, undefined);
+            if (newBlock === undefined)
+                return;
+            let newBlocks = blocks.withChildReplaced(block, newBlock);
+            if (newBlocks === undefined)
+                return;
+            newBlocks = newBlocks.withBlockInsertedAfter(newBlock, new CodeNode(inline.getText(), inline.getMeta(), '<'));
+            if (newBlocks === undefined)
+                return;
+            return rootWithNode(context, blocks, newBlocks, () => context.range.start);
+        },
+    },
+    {
+        icon: 'insert line break',
+        description: 'insert line break',
+        category: 'text',
+        mutates: true,
+        control: false,
+        alt: false,
+        shift: true,
+        key: 'Enter',
+        visible: false,
+        active: true,
+        handler: (context) => {
+            const format = context.range.start.node.getClosestParentOfType(context.root, FormatNode);
+            if (format === undefined)
+                return;
+            const edit = format.withNodeInserted(context.range.start, new LineBreakNode());
             if (edit === undefined)
                 return;
-            return rootWithNode(context, context.blocks, edit.root, () => edit.range.start);
+            return rootWithNode(context, format, edit.root, () => edit.range.start);
         },
     },
     {
-        icon: IndentIcon,
-        description: 'indent list item',
-        category: 'list',
+        icon: 'split paragraph',
+        description: 'split paragraph',
+        category: 'text',
         mutates: true,
         control: false,
         alt: false,
         shift: false,
-        key: 'Tab',
-        visible: (context) => context.list !== undefined,
-        active: (context) => context.list !== undefined,
-        handler: (context) => rootWithNode(context, context.blocks, context.blocks?.withListsIndented(context.range, true)),
+        key: 'Enter',
+        visible: false,
+        active: (context) => context.atom === undefined && context.blocks !== undefined,
+        handler: (context) => {
+            const edit = context.blocks?.withSelectionSplit(context.range);
+            if (edit === undefined)
+                return;
+            return rootWithNode(context, context.blocks, edit.root, () => edit.range.start);
+        },
     },
     {
         icon: UnindentIcon,
@@ -862,6 +915,19 @@ const commands = [
             context.list.isInside(context.root, ListNode),
         handler: (context) => rootWithNode(context, context.blocks, context.blocks?.withListsIndented(context.range, false)),
     },
+    {
+        icon: IndentIcon,
+        description: 'indent list item',
+        category: 'list',
+        mutates: true,
+        control: false,
+        alt: false,
+        shift: false,
+        key: 'Tab',
+        visible: (context) => context.list !== undefined,
+        active: (context) => context.list !== undefined,
+        handler: (context) => rootWithNode(context, context.blocks, context.blocks?.withListsIndented(context.range, true)),
+    },
     {
         icon: ClearIcon,
         description: 'clear formatting',
@@ -939,7 +1005,7 @@ const commands = [
         visible: true,
         active: (context) => context.startIsText || context.endIsText,
         handler: (context) => context.meta instanceof InlineCodeNode
-            ? rootWithNode(context, context.format, context.format?.withSegmentReplaced(context.meta, context.meta.getText()))
+            ? rootWithNode(context, context.formatRoot, context.formatRoot?.withSegmentReplaced(context.meta, context.meta.getText()))
             : context.root.withSegmentAtSelection(context.range, (text) => new InlineCodeNode(new TextNode(text))),
     },
     {
@@ -955,7 +1021,7 @@ const commands = [
         active: (context) => (context.atom === undefined && context.meta === undefined) ||
             context.meta instanceof LinkNode,
         handler: (context) => context.meta instanceof LinkNode
-            ? rootWithNode(context, context.format, context.format?.withSegmentReplaced(context.meta, context.meta.getText()))
+            ? rootWithNode(context, context.formatRoot, context.formatRoot?.withSegmentReplaced(context.meta, context.meta.getText()))
             : context.root.withSegmentAtSelection(context.range, (text) => new LinkNode(new TextNode(text))),
     },
     {
@@ -974,7 +1040,7 @@ const commands = [
             context.atom === undefined &&
             context.meta === undefined,
         handler: (context) => context.meta instanceof DefinitionNode
-            ? rootWithNode(context, context.format, context.format?.withSegmentReplaced(context.meta, context.meta.getText()))
+            ? rootWithNode(context, context.formatRoot, context.formatRoot?.withSegmentReplaced(context.meta, context.meta.getText()))
             : context.root.withSegmentAtSelection(context.range, (text) => new DefinitionNode(new TextNode(text))),
     },
     {
@@ -1222,7 +1288,7 @@ const commands = [
                 const newTable = new TableNode(newRows, '|', new FormatNode('', [new TextNode()]));
                 return rootWithNode(context, context.blocks, context.blocks.withBlockInsertedBefore(context.paragraph, newTable), () => {
                     return {
-                        node: newTable.getRows()[0][0].getTextNodes()[0],
+                        node: newTable.getRows()[0][0].getFirstTextNode(),
                         index: 0,
                     };
                 });

package/dist/components/editor/ConfirmButton.svelte

@@ -10,7 +10,13 @@ let confirming = false;
         <Button {tooltip} command={() => (confirming = true)}><slot /></Button>
     {:else}
         <Button tooltip="no" command={() => (confirming = false)}>cancel</Button
-        >&nbsp;<Button tooltip="yes" {command}>{confirm}</Button>
+        >&nbsp;<Button
+            tooltip="yes"
+            command={() => {
+                confirming = false;
+                command();
+            }}>{confirm}</Button
+        >
     {/if}
 </div>
 

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         tooltip: string;
@@ -15,6 +15,6 @@ declare const __propDef: {
 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 default class ConfirmButton extends SvelteComponent<ConfirmButtonProps, ConfirmButtonEvents, ConfirmButtonSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type DefinitionNode from '../../models/chapter/DefinitionNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 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 default class DefinitionEditor extends SvelteComponent<DefinitionEditorProps, DefinitionEditorEvents, DefinitionEditorSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import EmbedNode from '../../models/chapter/EmbedNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 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 default class EmbedEditor extends SvelteComponent<EmbedEditorProps, EmbedEditorEvents, EmbedEditorSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         icon: string;
@@ -11,6 +11,6 @@ declare const __propDef: {
 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 default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
 }
 export {};

package/dist/components/editor/ImageChooser.svelte

@@ -21,7 +21,8 @@ onMount(() => {
 
 <div
     class={`bookish-image-chooser ${expanded ? 'expanded' : ''}`}
-    tabIndex="0"
+    tabindex="0"
+    role="button"
     on:click={() => (expanded = !expanded)}
     on:keydown={(event) =>
         event.key === 'Enter' || event.key === ' '

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Image } from '../../models/book/BookMedia';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 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 default class ImageChooser extends SvelteComponent<ImageChooserProps, ImageChooserEvents, ImageChooserSlots> {
 }
 export {};

package/dist/components/editor/ImageThumbnail.svelte

@@ -27,18 +27,22 @@ loadImage(image.thumb);
 {#if loading}
     <div class="thumbnail loading" />
 {:else}
-    <img
-        class="thumbnail"
-        class:selected
-        src={error ? image.url : image.thumb}
-        alt={`Image named ${image.url}`}
-        tabIndex="0"
+    <div
+        tabindex="0"
+        role="button"
         on:click|stopPropagation={() => select(image)}
         on:keydown={(event) =>
             event.key === 'Enter' || event.key === ' '
                 ? select(image)
                 : undefined}
-    />
+    >
+        <img
+            class="thumbnail"
+            class:selected
+            src={error ? image.url : image.thumb}
+            alt={`Image named ${image.url}`}
+        />
+    </div>
 {/if}
 
 <style>

package/dist/components/editor/ImageThumbnail.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type { Image } from '../../models/book/BookMedia';
 declare const __propDef: {
     props: {
@@ -14,6 +14,6 @@ declare const __propDef: {
 export type ImageThumbnailProps = typeof __propDef.props;
 export type ImageThumbnailEvents = typeof __propDef.events;
 export type ImageThumbnailSlots = typeof __propDef.slots;
-export default class ImageThumbnail extends SvelteComponentTyped<ImageThumbnailProps, ImageThumbnailEvents, ImageThumbnailSlots> {
+export default class ImageThumbnail extends SvelteComponent<ImageThumbnailProps, ImageThumbnailEvents, ImageThumbnailSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type InlineCodeNode from '../../models/chapter/InlineCodeNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 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 default class InlineCodeEditor extends SvelteComponent<InlineCodeEditorProps, InlineCodeEditorEvents, InlineCodeEditorSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type LabelNode from '../../models/chapter/LabelNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 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 default class LabelEditor extends SvelteComponent<LabelEditorProps, LabelEditorEvents, LabelEditorSlots> {
 }
 export {};

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

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         language: string;
@@ -12,6 +12,6 @@ declare const __propDef: {
 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 default class LanguageEditor extends SvelteComponent<LanguageEditorProps, LanguageEditorEvents, LanguageEditorSlots> {
 }
 export {};

package/dist/components/editor/LinkEditor.svelte

@@ -70,12 +70,13 @@ $: {
     <Button
         tooltip="remove link"
         command={() => {
-            if ($caret?.context?.format) {
-                const newFormat = $caret.context.format.withSegmentReplaced(
+            if ($caret?.context?.formatRoot) {
+                const newFormat = $caret.context.formatRoot.withSegmentReplaced(
                     link,
                     link.getText()
                 );
-                if (newFormat) $caret.edit($caret.context.format, newFormat);
+                if (newFormat)
+                    $caret.edit($caret.context.formatRoot, newFormat);
             }
         }}
     >

package/dist/components/editor/LinkEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type LinkNode from '../../models/chapter/LinkNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type LinkEditorProps = typeof __propDef.props;
 export type LinkEditorEvents = typeof __propDef.events;
 export type LinkEditorSlots = typeof __propDef.slots;
-export default class LinkEditor extends SvelteComponentTyped<LinkEditorProps, LinkEditorEvents, LinkEditorSlots> {
+export default class LinkEditor extends SvelteComponent<LinkEditorProps, LinkEditorEvents, LinkEditorSlots> {
 }
 export {};

package/dist/components/editor/Note.svelte.d.ts

@@ -1,7 +1,7 @@
 /** @typedef {typeof __propDef.props}  NoteProps */
 /** @typedef {typeof __propDef.events}  NoteEvents */
 /** @typedef {typeof __propDef.slots}  NoteSlots */
-export default class Note extends SvelteComponentTyped<{
+export default class Note extends SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -12,7 +12,7 @@ export default class Note extends SvelteComponentTyped<{
 export type NoteProps = typeof __propDef.props;
 export type NoteEvents = typeof __propDef.events;
 export type NoteSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: never;

package/dist/components/editor/Permissions.svelte

@@ -28,6 +28,8 @@ async function addEditor() {
     }
 }
 function hasEditor(email) {
+    if (email.length === 0)
+        return false;
     const match = Array.from($emails.entries()).find(([, e]) => e === email);
     if (match === undefined)
         return false;

package/dist/components/editor/Permissions.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         uids: string[];
@@ -15,6 +15,6 @@ declare const __propDef: {
 export type PermissionsProps = typeof __propDef.props;
 export type PermissionsEvents = typeof __propDef.events;
 export type PermissionsSlots = typeof __propDef.slots;
-export default class Permissions extends SvelteComponentTyped<PermissionsProps, PermissionsEvents, PermissionsSlots> {
+export default class Permissions extends SvelteComponent<PermissionsProps, PermissionsEvents, PermissionsSlots> {
 }
 export {};

package/dist/components/editor/PositionEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type Position from '../../models/chapter/Position';
 declare const __propDef: {
     props: {
@@ -13,6 +13,6 @@ declare const __propDef: {
 export type PositionEditorProps = typeof __propDef.props;
 export type PositionEditorEvents = typeof __propDef.events;
 export type PositionEditorSlots = typeof __propDef.slots;
-export default class PositionEditor extends SvelteComponentTyped<PositionEditorProps, PositionEditorEvents, PositionEditorSlots> {
+export default class PositionEditor extends SvelteComponent<PositionEditorProps, PositionEditorEvents, PositionEditorSlots> {
 }
 export {};

package/dist/components/editor/QuoteEditor.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 import type QuoteNode from '../../models/chapter/QuoteNode';
 declare const __propDef: {
     props: {
@@ -12,6 +12,6 @@ declare const __propDef: {
 export type QuoteEditorProps = typeof __propDef.props;
 export type QuoteEditorEvents = typeof __propDef.events;
 export type QuoteEditorSlots = typeof __propDef.slots;
-export default class QuoteEditor extends SvelteComponentTyped<QuoteEditorProps, QuoteEditorEvents, QuoteEditorSlots> {
+export default class QuoteEditor extends SvelteComponent<QuoteEditorProps, QuoteEditorEvents, QuoteEditorSlots> {
 }
 export {};

package/dist/components/editor/Switch.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         options: string[];
@@ -15,6 +15,6 @@ declare const __propDef: {
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;
 export type SwitchSlots = typeof __propDef.slots;
-export default class Switch extends SvelteComponentTyped<SwitchProps, SwitchEvents, SwitchSlots> {
+export default class Switch extends SvelteComponent<SwitchProps, SwitchEvents, SwitchSlots> {
 }
 export {};