@openleaf-editor/ui 0.1.0-beta.0

package/dist/icons.js

@@ -0,0 +1,143 @@
+/**
+ * The icon set, as one inline SVG `<symbol>` sprite.
+ *
+ * Why a sprite of stroke paths rather than the alternatives:
+ *
+ *   Icon font       -- rejected. A flash of unstyled text, screen readers that
+ *                      read the private-use codepoint aloud, and more bytes
+ *                      than the paths themselves.
+ *   Inline per use  -- rejected. The same path repeated for every button.
+ *   Letterforms     -- rejected, and this is the non-obvious one. "B" for bold
+ *                      and "I" for italic bake English into the interface. Bold
+ *                      is *gras* in French, *fett* in German; a "B" icon is a
+ *                      translation bug wearing a costume.
+ *
+ * All 16 icons are a 24x24 viewBox with `stroke="currentColor"`, so they inherit
+ * text colour for free and need no separate dark-mode set. Roughly 2 KB raw,
+ * under 1 KB gzipped.
+ *
+ * Everything here is built with DOM APIs rather than `innerHTML`. Strict
+ * government CSPs commonly pair `style-src` with
+ * `require-trusted-types-for 'script'`, which exempts stylesheets but not
+ * dynamic HTML -- a string-concatenated sprite would be blocked in exactly the
+ * deployments this project exists to serve.
+ */
+/**
+ * Symbol id -> path data. Every icon is stroked; none are filled.
+ *
+ * Mutable, because plugins add their own. An opt-in bundle should not force its
+ * icons into the core download -- the eleven table icons would otherwise cost
+ * every deployment that has tables switched off.
+ */
+const PATHS = {
+    bold: 'M6 4h8a4 4 0 0 1 0 8H6zM6 12h9a4 4 0 0 1 0 8H6z',
+    italic: 'M19 4h-9M14 20H5M15 4L9 20',
+    underline: 'M6 4v6a6 6 0 0 0 12 0V4M4 20h16',
+    strikethrough: 'M16 4H9a3 3 0 0 0-2.83 4M14 12a4 4 0 0 1 0 8H6M4 12h16',
+    code: 'M16 18l6-6-6-6M8 6l-6 6 6 6',
+    bulletList: 'M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01',
+    orderedList: 'M10 6h11M10 12h11M10 18h11M4 4h1v4M4 8h2M6 18H4c0-1 2-1.5 2-2.5S5 14 4 14.5',
+    blockquote: 'M4 4v16M9 7h11M9 12h11M9 17h7',
+    codeBlock: 'M3 5h18v14H3zM9 10l-2 2 2 2M15 10l2 2-2 2',
+    link: 'M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71',
+    unlink: 'M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71M2 2l20 20',
+    image: 'M3 3h18v18H3zM8.5 9.5a1.5 1.5 0 1 0 .01 0M21 15l-5-5L5 21',
+    horizontalRule: 'M4 12h16',
+    undo: 'M3 7v6h6M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13',
+    redo: 'M21 7v6h-6M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13',
+    source: 'M18 16l4-4-4-4M6 8l-4 4 4 4M14.5 4l-5 16',
+};
+/**
+ * Icons whose meaning depends on reading direction, and which must therefore be
+ * mirrored in an RTL document. Bold and italic must NOT be in this set -- a
+ * mirrored letterform-derived glyph is just wrong, not localised.
+ */
+const DIRECTIONAL = new Set([
+    'undo',
+    'redo',
+    'code',
+    'codeBlock',
+    'source',
+    'blockquote',
+    'bulletList',
+    'orderedList',
+]);
+export function iconNames() {
+    return Object.keys(PATHS);
+}
+/**
+ * Add icons, from a plugin.
+ *
+ * If the sprite is already in the document -- which it will be whenever an
+ * editor exists before a deferred bundle finishes loading -- the new symbols are
+ * appended to it. Without that, a plugin's buttons render as empty squares and
+ * the failure looks like a CSS problem.
+ */
+export function registerIcons(paths, doc) {
+    const added = [];
+    for (const [name, d] of Object.entries(paths)) {
+        if (PATHS[name] === d)
+            continue;
+        PATHS[name] = d;
+        added.push(name);
+    }
+    if (added.length === 0)
+        return;
+    const target = doc ?? (typeof document !== 'undefined' ? document : undefined);
+    const sprite = target?.getElementById(SPRITE_ID);
+    if (!target || !sprite)
+        return;
+    for (const name of added) {
+        if (target.getElementById(`ol-i-${name}`))
+            continue;
+        sprite.appendChild(makeSymbol(name, PATHS[name], target));
+    }
+}
+const SVG_NS = 'http://www.w3.org/2000/svg';
+const SPRITE_ID = 'ol-icon-sprite';
+/** Inject the sprite once per document. Safe to call repeatedly. */
+export function ensureSprite(doc) {
+    if (doc.getElementById(SPRITE_ID))
+        return;
+    const svg = doc.createElementNS(SVG_NS, 'svg');
+    svg.setAttribute('id', SPRITE_ID);
+    svg.setAttribute('aria-hidden', 'true');
+    svg.setAttribute('focusable', 'false');
+    svg.setAttribute('style', 'display:none');
+    for (const [name, d] of Object.entries(PATHS)) {
+        svg.appendChild(makeSymbol(name, d, doc));
+    }
+    doc.body.appendChild(svg);
+}
+function makeSymbol(name, d, doc) {
+    const symbol = doc.createElementNS(SVG_NS, 'symbol');
+    symbol.setAttribute('id', `ol-i-${name}`);
+    symbol.setAttribute('viewBox', '0 0 24 24');
+    symbol.setAttribute('fill', 'none');
+    symbol.setAttribute('stroke', 'currentColor');
+    symbol.setAttribute('stroke-width', '2');
+    symbol.setAttribute('stroke-linecap', 'round');
+    symbol.setAttribute('stroke-linejoin', 'round');
+    const path = doc.createElementNS(SVG_NS, 'path');
+    path.setAttribute('d', d);
+    symbol.appendChild(path);
+    return symbol;
+}
+/**
+ * An `<svg><use></svg>` referencing a sprite symbol.
+ *
+ * `aria-hidden` and `focusable="false"` are both required: the icon is
+ * decorative because the button carries the accessible name, and without
+ * `focusable="false"` older engines put the SVG in the tab order.
+ */
+export function iconElement(name, doc) {
+    const svg = doc.createElementNS(SVG_NS, 'svg');
+    svg.setAttribute('class', DIRECTIONAL.has(name) ? 'ol-icon ol-icon--directional' : 'ol-icon');
+    svg.setAttribute('aria-hidden', 'true');
+    svg.setAttribute('focusable', 'false');
+    const use = doc.createElementNS(SVG_NS, 'use');
+    use.setAttribute('href', `#ol-i-${name}`);
+    svg.appendChild(use);
+    return svg;
+}
+//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { Toolbar, type ToolbarOptions } from './toolbar.js';
+export { DEFAULT_LAYOUT, allToolbarItems, clearToolbarItems, getToolbarItem, onRegistryChange, registerToolbarItem, type ToolbarContext, type ToolbarItemSpec, } from './registry.js';
+export { SOURCE_TOGGLE_EVENT, registerDefaultItems } from './items.js';
+export { CSS, ensureStyles, markStylesExternal, registerStyles } from './styles.js';
+export { ensureSprite, iconElement, iconNames, registerIcons, type IconName } from './icons.js';
+export { promptForImage, promptForLink, type ImageResult, type LinkResult } from './dialog.js';
+export { BUILT_IN_SKINS, applyColourScheme, applySkin, availableSkins, ensureSkins, registerSkin, type ColourScheme, type Skin, } from './skins.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EACL,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACtE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC/F,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAA;AAC9F,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,EACZ,KAAK,YAAY,EACjB,KAAK,IAAI,GACV,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { Toolbar } from './toolbar.js';
+export { DEFAULT_LAYOUT, allToolbarItems, clearToolbarItems, getToolbarItem, onRegistryChange, registerToolbarItem, } from './registry.js';
+export { SOURCE_TOGGLE_EVENT, registerDefaultItems } from './items.js';
+export { CSS, ensureStyles, markStylesExternal, registerStyles } from './styles.js';
+export { ensureSprite, iconElement, iconNames, registerIcons } from './icons.js';
+export { promptForImage, promptForLink } from './dialog.js';
+export { BUILT_IN_SKINS, applyColourScheme, applySkin, availableSkins, ensureSkins, registerSkin, } from './skins.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAuB,MAAM,cAAc,CAAA;AAC3D,OAAO,EACL,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,GAGpB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AACtE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAA;AAC/F,OAAO,EAAE,cAAc,EAAE,aAAa,EAAqC,MAAM,aAAa,CAAA;AAC9F,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,WAAW,EACX,YAAY,GAGb,MAAM,YAAY,CAAA"}

