bookish-press 0.6.54 → 0.7.1

package/dist/components/editor/CaretContext.d.ts

@@ -17,6 +17,8 @@ import type Node from '../../models/chapter/Node';
 export type PasteContent = {
     plain: string | undefined;
 };
+export type Accent = '`' | "'" | '^' | '~' | ':';
+export declare const Accents: Record<string, string>;
 type CaretContext = {
     chapter: boolean;
     range: CaretRange;
@@ -46,5 +48,7 @@ type CaretContext = {
     clipboard: Clipboard;
     handleCopy: (node: Node) => void;
     handlePaste: (context: CaretContext, text: PasteContent | Node, save: boolean) => Edit;
+    setAccent: (accent: Accent | undefined) => void;
+    getAccent: () => Accent | undefined;
 };
 export type { CaretContext as default };

package/dist/components/editor/CaretContext.js

@@ -1 +1,52 @@
-export {};
+export const Accents = {
+    '`a': 'à',
+    '`A': 'À',
+    '`e': 'è',
+    '`E': 'È',
+    '`i': 'ì',
+    '`I': 'Ì',
+    '`o': 'ò',
+    '`O': 'Ò',
+    '`u': 'ù',
+    '`U': 'Ù',
+    "'a": 'á',
+    "'A": 'Á',
+    "'e": 'é',
+    "'E": 'É',
+    "'i": 'í',
+    "'I": 'Í',
+    "'o": 'ó',
+    "'O": 'Ó',
+    "'u": 'ú',
+    "'U": 'Ú',
+    '^a': 'â',
+    '^A': 'Â',
+    '^e': 'ê',
+    '^E': 'Ê',
+    '^i': 'î',
+    '^I': 'Î',
+    '^o': 'ô',
+    '^O': 'Ô',
+    '^u': 'û',
+    '^U': 'Û',
+    '~a': 'ã',
+    '~A': 'Ã',
+    '~e': 'ẽ',
+    '~E': 'Ẽ',
+    '~i': 'ĩ',
+    '~I': 'Ĩ',
+    '~o': 'õ',
+    '~O': 'Õ',
+    '~u': 'ũ',
+    '~U': 'Ũ',
+    ':a': 'ä',
+    ':A': 'Ä',
+    ':e': 'ë',
+    ':E': 'Ë',
+    ':i': 'ï',
+    ':I': 'Ï',
+    ':o': 'ö',
+    ':O': 'Ö',
+    ':u': 'ü',
+    ':U': 'Ü',
+};

package/dist/components/editor/CaretState.d.ts

@@ -13,7 +13,7 @@ type CaretState = {
     context: CaretContext | undefined;
     edit: (previous: Node, edited: Node) => void;
     setCaret: (range: CaretRange) => void;
-    executor: (command: Command, key: string) => void;
+    executor: (command: Command, key: string, code: string) => void;
     focused: boolean;
 };
 export type { CaretState as default };

package/dist/components/editor/CaretView.svelte

@@ -9,6 +9,7 @@ export let disabled;
 export let ignored;
 export let blink;
 export let locked;
+export let accent;
 let element;
 let headerHeight = 0;
 // When the caret updates position, scroll the element into view after the render is complete.
@@ -38,7 +39,9 @@ afterUpdate(() => {
     style:height="{height}px"
     style:scroll-margin-top="{headerHeight}px"
     bind:this={element}
-    >{#if locked}🔒{/if}</div
+    >{#if locked}🔒{/if}{#if accent}
+        <span class="accent">{accent}</span>
+    {/if}</div
 >
 
 <style>
@@ -84,4 +87,12 @@ afterUpdate(() => {
         outline-width: 1px;
         outline-color: var(--bookish-link-color);
     }
+
+    .accent {
+        display: inline-block;
+        position: absolute;
+        top: -0.5em;
+        color: var(--app-muted-color);
+        font-size: 200%;
+    }
 </style>

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

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { Accent } from './CaretContext';
 declare const __propDef: {
     props: {
         left: number;
@@ -11,11 +12,14 @@ declare const __propDef: {
         ignored: boolean;
         blink: boolean;
         locked: boolean;
+        accent: Accent | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CaretViewProps = typeof __propDef.props;
 export type CaretViewEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CitationsEditorProps = typeof __propDef.props;
 export type CitationsEditorEvents = typeof __propDef.events;

package/dist/components/editor/Command.d.ts

@@ -15,6 +15,6 @@ type Command = {
     mutates: boolean;
     visible: boolean | ((context: CaretContext) => boolean);
     active: boolean | ((context: CaretContext, key?: string) => boolean);
-    handler: (context: CaretContext, utilities: CaretUtilities, key: string) => Edit;
+    handler: (context: CaretContext, utilities: CaretUtilities, key: string, code: string) => Edit | true;
 };
 export type { Command as default };

package/dist/components/editor/Commands.js

@@ -54,6 +54,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 { Accents } from './CaretContext';
 import LineBreakNode from '../../models/chapter/LineBreakNode';
 /**
  * Icons:
@@ -109,6 +110,25 @@ function rootWithNode(context, original, replacement, caret) {
             : context.range,
     };
 }
+function createAccentCommand(accent, code, control, alt, shift, description) {
+    return {
+        icon: accent,
+        description: description,
+        category: 'text',
+        mutates: false,
+        control,
+        alt,
+        shift,
+        key: undefined,
+        code,
+        visible: false,
+        active: true,
+        handler: (context) => {
+            context.setAccent(accent);
+            return true;
+        },
+    };
+}
 // An ordered list of command specifications for keyboard and mouse input.
 const commands = [
     {
@@ -695,6 +715,8 @@ const commands = [
         handler: (context) => {
             if (context.root === undefined)
                 return;
+            // Reset the accent.
+            context.setAccent(undefined);
             if (context.isSelection) {
                 const edit = context.root.withRangeFormatted(context.range, undefined);
                 if (edit === undefined)
@@ -1505,6 +1527,26 @@ const commands = [
             return { root: context.root, range: context.range };
         },
     },
+    // Windows grave
+    createAccentCommand('`', 'Backquote', true, false, false, 'insert a grave accent'),
+    // Mac grave
+    createAccentCommand('`', 'Backquote', false, true, false, 'insert a grave accent'),
+    // Windows apostrophe
+    createAccentCommand("'", 'Quote', true, false, false, 'insert an apostrophe accent'),
+    // Mac apostrophe
+    createAccentCommand('`', 'KeyE', false, true, false, 'insert an apostrophe accent'),
+    // Windows caret
+    createAccentCommand('^', 'Digit6', true, false, true, 'insert a caret accent'),
+    // Mac caret
+    createAccentCommand('^', 'KeyI', false, true, false, 'insert a caret accent'),
+    // Windows tilde
+    createAccentCommand('~', 'Backquote', true, false, true, 'insert a tilde accent'),
+    // Mac tilde
+    createAccentCommand('~', 'KeyN', false, true, false, 'insert a tilde accent'),
+    // Windows umlaut
+    createAccentCommand(':', 'Semicolon', true, false, true, 'insert a tilde accent'),
+    // Mac umlaut
+    createAccentCommand(':', 'KeyU', false, true, false, 'insert a grave accent'),
     {
         icon: 'insert symbol',
         description: 'insert character',
@@ -1521,6 +1563,16 @@ const commands = [
             utilities;
             const range = context.range;
             if (key.length === 1) {
+                // See if there's an accent.
+                const accent = context.getAccent();
+                if (accent !== undefined) {
+                    // Reset the accent.
+                    context.setAccent(undefined);
+                    const match = Accents[accent + key];
+                    if (match) {
+                        key = match;
+                    }
+                }
                 // Insert at the start.
                 let sortedRange = range.start.node.sortRange(range);
                 let insertionPoint = sortedRange.start;

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

@@ -11,6 +11,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ConfirmButtonProps = typeof __propDef.props;
 export type ConfirmButtonEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DefinitionEditorProps = typeof __propDef.props;
 export type DefinitionEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type EmbedEditorProps = typeof __propDef.props;
 export type EmbedEditorEvents = typeof __propDef.events;

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

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type IconProps = typeof __propDef.props;
 export type IconEvents = typeof __propDef.events;

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

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ImageChooserProps = typeof __propDef.props;
 export type ImageChooserEvents = typeof __propDef.events;

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

@@ -10,6 +10,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ImageThumbnailProps = typeof __propDef.props;
 export type ImageThumbnailEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type InlineCodeEditorProps = typeof __propDef.props;
 export type InlineCodeEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LabelEditorProps = typeof __propDef.props;
 export type LabelEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LanguageEditorProps = typeof __propDef.props;
 export type LanguageEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LinkEditorProps = typeof __propDef.props;
 export type LinkEditorEvents = typeof __propDef.events;

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

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -11,6 +11,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PermissionsProps = typeof __propDef.props;
 export type PermissionsEvents = typeof __propDef.events;

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

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type PositionEditorProps = typeof __propDef.props;
 export type PositionEditorEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type QuoteEditorProps = typeof __propDef.props;
 export type QuoteEditorEvents = typeof __propDef.events;

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

@@ -11,6 +11,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TableEditorProps = typeof __propDef.props;
 export type TableEditorEvents = typeof __propDef.events;

package/dist/components/editor/TextEditor.svelte

@@ -131,6 +131,7 @@ function handleKeyPress(event) {
         </span>
     {/if}
 </span>
+<span style:font-size="small">✐</span>
 
 <style>
     .text-editor {

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

@@ -6,15 +6,17 @@ declare const __propDef: {
         placeholder: string;
         valid: (text: string) => string | undefined;
         save: (text: string) => Promise<void> | undefined | void | string;
-        saveOnExit?: boolean | undefined;
+        saveOnExit?: boolean;
         width?: number | undefined;
-        clip?: boolean | undefined;
+        clip?: boolean;
         move?: ((el: HTMLElement, direction: -1 | 1) => void) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TextEditorProps = typeof __propDef.props;
 export type TextEditorEvents = typeof __propDef.events;

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

@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToggleProps = typeof __propDef.props;
 export type ToggleEvents = typeof __propDef.events;

package/dist/components/editor/Toolbar.svelte

@@ -186,12 +186,7 @@ function handleKeyPress(event) {
                                     ' ' +
                                     getShortcutDescription(command)}
                                 tabIndex="0"
-                                command={() =>
-                                    caret?.executor.call(
-                                        undefined,
-                                        command,
-                                        '',
-                                    )}
+                                command={() => caret?.executor(command, '', '')}
                             >
                                 <Icon icon={command.icon} />
                             </Button>

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

@@ -8,6 +8,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToolbarProps = typeof __propDef.props;
 export type ToolbarEvents = typeof __propDef.events;

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

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToolbarGroupProps = typeof __propDef.props;
 export type ToolbarGroupEvents = typeof __propDef.events;

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

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -9,6 +9,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type UrlEditorProps = typeof __propDef.props;
 export type UrlEditorEvents = typeof __propDef.events;

package/dist/components/page/Acknowledgements.svelte

@@ -4,6 +4,7 @@ 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();
@@ -16,10 +17,14 @@ $: acknowledgements = $edition?.getAcknowledgements();
 </Instructions>
 
 <!-- If editable, show acknowledgements even if they're empty, otherwise hide -->
-{#if $edition && acknowledgements}
+{#if $edition}
     {#if editable}
+        <EditableHeader
+            id="acknowledgements"
+            label="Edit acknowledgements header"
+        />
         <BookishEditor
-            text={acknowledgements}
+            text={acknowledgements ?? ''}
             parser={(text) => Parser.parseChapter($edition, text)}
             chapter={false}
             component={ChapterBody}
@@ -27,14 +32,16 @@ $: acknowledgements = $edition?.getAcknowledgements();
             save={(node) =>
                 $edition
                     ? edition.set(
-                          $edition.withAcknowledgements(node.toBookdown())
+                          $edition.withAcknowledgements(node.toBookdown()),
                       )
                     : undefined}
             leasee={getLeasee(auth, edition, `acks`)}
             lease={(lock) => lease(auth, edition, `acks`, lock)}
         />
-    {:else if acknowledgements.length > 0}
-        <PageHeader id="acknowledgements">Acknowledgements</PageHeader>
+    {:else if acknowledgements && acknowledgements.length > 0}
+        <PageHeader id="acknowledgements"
+            >{$edition.getHeader('acknowledgements')}</PageHeader
+        >
         <ChapterBody node={Parser.parseChapter($edition, acknowledgements)} />
     {/if}
 {/if}

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

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AcknowledgementsProps = typeof __propDef.props;
 export type AcknowledgementsEvents = typeof __propDef.events;

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

@@ -1,12 +1,14 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        /** By default, we use the Bookish.press Google Analytics tag */ gtagid?: string | null | undefined;
+        /** 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;

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

@@ -7,12 +7,14 @@ declare const __propDef: {
         add: () => Promise<void> | void;
         edit: (index: number, text: string) => Promise<void> | void;
         remove: (index: number) => Promise<void> | void;
-        editors?: boolean | undefined;
+        editors?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AuthorsProps = typeof __propDef.props;
 export type AuthorsEvents = typeof __propDef.events;

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

@@ -7,6 +7,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BookLoaderProps = typeof __propDef.props;
 export type BookLoaderEvents = typeof __propDef.events;

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

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BulkReferenceEditorProps = typeof __propDef.props;
 export type BulkReferenceEditorEvents = typeof __propDef.events;

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

@@ -3,12 +3,14 @@ import type ChapterModel from '../../models/book/Chapter';
 declare const __propDef: {
     props: {
         chapter: ChapterModel;
-        print?: boolean | undefined;
+        print?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ChapterProps = typeof __propDef.props;
 export type ChapterEvents = typeof __propDef.events;

package/dist/components/page/ChapterContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { Writable } from 'svelte/store';
 import type Chapter from '../../models/book/Chapter';
 type ChapterContext = {

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

@@ -23,5 +23,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

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

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ChapterTitleProps = typeof __propDef.props;
 export type ChapterTitleEvents = typeof __propDef.events;

package/dist/components/page/Contexts.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type Writable } from 'svelte/store';
 import type Book from '../../models/book/Book';
 import type Chapter from '../../models/book/Chapter';