quoin-editor 2.0.1 → 2.0.3

package/dist/{chunk-ZN5DHNSL.js → chunk-FGVTDIHT.js}

@@ -1,8 +1,9 @@
-import { useQuoinEditor, EditorView, useIsomorphicLayoutEffect, useReadOnly, useEditorState, listen, wholeState, NODE_ENTRY, useBlockDomId, useToggleOpen, ToggleChevron, EditableRegion, drawnBlockCount, isComposingKey, NATIVE_INTERACTION, useRegionDomId, TaskCheckbox, useOrderedNumber, createAutoScroll, domMapOf, dispatchSelection, regionInline, onBlock, hostKey, BlockErrorContext, textDiff, moveToNeighbour, visibleBlockIndexes } from './chunk-NL5J77VD.js';
+import { useQuoinEditor, EditorView, useIsomorphicLayoutEffect, inlineDirection, useReadOnly, useEditorState, listen, wholeState, NODE_ENTRY, useBlockDomId, useToggleOpen, ToggleChevron, EditableRegion, calloutTone, drawnBlockCount, isComposingKey, NATIVE_INTERACTION, CALLOUT_TONES, useRegionDomId, TaskCheckbox, useOrderedNumber, createAutoScroll, arrowAsWritten, domMapOf, dispatchSelection, regionInline, onBlock, hostKey, BlockErrorContext, textDiff, moveToNeighbour, visibleBlockIndexes } from './chunk-BNTRGV4A.js';
 import { mergeLabels } from './chunk-DLQCTGC3.js';
 import { defineBlock, devWarn, highlightedLines, blockByType, paletteBlocks, tokenColour, seedData, parsedData } from './chunk-HDJ653LM.js';
 import { createPluginKey, coreExtensions, defineExtension, duplicateBlocks, primaryRegion, regionLength, headBlockId, sameSelection, Transaction, insertBlocksStep, startOf, replaceBlockStep, descendantsEnd, LINE_JOIN, detectMac, selectedBlockIds, blockRangeSelection, runCommands, setSelection, selectedBlockRange, toMarkdown, isCollapsed, createBlock, isParagraph, nodeSelection, setAttrsStep, LINE_SPLIT, validateSelection, endOf, insertBlockAfter, insertText, isTextFlow, markRanges, setTextAlign, orderedRange, unsetLink, textSelection, toggleMark, isActive, setBlockType, getPluginState, rangeContent, unsetMark, setMark, markExtent, setLink, deleteBlocks, setAttrs, HISTORY_GROUP, setBlockColor, removeMarkStep, caretMarks, replaceInlineStep, keyName, normalizeKey, movedBlockIds, moveBlocksUp, moveBlocksDown, selectAll, redo, undo, moveBlocksTo, indent, outdent } from './chunk-5RBMZGKV.js';
 import { str, blockPlainText, sanitizeHref, inlineText, parseInline, newId, createDoc, sameItems, headingLevel, sanitizeAssetUrl, blockById, sliceInline, specFor, createBlockCodec, hasMark, alignOrUndefined, optionalNumber, requireBlockIndex, SCHEME, inlineLength, paletteOrUndefined, PALETTE, addMark, text, sameValue } from './chunk-7Y4B7NHO.js';
