@pie-lib/editable-html-tip-tap 1.2.0-next.8 → 1.2.0-next.9

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html-tip-tap@1.2.0-next.8...@pie-lib/editable-html-tip-tap@1.2.0-next.9) (2026-02-25)
+
+### Bug Fixes
+
+- added math-templated node and element [PD-5558] ([57f1d07](https://github.com/pie-framework/pie-lib/commit/57f1d075582a9b1091167ed5ef1b6d49652401df))
+
 # [1.2.0-next.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/editable-html-tip-tap@1.2.0-next.7...@pie-lib/editable-html-tip-tap@1.2.0-next.8) (2026-02-25)
 
 ### Bug Fixes

package/lib/components/EditableHtml.js

@@ -123,7 +123,7 @@ var EditableHtml = exports.EditableHtml = function EditableHtml(props) {
     showOnlyCurrent: false,
     // show on all empty nodes, not only the current one
     includeChildren: true
-  }), _extendedTable["default"], _extensionTableRow.TableRow, _extensionTableHeader.TableHeader, _extensionTableCell.TableCell, _responseArea.ResponseAreaExtension.configure(props.responseAreaProps), _responseArea.ExplicitConstructedResponseNode.configure(props.responseAreaProps), _responseArea.DragInTheBlankNode.configure(props.responseAreaProps), _responseArea.InlineDropdownNode.configure(props.responseAreaProps), _math.MathNode.configure({
+  }), _extendedTable["default"], _extensionTableRow.TableRow, _extensionTableHeader.TableHeader, _extensionTableCell.TableCell, _responseArea.ResponseAreaExtension.configure(props.responseAreaProps), _responseArea.ExplicitConstructedResponseNode.configure(props.responseAreaProps), _responseArea.DragInTheBlankNode.configure(props.responseAreaProps), _responseArea.InlineDropdownNode.configure(props.responseAreaProps), _responseArea.MathTemplatedNode.configure(props.responseAreaProps), _math.MathNode.configure({
     toolbarOpts: toolbarOptsToUse
   }), _extensionSubscript["default"], _extensionSuperscript["default"], _extensionTextAlign["default"].configure({
     types: ['heading', 'paragraph'],

package/lib/components/EditableHtml.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableHtml.js","names":["_react","_interopRequireWildcard","require","_react2","_starterKit","_interopRequireDefault","_extensionTextStyle","_extensionCharacterCount","_extensionSuperscript","_extensionSubscript","_extensionTextAlign","_extensionImage","_extensionPlaceholder","_styles","_debounce","_extendedTable","_extensionTableRow","_extensionTableCell","_extensionTableHeader","_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","_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","TextStyleKit","CharacterCount","configure","limit","charactersLimit","StarterKit","Placeholder","placeholder","showOnlyWhenEditable","showOnlyCurrent","includeChildren","ExtendedTable","TableRow","TableHeader","TableCell","ResponseAreaExtension","ExplicitConstructedResponseNode","DragInTheBlankNode","InlineDropdownNode","MathNode","SubScript","SuperScript","TextAlign","types","alignments","Image","ImageUploadNode","imageHandling","disableImageAlignmentButtons","onDone","_props$onDone","editor","getHTML","onDelete","node","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","markup","onUpdate","_ref4","transaction","isDone","_props$onChange","onBlur","debounce","_ref5","otherToolbarOpened","_toolbarOpened","isActive","_props$onChange2","_props$onDone2","useEffect","setEditable","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","outline","padding","margin","display","color","pointerEvents","whiteSpace","fontSize","marginBottom","_default"],"sources":["../../src/components/EditableHtml.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react';\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 { styled } from '@mui/material/styles';\nimport debounce from 'lodash-es/debounce';\n\nimport ExtendedTable from '../extensions/extended-table';\nimport { TableRow } from '@tiptap/extension-table-row';\nimport { TableCell } from '@tiptap/extension-table-cell';\nimport { TableHeader } from '@tiptap/extension-table-header';\nimport {\n  DragInTheBlankNode,\n  ExplicitConstructedResponseNode,\n  InlineDropdownNode,\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    TextStyleKit,\n    CharacterCount.configure({\n      limit: props.charactersLimit || 1000000,\n    }),\n    StarterKit,\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    TableHeader,\n    TableCell,\n    ResponseAreaExtension.configure(props.responseAreaProps),\n    ExplicitConstructedResponseNode.configure(props.responseAreaProps),\n    DragInTheBlankNode.configure(props.responseAreaProps),\n    InlineDropdownNode.configure(props.responseAreaProps),\n    MathNode.configure({\n      toolbarOpts: toolbarOptsToUse,\n    }),\n    SubScript,\n    SuperScript,\n    TextAlign.configure({\n      types: ['heading', 'paragraph'],\n      alignments: ['left', 'right', 'center'],\n    }),\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: 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    editor?.setEditable(!props.disabled);\n  }, [props.disabled, editor]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    if (props.markup !== editor.getHTML()) {\n      editor.commands.setContent(props.markup, false); // false = don’t emit update\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  outline: 'none !important',\n  '& .ProseMirror': {\n    padding: '5px',\n    maxHeight: '500px',\n    outline: 'none !important',\n    position: 'initial',\n    '& > p': {\n      margin: '0',\n    },\n\n    '& p.is-editor-empty:first-child::before': {\n      content: 'attr(data-placeholder)',\n      display: 'block',\n      color: '#9CA3AF',\n      pointerEvents: 'none',\n      whiteSpace: 'pre-wrap',\n    },\n\n    ...(showParagraph && {\n      '& > p:has(+ p)::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","_react2","_starterKit","_interopRequireDefault","_extensionTextStyle","_extensionCharacterCount","_extensionSuperscript","_extensionSubscript","_extensionTextAlign","_extensionImage","_extensionPlaceholder","_styles","_debounce","_extendedTable","_extensionTableRow","_extensionTableCell","_extensionTableHeader","_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","_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","TextStyleKit","CharacterCount","configure","limit","charactersLimit","StarterKit","Placeholder","placeholder","showOnlyWhenEditable","showOnlyCurrent","includeChildren","ExtendedTable","TableRow","TableHeader","TableCell","ResponseAreaExtension","ExplicitConstructedResponseNode","DragInTheBlankNode","InlineDropdownNode","MathTemplatedNode","MathNode","SubScript","SuperScript","TextAlign","types","alignments","Image","ImageUploadNode","imageHandling","disableImageAlignmentButtons","onDone","_props$onDone","editor","getHTML","onDelete","node","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","markup","onUpdate","_ref4","transaction","isDone","_props$onChange","onBlur","debounce","_ref5","otherToolbarOpened","_toolbarOpened","isActive","_props$onChange2","_props$onDone2","useEffect","setEditable","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","outline","padding","margin","display","color","pointerEvents","whiteSpace","fontSize","marginBottom","_default"],"sources":["../../src/components/EditableHtml.jsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { EditorContent, useEditor, useEditorState } from '@tiptap/react';\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 { styled } from '@mui/material/styles';\nimport debounce from 'lodash-es/debounce';\n\nimport ExtendedTable from '../extensions/extended-table';\nimport { TableRow } from '@tiptap/extension-table-row';\nimport { TableCell } from '@tiptap/extension-table-cell';\nimport { TableHeader } from '@tiptap/extension-table-header';\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    TextStyleKit,\n    CharacterCount.configure({\n      limit: props.charactersLimit || 1000000,\n    }),\n    StarterKit,\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    TableHeader,\n    TableCell,\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    }),\n    SubScript,\n    SuperScript,\n    TextAlign.configure({\n      types: ['heading', 'paragraph'],\n      alignments: ['left', 'right', 'center'],\n    }),\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: 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    editor?.setEditable(!props.disabled);\n  }, [props.disabled, editor]);\n\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n\n    if (props.markup !== editor.getHTML()) {\n      editor.commands.setContent(props.markup, false); // false = don’t emit update\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  outline: 'none !important',\n  '& .ProseMirror': {\n    padding: '5px',\n    maxHeight: '500px',\n    outline: 'none !important',\n    position: 'initial',\n    '& > p': {\n      margin: '0',\n    },\n\n    '& p.is-editor-empty:first-child::before': {\n      content: 'attr(data-placeholder)',\n      display: 'block',\n      color: '#9CA3AF',\n      pointerEvents: 'none',\n      whiteSpace: 'pre-wrap',\n    },\n\n    ...(showParagraph && {\n      '& > p:has(+ p)::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/respArea/MathTemplated.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = require("@tiptap/react");
+var _mathInput = require("@pie-lib/math-input");
+var _styles = require("@mui/material/styles");
+var StyledSpanContainer = (0, _styles.styled)('span')(function () {
+  return {
+    display: 'inline-flex',
+    border: '1px solid #C0C3CF',
+    margin: '1px 5px',
+    cursor: 'pointer',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: '50px',
+    minHeight: '36px',
+    height: 'fit-content'
+  };
+});
+var StyledResponseBox = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    background: theme.palette.grey['A100'],
+    color: theme.palette.grey['A700'],
+    display: 'inline-flex',
+    borderRight: '2px solid #C0C3CF',
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    fontSize: '12px',
+    minHeight: '36px',
+    height: '100%',
+    alignItems: 'center',
+    fontFamily: 'Symbola, Times New Roman, serif',
+    padding: '0 2px'
+  };
+});
+var StyledMathBlock = (0, _styles.styled)('div')(function () {
+  return {
+    flex: 8,
+    color: 'var(--pie-text, black)',
+    padding: '4px !important',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))',
+    '& > .mq-math-mode sup.mq-nthroot': {
+      fontSize: '70% !important',
+      verticalAlign: '1em !important'
+    },
+    '& > .mq-math-mode .mq-sqrt-stem': {
+      borderTop: '0.07em solid',
+      marginLeft: '-1.5px',
+      marginTop: '-2px !important',
+      paddingTop: '5px !important'
+    },
+    '& .mq-overarrow-inner': {
+      paddingTop: '0 !important',
+      border: 'none !important'
+    },
+    '& .mq-overarrow.mq-arrow-both': {
+      marginTop: '0px',
+      minWidth: '1.23em',
+      '& *': {
+        lineHeight: '1 !important'
+      },
+      '&:before': {
+        top: '-0.4em',
+        left: '-1px'
+      },
+      '&:after': {
+        top: '0px !important',
+        position: 'absolute !important',
+        right: '-2px'
+      },
+      '&.mq-empty:after': {
+        top: '-0.45em'
+      }
+    },
+    '& .mq-overarrow.mq-arrow-right': {
+      '&:before': {
+        top: '-0.4em',
+        right: '-1px'
+      }
+    },
+    '& .mq-overarrow-inner-right': {
+      display: 'none !important'
+    },
+    '& .mq-overarrow-inner-left': {
+      display: 'none !important'
+    }
+  };
+});
+var MathTemplated = function MathTemplated(props) {
+  var node = props.node,
+    options = props.options,
+    selected = props.selected;
+  var attributes = node.attrs;
+  var value = attributes.value,
+    index = attributes.index;
+
+  // add 1 to index to display R 1 instead of R 0
+  var keyToDisplay = "R ".concat(parseInt(index) + 1);
+
+  // console.log({nodeProps.children})
+  return /*#__PURE__*/_react["default"].createElement(_react2.NodeViewWrapper, {
+    className: "math-templated",
+    "data-selected": selected,
+    style: {
+      display: 'inline-flex',
+      minHeight: '36px',
+      minWidth: '50px',
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(StyledSpanContainer, attributes, /*#__PURE__*/_react["default"].createElement(StyledResponseBox, null, keyToDisplay), /*#__PURE__*/_react["default"].createElement(StyledMathBlock, null, /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
+    latex: value
+  }))));
+};
+MathTemplated.propTypes = {
+  attributes: _propTypes["default"].object,
+  value: _propTypes["default"].string,
+  keyToDisplay: _propTypes["default"].string
+};
+var _default = exports["default"] = MathTemplated;
+//# sourceMappingURL=MathTemplated.js.map

