bookish-press 0.7.1 → 0.8.2

package/dist/components/editor/Toolbar.svelte

@@ -1,153 +1,146 @@
-<script>import commands from './Commands';
-import TextNode from '../../models/chapter/TextNode';
-import AtomNode from '../../models/chapter/AtomNode';
-import LinkNode from '../../models/chapter/LinkNode';
-import LabelNode from '../../models/chapter/LabelNode';
-import InlineCodeNode from '../../models/chapter/InlineCodeNode';
-import CitationsNode from '../../models/chapter/CitationsNode';
-import DefinitionNode from '../../models/chapter/DefinitionNode';
-import CodeNode from '../../models/chapter/CodeNode';
-import CalloutNode from '../../models/chapter/CalloutNode';
-import EmbedNode from '../../models/chapter/EmbedNode';
-import QuoteNode from '../../models/chapter/QuoteNode';
-import LabelEditor from './LabelEditor.svelte';
-import InlineCodeEditor from './InlineCodeEditor.svelte';
-import CitationsEditor from './CitationsEditor.svelte';
-import LinkEditor from './LinkEditor.svelte';
-import DefinitionEditor from './DefinitionEditor.svelte';
-import CaptionedCodeEditor from './CaptionedCodeEditor.svelte';
-import CalloutEditor from './CalloutEditor.svelte';
-import QuoteEditor from './QuoteEditor.svelte';
-import EmbedEditor from './EmbedEditor.svelte';
-import TableEditor from './TableEditor.svelte';
-import ToolbarGroup from './ToolbarGroup.svelte';
-import Icon from './Icon.svelte';
-import Button from '../app/Button.svelte';
-import AnnotateIcon from './icons/annotate.svg?raw';
-import BlockIcon from './icons/block.svg?raw';
-import ClipboardIcon from './icons/clipboard.svg?raw';
-import LevelIcon from './icons/level.svg?raw';
-import ListIcon from './icons/list.svg?raw';
-import TextIcon from './icons/text.svg?raw';
-import TimeIcon from './icons/time.svg?raw';
-import TableIcon from './icons/table.svg?raw';
-import LinkIcon from './icons/link.svg?raw';
-import LabelIcon from './icons/label.svg?raw';
-import CitationIcon from './icons/citation.svg?raw';
-import DefineIcon from './icons/define.svg?raw';
-import CodeIcon from './icons/code.svg?raw';
-import CalloutIcon from './icons/callout.svg?raw';
-import QuoteIcon from './icons/quote.svg?raw';
-import MediaIcon from './icons/media.svg?raw';
-import TableNode from '../../models/chapter/TableNode';
-import { slide } from 'svelte/transition';
-import Note from './Note.svelte';
+<script lang="ts">import commands from "./Commands";
+import TextNode from "../../models/chapter/TextNode";
+import AtomNode from "../../models/chapter/AtomNode";
+import LinkNode from "../../models/chapter/LinkNode";
+import LabelNode from "../../models/chapter/LabelNode";
+import InlineCodeNode from "../../models/chapter/InlineCodeNode";
+import CitationsNode from "../../models/chapter/CitationsNode";
+import DefinitionNode from "../../models/chapter/DefinitionNode";
+import CodeNode from "../../models/chapter/CodeNode";
+import CalloutNode from "../../models/chapter/CalloutNode";
+import EmbedNode from "../../models/chapter/EmbedNode";
+import QuoteNode from "../../models/chapter/QuoteNode";
+import LabelEditor from "./LabelEditor.svelte";
+import InlineCodeEditor from "./InlineCodeEditor.svelte";
+import CitationsEditor from "./CitationsEditor.svelte";
+import LinkEditor from "./LinkEditor.svelte";
+import DefinitionEditor from "./DefinitionEditor.svelte";
+import CaptionedCodeEditor from "./CaptionedCodeEditor.svelte";
+import CalloutEditor from "./CalloutEditor.svelte";
+import QuoteEditor from "./QuoteEditor.svelte";
+import EmbedEditor from "./EmbedEditor.svelte";
+import TableEditor from "./TableEditor.svelte";
+import ToolbarGroup from "./ToolbarGroup.svelte";
+import Icon from "./Icon.svelte";
+import Button from "../app/Button.svelte";
+import AnnotateIcon from "./icons/annotate.svg?raw";
+import BlockIcon from "./icons/block.svg?raw";
+import ClipboardIcon from "./icons/clipboard.svg?raw";
+import LevelIcon from "./icons/level.svg?raw";
+import ListIcon from "./icons/list.svg?raw";
+import TextIcon from "./icons/text.svg?raw";
+import TimeIcon from "./icons/time.svg?raw";
+import TableIcon from "./icons/table.svg?raw";
+import LinkIcon from "./icons/link.svg?raw";
+import LabelIcon from "./icons/label.svg?raw";
+import CitationIcon from "./icons/citation.svg?raw";
+import DefineIcon from "./icons/define.svg?raw";
+import CodeIcon from "./icons/code.svg?raw";
+import CalloutIcon from "./icons/callout.svg?raw";
+import QuoteIcon from "./icons/quote.svg?raw";
+import MediaIcon from "./icons/media.svg?raw";
+import TableNode from "../../models/chapter/TableNode";
+import { slide } from "svelte/transition";
+import Note from "./Note.svelte";
 const keyLabels = {
-    Digit0: '0',
-    Digit1: '1',
-    Digit2: '2',
-    Digit3: '3',
-    ArrowDown: '↓',
-    ArrowUp: '↑',
-    ArrowLeft: '←',
-    ArrowRight: '→',
-    Backspace: '\u232B',
+  Digit0: "0",
+  Digit1: "1",
+  Digit2: "2",
+  Digit3: "3",
+  ArrowDown: "\u2193",
+  ArrowUp: "\u2191",
+  ArrowLeft: "\u2190",
+  ArrowRight: "\u2192",
+  Backspace: "\u232B"
 };
 const categoryOrder = {
-    navigation: 1,
-    selection: 2,
-    text: 3,
-    history: 4,
-    clipboard: 5,
-    annotation: 6,
-    level: 8,
-    list: 9,
-    table: 10,
-    block: 11,
+  navigation: 1,
+  selection: 2,
+  text: 3,
+  history: 4,
+  clipboard: 5,
+  annotation: 6,
+  level: 8,
+  list: 9,
+  table: 10,
+  block: 11
 };
 const categoryIcons = {
-    text: TextIcon,
-    clipboard: ClipboardIcon,
-    annotation: AnnotateIcon,
-    level: LevelIcon,
-    block: BlockIcon,
-    list: ListIcon,
-    table: TableIcon,
-    history: TimeIcon,
+  text: TextIcon,
+  clipboard: ClipboardIcon,
+  annotation: AnnotateIcon,
+  level: LevelIcon,
+  block: BlockIcon,
+  list: ListIcon,
+  table: TableIcon,
+  history: TimeIcon
 };