+import { DirectionProvider } from '@radix-ui/react-direction';
 import * as React7 from 'react';
 import { createContext, forwardRef, useRef, useImperativeHandle, useState, useMemo, useEffect, Fragment as Fragment$1, useContext, useSyncExternalStore, useCallback, useId, createElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -439,7 +440,11 @@ function formatSize(bytes) {
 }
 
 // src/i18n/english-labels.ts
-var englishLabels = {
+function frozen(labels) {
+  for (const label of Object.values(labels)) if (typeof label === "object") Object.freeze(label);
+  return Object.freeze(labels);
+}
+var englishLabels = frozen({
   document: "Editor",
   editorHint: "Press Escape, then Tab, to leave the editor.",
   paragraph: "Paragraph",
@@ -641,7 +646,7 @@ var englishLabels = {
   emptyFile: "No file chosen",
   emptyMarkdown: "Empty markdown block",
   emptyCallout: "Empty callout"
-};
+});
 var QuoinContext = React7.createContext(null);
 function QuoinProvider({
   value,
@@ -1242,7 +1247,6 @@ function closeBlockMenu(store) {
 }
 
 // src/blocks/text/callout-tone.ts
-var CALLOUT_TONES = ["info", "tip", "success", "warning", "danger"];
 var CALLOUT_ICONS = ["\u{1F4A1}", "\u26A0\uFE0F", "\u2705", "\u2757", "\u2139\uFE0F", "\u{1F4CC}"];
 var TONE_ICONS = {
   info: "\u2139\uFE0F",
@@ -1251,9 +1255,6 @@ var TONE_ICONS = {
   warning: "\u26A0\uFE0F",
   danger: "\u2757"
 };
-function calloutTone(value) {
-  return CALLOUT_TONES.find((tone) => tone === value) ?? "info";
-}
 function calloutIcon(attrs, tone) {
   return typeof attrs.icon === "string" && attrs.icon !== "" ? attrs.icon : TONE_ICONS[tone];
 }
@@ -1875,7 +1876,7 @@ var CONTENT = `${MENU_CONTENT} flex max-h-64 w-48 flex-col overflow-y-hidden`;
 function LanguageCombobox({ blockId, controller, language: language2, field, onDone }) {
   const labels = useLabels();
   const listboxId = useId();
-  const list = useRef(null);
+  const list2 = useRef(null);
   const settled = useRef(false);
   const focusedByPress = useRef(false);
   const shown = languageName(language2) ?? language2;
@@ -1885,7 +1886,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
   const open = options.length > 0;
   const optionId = (index) => `${listboxId}-${index}`;
   useIsomorphicLayoutEffect(() => {
-    list.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
+    list2.current?.querySelector('[aria-selected="true"]')?.scrollIntoView?.({ block: "nearest" });
   }, [active]);
   const close = () => {
     setDraft(null);
@@ -1967,7 +1968,7 @@ function LanguageCombobox({ blockId, controller, language: language2, field, onD
         className: CONTENT,
         onOpenAutoFocus: preventDefault,
         onCloseAutoFocus: preventDefault,
-        children: /* @__PURE__ */ jsx("div", { ref: list, role: "listbox", id: listboxId, "aria-label": labels.codeLanguage, className: "min-h-0 overflow-y-auto", children: options.map((option, index) => /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx("div", { ref: list2, role: "listbox", id: listboxId, "aria-label": labels.codeLanguage, className: "min-h-0 overflow-y-auto", children: options.map((option, index) => /* @__PURE__ */ jsx(
           SuggestionOption,
           {
             id: optionId(index),
@@ -2210,7 +2211,7 @@ function isBubblePart(element, controller) {
   return element?.closest(`[${BUBBLE_PART}]`)?.getAttribute(BUBBLE_PART) === partId(controller);
 }
 function focusInEditor(controller) {
-  const active = document.activeElement;
+  const active = controller.root?.ownerDocument.activeElement ?? null;
   return active !== null && (controller.isEditorElement(active) || isBubblePart(active, controller));
 }
 
@@ -2223,7 +2224,7 @@ var KINDS = [
   [FileText, /^(text\/|(txt|md|csv|pdf|rtf|docx?)$)/]
 ];
 var kindOf = (value) => KINDS.find(([, pattern]) => pattern.test(value))?.[0];
-var fileIcon = (mime, filename) => kindOf(mime) ?? kindOf(/\.([^.]+)$/.exec(filename)?.[1].toLowerCase() ?? "") ?? FileIcon;
+var fileIcon = (mime, filename) => kindOf(mime.toLowerCase()) ?? kindOf(/\.([^.]+)$/.exec(filename)?.[1].toLowerCase() ?? "") ?? FileIcon;
 
 // src/blocks/file/file-source.ts
 var fileName = (attrs) => str(attrs.filename) || str(attrs.storageKey);
@@ -2469,9 +2470,10 @@ function useRovingFocus() {
   const onKeyDown = (event) => {
     const all = items();
     const index = all.indexOf(event.target);
-    if (index === -1 || !Object.hasOwn(MOVES, event.key)) return;
+    const key = row.current === null ? event.key : arrowAsWritten(event.key, inlineDirection(row.current));
+    if (index === -1 || !Object.hasOwn(MOVES, key)) return;
     event.preventDefault();
-    all[MOVES[event.key](index, all.length)].focus();
+    all[MOVES[key](index, all.length)].focus();
   };
   return { ref, owns, focusCurrent, onFocus, onKeyDown };
 }
@@ -2548,13 +2550,14 @@ function createSettled(controller) {
   return {
     read: () => focusInEditor(controller) && !pressed && !composing && !viewComposing(),
     subscribe(notify) {
+      const doc = controller.root?.ownerDocument ?? document;
       const listeners2 = Object.entries(handlers).map(([type, handle2]) => {
         const listener = (event) => {
           handle2(event);
           notify();
         };
-        document.addEventListener(type, listener, true);
-        return () => document.removeEventListener(type, listener, true);
+        doc.addEventListener(type, listener, true);
+        return () => doc.removeEventListener(type, listener, true);
       });
       const stopState = controller.editor.subscribe(() => notify());
       return () => {
@@ -2785,11 +2788,16 @@ function ImageFigure({ block, controller, readOnly }) {
 
 // src/menus/link/link-address.ts
 var BARE_DOMAIN = /^[^\s/#?.]\S*\.\S*$/;
+var EMAIL = /^[^\s@/]+@[^\s@/]+\.[^\s@/]+$/;
 var WHITESPACE = /\s/;
+function scheme(address) {
+  if (EMAIL.test(address)) return `mailto:${address}`;
+  return BARE_DOMAIN.test(address) ? `https://${address}` : address;
+}
 function linkAddress(typed2) {
   const address = typed2.trim();
   if (WHITESPACE.test(address)) return null;
-  const completed = !SCHEME.test(address) && BARE_DOMAIN.test(address) ? `https://${address}` : address;
+  const completed = SCHEME.test(address) ? address : scheme(address);
   const href = sanitizeHref(completed);
   return href || null;
 }
@@ -3888,9 +3896,6 @@ function structureAnnouncement(tr, labels, undoKeys) {
   return inserted === null ? null : labels.blockInserted(...drawnPosition(tr.doc, inserted));
 }
 
-// src/ui/direction.ts
-var inlineDirection = (element) => getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr";
-
 // src/drag/drag-layout.ts
 var INDENT_STEP_REM = 1.5;
 function rootOrigin(root) {
@@ -4014,7 +4019,7 @@ function followPress(press, root, view) {
     overlay.follow(dx, pointer.y - press.y);
     overlay.mark({ top: target.lineTop, ...spanBetween(target.lineStart, layout.end) });
     if (!sameTarget(active.target, target)) {
-      store.set({ drag: { blockIds: ids, targetIndex: target.index, targetIndent: target.indent } });
+      store.set({ drag: { blockIds: ids, targetIndent: target.indent } });
     }
     active.target = target;
   }
@@ -4324,7 +4329,15 @@ function Gutter({ controller, store, actions }) {
 }
 
 // src/i18n/resolve-labels.ts
-var resolveLabels = (overrides) => mergeLabels(englishLabels, overrides);
+var isRecord = (value) => typeof value === "object" && value !== null;
+function ontoRecords(overrides) {
+  const taken = Object.entries(overrides).map(([key, value]) => {
+    const fallback = englishLabels[key];
+    return [key, isRecord(value) && isRecord(fallback) ? { ...fallback, ...value } : value];
+  });
+  return Object.fromEntries(taken);
+}
+var resolveLabels = (overrides) => mergeLabels(englishLabels, overrides && ontoRecords(overrides));
 
 // src/menus/floating/range-rect.ts
 var TEXT_NODE = 3;
@@ -4523,9 +4536,9 @@ var readOnServer = () => false;
 function useMediaQuery(query, unsupported) {
   const subscribe3 = useCallback(
     (notify) => {
-      const list = listOf(query);
-      list?.addEventListener("change", notify);
-      return () => list?.removeEventListener("change", notify);
+      const list2 = listOf(query);
+      list2?.addEventListener("change", notify);
+      return () => list2?.removeEventListener("change", notify);
     },
     [query]
   );
@@ -5043,7 +5056,8 @@ function useRangeAnchor(controller, range) {
   });
   useIsomorphicLayoutEffect(() => {
     const rect = latest.current && rangeRect(controller, latest.current);
-    if (rect) setSide(sideFor(rect, window.innerHeight));
+    const height = controller.root?.ownerDocument.defaultView?.innerHeight;
+    if (rect && height !== void 0) setSide(sideFor(rect, height));
   }, [controller, start]);
   return { anchor, side };
 }
@@ -5790,6 +5804,14 @@ function shortcutsExtension(store) {
     ui: { overlays: [ShortcutsOverlay] }
   });
 }
+function useRootDirection(controller) {
+  const [direction, setDirection] = useState("ltr");
+  useIsomorphicLayoutEffect(() => {
+    const root = controller.root;
+    if (root !== null) setDirection(inlineDirection(root));
+  }, [controller]);
+  return direction;
+}
 
 // src/canvas/block-link.ts
 var FRAGMENT = "#block-";
@@ -6042,6 +6064,8 @@ function extensionUi(extension) {
   const { ui } = extension;
   return typeof ui === "object" && ui !== null ? ui : {};
 }
+var list = (value) => Array.isArray(value) ? value : [];
+var record = (value) => typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
 function mergeRender(uis) {
   const given = uis.flatMap(({ render }) => render === void 0 ? [] : [render]);
   if (given.length === 0) return void 0;
@@ -6054,14 +6078,14 @@ function mergeRender(uis) {
 function collectUi(extensions, definitions, readOnly = false, onError) {
   const uis = extensions.map(extensionUi);
   return {
-    slashItems: [...uis.flatMap((ui) => ui.slashItems ?? []), ...blockTypeSlashItems(definitions, onError)],
-    bubbleItems: uis.flatMap((ui) => ui.bubbleItems ?? []),
-    blockMenuItems: uis.flatMap((ui) => ui.blockMenuItems ?? []),
-    renderers: Object.assign({}, canvasRenderers(definitions, readOnly), ...uis.map((ui) => ui.renderers)),
-    blockNames: Object.assign({}, ...uis.map((ui) => ui.blockNames)),
+    slashItems: [...uis.flatMap((ui) => list(ui.slashItems)), ...blockTypeSlashItems(definitions, onError)],
+    bubbleItems: uis.flatMap((ui) => list(ui.bubbleItems)),
+    blockMenuItems: uis.flatMap((ui) => list(ui.blockMenuItems)),
+    renderers: Object.assign({}, canvasRenderers(definitions, readOnly), ...uis.map((ui) => record(ui.renderers))),
+    blockNames: Object.assign({}, ...uis.map((ui) => record(ui.blockNames))),
     render: mergeRender(uis),
     overlays: [
-      ...uis.flatMap((ui) => ui.overlays ?? []),
+      ...uis.flatMap((ui) => list(ui.overlays)),
       ...Object.entries(inPlaceOverlays).flatMap(([type, overlay]) => drawnInPlace(definitions, type) ? [overlay] : [])
     ]
   };
@@ -6275,13 +6299,16 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
     readOnly,
     extensions: allExtensions,
     render: ui.render,
-    onFiles: (files, at) => void insertUploads(controller, files, at, {
-      upload,
-      resolveAssetUrl: resolveAssetUrl ?? String,
-      onError: onError ?? console.error,
-      unavailable: labels.uploadsUnavailable,
-      failed: labels.uploadFailed
-    })
+    onFiles(files, at) {
+      const report = onError ?? console.error;
+      void insertUploads(controller, files, at, {
+        upload,
+        resolveAssetUrl: resolveAssetUrl ?? String,
+        onError: report,
+        unavailable: labels.uploadsUnavailable,
+        failed: labels.uploadFailed
+      }).catch((reason) => report(toError(reason)));
+    }
   });
   useDeleteReporter(controller, onDelete);
   useBlockLinkTarget(controller, focusOnMount);
@@ -6302,6 +6329,7 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
     const placeholderLabels = placeholder === void 0 ? labels : { ...labels, placeholderEmpty: placeholder };
     return (state, block) => placeholderFor(state, block, placeholderLabels);
   }, [labels, placeholder]);
+  const direction = useRootDirection(controller);
   useImperativeHandle(
     ref,
     () => ({
@@ -6312,7 +6340,7 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
     }),
     [controller, resolveAssetUrl]
   );
-  return /* @__PURE__ */ jsx(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsx(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsx(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsx(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsx(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(DirectionProvider, { dir: direction, children: /* @__PURE__ */ jsx(QuoinProvider, { value: { blockTypes, upload, resolveAssetUrl, onError, highlight, controller, labels }, children: /* @__PURE__ */ jsx(VoidEditingContext.Provider, { value: voidEditing, children: /* @__PURE__ */ jsx(SlashItemsProvider, { value: slashItems, children: /* @__PURE__ */ jsx(BubbleItemsProvider, { value: ui.bubbleItems, children: /* @__PURE__ */ jsx(CanvasUiProvider, { value: uiStore, children: /* @__PURE__ */ jsxs(
     EditorView,
     {
       controller,
@@ -6339,7 +6367,7 @@ var BlockCanvas = forwardRef(function BlockCanvas2({
         ui.overlays.map((Overlay2, index) => /* @__PURE__ */ jsx(Overlay2, { controller }, index))
       ]
     }
-  ) }) }) }) }) });
+  ) }) }) }) }) }) });
 });
 function progressText(state, labels) {
   if (state.phase === "busy") return labels.uploading;
@@ -6403,8 +6431,15 @@ async function attemptSave(run) {
     return { error };
   }
 }
+function retryable(error, isRetryable) {
+  try {
+    return isRetryable(error);
+  } catch {
+    return false;
+  }
+}
 function nextRetryDelay(error, retriesSoFar, { debounceMs, maxBackoffMs, maxRetries, isRetryable }) {
-  if (retriesSoFar >= maxRetries || !isRetryable(error)) return null;
+  if (retriesSoFar >= maxRetries || !retryable(error, isRetryable)) return null;
   return Math.min(debounceMs * 2 ** (retriesSoFar + 1), maxBackoffMs);
 }
 
@@ -6532,6 +6567,6 @@ function useAutosave({
   return { status, error, retry: runner.retry, flush: runner.flush };
 }
 
-export { AlignCenter, AlignLeft, AlignRight, AppWindow, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftToLine, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpToLine, BlockCanvas, Bookmark, Button, CODE_LANGUAGES, CaseSensitive, ChevronDown, ChevronUp, CodeBlock, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FLOATING_TOOLBAR, FOCUS_RING, FilePickerButton, GripHorizontal, GripVertical, Input, MENU_ITEM, MenuIcon, MessageSquare, MessageSquarePlus, PenLine, Plus, Popover, PopoverAnchor, PopoverContent, QuoinProvider, Radical, Regex, SendHorizontal, Sigma, SmilePlus, Sparkles, SuggestionMenu, Table, TableOfContents, Trash, UploadField, WholeWord, X, blockFragment, bubblePart, cn, coreBlocks, dismissSuggestion, englishLabels, focusNode, formatShortcut, inlineDirection, insertBlockToWrite, insertBlocks, interceptKeys, keepFocus, linkAddress, linkedBlockId, noChange, preventDefault, rangeRect, replaceTrigger, resolveLabels, returnFocusToText, runOnBlocks, selectHandlers, selectNode, styleTargets, suggestionPlugin, toError, useAutosave, useFocusKey, useLabels, useNodeKeys, useOutsidePress, usePartAnchor, useQuoin, useRangeAnchor, useRovingFocus, virtualAnchor };
-//# sourceMappingURL=chunk-ZN5DHNSL.js.map
-//# sourceMappingURL=chunk-ZN5DHNSL.js.map
+export { AlignCenter, AlignLeft, AlignRight, AppWindow, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftToLine, ArrowRight, ArrowRightToLine, ArrowUp, ArrowUpToLine, BlockCanvas, Bookmark, Button, CODE_LANGUAGES, CaseSensitive, ChevronDown, ChevronUp, CodeBlock, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FLOATING_TOOLBAR, FOCUS_RING, FilePickerButton, GripHorizontal, GripVertical, Input, MENU_ITEM, MenuIcon, MessageSquare, MessageSquarePlus, PenLine, Plus, Popover, PopoverAnchor, PopoverContent, QuoinProvider, Radical, Regex, SendHorizontal, Sigma, SmilePlus, Sparkles, SuggestionMenu, Table, TableOfContents, Trash, UploadField, WholeWord, X, blockFragment, bubblePart, cn, coreBlocks, dismissSuggestion, englishLabels, focusNode, formatShortcut, insertBlockToWrite, insertBlocks, interceptKeys, keepFocus, linkAddress, linkedBlockId, noChange, preventDefault, rangeRect, replaceTrigger, resolveLabels, returnFocusToText, runOnBlocks, selectHandlers, selectNode, styleTargets, suggestionPlugin, toError, useAutosave, useFocusKey, useLabels, useNodeKeys, useOutsidePress, usePartAnchor, useQuoin, useRangeAnchor, useRovingFocus, virtualAnchor };
+//# sourceMappingURL=chunk-FGVTDIHT.js.map
+//# sourceMappingURL=chunk-FGVTDIHT.js.map