quoin-editor 2.0.0 → 2.0.2

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

@@ -1,4 +1,4 @@
-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, 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-SE36LU6G.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';
@@ -1875,7 +1875,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 +1885,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 +1967,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 +2210,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 +2223,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);
@@ -2548,13 +2548,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 +2786,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;
 }
@@ -4014,7 +4020,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;
   }
@@ -4523,9 +4529,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 +5049,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 };
 }
@@ -6042,6 +6049,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 +6063,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 +6284,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);
@@ -6533,5 +6545,5 @@ function useAutosave({
 }
 
 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
+//# sourceMappingURL=chunk-QIGZ5JAY.js.map
+//# sourceMappingURL=chunk-QIGZ5JAY.js.map