package/lib/components/respArea/MathTemplated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathTemplated.js","names":["_react","_interopRequireDefault","require","_propTypes","_react2","_mathInput","_styles","StyledSpanContainer","styled","display","border","margin","cursor","alignItems","justifyContent","minWidth","minHeight","height","StyledResponseBox","_ref","theme","background","palette","grey","color","borderRight","boxSizing","overflow","fontSize","fontFamily","padding","StyledMathBlock","flex","backgroundColor","verticalAlign","borderTop","marginLeft","marginTop","paddingTop","lineHeight","top","left","position","right","MathTemplated","props","node","options","selected","attributes","attrs","value","index","keyToDisplay","concat","parseInt","createElement","NodeViewWrapper","className","style","mq","Static","latex","propTypes","PropTypes","object","string","_default","exports"],"sources":["../../../src/components/respArea/MathTemplated.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { NodeViewWrapper } from '@tiptap/react';\nimport { mq } from '@pie-lib/math-input';\nimport { styled } from '@mui/material/styles';\n\nconst StyledSpanContainer = styled('span')(() => ({\n  display: 'inline-flex',\n  border: '1px solid #C0C3CF',\n  margin: '1px 5px',\n  cursor: 'pointer',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minWidth: '50px',\n  minHeight: '36px',\n  height: 'fit-content',\n}));\n\nconst StyledResponseBox = styled('div')(({ theme }) => ({\n  background: theme.palette.grey['A100'],\n  color: theme.palette.grey['A700'],\n  display: 'inline-flex',\n  borderRight: '2px solid #C0C3CF',\n  boxSizing: 'border-box',\n  overflow: 'hidden',\n  fontSize: '12px',\n  minHeight: '36px',\n  height: '100%',\n  alignItems: 'center',\n  fontFamily: 'Symbola, Times New Roman, serif',\n  padding: '0 2px',\n}));\n\nconst StyledMathBlock = styled('div')(() => ({\n  flex: 8,\n  color: 'var(--pie-text, black)',\n  padding: '4px !important',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))',\n  '& > .mq-math-mode sup.mq-nthroot': {\n    fontSize: '70% !important',\n    verticalAlign: '1em !important',\n  },\n  '& > .mq-math-mode .mq-sqrt-stem': {\n    borderTop: '0.07em solid',\n    marginLeft: '-1.5px',\n    marginTop: '-2px !important',\n    paddingTop: '5px !important',\n  },\n  '& .mq-overarrow-inner': {\n    paddingTop: '0 !important',\n    border: 'none !important',\n  },\n  '& .mq-overarrow.mq-arrow-both': {\n    marginTop: '0px',\n    minWidth: '1.23em',\n    '& *': {\n      lineHeight: '1 !important',\n    },\n    '&:before': {\n      top: '-0.4em',\n      left: '-1px',\n    },\n    '&:after': {\n      top: '0px !important',\n      position: 'absolute !important',\n      right: '-2px',\n    },\n    '&.mq-empty:after': {\n      top: '-0.45em',\n    },\n  },\n  '& .mq-overarrow.mq-arrow-right': {\n    '&:before': {\n      top: '-0.4em',\n      right: '-1px',\n    },\n  },\n  '& .mq-overarrow-inner-right': {\n    display: 'none !important',\n  },\n  '& .mq-overarrow-inner-left': {\n    display: 'none !important',\n  },\n}));\nconst MathTemplated = (props) => {\n  const { node, options, selected } = props;\n  const { attrs: attributes } = node;\n  const { value, index } = attributes;\n\n  // add 1 to index to display R 1 instead of R 0\n  const keyToDisplay = `R ${parseInt(index) + 1}`;\n\n  // console.log({nodeProps.children})\n  return (\n    <NodeViewWrapper\n      className=\"math-templated\"\n      data-selected={selected}\n      style={{\n        display: 'inline-flex',\n        minHeight: '36px',\n        minWidth: '50px',\n        cursor: 'pointer',\n      }}\n    >\n      <StyledSpanContainer {...attributes}>\n        <StyledResponseBox>{keyToDisplay}</StyledResponseBox>\n        <StyledMathBlock>\n          <mq.Static latex={value} />\n        </StyledMathBlock>\n      </StyledSpanContainer>\n    </NodeViewWrapper>\n  );\n};\n\nMathTemplated.propTypes = {\n  attributes: PropTypes.object,\n  value: PropTypes.string,\n  keyToDisplay: PropTypes.string,\n};\n\nexport default MathTemplated;\n"],"mappings":"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","ignoreList":[]}

package/lib/extensions/responseArea.js

@@ -13,6 +13,7 @@ var _react2 = require("@tiptap/react");
 var _ExplicitConstructedResponse = _interopRequireDefault(require("../components/respArea/ExplicitConstructedResponse"));
 var _DragInTheBlank = _interopRequireDefault(require("../components/respArea/DragInTheBlank/DragInTheBlank"));
 var _InlineDropdown = _interopRequireDefault(require("../components/respArea/InlineDropdown"));
+var _MathTemplated = _interopRequireDefault(require("../components/respArea/MathTemplated"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var lastIndexMap = {};
@@ -319,8 +320,11 @@ var MathTemplatedNode = exports.MathTemplatedNode = _react2.Node.create({
     }];
   },
   addNodeView: function addNodeView() {
-    return (0, _react2.ReactNodeViewRenderer)(function () {
-      return /*#__PURE__*/_react["default"].createElement("div", null);
+    var _this4 = this;
+    return (0, _react2.ReactNodeViewRenderer)(function (props) {
+      return /*#__PURE__*/_react["default"].createElement(_MathTemplated["default"], _objectSpread(_objectSpread({}, props), {}, {
+        options: _this4.options
+      }));
     });
   }
 });
@@ -376,10 +380,10 @@ var DragInTheBlankNode = exports.DragInTheBlankNode = _react2.Node.create({
     }];
   },
   addNodeView: function addNodeView() {
-    var _this4 = this;
+    var _this5 = this;
     return (0, _react2.ReactNodeViewRenderer)(function (props) {
       return /*#__PURE__*/_react["default"].createElement(_DragInTheBlank["default"], _objectSpread(_objectSpread({}, props), {}, {
-        options: _this4.options
+        options: _this5.options
       }));
     });
   }
@@ -426,10 +430,10 @@ var InlineDropdownNode = exports.InlineDropdownNode = _react2.Node.create({
     }];
   },
   addNodeView: function addNodeView() {
-    var _this5 = this;
+    var _this6 = this;
     return (0, _react2.ReactNodeViewRenderer)(function (props) {
       return /*#__PURE__*/_react["default"].createElement(_InlineDropdown["default"], _objectSpread(_objectSpread({}, props), {}, {
-        options: _this5.options
+        options: _this6.options
       }));
     });
   }