package/dist/items.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The default toolbar items.
+ *
+ * Every one is a thin binding of a core command to a label and an icon. No
+ * editing logic lives here -- if a button needs to know something about the
+ * document, that knowledge belongs in `@openleaf-editor/core` where a keyboard
+ * shortcut and a test can reach it too.
+ */
+/** Event the host listens for to switch between rich and source views. */
+export declare const SOURCE_TOGGLE_EVENT = "openleaf:toggle-source";
+/** Register the built-in items. Idempotent. */
+export declare function registerDefaultItems(): void;
+//# sourceMappingURL=items.d.ts.map

package/dist/items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.d.ts","sourceRoot":"","sources":["../src/items.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AA2BH,0EAA0E;AAC1E,eAAO,MAAM,mBAAmB,2BAA2B,CAAA;AAI3D,+CAA+C;AAC/C,wBAAgB,oBAAoB,IAAI,IAAI,CAuM3C"}

package/dist/items.js

@@ -0,0 +1,190 @@
+/**
+ * The default toolbar items.
+ *
+ * Every one is a thin binding of a core command to a label and an icon. No
+ * editing logic lives here -- if a button needs to know something about the
+ * document, that knowledge belongs in `@openleaf-editor/core` where a keyboard
+ * shortcut and a test can reach it too.
+ */
+import { activeLink, insertHorizontalRule, insertImage, isMarkActive, isNodeActive, redo, setLink, toggleBlockquote, toggleBold, toggleBulletList, toggleCodeBlock, toggleInlineCode, toggleItalic, toggleOrderedList, toggleStrike, toggleUnderline, undo, unsetLink, } from '@openleaf-editor/core';
+import { promptForImage, promptForLink } from './dialog.js';
+import { registerToolbarItem } from './registry.js';
+/** Event the host listens for to switch between rich and source views. */
+export const SOURCE_TOGGLE_EVENT = 'openleaf:toggle-source';
+let registered = false;
+/** Register the built-in items. Idempotent. */
+export function registerDefaultItems() {
+    if (registered)
+        return;
+    registered = true;
+    registerToolbarItem({
+        id: 'undo',
+        type: 'button',
+        kind: 'action',
+        label: 'Undo',
+        icon: 'undo',
+        command: undo,
+        shortcut: 'Undo',
+    });
+    registerToolbarItem({
+        id: 'redo',
+        type: 'button',
+        kind: 'action',
+        label: 'Redo',
+        icon: 'redo',
+        command: redo,
+        shortcut: 'Redo',
+    });
+    const markItems = [
+        { id: 'bold', label: 'Bold', icon: 'bold', mark: 'strong', command: toggleBold },
+        { id: 'italic', label: 'Italic', icon: 'italic', mark: 'em', command: toggleItalic },
+        {
+            id: 'underline',
+            label: 'Underline',
+            icon: 'underline',
+            mark: 'underline',
+            command: toggleUnderline,
+        },
+        {
+            id: 'strikethrough',
+            label: 'Strikethrough',
+            icon: 'strikethrough',
+            mark: 'strike',
+            command: toggleStrike,
+        },
+        { id: 'code', label: 'Inline code', icon: 'code', mark: 'code', command: toggleInlineCode },
+    ];
+    for (const item of markItems) {
+        registerToolbarItem({
+            id: item.id,
+            type: 'button',
+            kind: 'toggle',
+            label: item.label,
+            icon: item.icon,
+            command: item.command,
+            isActive: (state) => isMarkActive(state, item.mark),
+            shortcut: item.label,
+        });
+    }
+    /* ---- block structure ----
+       These get toggle semantics too. A blockquote or a list is a state the
+       cursor is either in or not, exactly like bold, and leaving them as plain
+       actions means a screen reader user cannot tell whether they are inside a
+       list without moving the caret and inferring it. */
+    registerToolbarItem({
+        id: 'bulletList',
+        type: 'button',
+        kind: 'toggle',
+        label: 'Bulleted list',
+        icon: 'bulletList',
+        command: toggleBulletList,
+        isActive: (state) => isNodeActive(state, 'bullet_list'),
+        shortcut: 'Bulleted list',
+    });
+    registerToolbarItem({
+        id: 'orderedList',
+        type: 'button',
+        kind: 'toggle',
+        label: 'Numbered list',
+        icon: 'orderedList',
+        command: toggleOrderedList,
+        isActive: (state) => isNodeActive(state, 'ordered_list'),
+        shortcut: 'Numbered list',
+    });
+    registerToolbarItem({
+        id: 'blockquote',
+        type: 'button',
+        kind: 'toggle',
+        label: 'Blockquote',
+        icon: 'blockquote',
+        command: toggleBlockquote,
+        isActive: (state) => isNodeActive(state, 'blockquote'),
+        shortcut: 'Blockquote',
+    });
+    registerToolbarItem({
+        id: 'codeBlock',
+        type: 'button',
+        kind: 'toggle',
+        label: 'Code block',
+        icon: 'codeBlock',
+        command: toggleCodeBlock,
+        isActive: (state) => isNodeActive(state, 'code_block'),
+        shortcut: 'Code block',
+    });
+    /* ---- insertions ---- */
+    registerToolbarItem({
+        id: 'link',
+        type: 'button',
+        kind: 'toggle',
+        label: 'Link',
+        icon: 'link',
+        // Enabled only with a selection: a link needs text to attach to, and
+        // silently doing nothing on an empty caret is worse than being disabled.
+        isEnabled: (state) => !state.selection.empty,
+        isActive: (state) => activeLink(state) !== null,
+        run: ({ view, host }) => {
+            const existing = activeLink(view.state);
+            void promptForLink(host.ownerDocument, {
+                href: existing?.['href'] ?? '',
+                target: existing?.['target'] ?? null,
+            }).then((result) => {
+                if (!result) {
+                    view.focus();
+                    return;
+                }
+                setLink(result)(view.state, view.dispatch, view);
+                view.focus();
+            });
+        },
+    });
+    registerToolbarItem({
+        id: 'unlink',
+        type: 'button',
+        kind: 'action',
+        label: 'Remove link',
+        icon: 'unlink',
+        command: unsetLink,
+    });
+    registerToolbarItem({
+        id: 'image',
+        type: 'button',
+        kind: 'action',
+        label: 'Insert image',
+        icon: 'image',
+        run: ({ view, host }) => {
+            void promptForImage(host.ownerDocument).then((result) => {
+                if (!result) {
+                    view.focus();
+                    return;
+                }
+                insertImage({ src: result.src, alt: result.alt })(view.state, view.dispatch, view);
+                view.focus();
+            });
+        },
+    });
+    registerToolbarItem({
+        id: 'horizontalRule',
+        type: 'button',
+        kind: 'action',
+        label: 'Horizontal rule',
+        icon: 'horizontalRule',
+        command: insertHorizontalRule,
+        shortcut: 'Horizontal rule',
+    });
+    /* ---- mode ---- */
+    registerToolbarItem({
+        id: 'source',
+        type: 'button',
+        kind: 'toggle',
+        label: 'HTML source',
+        icon: 'source',
+        // Source view is host state, not document state, so no predicate can derive
+        // it. The host pushes the value with setItemState -- which is exactly why
+        // that escape hatch exists.
+        isActive: () => false,
+        run: ({ host }) => {
+            host.dispatchEvent(new CustomEvent(SOURCE_TOGGLE_EVENT, { bubbles: true }));
+        },
+    });
+}
+//# sourceMappingURL=items.js.map

package/dist/items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"items.js","sourceRoot":"","sources":["../src/items.ts"],"names":[],"mappings":"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"}