-export let caret;
-$: context = caret?.context;
-$: root = context?.root;
-let element = null;
-let categories = undefined;
-let commandsByCategory = {};
-let metaNode = undefined;
-let calloutNode = undefined;
-let quoteNode = undefined;
-let embedNode = undefined;
-let tableNode = undefined;
+let { caret } = $props();
+let context = $derived(caret?.context);
+let root = $derived(context?.root);
+let element = $state(null);
+let categories = $state(void 0);
+let commandsByCategory = $state({});
+let metaNode = $state(void 0);
+let calloutNode = $state(void 0);
+let quoteNode = $state(void 0);
+let embedNode = $state(void 0);
+let tableNode = $state(void 0);
 function getShortcutDescription(command) {
-    const macOS = navigator.userAgent.indexOf('Mac') >= 0;
-    const controlSymbol = macOS ? '\u2318' : 'Ctrl+';
-    const altSymbol = macOS ? '\u2325' : 'Alt+';
-    const key = command.key
-        ? Array.isArray(command.key)
-            ? command.key.join('/')
-            : command.key
-        : command.code
-            ? command.code
-            : 'any';
-    const keyLabel = (typeof key === 'string'
-        ? key in keyLabels
-            ? keyLabels[key]
-            : key
-        : '—').toLocaleUpperCase();
-    return `${command.control ? controlSymbol : ''}${command.alt ? altSymbol : ''}${command.shift ? '\u21E7' : ''}${keyLabel}`;
-}
-// Update the above when the dependencies below change.
-$: {
-    if (context !== undefined && root) {
-        // Filter the commands by those interactive with a mouse and active.
-        const visible = commands.filter((command) => command.visible === true ||
-            (context &&
-                command.visible instanceof Function &&
-                command.visible(context)));
-        // Extract the active categories and sort them
-        categories = Array.from(new Set(commands.map((command) => command.category))).sort((a, b) => a in categoryOrder && b in categoryOrder
-            ? categoryOrder[a] - categoryOrder[b]
-            : 0);
-        // Make a list for each category of commands
-        commandsByCategory = {};
-        categories.forEach((cat) => {
-            if (commandsByCategory)
-                commandsByCategory[cat] = visible.filter((command) => command.category === cat);
-        });
-        const caretNode = context.start.node;
-        metaNode =
-            caretNode instanceof AtomNode
-                ? caretNode
-                : caretNode instanceof TextNode
-                    ? caretNode.getParent(root)
-                    : undefined;
-        calloutNode = caretNode.getClosestParentMatching(root, (p) => p instanceof CalloutNode);
-        quoteNode = caretNode.getClosestParentMatching(root, (p) => p instanceof QuoteNode);
-        embedNode =
-            caretNode instanceof EmbedNode
-                ? caretNode
-                : caretNode.getClosestParentMatching(root, (p) => p instanceof EmbedNode);
-        tableNode = caretNode.getClosestParentMatching(root, (p) => p instanceof TableNode);
-    }
+  const macOS = navigator.userAgent.indexOf("Mac") >= 0;
+  const controlSymbol = macOS ? "\u2318" : "Ctrl+";
+  const altSymbol = macOS ? "\u2325" : "Alt+";
+  const key = command.key ? Array.isArray(command.key) ? command.key.join("/") : command.key : command.code ? command.code : "any";
+  const keyLabel = (typeof key === "string" ? key in keyLabels ? keyLabels[key] : key : "\u2014").toLocaleUpperCase();
+  return `${command.control ? controlSymbol : ""}${command.alt ? altSymbol : ""}${command.shift ? "\u21E7" : ""}${keyLabel}`;
 }