package/lib/extensions/responseArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"responseArea.js","names":["_react","_interopRequireDefault","require","_prosemirrorState","_core","_react2","_ExplicitConstructedResponse","_DragInTheBlank","_InlineDropdown","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","lastIndexMap","normalizeType","type","String","replace","getAttrIndex","node","attrs","index","collectNodesOfType","doc","typeName","results","descendants","pos","name","countNodesOfType","count","getDefaultNode","_ref","schema","nodeType","nodes","create","id","value","selectionAfterPos","$pos","resolve","Math","min","content","size","TextSelection","near","ResponseAreaExtension","exports","Extension","addOptions","maxResponseAreas","error","options","respAreaToolbar","onHandleAreaChange","addProseMirrorPlugins","_this","key","PluginKey","concat","Plugin","view","undefined","state","idx","n","parseInt","Number","isNaN","update","prevState","eq","currentList","oldList","toolbar","disabled","currentIndexSet","Set","map","x","removed","has","addCommands","_this2","insertResponseArea","_ref2","tr","dispatch","commands","currentCount","prevIndex","newIndex","newInline","selection","insertPos","from","tryInsertAt","insert","usedPos","includes","setSelection","NodeSelection","after","nodeSize","focus","refreshResponseArea","_ref3","$from","nodeAfter","nodePos","setNodeMarkup","updated","Date","now","ExplicitConstructedResponseNode","Node","group","inline","atom","addAttributes","parseHTML","tag","getAttrs","el","dataset","renderHTML","_ref4","HTMLAttributes","addNodeView","_this3","ReactNodeViewRenderer","props","createElement","MathTemplatedNode","_ref5","DragInTheBlankNode","inTable","_ref6","_this4","InlineDropdownNode","_ref7","_this5"],"sources":["../../src/extensions/responseArea.js"],"sourcesContent":["import React from 'react';\nimport { NodeSelection, Plugin, PluginKey, TextSelection } from 'prosemirror-state';\nimport { Extension } from '@tiptap/core';\nimport { Node, ReactNodeViewRenderer } from '@tiptap/react';\nimport ExplicitConstructedResponse from '../components/respArea/ExplicitConstructedResponse';\nimport DragInTheBlank from '../components/respArea/DragInTheBlank/DragInTheBlank';\nimport InlineDropdown from '../components/respArea/InlineDropdown';\n\nconst lastIndexMap = {};\n\nconst normalizeType = (type) => String(type || '').replace(/-/g, '_');\n\nconst getAttrIndex = (node) => (node && node.attrs && node.attrs.index != null ? String(node.attrs.index) : null);\n\nconst collectNodesOfType = (doc, typeName) => {\n  const results = [];\n\n  doc.descendants((node, pos) => {\n    if (node.type && node.type.name === typeName) {\n      const index = getAttrIndex(node);\n      if (index != null) results.push({ index, pos, node });\n    }\n    return true;\n  });\n\n  return results;\n};\n\nconst countNodesOfType = (doc, typeName) => {\n  let count = 0;\n  doc.descendants((node) => {\n    if (node.type && node.type.name === typeName) count += 1;\n    return true;\n  });\n  return count;\n};\n\nconst getDefaultNode = ({ schema, typeName, index }) => {\n  const nodeType = schema.nodes[typeName];\n  if (!nodeType) return null;\n\n  // mirror your Slate \"getDefaultElement(opts, newIndex)\"\n  // customize attrs as needed:\n  return nodeType.create({\n    index: String(index),\n    id: String(index),\n    value: '',\n  });\n};\n\n// Find a good cursor position *after* an inserted node.\nconst selectionAfterPos = (doc, pos) => {\n  const $pos = doc.resolve(Math.min(pos, doc.content.size));\n  return TextSelection.near($pos, 1);\n};\n\nexport const ResponseAreaExtension = Extension.create({\n  name: 'responseArea',\n\n  addOptions() {\n    return {\n      maxResponseAreas: null,\n      error: null,\n      options: null,\n      respAreaToolbar: null,\n      onHandleAreaChange: null,\n    };\n  },\n\n  addProseMirrorPlugins() {\n    if (!this.options.type) {\n      return [];\n    }\n\n    const typeName = normalizeType(this.options.type);\n    const key = new PluginKey(`response-area-watcher:${typeName}`);\n\n    return [\n      new Plugin({\n        key,\n\n        view: (view) => {\n          // Lazy init lastIndexMap[typeName]\n          if (lastIndexMap[typeName] === undefined) {\n            lastIndexMap[typeName] = 0;\n\n            view.state.doc.descendants((node) => {\n              if (node.type && node.type.name === typeName) {\n                const idx = getAttrIndex(node);\n                if (idx != null) {\n                  const n = parseInt(idx, 10);\n                  if (!Number.isNaN(n) && n > lastIndexMap[typeName]) {\n                    lastIndexMap[typeName] = n;\n                  }\n                }\n              }\n              return true;\n            });\n          }\n\n          return {\n            update: (view, prevState) => {\n              const state = view.state;\n              if (prevState.doc.eq(state.doc)) return;\n\n              const currentList = collectNodesOfType(state.doc, typeName);\n              const oldList = collectNodesOfType(prevState.doc, typeName);\n\n              if (this.options.toolbar) {\n                this.options.toolbar.disabled = currentList.length >= this.options.maxResponseAreas;\n              }\n\n              // Removed elements (same logic as Slate)\n              if (oldList.length > currentList.length) {\n                const currentIndexSet = new Set(currentList.map((x) => x.index));\n\n                const removed = oldList.filter((x) => !currentIndexSet.has(x.index));\n\n                if (removed.length && typeof this.options.onHandleAreaChange === 'function') {\n                  this.options.onHandleAreaChange(removed);\n                }\n              }\n            },\n          };\n        },\n      }),\n    ];\n  },\n\n  addCommands() {\n    return {\n      insertResponseArea:\n        (type) =>\n        ({ tr, state, dispatch, commands }) => {\n          const typeName = normalizeType(type);\n\n          // --- Slate: currentRespAreaList + max check ---\n          const currentCount = countNodesOfType(state.doc, typeName);\n          if (currentCount >= this.options.maxResponseAreas) {\n            return false;\n          }\n\n          // --- Slate: indexing logic (kept identical) ---\n          if (lastIndexMap[typeName] === undefined) lastIndexMap[typeName] = 0;\n\n          const prevIndex = lastIndexMap[typeName];\n          const newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;\n\n          // Slate increments map even if newIndex === 0\n          lastIndexMap[typeName] += 1;\n\n          const newInline = getDefaultNode({\n            schema: state.schema,\n            typeName,\n            index: newIndex,\n          });\n\n          if (!newInline) return false;\n\n          // --- Insert logic ---\n          const { selection } = state;\n          let insertPos = selection.from;\n\n          // If we're in a NodeSelection, insert before/after is ambiguous;\n          // We'll insert at its \"from\" (like your current code).\n          // If insertion fails, we fallback to end of doc.\n          const tryInsertAt = (pos) => {\n            try {\n              tr.insert(pos, newInline);\n              return pos;\n            } catch (e) {\n              return null;\n            }\n          };\n\n          let usedPos = tryInsertAt(insertPos);\n\n          // Slate branch: \"markup empty and there's no focus\"\n          // ProseMirror doesn't expose \"no focus\" the same way, so the closest\n          // equivalent fallback is inserting at end of document.\n          if (usedPos == null) {\n            usedPos = tryInsertAt(tr.doc.content.size);\n          }\n          if (usedPos == null) return false;\n\n          // Optionally select the node you just inserted (like your original command)\n          // tr.setSelection(NodeSelection.create(tr.doc, usedPos))\n\n          // --- Cursor move behavior for certain types (Slate: moveFocusTo next text) ---\n          if (\n            ['math_templated', 'inline_dropdown', 'drag_in_the_blank', 'explicit_constructed_response'].includes(\n              typeName,\n            )\n          ) {\n            tr.setSelection(NodeSelection.create(tr.doc, usedPos));\n          } else {\n            // Default: put cursor after inserted node\n            const after = usedPos + newInline.nodeSize;\n            tr.setSelection(selectionAfterPos(tr.doc, after));\n          }\n\n          if (dispatch) {\n            commands.focus();\n            dispatch(tr);\n          }\n\n          return true;\n        },\n      refreshResponseArea:\n        () =>\n        ({ tr, state, commands, dispatch }) => {\n          const { selection } = state;\n          const node = selection.$from.nodeAfter;\n          const nodePos = selection.from;\n\n          tr.setNodeMarkup(nodePos, undefined, { ...node.attrs, updated: `${Date.now()}` });\n          tr.setSelection(NodeSelection.create(tr.doc, nodePos));\n\n          if (dispatch) {\n            commands.focus();\n            dispatch(tr);\n          }\n\n          return true;\n        },\n    };\n  },\n});\n\n/**\n * ExplicitConstructedResponse Node\n */\nexport const ExplicitConstructedResponseNode = Node.create({\n  name: 'explicit_constructed_response',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      value: { default: '' },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"explicit_constructed_response\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          value: el.dataset.value,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'explicit_constructed_response',\n        'data-index': HTMLAttributes.index,\n        'data-value': HTMLAttributes.value,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <ExplicitConstructedResponse {...{ ...props, options: this.options }} />);\n  },\n});\n\n/**\n * MathTemplated Node\n */\nexport const MathTemplatedNode = Node.create({\n  name: 'math_templated',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      value: { default: '' },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"math_templated\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          value: el.dataset.value,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'math_templated',\n        'data-index': HTMLAttributes.index,\n        'data-value': HTMLAttributes.value,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer(() => <div></div>);\n  },\n});\n\n/**\n * DragInTheBlank Node\n */\nexport const DragInTheBlankNode = Node.create({\n  name: 'drag_in_the_blank',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      id: { default: null },\n      value: { default: '' },\n      inTable: { default: null },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"drag_in_the_blank\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          id: el.dataset.id,\n          value: el.dataset.value,\n          inTable: el.dataset.inTable,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'drag_in_the_blank',\n        'data-index': HTMLAttributes.index,\n        'data-id': HTMLAttributes.id,\n        'data-value': HTMLAttributes.value,\n        'data-in-table': HTMLAttributes.inTable,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <DragInTheBlank {...{ ...props, options: this.options }} />);\n  },\n});\n\n/**\n * InlineDropdown Node\n */\nexport const InlineDropdownNode = Node.create({\n  name: 'inline_dropdown',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      value: { default: '' },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"inline_dropdown\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          value: el.dataset.value,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'inline_dropdown',\n        'data-index': HTMLAttributes.index,\n        'data-value': HTMLAttributes.value,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <InlineDropdown {...{ ...props, options: this.options }} />);\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"responseArea.js","names":["_react","_interopRequireDefault","require","_prosemirrorState","_core","_react2","_ExplicitConstructedResponse","_DragInTheBlank","_InlineDropdown","_MathTemplated","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","lastIndexMap","normalizeType","type","String","replace","getAttrIndex","node","attrs","index","collectNodesOfType","doc","typeName","results","descendants","pos","name","countNodesOfType","count","getDefaultNode","_ref","schema","nodeType","nodes","create","id","value","selectionAfterPos","$pos","resolve","Math","min","content","size","TextSelection","near","ResponseAreaExtension","exports","Extension","addOptions","maxResponseAreas","error","options","respAreaToolbar","onHandleAreaChange","addProseMirrorPlugins","_this","key","PluginKey","concat","Plugin","view","undefined","state","idx","n","parseInt","Number","isNaN","update","prevState","eq","currentList","oldList","toolbar","disabled","currentIndexSet","Set","map","x","removed","has","addCommands","_this2","insertResponseArea","_ref2","tr","dispatch","commands","currentCount","prevIndex","newIndex","newInline","selection","insertPos","from","tryInsertAt","insert","usedPos","includes","setSelection","NodeSelection","after","nodeSize","focus","refreshResponseArea","_ref3","$from","nodeAfter","nodePos","setNodeMarkup","updated","Date","now","ExplicitConstructedResponseNode","Node","group","inline","atom","addAttributes","parseHTML","tag","getAttrs","el","dataset","renderHTML","_ref4","HTMLAttributes","addNodeView","_this3","ReactNodeViewRenderer","props","createElement","MathTemplatedNode","_ref5","_this4","DragInTheBlankNode","inTable","_ref6","_this5","InlineDropdownNode","_ref7","_this6"],"sources":["../../src/extensions/responseArea.js"],"sourcesContent":["import React from 'react';\nimport { NodeSelection, Plugin, PluginKey, TextSelection } from 'prosemirror-state';\nimport { Extension } from '@tiptap/core';\nimport { Node, ReactNodeViewRenderer } from '@tiptap/react';\nimport ExplicitConstructedResponse from '../components/respArea/ExplicitConstructedResponse';\nimport DragInTheBlank from '../components/respArea/DragInTheBlank/DragInTheBlank';\nimport InlineDropdown from '../components/respArea/InlineDropdown';\nimport MathTemplated from '../components/respArea/MathTemplated';\n\nconst lastIndexMap = {};\n\nconst normalizeType = (type) => String(type || '').replace(/-/g, '_');\n\nconst getAttrIndex = (node) => (node && node.attrs && node.attrs.index != null ? String(node.attrs.index) : null);\n\nconst collectNodesOfType = (doc, typeName) => {\n  const results = [];\n\n  doc.descendants((node, pos) => {\n    if (node.type && node.type.name === typeName) {\n      const index = getAttrIndex(node);\n      if (index != null) results.push({ index, pos, node });\n    }\n    return true;\n  });\n\n  return results;\n};\n\nconst countNodesOfType = (doc, typeName) => {\n  let count = 0;\n  doc.descendants((node) => {\n    if (node.type && node.type.name === typeName) count += 1;\n    return true;\n  });\n  return count;\n};\n\nconst getDefaultNode = ({ schema, typeName, index }) => {\n  const nodeType = schema.nodes[typeName];\n  if (!nodeType) return null;\n\n  // mirror your Slate \"getDefaultElement(opts, newIndex)\"\n  // customize attrs as needed:\n  return nodeType.create({\n    index: String(index),\n    id: String(index),\n    value: '',\n  });\n};\n\n// Find a good cursor position *after* an inserted node.\nconst selectionAfterPos = (doc, pos) => {\n  const $pos = doc.resolve(Math.min(pos, doc.content.size));\n  return TextSelection.near($pos, 1);\n};\n\nexport const ResponseAreaExtension = Extension.create({\n  name: 'responseArea',\n\n  addOptions() {\n    return {\n      maxResponseAreas: null,\n      error: null,\n      options: null,\n      respAreaToolbar: null,\n      onHandleAreaChange: null,\n    };\n  },\n\n  addProseMirrorPlugins() {\n    if (!this.options.type) {\n      return [];\n    }\n\n    const typeName = normalizeType(this.options.type);\n    const key = new PluginKey(`response-area-watcher:${typeName}`);\n\n    return [\n      new Plugin({\n        key,\n\n        view: (view) => {\n          // Lazy init lastIndexMap[typeName]\n          if (lastIndexMap[typeName] === undefined) {\n            lastIndexMap[typeName] = 0;\n\n            view.state.doc.descendants((node) => {\n              if (node.type && node.type.name === typeName) {\n                const idx = getAttrIndex(node);\n                if (idx != null) {\n                  const n = parseInt(idx, 10);\n                  if (!Number.isNaN(n) && n > lastIndexMap[typeName]) {\n                    lastIndexMap[typeName] = n;\n                  }\n                }\n              }\n              return true;\n            });\n          }\n\n          return {\n            update: (view, prevState) => {\n              const state = view.state;\n              if (prevState.doc.eq(state.doc)) return;\n\n              const currentList = collectNodesOfType(state.doc, typeName);\n              const oldList = collectNodesOfType(prevState.doc, typeName);\n\n              if (this.options.toolbar) {\n                this.options.toolbar.disabled = currentList.length >= this.options.maxResponseAreas;\n              }\n\n              // Removed elements (same logic as Slate)\n              if (oldList.length > currentList.length) {\n                const currentIndexSet = new Set(currentList.map((x) => x.index));\n\n                const removed = oldList.filter((x) => !currentIndexSet.has(x.index));\n\n                if (removed.length && typeof this.options.onHandleAreaChange === 'function') {\n                  this.options.onHandleAreaChange(removed);\n                }\n              }\n            },\n          };\n        },\n      }),\n    ];\n  },\n\n  addCommands() {\n    return {\n      insertResponseArea:\n        (type) =>\n        ({ tr, state, dispatch, commands }) => {\n          const typeName = normalizeType(type);\n\n          // --- Slate: currentRespAreaList + max check ---\n          const currentCount = countNodesOfType(state.doc, typeName);\n          if (currentCount >= this.options.maxResponseAreas) {\n            return false;\n          }\n\n          // --- Slate: indexing logic (kept identical) ---\n          if (lastIndexMap[typeName] === undefined) lastIndexMap[typeName] = 0;\n\n          const prevIndex = lastIndexMap[typeName];\n          const newIndex = prevIndex === 0 ? prevIndex : prevIndex + 1;\n\n          // Slate increments map even if newIndex === 0\n          lastIndexMap[typeName] += 1;\n\n          const newInline = getDefaultNode({\n            schema: state.schema,\n            typeName,\n            index: newIndex,\n          });\n\n          if (!newInline) return false;\n\n          // --- Insert logic ---\n          const { selection } = state;\n          let insertPos = selection.from;\n\n          // If we're in a NodeSelection, insert before/after is ambiguous;\n          // We'll insert at its \"from\" (like your current code).\n          // If insertion fails, we fallback to end of doc.\n          const tryInsertAt = (pos) => {\n            try {\n              tr.insert(pos, newInline);\n              return pos;\n            } catch (e) {\n              return null;\n            }\n          };\n\n          let usedPos = tryInsertAt(insertPos);\n\n          // Slate branch: \"markup empty and there's no focus\"\n          // ProseMirror doesn't expose \"no focus\" the same way, so the closest\n          // equivalent fallback is inserting at end of document.\n          if (usedPos == null) {\n            usedPos = tryInsertAt(tr.doc.content.size);\n          }\n          if (usedPos == null) return false;\n\n          // Optionally select the node you just inserted (like your original command)\n          // tr.setSelection(NodeSelection.create(tr.doc, usedPos))\n\n          // --- Cursor move behavior for certain types (Slate: moveFocusTo next text) ---\n          if (\n            ['math_templated', 'inline_dropdown', 'drag_in_the_blank', 'explicit_constructed_response'].includes(\n              typeName,\n            )\n          ) {\n            tr.setSelection(NodeSelection.create(tr.doc, usedPos));\n          } else {\n            // Default: put cursor after inserted node\n            const after = usedPos + newInline.nodeSize;\n            tr.setSelection(selectionAfterPos(tr.doc, after));\n          }\n\n          if (dispatch) {\n            commands.focus();\n            dispatch(tr);\n          }\n\n          return true;\n        },\n      refreshResponseArea:\n        () =>\n        ({ tr, state, commands, dispatch }) => {\n          const { selection } = state;\n          const node = selection.$from.nodeAfter;\n          const nodePos = selection.from;\n\n          tr.setNodeMarkup(nodePos, undefined, { ...node.attrs, updated: `${Date.now()}` });\n          tr.setSelection(NodeSelection.create(tr.doc, nodePos));\n\n          if (dispatch) {\n            commands.focus();\n            dispatch(tr);\n          }\n\n          return true;\n        },\n    };\n  },\n});\n\n/**\n * ExplicitConstructedResponse Node\n */\nexport const ExplicitConstructedResponseNode = Node.create({\n  name: 'explicit_constructed_response',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      value: { default: '' },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"explicit_constructed_response\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          value: el.dataset.value,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'explicit_constructed_response',\n        'data-index': HTMLAttributes.index,\n        'data-value': HTMLAttributes.value,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <ExplicitConstructedResponse {...{ ...props, options: this.options }} />);\n  },\n});\n\n/**\n * MathTemplated Node\n */\nexport const MathTemplatedNode = Node.create({\n  name: 'math_templated',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      value: { default: '' },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"math_templated\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          value: el.dataset.value,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'math_templated',\n        'data-index': HTMLAttributes.index,\n        'data-value': HTMLAttributes.value,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <MathTemplated {...{ ...props, options: this.options }} />);\n  },\n});\n\n/**\n * DragInTheBlank Node\n */\nexport const DragInTheBlankNode = Node.create({\n  name: 'drag_in_the_blank',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      id: { default: null },\n      value: { default: '' },\n      inTable: { default: null },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"drag_in_the_blank\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          id: el.dataset.id,\n          value: el.dataset.value,\n          inTable: el.dataset.inTable,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'drag_in_the_blank',\n        'data-index': HTMLAttributes.index,\n        'data-id': HTMLAttributes.id,\n        'data-value': HTMLAttributes.value,\n        'data-in-table': HTMLAttributes.inTable,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <DragInTheBlank {...{ ...props, options: this.options }} />);\n  },\n});\n\n/**\n * InlineDropdown Node\n */\nexport const InlineDropdownNode = Node.create({\n  name: 'inline_dropdown',\n  group: 'inline',\n  inline: true,\n  atom: true,\n  addAttributes() {\n    return {\n      index: { default: null },\n      value: { default: '' },\n      updated: { default: '' },\n    };\n  },\n  parseHTML() {\n    return [\n      {\n        tag: 'span[data-type=\"inline_dropdown\"]',\n        getAttrs: (el) => ({\n          index: el.dataset.index,\n          value: el.dataset.value,\n        }),\n      },\n    ];\n  },\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'span',\n      {\n        'data-type': 'inline_dropdown',\n        'data-index': HTMLAttributes.index,\n        'data-value': HTMLAttributes.value,\n      },\n    ];\n  },\n  addNodeView() {\n    return ReactNodeViewRenderer((props) => <InlineDropdown {...{ ...props, options: this.options }} />);\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.2.0-next.8",
+  "version": "1.2.0-next.9",
   "description": "",
   "license": "ISC",
   "main": "lib/index.js",
@@ -59,6 +59,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "01fa85c5f94bfdef2cd95f49bd465ec0b702fe6d",
+  "gitHead": "8dae0afa87e3d2487400ab8fe8190511931e7740",
   "scripts": {}
 }

package/src/__tests__/EditableHtml.test.jsx

@@ -91,6 +91,9 @@ jest.mock('../extensions/responseArea', () => ({
   InlineDropdownNode: {
     configure: jest.fn(() => ({})),
   },
+  MathTemplatedNode: {
+    configure: jest.fn(() => ({})),
+  },
   ResponseAreaExtension: {
     configure: jest.fn(() => ({})),
   },

package/src/components/EditableHtml.jsx

@@ -19,6 +19,7 @@ import {
   DragInTheBlankNode,
   ExplicitConstructedResponseNode,
   InlineDropdownNode,
+  MathTemplatedNode,
   ResponseAreaExtension,
 } from '../extensions/responseArea';
 import { MathNode } from '../extensions/math';
@@ -154,6 +155,7 @@ export const EditableHtml = (props) => {
     ExplicitConstructedResponseNode.configure(props.responseAreaProps),
     DragInTheBlankNode.configure(props.responseAreaProps),
     InlineDropdownNode.configure(props.responseAreaProps),
+    MathTemplatedNode.configure(props.responseAreaProps),
     MathNode.configure({
       toolbarOpts: toolbarOptsToUse,
     }),

package/src/components/respArea/MathTemplated.jsx

@@ -0,0 +1,124 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { NodeViewWrapper } from '@tiptap/react';
+import { mq } from '@pie-lib/math-input';
+import { styled } from '@mui/material/styles';
+
+const StyledSpanContainer = styled('span')(() => ({
+  display: 'inline-flex',
+  border: '1px solid #C0C3CF',
+  margin: '1px 5px',
+  cursor: 'pointer',
+  alignItems: 'center',
+  justifyContent: 'center',
+  minWidth: '50px',
+  minHeight: '36px',
+  height: 'fit-content',
+}));
+
+const StyledResponseBox = styled('div')(({ theme }) => ({
+  background: theme.palette.grey['A100'],
+  color: theme.palette.grey['A700'],
+  display: 'inline-flex',
+  borderRight: '2px solid #C0C3CF',
+  boxSizing: 'border-box',
+  overflow: 'hidden',
+  fontSize: '12px',
+  minHeight: '36px',
+  height: '100%',
+  alignItems: 'center',
+  fontFamily: 'Symbola, Times New Roman, serif',
+  padding: '0 2px',
+}));
+
+const StyledMathBlock = styled('div')(() => ({
+  flex: 8,
+  color: 'var(--pie-text, black)',
+  padding: '4px !important',
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  backgroundColor: 'var(--pie-background, rgba(255, 255, 255, 0))',
+  '& > .mq-math-mode sup.mq-nthroot': {
+    fontSize: '70% !important',
+    verticalAlign: '1em !important',
+  },
+  '& > .mq-math-mode .mq-sqrt-stem': {
+    borderTop: '0.07em solid',
+    marginLeft: '-1.5px',
+    marginTop: '-2px !important',
+    paddingTop: '5px !important',
+  },
+  '& .mq-overarrow-inner': {
+    paddingTop: '0 !important',
+    border: 'none !important',
+  },
+  '& .mq-overarrow.mq-arrow-both': {
+    marginTop: '0px',
+    minWidth: '1.23em',
+    '& *': {
+      lineHeight: '1 !important',
+    },
+    '&:before': {
+      top: '-0.4em',
+      left: '-1px',
+    },
+    '&:after': {
+      top: '0px !important',
+      position: 'absolute !important',
+      right: '-2px',
+    },
+    '&.mq-empty:after': {
+      top: '-0.45em',
+    },
+  },
+  '& .mq-overarrow.mq-arrow-right': {
+    '&:before': {
+      top: '-0.4em',
+      right: '-1px',
+    },
+  },
+  '& .mq-overarrow-inner-right': {
+    display: 'none !important',
+  },
+  '& .mq-overarrow-inner-left': {
+    display: 'none !important',
+  },
+}));
+const MathTemplated = (props) => {
+  const { node, options, selected } = props;
+  const { attrs: attributes } = node;
+  const { value, index } = attributes;
+
+  // add 1 to index to display R 1 instead of R 0
+  const keyToDisplay = `R ${parseInt(index) + 1}`;
+
+  // console.log({nodeProps.children})
+  return (
+    <NodeViewWrapper
+      className="math-templated"
+      data-selected={selected}
+      style={{
+        display: 'inline-flex',
+        minHeight: '36px',
+        minWidth: '50px',
+        cursor: 'pointer',
+      }}
+    >
+      <StyledSpanContainer {...attributes}>
+        <StyledResponseBox>{keyToDisplay}</StyledResponseBox>
+        <StyledMathBlock>
+          <mq.Static latex={value} />
+        </StyledMathBlock>
+      </StyledSpanContainer>
+    </NodeViewWrapper>
+  );
+};
+
+MathTemplated.propTypes = {
+  attributes: PropTypes.object,
+  value: PropTypes.string,
+  keyToDisplay: PropTypes.string,
+};
+
+export default MathTemplated;

package/src/components/respArea/__tests__/MathTemplated.test.jsx

@@ -0,0 +1,210 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import MathTemplated from '../MathTemplated';
+
+// Mock the dependencies
+jest.mock('@tiptap/react', () => ({
+  NodeViewWrapper: ({ children, ...props }) => (
+    <div data-testid="node-view-wrapper" {...props}>
+      {children}
+    </div>
+  ),
+}));
+
+jest.mock('@pie-lib/math-input', () => ({
+  mq: {
+    Static: ({ latex }) => (
+      <div data-testid="mq-static" data-latex={latex}>
+        {latex}
+      </div>
+    ),
+  },
+}));
+
+describe('MathTemplated', () => {
+  const defaultProps = {
+    node: {
+      attrs: {
+        value: 'x^2 + y^2 = r^2',
+        index: 0,
+      },
+    },
+    options: {},
+    selected: false,
+  };
+
+  it('renders without crashing', () => {
+    const { container } = render(<MathTemplated {...defaultProps} />);
+    expect(container).toBeInTheDocument();
+  });
+
+  it('renders NodeViewWrapper with correct className', () => {
+    const { getByTestId } = render(<MathTemplated {...defaultProps} />);
+    const wrapper = getByTestId('node-view-wrapper');
+    expect(wrapper).toHaveClass('math-templated');
+  });
+
+  it('displays correct response key for index 0', () => {
+    const { getByText } = render(<MathTemplated {...defaultProps} />);
+    expect(getByText('R 1')).toBeInTheDocument();
+  });
+
+  it('displays correct response key for index 1', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: 'a + b',
+          index: 1,
+        },
+      },
+    };
+    const { getByText } = render(<MathTemplated {...props} />);
+    expect(getByText('R 2')).toBeInTheDocument();
+  });
+
+  it('displays correct response key for index 5', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: 'c = d',
+          index: 5,
+        },
+      },
+    };
+    const { getByText } = render(<MathTemplated {...props} />);
+    expect(getByText('R 6')).toBeInTheDocument();
+  });
+
+  it('renders LaTeX value correctly', () => {
+    const { getByTestId } = render(<MathTemplated {...defaultProps} />);
+    const mqStatic = getByTestId('mq-static');
+    expect(mqStatic).toHaveAttribute('data-latex', 'x^2 + y^2 = r^2');
+  });
+
+  it('renders different LaTeX value', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: '\\frac{a}{b}',
+          index: 2,
+        },
+      },
+    };
+    const { getByTestId } = render(<MathTemplated {...props} />);
+    const mqStatic = getByTestId('mq-static');
+    expect(mqStatic).toHaveAttribute('data-latex', '\\frac{a}{b}');
+  });
+
+  it('passes selected prop to NodeViewWrapper', () => {
+    const props = {
+      ...defaultProps,
+      selected: true,
+    };
+    const { getByTestId } = render(<MathTemplated {...props} />);
+    const wrapper = getByTestId('node-view-wrapper');
+    expect(wrapper).toHaveAttribute('data-selected', 'true');
+  });
+
+  it('passes false selected prop to NodeViewWrapper', () => {
+    const { getByTestId } = render(<MathTemplated {...defaultProps} />);
+    const wrapper = getByTestId('node-view-wrapper');
+    expect(wrapper).toHaveAttribute('data-selected', 'false');
+  });
+
+  it('applies correct inline styles to NodeViewWrapper', () => {
+    const { getByTestId } = render(<MathTemplated {...defaultProps} />);
+    const wrapper = getByTestId('node-view-wrapper');
+    expect(wrapper).toHaveStyle({
+      display: 'inline-flex',
+      minHeight: '36px',
+      minWidth: '50px',
+      cursor: 'pointer',
+    });
+  });
+
+  it('handles string index correctly', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: 'test',
+          index: '3',
+        },
+      },
+    };
+    const { getByText } = render(<MathTemplated {...props} />);
+    expect(getByText('R 4')).toBeInTheDocument();
+  });
+
+  it('handles empty value', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: '',
+          index: 0,
+        },
+      },
+    };
+    const { getByTestId } = render(<MathTemplated {...props} />);
+    const mqStatic = getByTestId('mq-static');
+    expect(mqStatic).toHaveAttribute('data-latex', '');
+  });
+
+  it('renders all styled components', () => {
+    const { container, getByText } = render(<MathTemplated {...defaultProps} />);
+
+    // Check for response box
+    expect(getByText('R 1')).toBeInTheDocument();
+
+    // Check for math block with LaTeX
+    const mqStatic = container.querySelector('[data-testid="mq-static"]');
+    expect(mqStatic).toBeInTheDocument();
+  });
+
+  it('handles zero index', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: 'x = 0',
+          index: 0,
+        },
+      },
+    };
+    const { getByText } = render(<MathTemplated {...props} />);
+    expect(getByText('R 1')).toBeInTheDocument();
+  });
+
+  it('handles large index values', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: 'x = 100',
+          index: 99,
+        },
+      },
+    };
+    const { getByText } = render(<MathTemplated {...props} />);
+    expect(getByText('R 100')).toBeInTheDocument();
+  });
+
+  it('renders with complex LaTeX expression', () => {
+    const props = {
+      ...defaultProps,
+      node: {
+        attrs: {
+          value: '\\sqrt{x^2 + y^2}',
+          index: 0,
+        },
+      },
+    };
+    const { getByTestId } = render(<MathTemplated {...props} />);
+    const mqStatic = getByTestId('mq-static');
+    expect(mqStatic).toHaveAttribute('data-latex', '\\sqrt{x^2 + y^2}');
+  });
+});

package/src/extensions/responseArea.js

@@ -5,6 +5,7 @@ import { Node, ReactNodeViewRenderer } from '@tiptap/react';
 import ExplicitConstructedResponse from '../components/respArea/ExplicitConstructedResponse';
 import DragInTheBlank from '../components/respArea/DragInTheBlank/DragInTheBlank';
 import InlineDropdown from '../components/respArea/InlineDropdown';
+import MathTemplated from '../components/respArea/MathTemplated';
 
 const lastIndexMap = {};
 
@@ -305,7 +306,7 @@ export const MathTemplatedNode = Node.create({
     ];
   },
   addNodeView() {
-    return ReactNodeViewRenderer(() => <div></div>);
+    return ReactNodeViewRenderer((props) => <MathTemplated {...{ ...props, options: this.options }} />);
   },
 });