@limetech/lime-elements 37.72.3 → 37.74.0

package/dist/esm/limel-prosemirror-adapter.entry.js

@@ -26121,36 +26121,53 @@ const createNodeSpec = (config) => {
   };
 };
 
-const inserterFactory = (view) => {
+const createHtmlInserter = (view, contentConverter, startPos, dispatchTransaction) => {
+  const schema = view.state.schema;
+  return async (input) => {
+    const container = document.createElement('span');
+    container.innerHTML = await contentConverter.parseAsHTML(input, schema);
+    const fragment = DOMParser.fromSchema(schema).parse(container).content;
+    dispatchTransaction(view, startPos, fragment);
+  };
+};
+
+const inserterFactory = (view, contentConverter) => {
   const startPos = getTriggerStartPosition(view);
   return {
-    insert: (input) => {
-      const { state, dispatch } = view;
-      const { schema, selection } = state;
-      const { $from } = selection;
-      let node;
-      try {
-        node = createNode(input, schema);
-      }
-      catch (error) {
-        // eslint-disable-next-line no-console
-        console.error(error.message);
-        return;
-      }
-      const spaceNode = schema.text(' ');
-      const fragment = schema.nodes.doc.create(null, [node, spaceNode]);
-      const transaction = state.tr.replaceWith(startPos, $from.pos, fragment);
-      transaction.setMeta('stopTrigger', true);
-      dispatch(transaction);
-    },
-    stopTrigger: () => {
-      const { state, dispatch } = view;
-      const transaction = state.tr;
-      transaction.setMeta('stopTrigger', true);
-      dispatch(transaction);
-    },
+    insert: createNodeAndTextInserter(view, startPos),
+    insertHtml: createHtmlInserter(view, contentConverter, startPos, dispatchTransaction),
+    stopTrigger: () => stopTriggerTransaction(view),
   };
 };
+const createNodeAndTextInserter = (view, startPos) => (input) => {
+  const schema = view.state.schema;
+  let node;
+  try {
+    node = createNode(input, schema);
+  }
+  catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error.message);
+    return;
+  }
+  const spaceNode = schema.text(' ');
+  const fragment = schema.nodes.doc.create(null, [node, spaceNode]);
+  dispatchTransaction(view, startPos, fragment);
+};
+const stopTriggerTransaction = (view) => {
+  const { state, dispatch } = view;
+  const transaction = state.tr;
+  transaction.setMeta('stopTrigger', true);
+  dispatch(transaction);
+};
+const dispatchTransaction = (view, startPos, fragment) => {
+  const state = view.state;
+  const dispatch = view.dispatch;
+  const fromPos = state.selection.$from.pos;
+  const transaction = state.tr.replaceWith(startPos, fromPos, fragment);
+  transaction.setMeta('stopTrigger', true);
+  dispatch(transaction);
+};
 const createNode = (input, schema) => {
   var _a;
   if (typeof input === 'string') {
@@ -26169,7 +26186,7 @@ const createNode = (input, schema) => {
 const getCustomNode = (name, schema) => {
   const customNode = Object.values(schema.nodes).find((prosemirrorNode) => prosemirrorNode.name === name);
   if (!customNode) {
-    throw new Error(`A custom element hasn't been registered for node ${name}`);
+    throw new Error(`No custom element has been registered for node ${name}`);
   }
   return customNode;
 };
@@ -26207,16 +26224,16 @@ const stillHasTrigger = (state, activeTrigger, triggerPosition, triggerLength) =
   return (state.doc.textBetween(triggerPosition, triggerPosition + 1) ===
     activeTrigger);
 };
-const getTriggerEventDetail = (view, trigger, value) => {
+const getTriggerEventDetail = (view, contentConverter, trigger, value) => {
   return {
     trigger: trigger,
-    textEditor: inserterFactory(view),
+    textEditor: inserterFactory(view, contentConverter),
     value: value,
   };
 };
-const sendTriggerEvent = (type, view, trigger, value) => {
+const sendTriggerEvent = (type, view, contentConverter, trigger, value) => {
   const event = new CustomEvent(type, {
-    detail: getTriggerEventDetail(view, trigger, value),
+    detail: getTriggerEventDetail(view, contentConverter, trigger, value),
     bubbles: true,
     composed: true,
   });
@@ -26254,14 +26271,14 @@ const processTransactions = (text, transactions, oldState) => {
   }
   return text;
 };
-const createTriggerPlugin = (triggerCharacters) => {
+const createTriggerPlugin = (triggerCharacters, contentConverter) => {
   let activeTrigger = null;
   let triggerText = '';
   let pluginView = null;
   let triggerPosition = null;
   const stopTrigger = () => {
     triggerText = '';
-    sendTriggerEvent('triggerStop', pluginView, activeTrigger, triggerText);
+    sendTriggerEvent('triggerStop', pluginView, contentConverter, activeTrigger, triggerText);
     triggerPosition = null;
     activeTrigger = null;
   };
@@ -26280,7 +26297,7 @@ const createTriggerPlugin = (triggerCharacters) => {
       activeTrigger = event.data;
       triggerText = '';
       triggerPosition = state.selection.$from.pos - triggerText.length;
-      sendTriggerEvent('triggerStart', view, activeTrigger, triggerText);
+      sendTriggerEvent('triggerStart', view, contentConverter, activeTrigger, triggerText);
       return false;
     }
     return false;
@@ -26295,7 +26312,7 @@ const createTriggerPlugin = (triggerCharacters) => {
     const updatedText = processTransactions(triggerText, transactions, oldState);
     if (updatedText !== triggerText) {
       triggerText = updatedText;
-      sendTriggerEvent('triggerChange', pluginView, activeTrigger, triggerText.slice(1));
+      sendTriggerEvent('triggerChange', pluginView, contentConverter, activeTrigger, triggerText.slice(1));
     }
   };
   return new Plugin({
@@ -28008,7 +28025,7 @@ const ProsemirrorAdapter = class {
         ...exampleSetup({ schema: this.schema, menuBar: false }),
         keymap(this.menuCommandFactory.buildKeymap()),
         createLinkPlugin(this.handleNewLinkSelection),
-        createTriggerPlugin(this.triggerCharacters),
+        createTriggerPlugin(this.triggerCharacters, this.contentConverter),
         createImageRemoverPlugin(),
         createMenuStateTrackingPlugin(editorMenuTypesArray, this.menuCommandFactory, this.updateActiveActionBarItems),
         createActionBarInteractionPlugin(this.menuCommandFactory),