bookish-press 0.7.4 → 0.8.2

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

@@ -1,20 +1,8 @@
-import { SvelteComponent } 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: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ImageChooserProps = typeof __propDef.props;
-export type ImageChooserEvents = typeof __propDef.events;
-export type ImageChooserSlots = typeof __propDef.slots;
-export default class ImageChooser extends SvelteComponent<ImageChooserProps, ImageChooserEvents, ImageChooserSlots> {
+interface Props {
+    select: (image: Image) => void;
+    selection: string;
 }
-export {};
+declare const ImageChooser: import("svelte").Component<Props, {}, "">;
+type ImageChooser = ReturnType<typeof ImageChooser>;
+export default ImageChooser;

package/dist/components/editor/ImageThumbnail.svelte

@@ -1,37 +1,42 @@
-<script>export let image;
-export let selected;
-export let select;
+<script lang="ts">let { image, selected, select } = $props();
 let retries = 3;
-let error = false;
-let loading = true;
+let error = $state(false);
+let loading = $state(true);
 function loadImage(url) {
-    retries--;
-    let img = new Image();
-    img.onerror = () => {
-        if (retries > 0) {
-            setTimeout(() => loadImage(url), 1000);
-        }
-        else {
-            loading = false;
-            error = true;
-        }
-    };
-    img.onload = () => {
-        loading = false;
-    };
-    img.src = url;
+  retries--;
+  let img = new Image();
+  img.onerror = () => {
+    if (retries > 0) {
+      setTimeout(() => loadImage(url), 1e3);
+    } else {
+      loading = false;
+      error = true;
+    }
+  };
+  img.onload = () => {
+    loading = false;
+  };
+  img.src = url;
 }
-loadImage(image.thumb);
+$effect(() => {
+  retries = 3;
+  loading = true;
+  error = false;
+  loadImage(image.thumb);
+});
 </script>
 
 {#if loading}
-    <div class="thumbnail loading" />
+    <div class="thumbnail loading"></div>
 {:else}
     <div
         tabindex="0"
         role="button"
-        on:click|stopPropagation={() => select(image)}
-        on:keydown={(event) =>
+        onclick={(event) => {
+            event.stopPropagation();
+            select(image);
+        }}
+        onkeydown={(event) =>
             event.key === 'Enter' || event.key === ' '
                 ? select(image)
                 : undefined}

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

@@ -1,21 +1,9 @@
-import { SvelteComponent } from "svelte";
 import type { Image } from '../../models/book/BookMedia';
-declare const __propDef: {
-    props: {
-        image: Image;
-        selected: boolean;
-        select: (image: Image) => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ImageThumbnailProps = typeof __propDef.props;
-export type ImageThumbnailEvents = typeof __propDef.events;
-export type ImageThumbnailSlots = typeof __propDef.slots;
-export default class ImageThumbnail extends SvelteComponent<ImageThumbnailProps, ImageThumbnailEvents, ImageThumbnailSlots> {
+interface Props {
+    image: Image;
+    selected: boolean;
+    select: (image: Image) => void;
 }
-export {};
+declare const ImageThumbnail: import("svelte").Component<Props, {}, "">;
+type ImageThumbnail = ReturnType<typeof ImageThumbnail>;
+export default ImageThumbnail;

package/dist/components/editor/InlineCodeEditor.svelte

@@ -1,6 +1,6 @@
-<script>import LanguageEditor from './LanguageEditor.svelte';
-import { getCaret } from '../page/Contexts';
-export let code;
+<script lang="ts">import LanguageEditor from "./LanguageEditor.svelte";
+import { getCaret } from "../page/Contexts";
+let { code } = $props();
 let caret = getCaret();
 </script>
 

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

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
 import type InlineCodeNode from '../../models/chapter/InlineCodeNode';
-declare const __propDef: {
-    props: {
-        code: InlineCodeNode;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type InlineCodeEditorProps = typeof __propDef.props;
-export type InlineCodeEditorEvents = typeof __propDef.events;
-export type InlineCodeEditorSlots = typeof __propDef.slots;
-export default class InlineCodeEditor extends SvelteComponent<InlineCodeEditorProps, InlineCodeEditorEvents, InlineCodeEditorSlots> {
+interface Props {
+    code: InlineCodeNode;
 }
-export {};
+declare const InlineCodeEditor: import("svelte").Component<Props, {}, "">;
+type InlineCodeEditor = ReturnType<typeof InlineCodeEditor>;
+export default InlineCodeEditor;

package/dist/components/editor/LabelEditor.svelte

@@ -1,12 +1,11 @@
-<script>import TextEditor from './TextEditor.svelte';
-import { getChapter, getEdition } from '../page/Contexts';
-import { getCaret } from '../page/Contexts';
-export let label;
+<script lang="ts">import TextEditor from "./TextEditor.svelte";
+import { getChapter, getEdition } from "../page/Contexts";
+import { getCaret } from "../page/Contexts";
+let { label } = $props();
 let edition = getEdition();
 let chapter = getChapter();
 let caret = getCaret();
-$: ast =
-    $edition && $chapter ? $chapter.chapter.getAST($edition) : undefined;
+let ast = $derived($edition && $chapter ? $chapter.chapter.getAST($edition) : void 0);
 </script>
 
 <code>

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

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
 import type LabelNode from '../../models/chapter/LabelNode';
-declare const __propDef: {
-    props: {
-        label: LabelNode;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LabelEditorProps = typeof __propDef.props;
-export type LabelEditorEvents = typeof __propDef.events;
-export type LabelEditorSlots = typeof __propDef.slots;
-export default class LabelEditor extends SvelteComponent<LabelEditorProps, LabelEditorEvents, LabelEditorSlots> {
+interface Props {
+    label: LabelNode;
 }
-export {};
+declare const LabelEditor: import("svelte").Component<Props, {}, "">;
+type LabelEditor = ReturnType<typeof LabelEditor>;
+export default LabelEditor;

package/dist/components/editor/LanguageEditor.svelte

@@ -1,8 +1,7 @@
-<script>import Options from '../app/Options.svelte';
-import Note from './Note.svelte';
-export let language;
-export let edit;
-const languages = ['', 'html', 'css', 'javascript', 'python', 'java'];
+<script lang="ts">import Options from "../app/Options.svelte";
+import Note from "./Note.svelte";
+let { language, edit } = $props();
+const languages = ["", "html", "css", "javascript", "python", "java"];
 </script>
 
 <Options

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

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        language: string;
-        edit: (newValue: string) => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LanguageEditorProps = typeof __propDef.props;
-export type LanguageEditorEvents = typeof __propDef.events;
-export type LanguageEditorSlots = typeof __propDef.slots;
-export default class LanguageEditor extends SvelteComponent<LanguageEditorProps, LanguageEditorEvents, LanguageEditorSlots> {
+interface Props {
+    language: string;
+    edit: (newValue: string) => void;
 }
-export {};
+declare const LanguageEditor: import("svelte").Component<Props, {}, "">;
+type LanguageEditor = ReturnType<typeof LanguageEditor>;
+export default LanguageEditor;

package/dist/components/editor/LinkEditor.svelte

@@ -1,82 +1,66 @@
-<script>import URLEditor from './URLEditor.svelte';
-import { getChapter, getEdition, getRoot } from '../page/Contexts';
-import Icon from './Icon.svelte';
-import Button from '../app/Button.svelte';
-import UnlinkIcon from './icons/unlink.svg?raw';
-import Options from '../app/Options.svelte';
-import { getCaret } from '../page/Contexts';
-export let link;
+<script lang="ts">import URLEditor from "./URLEditor.svelte";
+import { getChapter, getEdition, getRoot } from "../page/Contexts";
+import Icon from "./Icon.svelte";
+import Button from "../app/Button.svelte";
+import UnlinkIcon from "./icons/unlink.svg?raw";
+import Options from "../app/Options.svelte";
+import { getCaret } from "../page/Contexts";
+let { link } = $props();
 let caret = getCaret();
 let edition = getEdition();
 let chapter = getChapter();
 let root = getRoot();
-$: url = link.getMeta();
+let url = $derived(link.getMeta());
 function saveEdit(value) {
-    $caret?.edit(link, link.withMeta(value));
+  $caret?.edit(link, link.withMeta(value));
 }
-function isValidURL(url) {
-    // Is it a valid URL?
-    try {
-        let test = new URL(url);
-        if (test.protocol === 'http:' || test.protocol === 'https:')
-            return true;
-    }
-    catch (_) { }
-    return false;
+function isValidURL(url2) {
+  try {
+    let test = new URL(url2);
+    if (test.protocol === "http:" || test.protocol === "https:")
+      return true;
+  } catch (_) {
+  }
+  return false;
 }
 function validate(urlOrChapter) {
-    if (urlOrChapter.length === 0)
-        return "link URL can't be empty";
-    if ($edition === undefined)
-        return;
-    if (isValidURL(urlOrChapter))
-        return;
-    // If not, is it a valid chapterID?
-    if ($edition.hasChapter(urlOrChapter))
-        return;
-    // If not, is it a valid chapterID:label?
-    const [chapterID, labelID] = urlOrChapter.split(':');
-    if (chapterID === undefined || labelID === undefined)
-        return;
-    // The chapter ID is optional; if it's missing, it refers to this chapter.
-    const correspondingChapter = chapterID === ''
-        ? $root
-        : $edition?.getChapter(chapterID)?.getAST($edition);
-    if (correspondingChapter === undefined)
-        return 'Not a valid URL or chapter.';
-    if (!correspondingChapter.hasLabel(labelID))
-        return 'Not a valid chapter label.';
+  if (urlOrChapter.length === 0) return "link URL can't be empty";
+  if ($edition === void 0) return;
+  if (isValidURL(urlOrChapter)) return;
+  if ($edition.hasChapter(urlOrChapter)) return;
+  const [chapterID, labelID] = urlOrChapter.split(":");
+  if (chapterID === void 0 || labelID === void 0) return;
+  const correspondingChapter = chapterID === "" ? $root : $edition?.getChapter(chapterID)?.getAST($edition);
+  if (correspondingChapter === void 0)
+    return "Not a valid URL or chapter.";
+  if (!correspondingChapter.hasLabel(labelID))
+    return "Not a valid chapter label.";
 }
-let options = [];
-$: {
-    options = [];
-    // Add an empty option.
-    options.push(['External link', url.startsWith('http') ? url : '']);
-    // Add an option for each chapter and it's labels.
-    if ($edition) {
-        for (const chap of $edition?.getChapters() ?? []) {
-            // Include the chapter itself
-            options.push([`Chapter: ${chap.getTitle()}`, chap.getID()]);
-            const root = chap.getAST($edition);
-            if (root) {
-                // Include the chapter's headers
-                const headers = root.getHeaders();
-                for (let number = 0; number < headers.length; number++) {
-                    options.push([
-                        chap.getTitle() + ': ' + headers[number].toText(),
-                        `${chap.getID()}#header-${number}`,
-                    ]);
-                }
-                // Include all of the labels in the chapter
-                for (const label of root.getLabels())
-                    options.push([
-                        chap.getTitle() + ': ' + label.getMeta(),
-                        `${chap.getID()}:${label.getMeta()}`,
-                    ]);
-            }
+let options = $derived.by(() => {
+  const list = [];
+  list.push(["External link", url.startsWith("http") ? url : ""]);
+  if ($edition) {
+    for (const chap of $edition?.getChapters() ?? []) {
+      list.push([`Chapter: ${chap.getTitle()}`, chap.getID()]);
+      const root2 = chap.getAST($edition);
+      if (root2) {
+        const headers = root2.getHeaders();
+        for (let number = 0; number < headers.length; number++) {
+          list.push([
+            chap.getTitle() + ": " + headers[number].toText(),
+            `${chap.getID()}#header-${number}`
+          ]);
         }
+        for (const label of root2.getLabels())
+          list.push([
+            chap.getTitle() + ": " + label.getMeta(),
+            `${chap.getID()}:${label.getMeta()}`
+          ]);
+      }
     }
-}
+  }
+  return list;
+});
 </script>
 
 <span>

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

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
 import type LinkNode from '../../models/chapter/LinkNode';
-declare const __propDef: {
-    props: {
-        link: LinkNode;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LinkEditorProps = typeof __propDef.props;
-export type LinkEditorEvents = typeof __propDef.events;
-export type LinkEditorSlots = typeof __propDef.slots;
-export default class LinkEditor extends SvelteComponent<LinkEditorProps, LinkEditorEvents, LinkEditorSlots> {
+interface Props {
+    link: LinkNode;
 }
-export {};
+declare const LinkEditor: import("svelte").Component<Props, {}, "">;
+type LinkEditor = ReturnType<typeof LinkEditor>;
+export default LinkEditor;

package/dist/components/editor/Note.svelte

@@ -1,4 +1,7 @@
-<span><slot /></span>
+<script lang="ts">let { children } = $props();
+</script>
+
+<span>{@render children?.()}</span>
 
 <style>
     span {

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

@@ -1,29 +1,6 @@
-/** @typedef {typeof __propDef.props}  NoteProps */
-/** @typedef {typeof __propDef.events}  NoteEvents */
-/** @typedef {typeof __propDef.slots}  NoteSlots */
-export default class Note extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
+interface Props {
+    children?: import('svelte').Snippet;
 }
-export type NoteProps = typeof __propDef.props;
-export type NoteEvents = typeof __propDef.events;
-export type NoteSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: undefined;
-    bindings?: undefined;
-};
-export {};
+declare const Note: import("svelte").Component<Props, {}, "">;
+type Note = ReturnType<typeof Note>;
+export default Note;

package/dist/components/editor/Permissions.svelte

@@ -1,40 +1,39 @@
-<script>import { createUser } from '../../models/CRUD';
-import Button from '../app/Button.svelte';
-import TextInput from '../app/TextInput.svelte';
-import { getEditors } from '../page/Contexts';
-import Note from './Note.svelte';
-export let uids;
-export let inheriteduids;
-export let writable;
-export let atleastone;
-export let change;
+<script lang="ts">import { createUser } from "../../models/CRUD";
+import Button from "../app/Button.svelte";
+import TextInput from "../app/TextInput.svelte";
+import { getEditors } from "../page/Contexts";
+import Note from "./Note.svelte";
+let {
+  uids,
+  inheriteduids,
+  writable,
+  atleastone,
+  change
+} = $props();
 let emails = getEditors();
-let newEditor = '';
-let newEditorError = null;
-let loading = undefined;
+let newEditor = $state("");
+let newEditorError = $state(null);
+let loading = $state(void 0);
 async function addEditor() {
-    const email = newEditor;
-    newEditor = '';
-    loading = email;
-    try {
-        const uid = await createUser(email);
-        if (uid === null)
-            newEditorError = "couldn't add editor";
-        else
-            change([...uids, uid]);
-    }
-    finally {
-        loading = undefined;
-    }
+  const email = newEditor;
+  newEditor = "";
+  loading = email;
+  try {
+    const uid = await createUser(email);
+    if (uid === null) newEditorError = "couldn't add editor";
+    else change([...uids, uid]);
+  } finally {
+    loading = void 0;
+  }
 }
 function hasEditor(email) {
-    if (email.length === 0)
-        return false;
-    const match = Array.from($emails.entries()).find(([, e]) => e === email);
-    if (match === undefined)
-        return false;
-    const uid = match[0];
-    return uids.includes(uid) || inheriteduids.includes(uid);
+  if (email.length === 0) return false;
+  const match = Array.from($emails.entries()).find(
+    ([, e]) => e === email
+  );
+  if (match === void 0) return false;
+  const uid = match[0];
+  return uids.includes(uid) || inheriteduids.includes(uid);
 }
 </script>
 
@@ -43,7 +42,10 @@ function hasEditor(email) {
 {:else}
     <section class="emails">
         {#if writable}
-            <form on:submit|preventDefault={addEditor}>
+            <form onsubmit={(event) => {
+                    event.preventDefault();
+                    addEditor();
+                }}>
                 <TextInput
                     type="email"
                     placeholder="email"

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

@@ -1,22 +1,10 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        uids: string[];
-        inheriteduids: string[];
-        writable: boolean;
-        atleastone: boolean;
-        change: (uids: string[]) => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type PermissionsProps = typeof __propDef.props;
-export type PermissionsEvents = typeof __propDef.events;
-export type PermissionsSlots = typeof __propDef.slots;
-export default class Permissions extends SvelteComponent<PermissionsProps, PermissionsEvents, PermissionsSlots> {
+interface Props {
+    uids: string[];
+    inheriteduids: string[];
+    writable: boolean;
+    atleastone: boolean;
+    change: (uids: string[]) => void;
 }
-export {};
+declare const Permissions: import("svelte").Component<Props, {}, "">;
+type Permissions = ReturnType<typeof Permissions>;
+export default Permissions;

package/dist/components/editor/PositionEditor.svelte

@@ -1,11 +1,10 @@
-<script>import Switch from './Switch.svelte';
-import LeftIcon from './icons/left.svg?raw';
-import MiddleIcon from './icons/middle.svg?raw';
-import RightIcon from './icons/right.svg?raw';
-export let value;
-export let edit;
+<script lang="ts">import Switch from "./Switch.svelte";
+import LeftIcon from "./icons/left.svg?raw";
+import MiddleIcon from "./icons/middle.svg?raw";
+import RightIcon from "./icons/right.svg?raw";
+let { value, edit } = $props();
 function editAsString(newValue) {
-    edit(newValue);
+  edit(newValue);
 }
 </script>
 

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

@@ -1,20 +1,8 @@
-import { SvelteComponent } from "svelte";
 import type Position from '../../models/chapter/Position';
-declare const __propDef: {
-    props: {
-        value: string;
-        edit: (newValue: Position) => void;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type PositionEditorProps = typeof __propDef.props;
-export type PositionEditorEvents = typeof __propDef.events;
-export type PositionEditorSlots = typeof __propDef.slots;
-export default class PositionEditor extends SvelteComponent<PositionEditorProps, PositionEditorEvents, PositionEditorSlots> {
+interface Props {
+    value: string;
+    edit: (newValue: Position) => void;
 }
-export {};
+declare const PositionEditor: import("svelte").Component<Props, {}, "">;
+type PositionEditor = ReturnType<typeof PositionEditor>;
+export default PositionEditor;

package/dist/components/editor/QuoteEditor.svelte

@@ -1,6 +1,6 @@
-<script>import { getCaret } from '../page/Contexts';
-import PositionEditor from './PositionEditor.svelte';
-export let quote;
+<script lang="ts">import { getCaret } from "../page/Contexts";
+import PositionEditor from "./PositionEditor.svelte";
+let { quote } = $props();
 let caret = getCaret();
 </script>