+$effect.pre(() => {
+  if (context !== void 0 && root) {
+    const visible = commands.filter(
+      (command) => command.visible === true || context && command.visible instanceof Function && command.visible(context)
+    );
+    const newCategories = Array.from(
+      new Set(commands.map((command) => command.category))
+    ).sort(
+      (a, b) => a in categoryOrder && b in categoryOrder ? categoryOrder[a] - categoryOrder[b] : 0
+    );
+    const byCategory = {};
+    newCategories.forEach((cat) => {
+      byCategory[cat] = visible.filter(
+        (command) => command.category === cat
+      );
+    });
+    const caretNode = context.start.node;
+    categories = newCategories;
+    commandsByCategory = byCategory;
+    metaNode = caretNode instanceof AtomNode ? caretNode : caretNode instanceof TextNode ? caretNode.getParent(root) : void 0;
+    calloutNode = caretNode.getClosestParentMatching(
+      root,
+      (p) => p instanceof CalloutNode
+    );
+    quoteNode = caretNode.getClosestParentMatching(
+      root,
+      (p) => p instanceof QuoteNode
+    );
+    embedNode = caretNode instanceof EmbedNode ? caretNode : caretNode.getClosestParentMatching(
+      root,
+      (p) => p instanceof EmbedNode
+    );
+    tableNode = caretNode.getClosestParentMatching(
+      root,
+      (p) => p instanceof TableNode
+    );
+  }
+});
 function handleKeyPress(event) {
-    // Return focus to the editor if someone presses an unhandled enter
-    if ((event.key === 'Escape' || event.key === 'Enter') && element) {
-        const editor = element.closest('.bookish-editor');
-        if (editor instanceof HTMLElement) {
-            event.stopPropagation();
-            editor.focus();
-        }
-        return true;
+  if ((event.key === "Escape" || event.key === "Enter") && element) {
+    const editor = element.closest(".bookish-editor");
+    if (editor instanceof HTMLElement) {
+      event.stopPropagation();
+      editor.focus();
     }
+    return true;
+  }
 }
 </script>
 
@@ -155,9 +148,12 @@ function handleKeyPress(event) {
     class="bookish-editor-toolbar"
     bind:this={element}
     role="button"
-    on:keypress={handleKeyPress}
-    on:keydown={handleKeyPress}
-    on:pointerdown|stopPropagation={() => element?.focus()}
+    onkeypress={handleKeyPress}
+    onkeydown={handleKeyPress}
+    onpointerdown={(event) => {
+        event.stopPropagation();
+        element?.focus();
+    }}
     tabindex="0"
     transition:slide={{ duration: 200 }}
 >
@@ -185,7 +181,6 @@ function handleKeyPress(event) {
                                 tooltip={command.description +
                                     ' ' +
                                     getShortcutDescription(command)}
-                                tabIndex="0"
                                 command={() => caret?.executor(command, '', '')}
                             >
                                 <Icon icon={command.icon} />
@@ -226,7 +221,7 @@ function handleKeyPress(event) {
         {:else if quoteNode}<ToolbarGroup icon={QuoteIcon}
                 ><QuoteEditor quote={quoteNode} /></ToolbarGroup
             >
-        {:else if embedNode}<div class="break" />
+        {:else if embedNode}<div class="break"></div>
             <ToolbarGroup icon={MediaIcon}>
                 <EmbedEditor embed={embedNode} />
             </ToolbarGroup>

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

@@ -1,19 +1,7 @@
-import { SvelteComponent } from "svelte";
 import type CaretState from './CaretState';
-declare const __propDef: {
-    props: {
-        caret: CaretState | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ToolbarProps = typeof __propDef.props;
-export type ToolbarEvents = typeof __propDef.events;
-export type ToolbarSlots = typeof __propDef.slots;
-export default class Toolbar extends SvelteComponent<ToolbarProps, ToolbarEvents, ToolbarSlots> {
+interface Props {
+    caret: CaretState | undefined;
 }
-export {};
+declare const Toolbar: import("svelte").Component<Props, {}, "">;
+type Toolbar = ReturnType<typeof Toolbar>;
+export default Toolbar;

package/dist/components/editor/ToolbarGroup.svelte

@@ -1,10 +1,10 @@
-<script>import Icon from './Icon.svelte';
-import ToolbarSpacer from './ToolbarSpacer.svelte';
-export let icon;
+<script lang="ts">import Icon from "./Icon.svelte";
+import ToolbarSpacer from "./ToolbarSpacer.svelte";
+let { icon, children } = $props();
 </script>
 
 <div class="toolbar-group">
-    <Icon {icon} /><ToolbarSpacer /><slot />
+    <Icon {icon} /><ToolbarSpacer />{@render children?.()}
 </div>
 
 <style>

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

@@ -1,20 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        icon: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ToolbarGroupProps = typeof __propDef.props;
-export type ToolbarGroupEvents = typeof __propDef.events;
-export type ToolbarGroupSlots = typeof __propDef.slots;
-export default class ToolbarGroup extends SvelteComponent<ToolbarGroupProps, ToolbarGroupEvents, ToolbarGroupSlots> {
+interface Props {
+    icon: string;
+    children?: import('svelte').Snippet;
 }
-export {};
+declare const ToolbarGroup: import("svelte").Component<Props, {}, "">;
+type ToolbarGroup = ReturnType<typeof ToolbarGroup>;
+export default ToolbarGroup;

package/dist/components/editor/ToolbarSpacer.svelte

@@ -1,4 +1,4 @@
-<span />
+<span></span>
 
 <style>
     span {

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

@@ -1,25 +1,26 @@
-/** @typedef {typeof __propDef.props}  ToolbarSpacerProps */
-/** @typedef {typeof __propDef.events}  ToolbarSpacerEvents */
-/** @typedef {typeof __propDef.slots}  ToolbarSpacerSlots */
-export default class ToolbarSpacer extends SvelteComponent<{
+export default ToolbarSpacer;
+type ToolbarSpacer = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ToolbarSpacerProps = typeof __propDef.props;
-export type ToolbarSpacerEvents = typeof __propDef.events;
-export type ToolbarSpacerSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: undefined;
-    bindings?: undefined;
+}, {}> & {
+    $$bindings?: string | undefined;
 };
-export {};
+declare const ToolbarSpacer: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}

package/dist/components/editor/URLEditor.svelte

@@ -1,8 +1,6 @@
-<script>import TextEditor from './TextEditor.svelte';
-import Link from '../app/Link.svelte';
-export let url;
-export let validator;
-export let edit;
+<script lang="ts">import TextEditor from "./TextEditor.svelte";
+import Link from "../app/Link.svelte";
+let { url, validator, edit } = $props();
 </script>
 
 <TextEditor

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

@@ -1,20 +1,8 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        url: string;
-        validator: (text: string) => undefined | string;
-        edit: (newURL: string) => string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type UrlEditorProps = typeof __propDef.props;
-export type UrlEditorEvents = typeof __propDef.events;
-export type UrlEditorSlots = typeof __propDef.slots;
-export default class UrlEditor extends SvelteComponent<UrlEditorProps, UrlEditorEvents, UrlEditorSlots> {
+interface Props {
+    url: string;
+    validator: (text: string) => undefined | string;
+    edit: (newURL: string) => string | undefined;
 }
-export {};
+declare const URLEditor: import("svelte").Component<Props, {}, "">;
+type URLEditor = ReturnType<typeof URLEditor>;
+export default URLEditor;

package/dist/components/page/Acknowledgements.svelte

@@ -1,14 +1,20 @@
-<script>import Parser from '../../models/chapter/Parser';
-import ChapterBody from '../chapter/ChapterBody.svelte';
-import BookishEditor from '../editor/BookishEditor.svelte';
-import Instructions from './Instructions.svelte';
-import { getUser, getEdition, getLeasee, isEditionEditable, lease, } from './Contexts';
-import PageHeader from './PageHeader.svelte';
-import EditableHeader from './EditableHeader.svelte';
+<script lang="ts">import Parser from "../../models/chapter/Parser";
+import ChapterBody from "../chapter/ChapterBody.svelte";
+import BookishEditor from "../editor/BookishEditor.svelte";
+import Instructions from "./Instructions.svelte";
+import {
+  getUser,
+  getEdition,
+  getLeasee,
+  isEditionEditable,
+  lease
+} from "./Contexts";
+import PageHeader from "./PageHeader.svelte";
+import EditableHeader from "./EditableHeader.svelte";
 let auth = getUser();
 let edition = getEdition();
 let editable = isEditionEditable();
-$: acknowledgements = $edition?.getAcknowledgements();
+let acknowledgements = $derived($edition?.getAcknowledgements());
 </script>
 
 <Instructions {editable}>

package/dist/components/page/Acknowledgements.svelte.d.ts

@@ -1,16 +1,3 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type AcknowledgementsProps = typeof __propDef.props;
-export type AcknowledgementsEvents = typeof __propDef.events;
-export type AcknowledgementsSlots = typeof __propDef.slots;
-export default class Acknowledgements extends SvelteComponent<AcknowledgementsProps, AcknowledgementsEvents, AcknowledgementsSlots> {
-}
-export {};
+declare const Acknowledgements: import("svelte").Component<Record<string, never>, {}, "">;
+type Acknowledgements = ReturnType<typeof Acknowledgements>;
+export default Acknowledgements;

package/dist/components/page/Analytics.svelte

@@ -1,6 +1,5 @@
-<script>/** By default, we use the Bookish.press Google Analytics tag */
-export let gtagid = null;
-$: id = gtagid ?? 'G-BGFDV229BN';
+<script lang="ts">let { gtagid = null } = $props();
+let id = $derived(gtagid ?? "G-BGFDV229BN");
 </script>
 
 <svelte:head>

package/dist/components/page/Analytics.svelte.d.ts

@@ -1,18 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        /** By default, we use the Bookish.press Google Analytics tag */ gtagid?: string | null;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type AnalyticsProps = typeof __propDef.props;
-export type AnalyticsEvents = typeof __propDef.events;
-export type AnalyticsSlots = typeof __propDef.slots;
-export default class Analytics extends SvelteComponent<AnalyticsProps, AnalyticsEvents, AnalyticsSlots> {
+interface Props {
+    /** By default, we use the Bookish.press Google Analytics tag */
+    gtagid?: string | null;
 }
-export {};
+declare const Analytics: import("svelte").Component<Props, {}, "">;
+type Analytics = ReturnType<typeof Analytics>;
+export default Analytics;

package/dist/components/page/Authors.svelte

@@ -1,35 +1,35 @@
-<script>import Parser from '../../models/chapter/Parser';
-import TextEditor from '../editor/TextEditor.svelte';
-import Format from '../chapter/Format.svelte';
-import { afterUpdate } from 'svelte';
-import { getEdition, getLeasee, getUser, lease } from './Contexts';
-import Note from '../editor/Note.svelte';
-import Button from '../app/Button.svelte';
-import { tick } from 'svelte';
-import BookishEditor from '../editor/BookishEditor.svelte';
-import { auth } from '../../models/Firebase';
-export let editable;
-export let authors;
-export let inheritedAuthors = undefined;
-export let add;
-export let edit;
-export let remove;
-export let editors = false;
+<script lang="ts">import Parser from "../../models/chapter/Parser";
+import TextEditor from "../editor/TextEditor.svelte";
+import Format from "../chapter/Format.svelte";
+import { getEdition, getLeasee, getUser, lease } from "./Contexts";
+import Note from "../editor/Note.svelte";
+import Button from "../app/Button.svelte";
+import { tick } from "svelte";
+import BookishEditor from "../editor/BookishEditor.svelte";
+import { auth } from "../../models/Firebase";
+let {
+  editable,
+  authors,
+  inheritedAuthors = void 0,
+  add,
+  edit,
+  remove,
+  editors = false
+} = $props();
 let edition = getEdition();
-let authorList = null;
-$: showInherited = authors.length === 0 && inheritedAuthors !== undefined;
-$: authorsToShow = showInherited ? inheritedAuthors : authors;
+let authorList = $state(null);
+let showInherited = $derived(authors.length === 0 && inheritedAuthors !== void 0);
+let authorsToShow = $derived(showInherited ? inheritedAuthors : authors);
 async function addAuthor() {
-    add();
-    await tick();
-    if (authors.length > 0 && authorList) {
-        const editors = authorList.querySelectorAll('input');
-        if (editors.length > 0) {
-            const lastAuthor = editors[editors.length - 1];
-            if (lastAuthor instanceof HTMLElement)
-                lastAuthor.focus();
-        }
+  add();
+  await tick();
+  if (authors.length > 0 && authorList) {
+    const editors2 = authorList.querySelectorAll("input");
+    if (editors2.length > 0) {
+      const lastAuthor = editors2[editors2.length - 1];
+      if (lastAuthor instanceof HTMLElement) lastAuthor.focus();
     }
+  }
 }
 </script>