@pie-lib/editable-html-tip-tap 1.2.0-next.30 → 1.2.0-next.32

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0-next.32](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html-tip-tap@1.2.0-next.31...@pie-lib/editable-html-tip-tap@1.2.0-next.32) (2026-04-16)
+
+### Bug Fixes
+
+- made sure image handling works properly without losing focus, fix media size problem [PIE-129][PIE-44] ([ad28c81](https://github.com/pie-framework/pie-lib/commit/ad28c816e12d35a59d51bcb03466194c33e3b5dd))
+
+# [1.2.0-next.31](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html-tip-tap@1.2.0-next.30...@pie-lib/editable-html-tip-tap@1.2.0-next.31) (2026-04-15)
+
+### Bug Fixes
+
+- **render-ui/editable-html-tip-tap:** fix disableImageAlignmentButtons prop and fix alignment in PreviewPrompt PIE-45 ([ef87ea4](https://github.com/pie-framework/pie-lib/commit/ef87ea4e4f9343be4779ea370036a556d67c8cb3))
+
 # [1.2.0-next.30](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html-tip-tap@1.2.0-next.29...@pie-lib/editable-html-tip-tap@1.2.0-next.30) (2026-04-15)
 
 ### Features

package/lib/components/EditableHtml.js

@@ -88,6 +88,17 @@ var EditableHtml = exports.EditableHtml = function EditableHtml(props) {
     scheduled = _useState4[0],
     setScheduled = _useState4[1];
   var toolbarOpts = props.toolbarOpts;
+  var removePendingImage = (0, _react.useCallback)(function (imagePos) {
+    setPendingImages(function (prev) {
+      var next = prev.filter(function (img) {
+        return img.pos !== imagePos;
+      });
+      if (next.length === 0) {
+        setScheduled(false);
+      }
+      return next;
+    });
+  }, [setPendingImages]);
   var toolbarOptsToUse = _objectSpread(_objectSpread({}, defaultToolbarOpts), toolbarOpts);
   var activePluginsToUse = (0, _react.useMemo)(function () {
     var _ref3, _props$responseAreaPr;
@@ -141,25 +152,17 @@ var EditableHtml = exports.EditableHtml = function EditableHtml(props) {
     toolbarOpts: toolbarOptsToUse,
     imageHandling: {
       disableImageAlignmentButtons: props.disableImageAlignmentButtons,
-      onDone: function onDone() {
+      onDone: function onDone(editor) {
         var _props$onDone;
         return (_props$onDone = props.onDone) === null || _props$onDone === void 0 ? void 0 : _props$onDone.call(props, editor.getHTML());
       },
       onDelete: props.imageSupport && props.imageSupport["delete"] && function (node) {
         var src = node.attrs.src;
         props.imageSupport["delete"](src, function (e) {
-          var newPendingImages = pendingImages.filter(function (img) {
-            return img.key !== node.key;
-          });
-          var newState = {
-            pendingImages: newPendingImages,
-            scheduled: scheduled && newPendingImages.length === 0 ? false : scheduled
-          };
-          setPendingImages(newState.pendingImages);
-          setScheduled(newState.scheduled);
+          removePendingImage(node.pos);
         });
       },
-      insertImageRequested: props.imageSupport && function (addedImage, getHandler) {
+      insertImageRequested: props.imageSupport && function (editor, addedImage, getHandler) {
         var onFinish = function onFinish(result) {
           var _cb;
           var cb;
@@ -167,17 +170,7 @@ var EditableHtml = exports.EditableHtml = function EditableHtml(props) {
             // finish editing only on success
             cb = props.onChange;
           }
-          var newPendingImages = pendingImages.filter(function (img) {
-            return img.key !== addedImage.key;
-          });
-          var newState = {
-            pendingImages: newPendingImages
-          };
-          if (newPendingImages.length === 0) {
-            newState.scheduled = false;
-          }
-          setPendingImages(newState.pendingImages);
-          setScheduled(newState.scheduled);
+          removePendingImage(addedImage.pos);
           (_cb = cb) === null || _cb === void 0 || _cb(editor.getHTML());
         };
         var callback = function callback() {
@@ -186,9 +179,28 @@ var EditableHtml = exports.EditableHtml = function EditableHtml(props) {
            * communicates file upload events like: fileChosen, cancel, progress
            */
           var handler = getHandler(onFinish);
+
+          // If the user closes the file picker without choosing a file, the window regains
+          // focus while _insertingImage is still true — drop the stale pending entry.
+          var focusHandler = (0, _debounce["default"])(function () {
+            var detach = function detach() {
+              return window.removeEventListener('focus', focusHandler);
+            };
+            if (!editor._insertingImage) {
+              detach();
+              return;
+            }
+            removePendingImage(addedImage.pos);
+            editor._insertingImage = false;
+            detach();
+          }, 500);
+          window.addEventListener('focus', focusHandler);
           props.imageSupport.add(handler);
         };
-        setPendingImages([].concat((0, _toConsumableArray2["default"])(pendingImages), [addedImage]));
+        editor._insertingImage = true;
+        setPendingImages(function (prev) {
+          return [].concat((0, _toConsumableArray2["default"])(prev), [addedImage]);
+        });
         callback();
       },
       maxImageWidth: props.maxImageWidth,
@@ -225,7 +237,7 @@ var EditableHtml = exports.EditableHtml = function EditableHtml(props) {
     },
     onBlur: (0, _debounce["default"])(function (_ref5) {
       var editor = _ref5.editor;
-      var otherToolbarOpened = editor._toolbarOpened || editor.isActive('inline_dropdown') || editor.isActive('explicit_constructed_response');
+      var otherToolbarOpened = editor._insertingImage || editor._toolbarOpened || editor.isActive('inline_dropdown') || editor.isActive('explicit_constructed_response');
       if (otherToolbarOpened) {
         return;
       }

package/lib/components/EditableHtml.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableHtml.js","names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_react2","_styles","_starterKit","_extensionTextStyle","_extensionCharacterCount","_extensionSuperscript","_extensionSubscript","_extensionTextAlign","_extensionImage","_extensionPlaceholder","_helper","_extendedTable","_extendedTableCell","_divNode","_ensureEmptyRootDiv","_extensionTableRow","_responseArea","_math","_image","_media","_css","_TiptapContainer","_size","_extensions","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","defaultResponseAreaProps","options","respAreaToolbar","onHandleAreaChange","DEFAULT_ACTIVE_PLUGINS","cssVariables","EditableHtml","exports","props","_props$pluginProps","_ref","pluginProps","showParagraphs","separateParagraphs","_useState","useState","_useState2","_slicedToArray2","pendingImages","setPendingImages","_useState3","_useState4","scheduled","setScheduled","toolbarOpts","toolbarOptsToUse","activePluginsToUse","useMemo","_ref3","_props$responseAreaPr","_ref2","customPlugins","otherPluginProps","_objectWithoutProperties2","filteredActivePlugins","activePlugins","pluginName","nameToUse","PLUGINS_MAP","pluginInfo","disabled","buildExtensions","math","textAlign","html","extraCSSRules","image","imageSupport","toolbar","table","responseArea","type","responseAreaProps","languageCharacters","languageCharactersProps","keyPadCharacterRef","setKeypadInteraction","media","extensions","TextAlign","configure","types","alignments","TextStyleKit","CharacterCount","limit","charactersLimit","StarterKit","trailingNode","node","notAfter","DivNode","EnsureEmptyRootIsDiv","Placeholder","placeholder","showOnlyWhenEditable","showOnlyCurrent","includeChildren","ExtendedTable","TableRow","ExtendedTableHeader","ExtendedTableCell","ResponseAreaExtension","ExplicitConstructedResponseNode","DragInTheBlankNode","InlineDropdownNode","MathTemplatedNode","MathNode","SubScript","SuperScript","Image","ImageUploadNode","imageHandling","disableImageAlignmentButtons","onDone","_props$onDone","editor","getHTML","onDelete","src","attrs","newPendingImages","img","key","newState","insertImageRequested","addedImage","getHandler","onFinish","result","_cb","cb","onChange","callback","handler","add","concat","_toConsumableArray2","maxImageWidth","maxImageHeight","Media","uploadSoundSupport","CSSMark","useEditor","immediatelyRender","editorProps","handleKeyDown","view","event","onKeyDown","editable","content","normalizeInitialMarkup","markup","onUpdate","_ref4","transaction","isDone","_props$onChange","onBlur","debounce","_ref5","otherToolbarOpened","_toolbarOpened","isActive","_props$onChange2","_props$onDone2","useEffect","editorRef","setEditable","nextMarkup","commands","setContent","entries","_ref6","_ref7","value","document","documentElement","style","setProperty","editorState","useEditorState","selector","ctx","_ctx$editor","isFocused","sizeStyle","minWidth","width","maxWidth","minHeight","height","maxHeight","valueToSize","createElement","_extends2","StyledEditorContent","showParagraph","separateParagraph","styled","EditorContent","shouldForwardProp","prop","includes","_ref8","display","outline","flex","padding","margin","left","top","color","pointerEvents","whiteSpace","fontSize","marginBottom","_default"],"sources":["../../src/components/EditableHtml.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport debounce from 'lodash-es/debounce';\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { styled } from '@mui/material/styles';\nimport StarterKit from '@tiptap/starter-kit';\nimport { TextStyleKit } from '@tiptap/extension-text-style';\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport SuperScript from '@tiptap/extension-superscript';\nimport SubScript from '@tiptap/extension-subscript';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Image from '@tiptap/extension-image';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { normalizeInitialMarkup } from '../utils/helper';\n\nimport ExtendedTable from '../extensions/extended-table';\nimport { ExtendedTableCell, ExtendedTableHeader } from '../extensions/extended-table-cell';\nimport { DivNode } from '../extensions/div-node';\nimport { EnsureEmptyRootIsDiv } from '../extensions/ensure-empty-root-div';\nimport { TableRow } from '@tiptap/extension-table-row';\nimport {\n  DragInTheBlankNode,\n  ExplicitConstructedResponseNode,\n  InlineDropdownNode,\n  MathTemplatedNode,\n  ResponseAreaExtension,\n} from '../extensions/responseArea';\nimport { MathNode } from '../extensions/math';\nimport { ImageUploadNode } from '../extensions/image';\nimport { Media } from '../extensions/media';\nimport { CSSMark } from '../extensions/css';\n\nimport EditorContainer from './TiptapContainer';\nimport { valueToSize } from '../utils/size';\nimport { buildExtensions, PLUGINS_MAP } from '../extensions';\n\nconst defaultToolbarOpts = {\n  position: 'bottom',\n  alignment: 'left',\n  alwaysVisible: false,\n  showDone: true,\n  doneOn: 'blur',\n};\n\nconst defaultResponseAreaProps = {\n  options: {},\n  respAreaToolbar: () => {},\n  onHandleAreaChange: () => {},\n};\n\nconst DEFAULT_ACTIVE_PLUGINS = [\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  'code',\n  'bulleted-list',\n  'numbered-list',\n  'image',\n  'math',\n  'languageCharacters',\n  'text-align',\n  'table',\n  'video',\n  'audio',\n  'responseArea',\n  'superscript',\n  'subscript',\n  'css',\n  'h3',\n  'undo',\n  'redo',\n];\n\nconst cssVariables = {\n  '--white': '#fff',\n  '--black': '#2e2b29',\n  '--black-contrast': '#110f0e',\n  '--gray-1': 'rgba(61, 37, 20, .05)',\n  '--gray-2': 'rgba(61, 37, 20, .08)',\n  '--gray-3': 'rgba(61, 37, 20, .12)',\n  '--gray-4': 'rgba(53, 38, 28, .3)',\n  '--gray-5': 'rgba(28, 25, 23, .6)',\n  '--green': '#22c55e',\n  '--purple': '#6a00f5',\n  '--purple-contrast': '#5800cc',\n  '--purple-light': 'rgba(88, 5, 255, .05)',\n  '--yellow-contrast': '#facc15',\n  '--yellow': 'rgba(250, 204, 21, .4)',\n  '--yellow-light': '#fffae5',\n  '--red': '#ff5c33',\n  '--red-light': '#ffebe5',\n  '--shadow': `0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)`,\n};\n\nexport const EditableHtml = (props) => {\n  const { showParagraphs, separateParagraphs } = props.pluginProps || {};\n  const [pendingImages, setPendingImages] = useState([]);\n  const [scheduled, setScheduled] = useState(false);\n  const { toolbarOpts } = props;\n\n  const toolbarOptsToUse = {\n    ...defaultToolbarOpts,\n    ...toolbarOpts,\n  };\n\n  const activePluginsToUse = useMemo(() => {\n    let { customPlugins, ...otherPluginProps } = props.pluginProps || {};\n\n    customPlugins = customPlugins || [];\n\n    const filteredActivePlugins = (props.activePlugins || DEFAULT_ACTIVE_PLUGINS)?.filter((pluginName) => {\n      const nameToUse = PLUGINS_MAP[pluginName] || pluginName;\n      const pluginInfo = otherPluginProps[nameToUse] || {};\n\n      return !pluginInfo || !pluginInfo.disabled;\n    });\n\n    return buildExtensions(filteredActivePlugins, customPlugins, {\n      math: {},\n      textAlign: props.textAlign,\n      html: {},\n      extraCSSRules: props.extraCSSRules || {},\n      image: {\n        ...props.imageSupport,\n      },\n      toolbar: {},\n      table: {},\n      responseArea: {\n        type: props.responseAreaProps?.type,\n      },\n      languageCharacters: props.languageCharactersProps,\n      keyPadCharacterRef: {},\n      setKeypadInteraction: {},\n      media: {},\n    });\n  }, [props]);\n\n  const extensions = [\n    TextAlign.configure({\n      types: ['heading', 'paragraph', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'td', 'th'],\n      alignments: ['left', 'right', 'center', 'justify'],\n    }),\n    TextStyleKit,\n    CharacterCount.configure({\n      limit: props.charactersLimit || 1000000,\n    }),\n    StarterKit.configure({\n      trailingNode: {\n        node: 'paragraph',\n        notAfter: ['paragraph', 'div'],\n      },\n    }),\n    DivNode,\n    EnsureEmptyRootIsDiv,\n    Placeholder.configure({\n      placeholder: props.placeholder,\n      // show placeholder even when editor is focused\n      showOnlyWhenEditable: true,\n      showOnlyCurrent: false, // show on all empty nodes, not only the current one\n      includeChildren: true,\n    }),\n    ExtendedTable,\n    TableRow,\n    ExtendedTableHeader,\n    ExtendedTableCell,\n    ResponseAreaExtension.configure(props.responseAreaProps),\n    ExplicitConstructedResponseNode.configure(props.responseAreaProps),\n    DragInTheBlankNode.configure(props.responseAreaProps),\n    InlineDropdownNode.configure(props.responseAreaProps),\n    MathTemplatedNode.configure(props.responseAreaProps),\n    MathNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      math: props.pluginProps?.math || {},\n    }),\n    SubScript,\n    SuperScript,\n    Image,\n    ImageUploadNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      imageHandling: {\n        disableImageAlignmentButtons: props.disableImageAlignmentButtons,\n        onDone: () => props.onDone?.(editor.getHTML()),\n        onDelete:\n          props.imageSupport &&\n          props.imageSupport.delete &&\n          ((node) => {\n            const { src } = node.attrs;\n\n            props.imageSupport.delete(src, (e) => {\n              const newPendingImages = pendingImages.filter((img) => img.key !== node.key);\n              const newState = {\n                pendingImages: newPendingImages,\n                scheduled: scheduled && newPendingImages.length === 0 ? false : scheduled,\n              };\n\n              setPendingImages(newState.pendingImages);\n              setScheduled(newState.scheduled);\n            });\n          }),\n        insertImageRequested:\n          props.imageSupport &&\n          ((addedImage, getHandler) => {\n            const onFinish = (result) => {\n              let cb;\n\n              if (scheduled && result) {\n                // finish editing only on success\n                cb = props.onChange;\n              }\n\n              const newPendingImages = pendingImages.filter((img) => img.key !== addedImage.key);\n              const newState = {\n                pendingImages: newPendingImages,\n              };\n\n              if (newPendingImages.length === 0) {\n                newState.scheduled = false;\n              }\n\n              setPendingImages(newState.pendingImages);\n              setScheduled(newState.scheduled);\n              cb?.(editor.getHTML());\n            };\n            const callback = () => {\n              /**\n               * The handler is the object through which the outer context\n               * communicates file upload events like: fileChosen, cancel, progress\n               */\n              const handler = getHandler(onFinish);\n              props.imageSupport.add(handler);\n            };\n\n            setPendingImages([...pendingImages, addedImage]);\n            callback();\n          }),\n        maxImageWidth: props.maxImageWidth,\n        maxImageHeight: props.maxImageHeight,\n      },\n      limit: 3,\n    }),\n    Media.configure({\n      uploadSoundSupport: props.uploadSoundSupport,\n    }),\n    CSSMark.configure({\n      extraCSSRules: props.extraCSSRules,\n    }),\n  ];\n\n  const editor = useEditor(\n    {\n      extensions,\n      immediatelyRender: false,\n      editorProps: {\n        handleKeyDown(view, event) {\n          if (props.onKeyDown) {\n            return props.onKeyDown(event);\n          }\n\n          // Return false to let default behavior continue\n          return false;\n        },\n      },\n      editable: !props.disabled,\n      content: normalizeInitialMarkup(props.markup),\n      onUpdate: ({ editor, transaction }) => {\n        if (transaction.isDone) {\n          props.onChange?.(editor.getHTML());\n        }\n      },\n      onBlur: debounce(({ editor }) => {\n        const otherToolbarOpened =\n          editor._toolbarOpened ||\n          editor.isActive('inline_dropdown') ||\n          editor.isActive('explicit_constructed_response');\n\n        if (otherToolbarOpened) {\n          return;\n        }\n\n        if (props.markup !== editor.getHTML()) {\n          props.onChange?.(editor.getHTML());\n        }\n\n        if (toolbarOptsToUse.doneOn === 'blur') {\n          props.onDone?.(editor.getHTML());\n        }\n      }, 200),\n    },\n    [props.charactersLimit],\n  );\n\n  useEffect(() => {\n    if (props.editorRef) {\n      props.editorRef(editor);\n    }\n  }, [props.editorRef, editor]);\n\n  useEffect(() => {\n    editor?.setEditable(!props.disabled);\n  }, [props.disabled, editor]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n    const nextMarkup = normalizeInitialMarkup(props.markup);\n\n    if (nextMarkup !== editor.getHTML()) {\n      editor.commands.setContent(nextMarkup, false);\n    }\n  }, [props.markup, editor]);\n\n  useEffect(() => {\n    Object.entries(cssVariables).forEach(([key, value]) => {\n      document.documentElement.style.setProperty(key, value);\n    });\n  }, []);\n\n  const editorState = useEditorState({\n    editor,\n    selector: (ctx) => ({\n      isFocused: ctx.editor?.isFocused,\n    }),\n  });\n\n  const sizeStyle = useMemo(() => {\n    const { minWidth, width, maxWidth, minHeight, height, maxHeight } = props;\n\n    return {\n      width: valueToSize(width),\n      minWidth: valueToSize(minWidth),\n      maxWidth: valueToSize(maxWidth),\n      height: valueToSize(height),\n      minHeight: valueToSize(minHeight),\n      maxHeight: valueToSize(maxHeight),\n    };\n  }, [props]);\n\n  return (\n    <EditorContainer\n      {...{\n        ...props,\n        activePlugins: activePluginsToUse,\n        toolbarOpts: toolbarOptsToUse,\n      }}\n      editorState={editorState}\n      editor={editor}\n    >\n      {editor && (\n        <StyledEditorContent\n          style={{\n            minHeight: sizeStyle.minHeight,\n            height: sizeStyle.height,\n            maxHeight: sizeStyle.maxHeight,\n          }}\n          showParagraph={showParagraphs && !showParagraphs.disabled}\n          separateParagraph={separateParagraphs && !separateParagraphs.disabled}\n          editor={editor}\n        />\n      )}\n    </EditorContainer>\n  );\n};\n\nconst StyledEditorContent = styled(EditorContent, {\n  shouldForwardProp: (prop) => !['showParagraph', 'separateParagraph'].includes(prop),\n})(({ showParagraph, separateParagraph }) => ({\n  display: 'flex',\n  outline: 'none !important',\n  '& .ProseMirror': {\n    flex: 1,\n    padding: '5px',\n    maxHeight: '500px',\n    outline: 'none !important',\n    position: 'initial',\n\n    // reset default margins for all block paragraphs/divs in the editor\n    '& > p, & > div': {\n      margin: '0',\n    },\n\n    // Out of flow so the caret stays at the start of the block; in-flow ::before pushes the caret after the hint text.\n    '& p.is-editor-empty, & div.is-editor-empty': {\n      position: 'relative',\n    },\n    '& p.is-editor-empty::before, & div.is-editor-empty::before': {\n      content: 'attr(data-placeholder)',\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      color: '#9CA3AF',\n      pointerEvents: 'none',\n      whiteSpace: 'pre-wrap',\n    },\n\n    ...(showParagraph && {\n      '& > p:has(+ p)::after, & > div:has(+ div)::after': {\n        display: 'block',\n        content: '\"¶\"',\n        fontSize: '1em',\n        color: '#146EB3',\n      },\n    }),\n    ...(separateParagraph && {\n      '& > div:has(+ div)': {\n        marginBottom: '1em',\n      },\n    }),\n  },\n}));\n\nexport default EditableHtml;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableHtml.js","names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_react2","_styles","_starterKit","_extensionTextStyle","_extensionCharacterCount","_extensionSuperscript","_extensionSubscript","_extensionTextAlign","_extensionImage","_extensionPlaceholder","_helper","_extendedTable","_extendedTableCell","_divNode","_ensureEmptyRootDiv","_extensionTableRow","_responseArea","_math","_image","_media","_css","_TiptapContainer","_size","_extensions","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defaultToolbarOpts","position","alignment","alwaysVisible","showDone","doneOn","defaultResponseAreaProps","options","respAreaToolbar","onHandleAreaChange","DEFAULT_ACTIVE_PLUGINS","cssVariables","EditableHtml","exports","props","_props$pluginProps","_ref","pluginProps","showParagraphs","separateParagraphs","_useState","useState","_useState2","_slicedToArray2","pendingImages","setPendingImages","_useState3","_useState4","scheduled","setScheduled","toolbarOpts","removePendingImage","useCallback","imagePos","prev","next","img","pos","toolbarOptsToUse","activePluginsToUse","useMemo","_ref3","_props$responseAreaPr","_ref2","customPlugins","otherPluginProps","_objectWithoutProperties2","filteredActivePlugins","activePlugins","pluginName","nameToUse","PLUGINS_MAP","pluginInfo","disabled","buildExtensions","math","textAlign","html","extraCSSRules","image","imageSupport","toolbar","table","responseArea","type","responseAreaProps","languageCharacters","languageCharactersProps","keyPadCharacterRef","setKeypadInteraction","media","extensions","TextAlign","configure","types","alignments","TextStyleKit","CharacterCount","limit","charactersLimit","StarterKit","trailingNode","node","notAfter","DivNode","EnsureEmptyRootIsDiv","Placeholder","placeholder","showOnlyWhenEditable","showOnlyCurrent","includeChildren","ExtendedTable","TableRow","ExtendedTableHeader","ExtendedTableCell","ResponseAreaExtension","ExplicitConstructedResponseNode","DragInTheBlankNode","InlineDropdownNode","MathTemplatedNode","MathNode","SubScript","SuperScript","Image","ImageUploadNode","imageHandling","disableImageAlignmentButtons","onDone","editor","_props$onDone","getHTML","onDelete","src","attrs","insertImageRequested","addedImage","getHandler","onFinish","result","_cb","cb","onChange","callback","handler","focusHandler","debounce","detach","window","removeEventListener","_insertingImage","addEventListener","add","concat","_toConsumableArray2","maxImageWidth","maxImageHeight","Media","uploadSoundSupport","CSSMark","useEditor","immediatelyRender","editorProps","handleKeyDown","view","event","onKeyDown","editable","content","normalizeInitialMarkup","markup","onUpdate","_ref4","transaction","isDone","_props$onChange","onBlur","_ref5","otherToolbarOpened","_toolbarOpened","isActive","_props$onChange2","_props$onDone2","useEffect","editorRef","setEditable","nextMarkup","commands","setContent","entries","_ref6","_ref7","key","value","document","documentElement","style","setProperty","editorState","useEditorState","selector","ctx","_ctx$editor","isFocused","sizeStyle","minWidth","width","maxWidth","minHeight","height","maxHeight","valueToSize","createElement","_extends2","StyledEditorContent","showParagraph","separateParagraph","styled","EditorContent","shouldForwardProp","prop","includes","_ref8","display","outline","flex","padding","margin","left","top","color","pointerEvents","whiteSpace","fontSize","marginBottom","_default"],"sources":["../../src/components/EditableHtml.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport debounce from 'lodash-es/debounce';\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react';\nimport { styled } from '@mui/material/styles';\nimport StarterKit from '@tiptap/starter-kit';\nimport { TextStyleKit } from '@tiptap/extension-text-style';\nimport { CharacterCount } from '@tiptap/extension-character-count';\nimport SuperScript from '@tiptap/extension-superscript';\nimport SubScript from '@tiptap/extension-subscript';\nimport TextAlign from '@tiptap/extension-text-align';\nimport Image from '@tiptap/extension-image';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport { normalizeInitialMarkup } from '../utils/helper';\n\nimport ExtendedTable from '../extensions/extended-table';\nimport { ExtendedTableCell, ExtendedTableHeader } from '../extensions/extended-table-cell';\nimport { DivNode } from '../extensions/div-node';\nimport { EnsureEmptyRootIsDiv } from '../extensions/ensure-empty-root-div';\nimport { TableRow } from '@tiptap/extension-table-row';\nimport {\n  DragInTheBlankNode,\n  ExplicitConstructedResponseNode,\n  InlineDropdownNode,\n  MathTemplatedNode,\n  ResponseAreaExtension,\n} from '../extensions/responseArea';\nimport { MathNode } from '../extensions/math';\nimport { ImageUploadNode } from '../extensions/image';\nimport { Media } from '../extensions/media';\nimport { CSSMark } from '../extensions/css';\n\nimport EditorContainer from './TiptapContainer';\nimport { valueToSize } from '../utils/size';\nimport { buildExtensions, PLUGINS_MAP } from '../extensions';\n\nconst defaultToolbarOpts = {\n  position: 'bottom',\n  alignment: 'left',\n  alwaysVisible: false,\n  showDone: true,\n  doneOn: 'blur',\n};\n\nconst defaultResponseAreaProps = {\n  options: {},\n  respAreaToolbar: () => {},\n  onHandleAreaChange: () => {},\n};\n\nconst DEFAULT_ACTIVE_PLUGINS = [\n  'bold',\n  'italic',\n  'underline',\n  'strikethrough',\n  'code',\n  'bulleted-list',\n  'numbered-list',\n  'image',\n  'math',\n  'languageCharacters',\n  'text-align',\n  'table',\n  'video',\n  'audio',\n  'responseArea',\n  'superscript',\n  'subscript',\n  'css',\n  'h3',\n  'undo',\n  'redo',\n];\n\nconst cssVariables = {\n  '--white': '#fff',\n  '--black': '#2e2b29',\n  '--black-contrast': '#110f0e',\n  '--gray-1': 'rgba(61, 37, 20, .05)',\n  '--gray-2': 'rgba(61, 37, 20, .08)',\n  '--gray-3': 'rgba(61, 37, 20, .12)',\n  '--gray-4': 'rgba(53, 38, 28, .3)',\n  '--gray-5': 'rgba(28, 25, 23, .6)',\n  '--green': '#22c55e',\n  '--purple': '#6a00f5',\n  '--purple-contrast': '#5800cc',\n  '--purple-light': 'rgba(88, 5, 255, .05)',\n  '--yellow-contrast': '#facc15',\n  '--yellow': 'rgba(250, 204, 21, .4)',\n  '--yellow-light': '#fffae5',\n  '--red': '#ff5c33',\n  '--red-light': '#ffebe5',\n  '--shadow': `0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)`,\n};\n\nexport const EditableHtml = (props) => {\n  const { showParagraphs, separateParagraphs } = props.pluginProps || {};\n  const [pendingImages, setPendingImages] = useState([]);\n  const [scheduled, setScheduled] = useState(false);\n  const { toolbarOpts } = props;\n\n  const removePendingImage = useCallback(\n    (imagePos) => {\n      setPendingImages((prev) => {\n        const next = prev.filter((img) => img.pos !== imagePos);\n        if (next.length === 0) {\n          setScheduled(false);\n        }\n        return next;\n      });\n    },\n    [setPendingImages],\n  );\n\n  const toolbarOptsToUse = {\n    ...defaultToolbarOpts,\n    ...toolbarOpts,\n  };\n\n  const activePluginsToUse = useMemo(() => {\n    let { customPlugins, ...otherPluginProps } = props.pluginProps || {};\n\n    customPlugins = customPlugins || [];\n\n    const filteredActivePlugins = (props.activePlugins || DEFAULT_ACTIVE_PLUGINS)?.filter((pluginName) => {\n      const nameToUse = PLUGINS_MAP[pluginName] || pluginName;\n      const pluginInfo = otherPluginProps[nameToUse] || {};\n\n      return !pluginInfo || !pluginInfo.disabled;\n    });\n\n    return buildExtensions(filteredActivePlugins, customPlugins, {\n      math: {},\n      textAlign: props.textAlign,\n      html: {},\n      extraCSSRules: props.extraCSSRules || {},\n      image: {\n        ...props.imageSupport,\n      },\n      toolbar: {},\n      table: {},\n      responseArea: {\n        type: props.responseAreaProps?.type,\n      },\n      languageCharacters: props.languageCharactersProps,\n      keyPadCharacterRef: {},\n      setKeypadInteraction: {},\n      media: {},\n    });\n  }, [props]);\n\n  const extensions = [\n    TextAlign.configure({\n      types: ['heading', 'paragraph', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'td', 'th'],\n      alignments: ['left', 'right', 'center', 'justify'],\n    }),\n    TextStyleKit,\n    CharacterCount.configure({\n      limit: props.charactersLimit || 1000000,\n    }),\n    StarterKit.configure({\n      trailingNode: {\n        node: 'paragraph',\n        notAfter: ['paragraph', 'div'],\n      },\n    }),\n    DivNode,\n    EnsureEmptyRootIsDiv,\n    Placeholder.configure({\n      placeholder: props.placeholder,\n      // show placeholder even when editor is focused\n      showOnlyWhenEditable: true,\n      showOnlyCurrent: false, // show on all empty nodes, not only the current one\n      includeChildren: true,\n    }),\n    ExtendedTable,\n    TableRow,\n    ExtendedTableHeader,\n    ExtendedTableCell,\n    ResponseAreaExtension.configure(props.responseAreaProps),\n    ExplicitConstructedResponseNode.configure(props.responseAreaProps),\n    DragInTheBlankNode.configure(props.responseAreaProps),\n    InlineDropdownNode.configure(props.responseAreaProps),\n    MathTemplatedNode.configure(props.responseAreaProps),\n    MathNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      math: props.pluginProps?.math || {},\n    }),\n    SubScript,\n    SuperScript,\n    Image,\n    ImageUploadNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n      imageHandling: {\n        disableImageAlignmentButtons: props.disableImageAlignmentButtons,\n        onDone: (editor) => props.onDone?.(editor.getHTML()),\n        onDelete:\n          props.imageSupport &&\n          props.imageSupport.delete &&\n          ((node) => {\n            const { src } = node.attrs;\n\n            props.imageSupport.delete(src, (e) => {\n              removePendingImage(node.pos);\n            });\n          }),\n        insertImageRequested:\n          props.imageSupport &&\n          ((editor, addedImage, getHandler) => {\n            const onFinish = (result) => {\n              let cb;\n\n              if (scheduled && result) {\n                // finish editing only on success\n                cb = props.onChange;\n              }\n\n              removePendingImage(addedImage.pos);\n              cb?.(editor.getHTML());\n            };\n\n            const callback = () => {\n              /**\n               * The handler is the object through which the outer context\n               * communicates file upload events like: fileChosen, cancel, progress\n               */\n              const handler = getHandler(onFinish);\n\n              // If the user closes the file picker without choosing a file, the window regains\n              // focus while _insertingImage is still true — drop the stale pending entry.\n              const focusHandler = debounce(() => {\n                const detach = () => window.removeEventListener('focus', focusHandler);\n\n                if (!editor._insertingImage) {\n                  detach();\n                  return;\n                }\n\n                removePendingImage(addedImage.pos);\n                editor._insertingImage = false;\n                detach();\n              }, 500);\n\n              window.addEventListener('focus', focusHandler);\n\n              props.imageSupport.add(handler);\n            };\n\n            editor._insertingImage = true;\n            setPendingImages((prev) => [...prev, addedImage]);\n            callback();\n          }),\n        maxImageWidth: props.maxImageWidth,\n        maxImageHeight: props.maxImageHeight,\n      },\n      limit: 3,\n    }),\n    Media.configure({\n      uploadSoundSupport: props.uploadSoundSupport,\n    }),\n    CSSMark.configure({\n      extraCSSRules: props.extraCSSRules,\n    }),\n  ];\n\n  const editor = useEditor(\n    {\n      extensions,\n      immediatelyRender: false,\n      editorProps: {\n        handleKeyDown(view, event) {\n          if (props.onKeyDown) {\n            return props.onKeyDown(event);\n          }\n\n          // Return false to let default behavior continue\n          return false;\n        },\n      },\n      editable: !props.disabled,\n      content: normalizeInitialMarkup(props.markup),\n      onUpdate: ({ editor, transaction }) => {\n        if (transaction.isDone) {\n          props.onChange?.(editor.getHTML());\n        }\n      },\n      onBlur: debounce(({ editor }) => {\n        const otherToolbarOpened =\n          editor._insertingImage ||\n          editor._toolbarOpened ||\n          editor.isActive('inline_dropdown') ||\n          editor.isActive('explicit_constructed_response');\n\n        if (otherToolbarOpened) {\n          return;\n        }\n\n        if (props.markup !== editor.getHTML()) {\n          props.onChange?.(editor.getHTML());\n        }\n\n        if (toolbarOptsToUse.doneOn === 'blur') {\n          props.onDone?.(editor.getHTML());\n        }\n      }, 200),\n    },\n    [props.charactersLimit],\n  );\n\n  useEffect(() => {\n    if (props.editorRef) {\n      props.editorRef(editor);\n    }\n  }, [props.editorRef, editor]);\n\n  useEffect(() => {\n    editor?.setEditable(!props.disabled);\n  }, [props.disabled, editor]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n    const nextMarkup = normalizeInitialMarkup(props.markup);\n\n    if (nextMarkup !== editor.getHTML()) {\n      editor.commands.setContent(nextMarkup, false);\n    }\n  }, [props.markup, editor]);\n\n  useEffect(() => {\n    Object.entries(cssVariables).forEach(([key, value]) => {\n      document.documentElement.style.setProperty(key, value);\n    });\n  }, []);\n\n  const editorState = useEditorState({\n    editor,\n    selector: (ctx) => ({\n      isFocused: ctx.editor?.isFocused,\n    }),\n  });\n\n  const sizeStyle = useMemo(() => {\n    const { minWidth, width, maxWidth, minHeight, height, maxHeight } = props;\n\n    return {\n      width: valueToSize(width),\n      minWidth: valueToSize(minWidth),\n      maxWidth: valueToSize(maxWidth),\n      height: valueToSize(height),\n      minHeight: valueToSize(minHeight),\n      maxHeight: valueToSize(maxHeight),\n    };\n  }, [props]);\n\n  return (\n    <EditorContainer\n      {...{\n        ...props,\n        activePlugins: activePluginsToUse,\n        toolbarOpts: toolbarOptsToUse,\n      }}\n      editorState={editorState}\n      editor={editor}\n    >\n      {editor && (\n        <StyledEditorContent\n          style={{\n            minHeight: sizeStyle.minHeight,\n            height: sizeStyle.height,\n            maxHeight: sizeStyle.maxHeight,\n          }}\n          showParagraph={showParagraphs && !showParagraphs.disabled}\n          separateParagraph={separateParagraphs && !separateParagraphs.disabled}\n          editor={editor}\n        />\n      )}\n    </EditorContainer>\n  );\n};\n\nconst StyledEditorContent = styled(EditorContent, {\n  shouldForwardProp: (prop) => !['showParagraph', 'separateParagraph'].includes(prop),\n})(({ showParagraph, separateParagraph }) => ({\n  display: 'flex',\n  outline: 'none !important',\n  '& .ProseMirror': {\n    flex: 1,\n    padding: '5px',\n    maxHeight: '500px',\n    outline: 'none !important',\n    position: 'initial',\n\n    // reset default margins for all block paragraphs/divs in the editor\n    '& > p, & > div': {\n      margin: '0',\n    },\n\n    // Out of flow so the caret stays at the start of the block; in-flow ::before pushes the caret after the hint text.\n    '& p.is-editor-empty, & div.is-editor-empty': {\n      position: 'relative',\n    },\n    '& p.is-editor-empty::before, & div.is-editor-empty::before': {\n      content: 'attr(data-placeholder)',\n      position: 'absolute',\n      left: 0,\n      top: 0,\n      color: '#9CA3AF',\n      pointerEvents: 'none',\n      whiteSpace: 'pre-wrap',\n    },\n\n    ...(showParagraph && {\n      '& > p:has(+ p)::after, & > div:has(+ div)::after': {\n        display: 'block',\n        content: '\"¶\"',\n        fontSize: '1em',\n        color: '#146EB3',\n      },\n    }),\n    ...(separateParagraph && {\n      '& > div:has(+ div)': {\n        marginBottom: '1em',\n      },\n    }),\n  },\n}));\n\nexport default EditableHtml;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/image/InsertImageHandler.js

@@ -49,6 +49,8 @@ var InsertImageHandler = /*#__PURE__*/function () {
         this.onFinish(false);
       } catch (err) {
         //
+      } finally {
+        this.editor._insertingImage = false;
       }
     }
   }, {
@@ -90,6 +92,7 @@ var InsertImageHandler = /*#__PURE__*/function () {
         });
         this.onFinish(true);
       }
+      this.editor._insertingImage = false;
     }
 
     /**
@@ -107,6 +110,7 @@ var InsertImageHandler = /*#__PURE__*/function () {
 
       // Save the chosen file to this.chosenFile
       this.chosenFile = file;
+      this.editor._insertingImage = false;
       log('[fileChosen] file: ', file);
       var reader = new FileReader();
       reader.onload = function () {

package/lib/components/image/InsertImageHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"InsertImageHandler.js","names":["_debug","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","InsertImageHandler","editor","node","onFinish","_this","isPasted","undefined","_classCallCheck2","nodePos","state","doc","descendants","pos","chosenFile","_createClass2","key","value","cancel","deleteNode","err","updateNode","newAttrs","_this$editor","view","tr","nodeAt","transaction","setNodeMarkup","attrs","dispatch","_this$editor2","nodeSize","done","src","console","loaded","percent","fileChosen","file","_this2","reader","FileReader","onload","dataURL","result","readAsDataURL","progress","bytes","total","getChosenFile","_default","exports"],"sources":["../../../src/components/image/InsertImageHandler.js"],"sourcesContent":["import debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:image:insert-image-handler');\n\n/**\n * Handles user selection, insertion (or cancellation) of an image into the editor.\n * @param {Block} placeholderBlock - a block that has been added to the editor as a place holder for the image\n * @param {Function} onFinish - a function to call if uploading fails or succeeds\n * @param {Function} getValue - a function to return the value of the editor\n * @param {Function} onChange - callback to notify changes applied by the handler\n * @param {Boolean} isPasted - a boolean that keeps track if the file is pasted\n */\nclass InsertImageHandler {\n  constructor(editor, node, onFinish, isPasted = false) {\n    this.editor = editor;\n    this.node = node;\n\n    let nodePos;\n\n    editor.state.doc.descendants((node, pos) => {\n      if (node === this.node) {\n        nodePos = pos;\n        return false;\n      }\n    });\n\n    this.nodePos = nodePos;\n    this.onFinish = onFinish;\n    this.isPasted = isPasted;\n    this.chosenFile = null;\n  }\n\n  cancel() {\n    log('insert cancelled');\n\n    try {\n      this.deleteNode();\n      this.onFinish(false);\n    } catch (err) {\n      //\n    }\n  }\n\n  updateNode(newAttrs) {\n    const { state, view } = this.editor;\n    const { tr } = state;\n    const node = state.doc.nodeAt(this.nodePos);\n\n    if (node) {\n      const transaction = tr.setNodeMarkup(this.nodePos, undefined, { ...node.attrs, ...newAttrs });\n\n      view.dispatch(transaction);\n    }\n  }\n\n  deleteNode() {\n    const { state, view } = this.editor;\n    const { tr } = state;\n\n    const transaction = tr.delete(this.nodePos, this.nodePos + this.node.nodeSize);\n\n    view.dispatch(transaction);\n  }\n\n  done(err, src) {\n    log('done: err:', err);\n    if (err) {\n      //eslint-disable-next-line\n      console.log(err);\n      this.onFinish(false);\n    } else {\n      this.updateNode({ loaded: true, src, percent: 100 });\n      this.onFinish(true);\n    }\n  }\n\n  /**\n   * Notify handler that the user chose a file - will create a change with a preview in the editor.\n   *\n   * @param {File} file - the file that the user chose using a file input.\n   */\n  fileChosen(file) {\n    if (!file) {\n      return;\n    }\n\n    // Save the chosen file to this.chosenFile\n    this.chosenFile = file;\n\n    log('[fileChosen] file: ', file);\n    const reader = new FileReader();\n    reader.onload = () => {\n      const dataURL = reader.result;\n\n      this.updateNode({ src: dataURL });\n    };\n    reader.readAsDataURL(file);\n  }\n\n  progress(percent, bytes, total) {\n    log('progress: ', percent, bytes, total);\n    this.updateNode({ percent });\n  }\n\n  // Add a getter method to retrieve the chosen file\n  getChosenFile() {\n    return this.chosenFile;\n  }\n}\n\nexport default InsertImageHandler;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InsertImageHandler.js","names":["_debug","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","InsertImageHandler","editor","node","onFinish","_this","isPasted","undefined","_classCallCheck2","nodePos","state","doc","descendants","pos","chosenFile","_createClass2","key","value","cancel","deleteNode","err","_insertingImage","updateNode","newAttrs","_this$editor","view","tr","nodeAt","transaction","setNodeMarkup","attrs","dispatch","_this$editor2","nodeSize","done","src","console","loaded","percent","fileChosen","file","_this2","reader","FileReader","onload","dataURL","result","readAsDataURL","progress","bytes","total","getChosenFile","_default","exports"],"sources":["../../../src/components/image/InsertImageHandler.js"],"sourcesContent":["import debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:image:insert-image-handler');\n\n/**\n * Handles user selection, insertion (or cancellation) of an image into the editor.\n * @param {Block} placeholderBlock - a block that has been added to the editor as a place holder for the image\n * @param {Function} onFinish - a function to call if uploading fails or succeeds\n * @param {Function} getValue - a function to return the value of the editor\n * @param {Function} onChange - callback to notify changes applied by the handler\n * @param {Boolean} isPasted - a boolean that keeps track if the file is pasted\n */\nclass InsertImageHandler {\n  constructor(editor, node, onFinish, isPasted = false) {\n    this.editor = editor;\n    this.node = node;\n\n    let nodePos;\n\n    editor.state.doc.descendants((node, pos) => {\n      if (node === this.node) {\n        nodePos = pos;\n        return false;\n      }\n    });\n\n    this.nodePos = nodePos;\n    this.onFinish = onFinish;\n    this.isPasted = isPasted;\n    this.chosenFile = null;\n  }\n\n  cancel() {\n    log('insert cancelled');\n\n    try {\n      this.deleteNode();\n      this.onFinish(false);\n    } catch (err) {\n      //\n    } finally {\n      this.editor._insertingImage = false;\n    }\n  }\n\n  updateNode(newAttrs) {\n    const { state, view } = this.editor;\n    const { tr } = state;\n    const node = state.doc.nodeAt(this.nodePos);\n\n    if (node) {\n      const transaction = tr.setNodeMarkup(this.nodePos, undefined, { ...node.attrs, ...newAttrs });\n\n      view.dispatch(transaction);\n    }\n  }\n\n  deleteNode() {\n    const { state, view } = this.editor;\n    const { tr } = state;\n\n    const transaction = tr.delete(this.nodePos, this.nodePos + this.node.nodeSize);\n\n    view.dispatch(transaction);\n  }\n\n  done(err, src) {\n    log('done: err:', err);\n    if (err) {\n      //eslint-disable-next-line\n      console.log(err);\n      this.onFinish(false);\n    } else {\n      this.updateNode({ loaded: true, src, percent: 100 });\n      this.onFinish(true);\n    }\n\n    this.editor._insertingImage = false;\n  }\n\n  /**\n   * Notify handler that the user chose a file - will create a change with a preview in the editor.\n   *\n   * @param {File} file - the file that the user chose using a file input.\n   */\n  fileChosen(file) {\n    if (!file) {\n      return;\n    }\n\n    // Save the chosen file to this.chosenFile\n    this.chosenFile = file;\n    this.editor._insertingImage = false;\n\n    log('[fileChosen] file: ', file);\n    const reader = new FileReader();\n    reader.onload = () => {\n      const dataURL = reader.result;\n\n      this.updateNode({ src: dataURL });\n    };\n    reader.readAsDataURL(file);\n  }\n\n  progress(percent, bytes, total) {\n    log('progress: ', percent, bytes, total);\n    this.updateNode({ percent });\n  }\n\n  // Add a getter method to retrieve the chosen file\n  getChosenFile() {\n    return this.chosenFile;\n  }\n}\n\nexport default InsertImageHandler;\n"],"mappings":"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","ignoreList":[]}

package/lib/extensions/image-component.js

@@ -97,20 +97,20 @@ var sizePx = function sizePx(s) {
   return s ? "".concat(s, "px") : 'calc(20px)';
 };
 function ImageComponent(props) {
+  var _options$imageHandlin6;
   var node = props.node,
     editor = props.editor,
     attributes = props.attributes,
     onFocus = props.onFocus,
+    getPos = props.getPos,
     selected = props.selected,
     options = props.options,
     _props$maxImageWidth = props.maxImageWidth,
     maxImageWidth = _props$maxImageWidth === void 0 ? 700 : _props$maxImageWidth,
     _props$maxImageHeight = props.maxImageHeight,
-    maxImageHeight = _props$maxImageHeight === void 0 ? 900 : _props$maxImageHeight,
-    latex = props.latex,
-    handleChange = props.handleChange,
-    handleDone = props.handleDone;
+    maxImageHeight = _props$maxImageHeight === void 0 ? 900 : _props$maxImageHeight;
   var alt = node.attrs.alt;
+  var pos = getPos();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     showToolbar = _useState2[0],
@@ -135,13 +135,24 @@ function ImageComponent(props) {
 
   // keep ref in sync with latest node
   (0, _react.useEffect)(function () {
-    latestNodeRef.current = node;
-  }, [node]);
+    latestNodeRef.current = _objectSpread(_objectSpread({}, node), {}, {
+      pos: pos
+    });
+  }, [node, pos]);
   (0, _react.useEffect)(function () {
     var selection = editor.state.selection;
     var onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;
     if (selected) {
       if (onlyThisNodeSelected) {
+        var _node$attrs$src, _node$attrs, _options$imageHandlin;
+        // Only open the upload UI for a fresh placeholder. Remounting after tab switch
+        // would otherwise call insertImageRequested again and reopen the file modal.
+        var hasImageSrc = String((_node$attrs$src = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.src) !== null && _node$attrs$src !== void 0 ? _node$attrs$src : '').trim();
+        if (!hasImageSrc && (_options$imageHandlin = options.imageHandling) !== null && _options$imageHandlin !== void 0 && _options$imageHandlin.insertImageRequested) {
+          options.imageHandling.insertImageRequested(editor, latestNodeRef.current, function (finish) {
+            return new _InsertImageHandler["default"](editor, latestNodeRef.current, finish);
+          });
+        }
         setShowToolbar(selected);
       }
     } else {
@@ -149,15 +160,6 @@ function ImageComponent(props) {
     }
   }, [editor, node, selected]);
   (0, _react.useEffect)(function () {
-    var _node$attrs$src, _node$attrs, _options$imageHandlin;
-    // Only open the upload UI for a fresh placeholder. Remounting after tab switch
-    // would otherwise call insertImageRequested again and reopen the file modal.
-    var hasImageSrc = String((_node$attrs$src = (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.src) !== null && _node$attrs$src !== void 0 ? _node$attrs$src : '').trim();
-    if (!hasImageSrc && (_options$imageHandlin = options.imageHandling) !== null && _options$imageHandlin !== void 0 && _options$imageHandlin.insertImageRequested) {
-      options.imageHandling.insertImageRequested(node, function (finish) {
-        return new _InsertImageHandler["default"](editor, node, finish);
-      });
-    }
     applySizeData();
     var resizeHandle = resizeRef.current;
     if (resizeHandle) {
@@ -316,11 +318,11 @@ function ImageComponent(props) {
     onDone: function onDone() {
       var _options$imageHandlin4, _options$imageHandlin5;
       setShowToolbar(false);
-      (_options$imageHandlin4 = options.imageHandling) === null || _options$imageHandlin4 === void 0 || (_options$imageHandlin5 = _options$imageHandlin4.onDone) === null || _options$imageHandlin5 === void 0 || _options$imageHandlin5.call(_options$imageHandlin4);
+      (_options$imageHandlin4 = options.imageHandling) === null || _options$imageHandlin4 === void 0 || (_options$imageHandlin5 = _options$imageHandlin4.onDone) === null || _options$imageHandlin5 === void 0 || _options$imageHandlin5.call(_options$imageHandlin4, editor);
       editor.commands.focus('end');
     }
   }, /*#__PURE__*/_react["default"].createElement(_ImageToolbar["default"], {
-    disableImageAlignmentButtons: options.disableImageAlignmentButtons,
+    disableImageAlignmentButtons: (_options$imageHandlin6 = options.imageHandling) === null || _options$imageHandlin6 === void 0 ? void 0 : _options$imageHandlin6.disableImageAlignmentButtons,
     alt: node.attrs.alt,
     imageLoaded: node.attrs.loaded,
     alignment: node.attrs.alignment || 'left',

package/lib/extensions/image-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-component.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_isEqual","_debug","_LinearProgress","_styles","_react2","_reactDom","_InsertImageHandler","_ImageToolbar","_customToolbarWrapper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledProgress","styled","LinearProgress","shouldForwardProp","prop","_ref","hideProgress","position","left","width","top","transition","opacity","StyledRoot","includes","_ref2","loading","pendingDelete","display","StyledImageContainer","_ref3","theme","alignItems","StyledImage","_ref4","active","border","concat","palette","primary","main","StyledResize","_ref5","backgroundColor","cursor","height","borderRadius","marginLeft","marginRight","sizePx","s","ImageComponent","props","node","editor","attributes","onFocus","selected","options","_props$maxImageWidth","maxImageWidth","_props$maxImageHeight","maxImageHeight","latex","handleChange","handleDone","alt","attrs","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","latestNodeRef","useRef","imgRef","resizeRef","toolbarRef","getPercentFromWidth","useCallback","floored","current","naturalWidth","parseInt","toFixed","applySizeData","update","resizePercent","isEqual","commands","updateAttributes","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","_node$attrs$src","_node$attrs","_options$imageHandlin","hasImageSrc","String","src","trim","imageHandling","insertImageRequested","finish","InsertImageHandler","resizeHandle","addEventListener","initResize","removeEventListener","loadImage","box","style","w","Math","min","h","naturalHeight","updateAspect","initial","next","keepAspect","undefined","resizeType","ratio","startResize","bounds","target","getBoundingClientRect","clientX","clientY","findNodePos","found","doc","descendants","pos","type","name","onChange","newValues","stopResize","window","objectFit","flexAlign","center","right","alignment","createElement","NodeViewWrapper","loaded","deleteStatus","justifyContent","mode","value","percent","onDragStart","preventDefault","_extends2","draggable","ref","onLoad","className","_tiptapContainerEl","ReactDOM","createPortal","zIndex","background","boxShadow","showDone","deletable","toolbarOpts","onDelete","_options$imageHandlin2","_options$imageHandlin3","nodePos","view","dispatch","tr","nodeAt","focus","onDone","_options$imageHandlin4","_options$imageHandlin5","disableImageAlignmentButtons","imageLoaded","propTypes","PropTypes","object","isRequired","func","number","_default","exports"],"sources":["../../src/extensions/image-component.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash-es/isEqual';\nimport debug from 'debug';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { styled } from '@mui/material/styles';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport ReactDOM from 'react-dom';\nimport InsertImageHandler from '../components/image/InsertImageHandler';\nimport ImageToolbar from '../components/image/ImageToolbar';\nimport CustomToolbarWrapper from './custom-toolbar-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst StyledProgress = styled(LinearProgress, {\n  shouldForwardProp: (prop) => prop !== 'hideProgress',\n})(({ hideProgress }) => ({\n  position: 'absolute',\n  left: '0',\n  width: 'fit-content',\n  top: '0%',\n  transition: 'opacity 200ms linear',\n  ...(hideProgress && {\n    opacity: 0,\n  }),\n}));\n\nconst StyledRoot = styled('div', {\n  shouldForwardProp: (prop) => !['active', 'loading', 'pendingDelete'].includes(prop),\n})(({ loading, pendingDelete }) => ({\n  position: 'relative',\n  display: 'flex',\n  transition: 'opacity 200ms linear',\n  ...(loading && {\n    opacity: 0.3,\n  }),\n  ...(pendingDelete && {\n    opacity: 0.3,\n  }),\n}));\n\nconst StyledImageContainer = styled('div')(({ theme }) => ({\n  position: 'relative',\n  width: 'fit-content',\n  display: 'flex',\n  alignItems: 'center',\n  '&&:hover > .resize': {\n    display: 'block',\n  },\n}));\n\nconst StyledImage = styled('img', {\n  shouldForwardProp: (prop) => prop !== 'active',\n})(({ theme, active }) => ({\n  border: active ? `solid 1px ${theme.palette.primary.main}` : 'solid 1px transparent',\n}));\n\nconst StyledResize = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  cursor: 'col-resize',\n  height: '35px',\n  width: '5px',\n  borderRadius: 8,\n  marginLeft: '5px',\n  marginRight: '10px',\n  display: 'none',\n}));\n\nconst sizePx = (s) => (s ? `${s}px` : 'calc(20px)');\n\nfunction ImageComponent(props) {\n  const {\n    node,\n    editor,\n    attributes,\n    onFocus,\n    selected,\n    options,\n    maxImageWidth = 700,\n    maxImageHeight = 900,\n    latex,\n    handleChange,\n    handleDone,\n  } = props;\n  const { alt } = node.attrs;\n\n  const [showToolbar, setShowToolbar] = useState(false);\n\n  const latestNodeRef = useRef(node);\n  const imgRef = useRef(null);\n  const resizeRef = useRef(null);\n  const toolbarRef = useRef(null);\n\n  const getPercentFromWidth = useCallback((width) => {\n    const floored = (width / imgRef.current.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  }, []);\n\n  const applySizeData = useCallback(() => {\n    if (!node.attrs.width || !imgRef.current) return;\n\n    const update = {\n      ...node.attrs,\n      resizePercent: getPercentFromWidth(node.attrs.width),\n    };\n\n    if (!isEqual(update, node.attrs)) {\n      editor.commands.updateAttributes('imageUploadNode', update);\n    }\n  }, [editor, node.attrs, getPercentFromWidth]);\n\n  // keep ref in sync with latest node\n  useEffect(() => {\n    latestNodeRef.current = node;\n  }, [node]);\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    // Only open the upload UI for a fresh placeholder. Remounting after tab switch\n    // would otherwise call insertImageRequested again and reopen the file modal.\n    const hasImageSrc = String(node.attrs?.src ?? '').trim();\n    if (!hasImageSrc && options.imageHandling?.insertImageRequested) {\n      options.imageHandling.insertImageRequested(node, (finish) => new InsertImageHandler(editor, node, finish));\n    }\n\n    applySizeData();\n\n    const resizeHandle = resizeRef.current;\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', initResize, false);\n    }\n    return () => {\n      if (resizeHandle) {\n        resizeHandle.removeEventListener('mousedown', initResize, false);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    applySizeData();\n  });\n\n  const loadImage = useCallback(() => {\n    const box = imgRef.current;\n    if (!box) return;\n\n    if (!box.style.width || box.style.width === 'calc(20px)') {\n      const w = Math.min(box.naturalWidth, maxImageWidth);\n      const h = Math.min(box.naturalHeight, maxImageHeight);\n\n      box.style.width = `${w}px`;\n      box.style.height = `${h}px`;\n\n      const update = { width: w, height: h };\n      if (!isEqual(update, node.attrs)) {\n        editor.commands.updateAttributes('imageUploadNode', update);\n      }\n    }\n  }, [editor, node.attrs, maxImageWidth, maxImageHeight]);\n\n  const updateAspect = (initial, next, keepAspect = true, resizeType) => {\n    if (keepAspect) {\n      const ratio = initial.width / initial.height;\n      if (resizeType === 'height') return { width: next.height * ratio, height: next.height };\n      return { width: next.width, height: next.width / ratio };\n    }\n    return next;\n  };\n\n  const startResize = useCallback(\n    (e) => {\n      const box = imgRef.current;\n      if (!box) return;\n\n      const bounds = e.target.getBoundingClientRect();\n      const initial = { width: box.naturalWidth, height: box.naturalHeight };\n\n      const next = updateAspect(initial, {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      });\n\n      if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {\n        box.style.width = `${next.width}px`;\n        box.style.height = `${next.height}px`;\n\n        const update = { width: next.width, height: next.height };\n        if (!isEqual(update, node.attrs)) {\n          editor.commands.updateAttributes('imageUploadNode', update);\n        }\n      }\n    },\n    [editor, node.attrs],\n  );\n\n  // Helper to find this node's current position in the doc.\n  // We cannot use object identity (n === node) because ProseMirror replaces\n  // node objects after every transaction — match by src instead.\n  const findNodePos = useCallback(() => {\n    let found = null;\n    const src = latestNodeRef.current.attrs.src;\n    editor.state.doc.descendants((n, pos) => {\n      if (found !== null) return false;\n      if (n.type.name === 'imageUploadNode' && n.attrs.src === src) {\n        found = pos;\n        return false;\n      }\n    });\n    return found;\n  }, [editor]);\n\n  const onChange = useCallback(\n    (newValues) => {\n      editor.commands.updateAttributes('imageUploadNode', newValues);\n    },\n    [editor],\n  );\n\n  const stopResize = useCallback(() => {\n    window.removeEventListener('mousemove', startResize);\n    window.removeEventListener('mouseup', stopResize);\n  }, [startResize]);\n\n  const initResize = useCallback(() => {\n    window.addEventListener('mousemove', startResize);\n    window.addEventListener('mouseup', stopResize);\n  }, [startResize, stopResize]);\n\n  const style = {\n    width: sizePx(node.attrs.width),\n    height: sizePx(node.attrs.height),\n    objectFit: 'contain',\n  };\n\n  const flexAlign = { left: 'flex-start', center: 'center', right: 'flex-end' }[node.attrs.alignment] || 'flex-start';\n\n  return (\n    <NodeViewWrapper>\n      <StyledRoot\n        onFocus={onFocus}\n        loading={!node.attrs.loaded}\n        pendingDelete={node.attrs.deleteStatus === 'pending'}\n        style={{ justifyContent: flexAlign }}\n      >\n        <StyledProgress mode=\"determinate\" value={node.attrs.percent || 0} hideProgress={node.attrs.loaded} />\n\n        <StyledImageContainer onDragStart={(e) => e.preventDefault()}>\n          <StyledImage\n            {...attributes}\n            active={selected && node.attrs.loaded}\n            draggable={false}\n            ref={imgRef}\n            src={node.attrs.src}\n            style={style}\n            onLoad={loadImage}\n            alt={node.attrs.alt}\n          />\n          <StyledResize ref={resizeRef} className=\"resize\" />\n        </StyledImageContainer>\n      </StyledRoot>\n\n      {showToolbar &&\n        editor._tiptapContainerEl &&\n        ReactDOM.createPortal(\n          <div\n            ref={toolbarRef}\n            style={{\n              zIndex: 20,\n              background: 'var(--editable-html-toolbar-bg, #efefef)',\n              boxShadow:\n                '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n              width: '100%',\n            }}\n          >\n            <CustomToolbarWrapper\n              showDone\n              deletable\n              toolbarOpts={options.toolbarOpts || {}}\n              onDelete={() => {\n                const nodePos = findNodePos();\n                if (nodePos === null) return;\n\n                options.imageHandling?.onDelete?.(latestNodeRef.current);\n\n                editor.view.dispatch(\n                  editor.state.tr.delete(nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize),\n                );\n                setShowToolbar(false);\n                editor.commands.focus();\n              }}\n              onDone={() => {\n                setShowToolbar(false);\n                options.imageHandling?.onDone?.();\n                editor.commands.focus('end');\n              }}\n            >\n              <ImageToolbar\n                disableImageAlignmentButtons={options.disableImageAlignmentButtons}\n                alt={node.attrs.alt}\n                imageLoaded={node.attrs.loaded}\n                alignment={node.attrs.alignment || 'left'}\n                onChange={onChange}\n              />\n            </CustomToolbarWrapper>\n          </div>,\n          editor._tiptapContainerEl,\n        )}\n    </NodeViewWrapper>\n  );\n}\n\nImageComponent.propTypes = {\n  node: PropTypes.object.isRequired,\n  editor: PropTypes.object.isRequired,\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  maxImageWidth: PropTypes.number,\n  maxImageHeight: PropTypes.number,\n};\n\nexport default ImageComponent;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"image-component.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_isEqual","_debug","_LinearProgress","_styles","_react2","_reactDom","_InsertImageHandler","_ImageToolbar","_customToolbarWrapper","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledProgress","styled","LinearProgress","shouldForwardProp","prop","_ref","hideProgress","position","left","width","top","transition","opacity","StyledRoot","includes","_ref2","loading","pendingDelete","display","StyledImageContainer","_ref3","theme","alignItems","StyledImage","_ref4","active","border","concat","palette","primary","main","StyledResize","_ref5","backgroundColor","cursor","height","borderRadius","marginLeft","marginRight","sizePx","s","ImageComponent","props","_options$imageHandlin6","node","editor","attributes","onFocus","getPos","selected","options","_props$maxImageWidth","maxImageWidth","_props$maxImageHeight","maxImageHeight","alt","attrs","pos","_useState","useState","_useState2","_slicedToArray2","showToolbar","setShowToolbar","latestNodeRef","useRef","imgRef","resizeRef","toolbarRef","getPercentFromWidth","useCallback","floored","current","naturalWidth","parseInt","toFixed","applySizeData","update","resizePercent","isEqual","commands","updateAttributes","useEffect","selection","state","onlyThisNodeSelected","from","nodeSize","to","_node$attrs$src","_node$attrs","_options$imageHandlin","hasImageSrc","String","src","trim","imageHandling","insertImageRequested","finish","InsertImageHandler","resizeHandle","addEventListener","initResize","removeEventListener","loadImage","box","style","w","Math","min","h","naturalHeight","updateAspect","initial","next","keepAspect","undefined","resizeType","ratio","startResize","bounds","target","getBoundingClientRect","clientX","clientY","findNodePos","found","doc","descendants","type","name","onChange","newValues","stopResize","window","objectFit","flexAlign","center","right","alignment","createElement","NodeViewWrapper","loaded","deleteStatus","justifyContent","mode","value","percent","onDragStart","preventDefault","_extends2","draggable","ref","onLoad","className","_tiptapContainerEl","ReactDOM","createPortal","zIndex","background","boxShadow","showDone","deletable","toolbarOpts","onDelete","_options$imageHandlin2","_options$imageHandlin3","nodePos","view","dispatch","tr","nodeAt","focus","onDone","_options$imageHandlin4","_options$imageHandlin5","disableImageAlignmentButtons","imageLoaded","propTypes","PropTypes","object","isRequired","func","number","_default","exports"],"sources":["../../src/extensions/image-component.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport isEqual from 'lodash-es/isEqual';\nimport debug from 'debug';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { styled } from '@mui/material/styles';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport ReactDOM from 'react-dom';\nimport InsertImageHandler from '../components/image/InsertImageHandler';\nimport ImageToolbar from '../components/image/ImageToolbar';\nimport CustomToolbarWrapper from './custom-toolbar-wrapper';\n\nconst log = debug('@pie-lib:editable-html:plugins:image:component');\n\nconst StyledProgress = styled(LinearProgress, {\n  shouldForwardProp: (prop) => prop !== 'hideProgress',\n})(({ hideProgress }) => ({\n  position: 'absolute',\n  left: '0',\n  width: 'fit-content',\n  top: '0%',\n  transition: 'opacity 200ms linear',\n  ...(hideProgress && {\n    opacity: 0,\n  }),\n}));\n\nconst StyledRoot = styled('div', {\n  shouldForwardProp: (prop) => !['active', 'loading', 'pendingDelete'].includes(prop),\n})(({ loading, pendingDelete }) => ({\n  position: 'relative',\n  display: 'flex',\n  transition: 'opacity 200ms linear',\n  ...(loading && {\n    opacity: 0.3,\n  }),\n  ...(pendingDelete && {\n    opacity: 0.3,\n  }),\n}));\n\nconst StyledImageContainer = styled('div')(({ theme }) => ({\n  position: 'relative',\n  width: 'fit-content',\n  display: 'flex',\n  alignItems: 'center',\n  '&&:hover > .resize': {\n    display: 'block',\n  },\n}));\n\nconst StyledImage = styled('img', {\n  shouldForwardProp: (prop) => prop !== 'active',\n})(({ theme, active }) => ({\n  border: active ? `solid 1px ${theme.palette.primary.main}` : 'solid 1px transparent',\n}));\n\nconst StyledResize = styled('div')(({ theme }) => ({\n  backgroundColor: theme.palette.primary.main,\n  cursor: 'col-resize',\n  height: '35px',\n  width: '5px',\n  borderRadius: 8,\n  marginLeft: '5px',\n  marginRight: '10px',\n  display: 'none',\n}));\n\nconst sizePx = (s) => (s ? `${s}px` : 'calc(20px)');\n\nfunction ImageComponent(props) {\n  const {\n    node,\n    editor,\n    attributes,\n    onFocus,\n    getPos,\n    selected,\n    options,\n    maxImageWidth = 700,\n    maxImageHeight = 900,\n  } = props;\n  const { alt } = node.attrs;\n  const pos = getPos();\n\n  const [showToolbar, setShowToolbar] = useState(false);\n\n  const latestNodeRef = useRef(node);\n  const imgRef = useRef(null);\n  const resizeRef = useRef(null);\n  const toolbarRef = useRef(null);\n\n  const getPercentFromWidth = useCallback((width) => {\n    const floored = (width / imgRef.current.naturalWidth) * 4;\n    return parseInt(floored.toFixed(0) * 25, 10);\n  }, []);\n\n  const applySizeData = useCallback(() => {\n    if (!node.attrs.width || !imgRef.current) return;\n\n    const update = {\n      ...node.attrs,\n      resizePercent: getPercentFromWidth(node.attrs.width),\n    };\n\n    if (!isEqual(update, node.attrs)) {\n      editor.commands.updateAttributes('imageUploadNode', update);\n    }\n  }, [editor, node.attrs, getPercentFromWidth]);\n\n  // keep ref in sync with latest node\n  useEffect(() => {\n    latestNodeRef.current = { ...node, pos };\n  }, [node, pos]);\n\n  useEffect(() => {\n    const { selection } = editor.state;\n    const onlyThisNodeSelected = selection.from + node.nodeSize === selection.to;\n\n    if (selected) {\n      if (onlyThisNodeSelected) {\n        // Only open the upload UI for a fresh placeholder. Remounting after tab switch\n        // would otherwise call insertImageRequested again and reopen the file modal.\n        const hasImageSrc = String(node.attrs?.src ?? '').trim();\n\n        if (!hasImageSrc && options.imageHandling?.insertImageRequested) {\n          options.imageHandling.insertImageRequested(\n            editor,\n            latestNodeRef.current,\n            (finish) => new InsertImageHandler(editor, latestNodeRef.current, finish),\n          );\n        }\n\n        setShowToolbar(selected);\n      }\n    } else {\n      setShowToolbar(selected);\n    }\n  }, [editor, node, selected]);\n\n  useEffect(() => {\n    applySizeData();\n\n    const resizeHandle = resizeRef.current;\n    if (resizeHandle) {\n      resizeHandle.addEventListener('mousedown', initResize, false);\n    }\n    return () => {\n      if (resizeHandle) {\n        resizeHandle.removeEventListener('mousedown', initResize, false);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    applySizeData();\n  });\n\n  const loadImage = useCallback(() => {\n    const box = imgRef.current;\n    if (!box) return;\n\n    if (!box.style.width || box.style.width === 'calc(20px)') {\n      const w = Math.min(box.naturalWidth, maxImageWidth);\n      const h = Math.min(box.naturalHeight, maxImageHeight);\n\n      box.style.width = `${w}px`;\n      box.style.height = `${h}px`;\n\n      const update = { width: w, height: h };\n      if (!isEqual(update, node.attrs)) {\n        editor.commands.updateAttributes('imageUploadNode', update);\n      }\n    }\n  }, [editor, node.attrs, maxImageWidth, maxImageHeight]);\n\n  const updateAspect = (initial, next, keepAspect = true, resizeType) => {\n    if (keepAspect) {\n      const ratio = initial.width / initial.height;\n      if (resizeType === 'height') return { width: next.height * ratio, height: next.height };\n      return { width: next.width, height: next.width / ratio };\n    }\n    return next;\n  };\n\n  const startResize = useCallback(\n    (e) => {\n      const box = imgRef.current;\n      if (!box) return;\n\n      const bounds = e.target.getBoundingClientRect();\n      const initial = { width: box.naturalWidth, height: box.naturalHeight };\n\n      const next = updateAspect(initial, {\n        width: e.clientX - bounds.left,\n        height: e.clientY - bounds.top,\n      });\n\n      if (next.width > 50 && next.height > 50 && next.width <= 700 && next.height <= 900) {\n        box.style.width = `${next.width}px`;\n        box.style.height = `${next.height}px`;\n\n        const update = { width: next.width, height: next.height };\n        if (!isEqual(update, node.attrs)) {\n          editor.commands.updateAttributes('imageUploadNode', update);\n        }\n      }\n    },\n    [editor, node.attrs],\n  );\n\n  // Helper to find this node's current position in the doc.\n  // We cannot use object identity (n === node) because ProseMirror replaces\n  // node objects after every transaction — match by src instead.\n  const findNodePos = useCallback(() => {\n    let found = null;\n    const src = latestNodeRef.current.attrs.src;\n    editor.state.doc.descendants((n, pos) => {\n      if (found !== null) return false;\n      if (n.type.name === 'imageUploadNode' && n.attrs.src === src) {\n        found = pos;\n        return false;\n      }\n    });\n    return found;\n  }, [editor]);\n\n  const onChange = useCallback(\n    (newValues) => {\n      editor.commands.updateAttributes('imageUploadNode', newValues);\n    },\n    [editor],\n  );\n\n  const stopResize = useCallback(() => {\n    window.removeEventListener('mousemove', startResize);\n    window.removeEventListener('mouseup', stopResize);\n  }, [startResize]);\n\n  const initResize = useCallback(() => {\n    window.addEventListener('mousemove', startResize);\n    window.addEventListener('mouseup', stopResize);\n  }, [startResize, stopResize]);\n\n  const style = {\n    width: sizePx(node.attrs.width),\n    height: sizePx(node.attrs.height),\n    objectFit: 'contain',\n  };\n\n  const flexAlign = { left: 'flex-start', center: 'center', right: 'flex-end' }[node.attrs.alignment] || 'flex-start';\n\n  return (\n    <NodeViewWrapper>\n      <StyledRoot\n        onFocus={onFocus}\n        loading={!node.attrs.loaded}\n        pendingDelete={node.attrs.deleteStatus === 'pending'}\n        style={{ justifyContent: flexAlign }}\n      >\n        <StyledProgress mode=\"determinate\" value={node.attrs.percent || 0} hideProgress={node.attrs.loaded} />\n\n        <StyledImageContainer onDragStart={(e) => e.preventDefault()}>\n          <StyledImage\n            {...attributes}\n            active={selected && node.attrs.loaded}\n            draggable={false}\n            ref={imgRef}\n            src={node.attrs.src}\n            style={style}\n            onLoad={loadImage}\n            alt={node.attrs.alt}\n          />\n          <StyledResize ref={resizeRef} className=\"resize\" />\n        </StyledImageContainer>\n      </StyledRoot>\n\n      {showToolbar &&\n        editor._tiptapContainerEl &&\n        ReactDOM.createPortal(\n          <div\n            ref={toolbarRef}\n            style={{\n              zIndex: 20,\n              background: 'var(--editable-html-toolbar-bg, #efefef)',\n              boxShadow:\n                '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n              width: '100%',\n            }}\n          >\n            <CustomToolbarWrapper\n              showDone\n              deletable\n              toolbarOpts={options.toolbarOpts || {}}\n              onDelete={() => {\n                const nodePos = findNodePos();\n                if (nodePos === null) return;\n\n                options.imageHandling?.onDelete?.(latestNodeRef.current);\n\n                editor.view.dispatch(\n                  editor.state.tr.delete(nodePos, nodePos + editor.state.doc.nodeAt(nodePos).nodeSize),\n                );\n                setShowToolbar(false);\n                editor.commands.focus();\n              }}\n              onDone={() => {\n                setShowToolbar(false);\n                options.imageHandling?.onDone?.(editor);\n                editor.commands.focus('end');\n              }}\n            >\n              <ImageToolbar\n                disableImageAlignmentButtons={options.imageHandling?.disableImageAlignmentButtons}\n                alt={node.attrs.alt}\n                imageLoaded={node.attrs.loaded}\n                alignment={node.attrs.alignment || 'left'}\n                onChange={onChange}\n              />\n            </CustomToolbarWrapper>\n          </div>,\n          editor._tiptapContainerEl,\n        )}\n    </NodeViewWrapper>\n  );\n}\n\nImageComponent.propTypes = {\n  node: PropTypes.object.isRequired,\n  editor: PropTypes.object.isRequired,\n  attributes: PropTypes.object,\n  onFocus: PropTypes.func,\n  maxImageWidth: PropTypes.number,\n  maxImageHeight: PropTypes.number,\n};\n\nexport default ImageComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib/extensions/media.js

@@ -232,7 +232,9 @@ function MediaNodeView(_ref4) {
   })) : /*#__PURE__*/_react["default"].createElement("iframe", {
     src: src,
     allowFullScreen: true,
-    frameBorder: "0"
+    frameBorder: "0",
+    width: width,
+    height: height
   }), /*#__PURE__*/_react["default"].createElement(_MediaToolbar["default"], {
     onEdit: handleEdit,
     onRemove: deleteNode

package/lib/extensions/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_core","_react2","_MediaDialog","_MediaToolbar","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Media","exports","Node","create","name","group","inline","atom","addAttributes","type","src","width","height","title","starts","ends","editing","tag","url","parseHTML","getAttrs","el","getAttribute","dataset","_el$querySelector","querySelector","renderHTML","_ref","HTMLAttributes","controls","controlsList","mergeAttributes","frameborder","allow","allowfullscreen","addCommands","_this","insertMedia","attrs","_ref2","commands","insertContent","updateMedia","_ref3","updateAttributes","addNodeView","_this2","ReactNodeViewRenderer","props","createElement","MediaNodeView","options","removeDialogs","prevDialogs","document","querySelectorAll","s","remove","insertDialog","newEl","callback","rest","_objectWithoutProperties2","initialBodyOverflow","body","style","overflow","className","handleClose","val","data","_extends2","uploadSoundSupport","disablePortal","open","ReactDOM","render","appendChild","_ref4","editor","node","deleteNode","_node$attrs","handleEdit","edit","chain","focus","run","useEffect","NodeViewWrapper","allowFullScreen","frameBorder","onEdit","onRemove"],"sources":["../../src/extensions/media.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { mergeAttributes, Node } from '@tiptap/core';\nimport { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';\nimport MediaDialog from '../components/media/MediaDialog';\nimport MediaToolbar from '../components/media/MediaToolbar';\n\nexport const Media = Node.create({\n  name: 'media',\n  group: 'inline',\n  inline: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      type: { default: 'video' },\n      src: { default: null },\n      width: { default: null },\n      height: { default: null },\n      title: { default: null },\n      starts: { default: null },\n      ends: { default: null },\n      editing: { default: false },\n      tag: { default: 'iframe' }, // 'iframe' or 'audio'\n      url: { default: null },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'iframe[data-type=\"video\"]',\n        getAttrs: (el) => ({\n          type: 'video',\n          tag: 'iframe',\n          src: el.getAttribute('src'),\n          width: el.getAttribute('width'),\n          height: el.getAttribute('height'),\n          title: el.dataset.title,\n          starts: el.dataset.starts,\n          ends: el.dataset.ends,\n          url: el.dataset.url,\n        }),\n      },\n      {\n        tag: 'audio',\n        getAttrs: (el) => ({\n          type: 'audio',\n          tag: 'audio',\n          src: el.querySelector('source')?.getAttribute('src'),\n        }),\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    const { tag, src, width, height } = HTMLAttributes;\n\n    if (tag === 'audio') {\n      return ['audio', { controls: 'controls', controlsList: 'nodownload' }, ['source', { src, type: 'audio/mp3' }]];\n    }\n\n    return [\n      'iframe',\n      mergeAttributes(\n        {\n          'data-type': 'video',\n          frameborder: '0',\n          allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',\n          allowfullscreen: '',\n          src,\n        },\n        width ? { width } : {},\n        height ? { height } : {},\n      ),\n    ];\n  },\n\n  addCommands() {\n    return {\n      insertMedia:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({ type: this.name, attrs });\n        },\n      updateMedia:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.updateAttributes(this.name, attrs);\n        },\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <MediaNodeView {...{ ...props, options: this.options }} />);\n  },\n});\n\nconst removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-media-dialog');\n\n  prevDialogs.forEach((s) => s.remove());\n};\n\nexport const insertDialog = (props) => {\n  const newEl = document.createElement('div');\n  const { type, callback, options, ...rest } = props;\n  const initialBodyOverflow = document.body.style.overflow;\n\n  removeDialogs();\n\n  newEl.className = 'insert-media-dialog';\n  document.body.style.overflow = 'hidden';\n\n  const handleClose = (val, data) => {\n    callback(val, data);\n    newEl.remove();\n    document.body.style.overflow = initialBodyOverflow;\n  };\n\n  const el = (\n    <MediaDialog\n      {...rest}\n      uploadSoundSupport={options.uploadSoundSupport}\n      type={type}\n      disablePortal={true}\n      open={true}\n      handleClose={handleClose}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n};\n\nexport default function MediaNodeView({ editor, node, updateAttributes, deleteNode, options }) {\n  const { type, src, width, height, tag } = node.attrs;\n\n  const handleEdit = () => {\n    insertDialog({\n      ...node.attrs,\n      options: options,\n      edit: true,\n      callback: (val, data) => {\n        if (val) {\n          updateAttributes(data);\n        }\n\n        editor.chain().focus().run();\n      },\n    });\n  };\n\n  useEffect(() => {\n    // Only open dialog for newly inserted media without a src\n    if (!src) {\n      insertDialog({\n        ...node.attrs,\n        options: options,\n        edit: true,\n        callback: (val, data) => {\n          if (val) {\n            updateAttributes(data);\n          } else {\n            deleteNode();\n          }\n\n          editor.chain().focus().run();\n        },\n      });\n    }\n  }, []);\n\n  return (\n    <NodeViewWrapper data-type={type} style={{ width, height }}>\n      {tag === 'audio' ? (\n        <audio controls controlsList=\"nodownload\">\n          <source type=\"audio/mp3\" src={src} />\n        </audio>\n      ) : (\n        <iframe src={src} allowFullScreen frameBorder=\"0\" />\n      )}\n\n      <MediaToolbar onEdit={handleEdit} onRemove={deleteNode} />\n    </NodeViewWrapper>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"media.js","names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_core","_react2","_MediaDialog","_MediaToolbar","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Media","exports","Node","create","name","group","inline","atom","addAttributes","type","src","width","height","title","starts","ends","editing","tag","url","parseHTML","getAttrs","el","getAttribute","dataset","_el$querySelector","querySelector","renderHTML","_ref","HTMLAttributes","controls","controlsList","mergeAttributes","frameborder","allow","allowfullscreen","addCommands","_this","insertMedia","attrs","_ref2","commands","insertContent","updateMedia","_ref3","updateAttributes","addNodeView","_this2","ReactNodeViewRenderer","props","createElement","MediaNodeView","options","removeDialogs","prevDialogs","document","querySelectorAll","s","remove","insertDialog","newEl","callback","rest","_objectWithoutProperties2","initialBodyOverflow","body","style","overflow","className","handleClose","val","data","_extends2","uploadSoundSupport","disablePortal","open","ReactDOM","render","appendChild","_ref4","editor","node","deleteNode","_node$attrs","handleEdit","edit","chain","focus","run","useEffect","NodeViewWrapper","allowFullScreen","frameBorder","onEdit","onRemove"],"sources":["../../src/extensions/media.js"],"sourcesContent":["import React, { useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { mergeAttributes, Node } from '@tiptap/core';\nimport { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';\nimport MediaDialog from '../components/media/MediaDialog';\nimport MediaToolbar from '../components/media/MediaToolbar';\n\nexport const Media = Node.create({\n  name: 'media',\n  group: 'inline',\n  inline: true,\n  atom: true,\n\n  addAttributes() {\n    return {\n      type: { default: 'video' },\n      src: { default: null },\n      width: { default: null },\n      height: { default: null },\n      title: { default: null },\n      starts: { default: null },\n      ends: { default: null },\n      editing: { default: false },\n      tag: { default: 'iframe' }, // 'iframe' or 'audio'\n      url: { default: null },\n    };\n  },\n\n  parseHTML() {\n    return [\n      {\n        tag: 'iframe[data-type=\"video\"]',\n        getAttrs: (el) => ({\n          type: 'video',\n          tag: 'iframe',\n          src: el.getAttribute('src'),\n          width: el.getAttribute('width'),\n          height: el.getAttribute('height'),\n          title: el.dataset.title,\n          starts: el.dataset.starts,\n          ends: el.dataset.ends,\n          url: el.dataset.url,\n        }),\n      },\n      {\n        tag: 'audio',\n        getAttrs: (el) => ({\n          type: 'audio',\n          tag: 'audio',\n          src: el.querySelector('source')?.getAttribute('src'),\n        }),\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    const { tag, src, width, height } = HTMLAttributes;\n\n    if (tag === 'audio') {\n      return ['audio', { controls: 'controls', controlsList: 'nodownload' }, ['source', { src, type: 'audio/mp3' }]];\n    }\n\n    return [\n      'iframe',\n      mergeAttributes(\n        {\n          'data-type': 'video',\n          frameborder: '0',\n          allow: 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',\n          allowfullscreen: '',\n          src,\n        },\n        width ? { width } : {},\n        height ? { height } : {},\n      ),\n    ];\n  },\n\n  addCommands() {\n    return {\n      insertMedia:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.insertContent({ type: this.name, attrs });\n        },\n      updateMedia:\n        (attrs) =>\n        ({ commands }) => {\n          return commands.updateAttributes(this.name, attrs);\n        },\n    };\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <MediaNodeView {...{ ...props, options: this.options }} />);\n  },\n});\n\nconst removeDialogs = () => {\n  const prevDialogs = document.querySelectorAll('.insert-media-dialog');\n\n  prevDialogs.forEach((s) => s.remove());\n};\n\nexport const insertDialog = (props) => {\n  const newEl = document.createElement('div');\n  const { type, callback, options, ...rest } = props;\n  const initialBodyOverflow = document.body.style.overflow;\n\n  removeDialogs();\n\n  newEl.className = 'insert-media-dialog';\n  document.body.style.overflow = 'hidden';\n\n  const handleClose = (val, data) => {\n    callback(val, data);\n    newEl.remove();\n    document.body.style.overflow = initialBodyOverflow;\n  };\n\n  const el = (\n    <MediaDialog\n      {...rest}\n      uploadSoundSupport={options.uploadSoundSupport}\n      type={type}\n      disablePortal={true}\n      open={true}\n      handleClose={handleClose}\n    />\n  );\n\n  ReactDOM.render(el, newEl);\n\n  document.body.appendChild(newEl);\n};\n\nexport default function MediaNodeView({ editor, node, updateAttributes, deleteNode, options }) {\n  const { type, src, width, height, tag } = node.attrs;\n\n  const handleEdit = () => {\n    insertDialog({\n      ...node.attrs,\n      options: options,\n      edit: true,\n      callback: (val, data) => {\n        if (val) {\n          updateAttributes(data);\n        }\n\n        editor.chain().focus().run();\n      },\n    });\n  };\n\n  useEffect(() => {\n    // Only open dialog for newly inserted media without a src\n    if (!src) {\n      insertDialog({\n        ...node.attrs,\n        options: options,\n        edit: true,\n        callback: (val, data) => {\n          if (val) {\n            updateAttributes(data);\n          } else {\n            deleteNode();\n          }\n\n          editor.chain().focus().run();\n        },\n      });\n    }\n  }, []);\n\n  return (\n    <NodeViewWrapper data-type={type} style={{ width, height }}>\n      {tag === 'audio' ? (\n        <audio controls controlsList=\"nodownload\">\n          <source type=\"audio/mp3\" src={src} />\n        </audio>\n      ) : (\n        <iframe src={src} allowFullScreen frameBorder=\"0\" width={width} height={height} />\n      )}\n\n      <MediaToolbar onEdit={handleEdit} onRemove={deleteNode} />\n    </NodeViewWrapper>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.2.0-next.30",
+  "version": "1.2.0-next.32",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -16,11 +16,11 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "^3.2.0-next.8",
+    "@pie-lib/drag": "^3.2.0-next.9",
     "@pie-lib/math-input": "^7.2.0-next.12",
     "@pie-lib/math-rendering": "^4.2.0-next.3",
-    "@pie-lib/math-toolbar": "^2.2.0-next.14",
-    "@pie-lib/render-ui": "^5.2.0-next.7",
+    "@pie-lib/math-toolbar": "^2.2.0-next.15",
+    "@pie-lib/render-ui": "^5.2.0-next.8",
     "@tiptap/core": "3.0.9",
     "@tiptap/extension-character-count": "3.0.9",
     "@tiptap/extension-color": "3.0.9",
@@ -59,6 +59,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "28b124a688673138a0e8f3e48fd80f8552b99b4c",
+  "gitHead": "434e83e0c559a566a1993422c07b79701f13a809",
   "scripts": {}
 }

package/src/__tests__/EditableHtml.test.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
+import { useEditor } from '@tiptap/react';
 import { EditableHtml } from '../components/EditableHtml';
 
 // Mock TipTap dependencies
@@ -304,4 +305,40 @@ describe('EditableHtml', () => {
       expect(editorContent).toBeInTheDocument();
     });
   });
+
+  it('does not run blur onChange/onDone while an image insert flow is active', async () => {
+    jest.useFakeTimers();
+    const onChange = jest.fn();
+    const onDone = jest.fn();
+
+    render(
+      <EditableHtml
+        {...defaultProps}
+        markup="<p>Hello World</p>"
+        onChange={onChange}
+        onDone={onDone}
+        toolbarOpts={{ ...defaultProps.toolbarOpts, doneOn: 'blur' }}
+      />,
+    );
+
+    await waitFor(() => {
+      expect(useEditor).toHaveBeenCalled();
+    });
+
+    const editorConfig = useEditor.mock.calls[useEditor.mock.calls.length - 1][0];
+    const blurEditor = {
+      getHTML: jest.fn(() => '<p>changed</p>'),
+      _insertingImage: true,
+      _toolbarOpened: false,
+      isActive: jest.fn(() => false),
+    };
+
+    editorConfig.onBlur({ editor: blurEditor });
+    jest.advanceTimersByTime(200);
+
+    expect(onChange).not.toHaveBeenCalled();
+    expect(onDone).not.toHaveBeenCalled();
+
+    jest.useRealTimers();
+  });
 });

package/src/components/EditableHtml.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import debounce from 'lodash-es/debounce';
 import { EditorContent, useEditor, useEditorState } from '@tiptap/react';
 import { styled } from '@mui/material/styles';
@@ -99,6 +99,19 @@ export const EditableHtml = (props) => {
   const [scheduled, setScheduled] = useState(false);
   const { toolbarOpts } = props;
 
+  const removePendingImage = useCallback(
+    (imagePos) => {
+      setPendingImages((prev) => {
+        const next = prev.filter((img) => img.pos !== imagePos);
+        if (next.length === 0) {
+          setScheduled(false);
+        }
+        return next;
+      });
+    },
+    [setPendingImages],
+  );
+
   const toolbarOptsToUse = {
     ...defaultToolbarOpts,
     ...toolbarOpts,
@@ -180,7 +193,7 @@ export const EditableHtml = (props) => {
       toolbarOpts: toolbarOptsToUse,
       imageHandling: {
         disableImageAlignmentButtons: props.disableImageAlignmentButtons,
-        onDone: () => props.onDone?.(editor.getHTML()),
+        onDone: (editor) => props.onDone?.(editor.getHTML()),
         onDelete:
           props.imageSupport &&
           props.imageSupport.delete &&
@@ -188,19 +201,12 @@ export const EditableHtml = (props) => {
             const { src } = node.attrs;
 
             props.imageSupport.delete(src, (e) => {
-              const newPendingImages = pendingImages.filter((img) => img.key !== node.key);
-              const newState = {
-                pendingImages: newPendingImages,
-                scheduled: scheduled && newPendingImages.length === 0 ? false : scheduled,
-              };
-
-              setPendingImages(newState.pendingImages);
-              setScheduled(newState.scheduled);
+              removePendingImage(node.pos);
             });
           }),
         insertImageRequested:
           props.imageSupport &&
-          ((addedImage, getHandler) => {
+          ((editor, addedImage, getHandler) => {
             const onFinish = (result) => {
               let cb;
 
@@ -209,29 +215,39 @@ export const EditableHtml = (props) => {
                 cb = props.onChange;
               }
 
-              const newPendingImages = pendingImages.filter((img) => img.key !== addedImage.key);
-              const newState = {
-                pendingImages: newPendingImages,
-              };
-
-              if (newPendingImages.length === 0) {
-                newState.scheduled = false;
-              }
-
-              setPendingImages(newState.pendingImages);
-              setScheduled(newState.scheduled);
+              removePendingImage(addedImage.pos);
               cb?.(editor.getHTML());
             };
+
             const callback = () => {
               /**
                * The handler is the object through which the outer context
                * communicates file upload events like: fileChosen, cancel, progress
                */
               const handler = getHandler(onFinish);
+
+              // If the user closes the file picker without choosing a file, the window regains
+              // focus while _insertingImage is still true — drop the stale pending entry.
+              const focusHandler = debounce(() => {
+                const detach = () => window.removeEventListener('focus', focusHandler);
+
+                if (!editor._insertingImage) {
+                  detach();
+                  return;
+                }
+
+                removePendingImage(addedImage.pos);
+                editor._insertingImage = false;
+                detach();
+              }, 500);
+
+              window.addEventListener('focus', focusHandler);
+
               props.imageSupport.add(handler);
             };
 
-            setPendingImages([...pendingImages, addedImage]);
+            editor._insertingImage = true;
+            setPendingImages((prev) => [...prev, addedImage]);
             callback();
           }),
         maxImageWidth: props.maxImageWidth,
@@ -270,6 +286,7 @@ export const EditableHtml = (props) => {
       },
       onBlur: debounce(({ editor }) => {
         const otherToolbarOpened =
+          editor._insertingImage ||
           editor._toolbarOpened ||
           editor.isActive('inline_dropdown') ||
           editor.isActive('explicit_constructed_response');

package/src/components/__tests__/InsertImageHandler.test.js

@@ -7,6 +7,7 @@ describe('InsertImageHandler', () => {
   };
 
   const createMockEditor = () => ({
+    _insertingImage: true,
     state: {
       doc: {
         descendants: jest.fn((callback) => {
@@ -61,6 +62,7 @@ describe('InsertImageHandler', () => {
     const handler = new InsertImageHandler(editor, mockNode, mockOnFinish);
     handler.cancel();
     expect(mockOnFinish).toHaveBeenCalledWith(false);
+    expect(editor._insertingImage).toBe(false);
   });
 
   it('updateNode dispatches transaction with new attributes', () => {
@@ -84,6 +86,7 @@ describe('InsertImageHandler', () => {
 
     expect(consoleLogSpy).toHaveBeenCalledWith('error');
     expect(mockOnFinish).toHaveBeenCalledWith(false);
+    expect(editor._insertingImage).toBe(false);
     consoleLogSpy.mockRestore();
   });
 
@@ -97,6 +100,7 @@ describe('InsertImageHandler', () => {
 
     expect(editor.view.dispatch).toHaveBeenCalled();
     expect(mockOnFinish).toHaveBeenCalledWith(true);
+    expect(editor._insertingImage).toBe(false);
   });
 
   it('fileChosen returns early when no file provided', () => {
@@ -124,6 +128,7 @@ describe('InsertImageHandler', () => {
     handler.fileChosen(mockFile);
 
     expect(handler.chosenFile).toBe(mockFile);
+    expect(editor._insertingImage).toBe(false);
   });
 
   it('progress updates node with percent', () => {

package/src/components/image/InsertImageHandler.js

@@ -38,6 +38,8 @@ class InsertImageHandler {
       this.onFinish(false);
     } catch (err) {
       //
+    } finally {
+      this.editor._insertingImage = false;
     }
   }
 
@@ -72,6 +74,8 @@ class InsertImageHandler {
       this.updateNode({ loaded: true, src, percent: 100 });
       this.onFinish(true);
     }
+
+    this.editor._insertingImage = false;
   }
 
   /**
@@ -86,6 +90,7 @@ class InsertImageHandler {
 
     // Save the chosen file to this.chosenFile
     this.chosenFile = file;
+    this.editor._insertingImage = false;
 
     log('[fileChosen] file: ', file);
     const reader = new FileReader();

package/src/extensions/__tests__/image-component.test.jsx

@@ -35,19 +35,20 @@ jest.mock('../custom-toolbar-wrapper', () => ({
 }));
 
 describe('ImageComponent', () => {
-  const mockEditor = {
+  const MOCK_NODE_POS = 7;
+
+  const createMockEditor = (selection = { from: 0, to: 1 }) => ({
     _tiptapContainerEl: document.body,
     commands: {
       updateAttributes: jest.fn(),
       focus: jest.fn(),
     },
     state: {
-      selection: {
-        from: 0,
-        to: 1,
-      },
+      selection,
     },
-  };
+  });
+
+  let mockEditor = createMockEditor();
 
   const mockNode = {
     attrs: {
@@ -79,10 +80,14 @@ describe('ImageComponent', () => {
     options: mockOptions,
     attributes: {},
     onFocus: jest.fn(),
+    getPos: jest.fn(() => MOCK_NODE_POS),
   };
 
   beforeEach(() => {
     jest.clearAllMocks();
+    mockEditor = createMockEditor();
+    defaultProps.editor = mockEditor;
+    defaultProps.getPos = jest.fn(() => MOCK_NODE_POS);
   });
 
   it('renders without crashing', () => {
@@ -186,13 +191,28 @@ describe('ImageComponent', () => {
   });
 
   it('does not call insertImageRequested when image already has src', () => {
-    render(<ImageComponent {...defaultProps} />);
+    render(<ImageComponent {...defaultProps} selected={true} />);
+    expect(mockOptions.imageHandling.insertImageRequested).not.toHaveBeenCalled();
+  });
+
+  it('does not call insertImageRequested for empty placeholder on mount when not selected', () => {
+    const placeholderNode = {
+      ...mockNode,
+      attrs: {
+        ...mockNode.attrs,
+        src: null,
+        loaded: false,
+        percent: null,
+      },
+    };
+    render(<ImageComponent {...defaultProps} node={placeholderNode} selected={false} />);
     expect(mockOptions.imageHandling.insertImageRequested).not.toHaveBeenCalled();
   });
 
-  it('calls insertImageRequested on mount only for empty placeholder (no src)', () => {
+  it('calls insertImageRequested with editor and node when empty placeholder is solely selected', async () => {
     const placeholderNode = {
       ...mockNode,
+      nodeSize: 1,
       attrs: {
         ...mockNode.attrs,
         src: null,
@@ -200,8 +220,37 @@ describe('ImageComponent', () => {
         percent: null,
       },
     };
-    render(<ImageComponent {...defaultProps} node={placeholderNode} />);
-    expect(mockOptions.imageHandling.insertImageRequested).toHaveBeenCalled();
+    mockEditor = createMockEditor({ from: 0, to: 1 });
+
+    render(<ImageComponent {...defaultProps} editor={mockEditor} node={placeholderNode} selected={true} />);
+
+    await waitFor(() => {
+      expect(mockOptions.imageHandling.insertImageRequested).toHaveBeenCalled();
+    });
+
+    expect(mockOptions.imageHandling.insertImageRequested).toHaveBeenCalledWith(
+      mockEditor,
+      expect.objectContaining({ ...placeholderNode, pos: MOCK_NODE_POS }),
+      expect.any(Function),
+    );
+    expect(defaultProps.getPos).toHaveBeenCalled();
+  });
+
+  it('does not call insertImageRequested when selection spans beyond the image node', () => {
+    const placeholderNode = {
+      ...mockNode,
+      nodeSize: 1,
+      attrs: {
+        ...mockNode.attrs,
+        src: null,
+        loaded: false,
+        percent: null,
+      },
+    };
+    mockEditor = createMockEditor({ from: 0, to: 5 });
+
+    render(<ImageComponent {...defaultProps} editor={mockEditor} node={placeholderNode} selected={true} />);
+    expect(mockOptions.imageHandling.insertImageRequested).not.toHaveBeenCalled();
   });
 
   it('updates attributes through toolbar onChange', async () => {
@@ -261,4 +310,16 @@ describe('ImageComponent', () => {
     const img = container.querySelector('img');
     expect(img).toBeInTheDocument();
   });
+
+  it('passes editor to imageHandling onDone when Done is clicked', async () => {
+    const { getByTestId } = render(<ImageComponent {...defaultProps} selected={true} />);
+
+    await waitFor(() => {
+      expect(getByTestId('done-button')).toBeInTheDocument();
+    });
+
+    fireEvent.click(getByTestId('done-button'));
+
+    expect(mockOptions.imageHandling.onDone).toHaveBeenCalledWith(mockEditor);
+  });
 });

package/src/extensions/__tests__/media-node-view.test.jsx

@@ -100,7 +100,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       // Verify the component rendered successfully
@@ -130,7 +130,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       // Verify the component rendered successfully
@@ -159,7 +159,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       // Empty string is falsy, so dialog WOULD open with current implementation
@@ -185,7 +185,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       expect(getByTestId('edit-button')).toBeTruthy();
@@ -210,7 +210,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       const audio = container.querySelector('audio');
@@ -237,12 +237,14 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       const iframe = container.querySelector('iframe');
       expect(iframe).toBeTruthy();
       expect(iframe.getAttribute('src')).toBe('https://www.youtube.com/embed/dQw4w9WgXcQ');
+      expect(iframe.getAttribute('width')).toBe('640');
+      expect(iframe.getAttribute('height')).toBe('480');
     });
 
     it('should render MediaToolbar', () => {
@@ -261,7 +263,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       expect(getByTestId('media-toolbar')).toBeTruthy();
@@ -285,7 +287,7 @@ describe('MediaNodeView Component', () => {
           updateAttributes={mockUpdateAttributes}
           deleteNode={mockDeleteNode}
           options={{}}
-        />
+        />,
       );
 
       fireEvent.click(getByTestId('remove-button'));

package/src/extensions/image-component.jsx

@@ -74,15 +74,14 @@ function ImageComponent(props) {
     editor,
     attributes,
     onFocus,
+    getPos,
     selected,
     options,
     maxImageWidth = 700,
     maxImageHeight = 900,
-    latex,
-    handleChange,
-    handleDone,
   } = props;
   const { alt } = node.attrs;
+  const pos = getPos();
 
   const [showToolbar, setShowToolbar] = useState(false);
 
@@ -111,8 +110,8 @@ function ImageComponent(props) {
 
   // keep ref in sync with latest node
   useEffect(() => {
-    latestNodeRef.current = node;
-  }, [node]);
+    latestNodeRef.current = { ...node, pos };
+  }, [node, pos]);
 
   useEffect(() => {
     const { selection } = editor.state;
@@ -120,6 +119,18 @@ function ImageComponent(props) {
 
     if (selected) {
       if (onlyThisNodeSelected) {
+        // Only open the upload UI for a fresh placeholder. Remounting after tab switch
+        // would otherwise call insertImageRequested again and reopen the file modal.
+        const hasImageSrc = String(node.attrs?.src ?? '').trim();
+
+        if (!hasImageSrc && options.imageHandling?.insertImageRequested) {
+          options.imageHandling.insertImageRequested(
+            editor,
+            latestNodeRef.current,
+            (finish) => new InsertImageHandler(editor, latestNodeRef.current, finish),
+          );
+        }
+
         setShowToolbar(selected);
       }
     } else {
@@ -128,13 +139,6 @@ function ImageComponent(props) {
   }, [editor, node, selected]);
 
   useEffect(() => {
-    // Only open the upload UI for a fresh placeholder. Remounting after tab switch
-    // would otherwise call insertImageRequested again and reopen the file modal.
-    const hasImageSrc = String(node.attrs?.src ?? '').trim();
-    if (!hasImageSrc && options.imageHandling?.insertImageRequested) {
-      options.imageHandling.insertImageRequested(node, (finish) => new InsertImageHandler(editor, node, finish));
-    }
-
     applySizeData();
 
     const resizeHandle = resizeRef.current;
@@ -302,12 +306,12 @@ function ImageComponent(props) {
               }}
               onDone={() => {
                 setShowToolbar(false);
-                options.imageHandling?.onDone?.();
+                options.imageHandling?.onDone?.(editor);
                 editor.commands.focus('end');
               }}
             >
               <ImageToolbar
-                disableImageAlignmentButtons={options.disableImageAlignmentButtons}
+                disableImageAlignmentButtons={options.imageHandling?.disableImageAlignmentButtons}
                 alt={node.attrs.alt}
                 imageLoaded={node.attrs.loaded}
                 alignment={node.attrs.alignment || 'left'}

package/src/extensions/media.js

@@ -179,7 +179,7 @@ export default function MediaNodeView({ editor, node, updateAttributes, deleteNo
           <source type="audio/mp3" src={src} />
         </audio>
       ) : (
-        <iframe src={src} allowFullScreen frameBorder="0" />
+        <iframe src={src} allowFullScreen frameBorder="0" width={width} height={height} />
       )}
 
       <MediaToolbar onEdit={handleEdit} onRemove={deleteNode} />