@limetech/lime-elements 38.13.0 → 38.13.2

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+## [38.13.2](https://github.com/Lundalogik/lime-elements/compare/v38.13.1...v38.13.2) (2025-05-23)
+
+
+### Bug Fixes
+
+
+* **markdown/text-editor:** properly handle internal vs external link targets ([e42123b](https://github.com/Lundalogik/lime-elements/commit/e42123b41fe2f3025c910325e37b2ac12c907cfb))
+* **text-editor:** don't interpret `:` as links when pasting ([9509540](https://github.com/Lundalogik/lime-elements/commit/9509540f3591ab7401a53a5de48ca774a63ef2b2))
+
+## [38.13.1](https://github.com/Lundalogik/lime-elements/compare/v38.13.0...v38.13.1) (2025-05-21)
+
+
+### Bug Fixes
+
+
+* **text-editor:** prevent Excel tables from being processed as images when pasted ([8ec93fb](https://github.com/Lundalogik/lime-elements/commit/8ec93fbeb751ba3c984d572a117a71de40f5c94a))
+
 ## [38.13.0](https://github.com/Lundalogik/lime-elements/compare/v38.12.5...v38.13.0) (2025-05-20)
 
 

package/dist/cjs/limel-markdown.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-174a078a.js');
-const markdownParser = require('./markdown-parser-564adb69.js');
+const markdownParser = require('./markdown-parser-563c73db.js');
 const config = require('./config-e7e1a299.js');
 require('./_commonjsHelpers-a5111d61.js');
 

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-174a078a.js');
+const markdownParser = require('./markdown-parser-563c73db.js');
 const _baseIsEqual = require('./_baseIsEqual-244a20fe.js');
 const _assignValue = require('./_assignValue-7a5440a6.js');
 const _baseAssignValue = require('./_baseAssignValue-e84dd769.js');
@@ -12,19 +13,18 @@ const _getTag = require('./_getTag-92cb60fe.js');
 const _getPrototype = require('./_getPrototype-18d2118e.js');
 const isArray = require('./isArray-d188a04f.js');
 const isObjectLike = require('./isObjectLike-3e3f0cba.js');
-const markdownParser = require('./markdown-parser-564adb69.js');
 const translations = require('./translations-1d376e48.js');
 const randomString = require('./random-string-e8ad4419.js');
 const isItem = require('./isItem-3f8ad629.js');
 const files = require('./files-c08d24d4.js');
 const isEqual = require('./isEqual-a4bccf32.js');
 const debounce = require('./debounce-2e5f4b7e.js');
+require('./_commonjsHelpers-a5111d61.js');
 require('./eq-9a943b00.js');
 require('./_getNative-60328036.js');
 require('./_isIndex-b40f4fc5.js');
 require('./isArrayLike-e840b044.js');
 require('./_defineProperty-8f56146d.js');
-require('./_commonjsHelpers-a5111d61.js');
 require('./file-metadata-e309a7a4.js');
 require('./get-icon-props-65f39e40.js');
 require('./toNumber-062ea29c.js');
@@ -16902,24 +16902,15 @@ const setActiveMethodForWrap = (command, nodeType) => {
 const createInsertLinkCommand = (schema, _, link) => {
   const command = (state, dispatch) => {
     const { from, to } = state.selection;
+    const linkMark = schema.marks.link.create(markdownParser.getLinkAttributes(link.href, link.href));
     if (from === to) {
       // If no text is selected, insert new text with link
-      const linkMark = schema.marks.link.create({
-        href: link.href,
-        title: link.href,
-        target: isExternalLink(link.href) ? '_blank' : null,
-      });
       const linkText = link.text || link.href;
       const newLink = schema.text(linkText, [linkMark]);
       dispatch(state.tr.insert(from, newLink));
     }
     else {
       // If text is selected, replace selected text with link text
-      const linkMark = schema.marks.link.create({
-        href: link.href,
-        title: link.href,
-        target: isExternalLink(link.href) ? '_blank' : null,
-      });
       const selectedText = state.doc.textBetween(from, to, ' ');
       const newLink = schema.text(link.text || selectedText, [linkMark]);
       dispatch(state.tr.replaceWith(from, to, newLink));
@@ -16993,15 +16984,6 @@ const toggleNodeType = (schema, type, attrs = {}, shouldWrap = false) => {
     return false;
   };
 };
-const isValidUrl = (text) => {
-  try {
-    new URL(text);
-  }
-  catch (_a) {
-    return false;
-  }
-  return true;
-};
 const createSetNodeTypeCommand = (schema, nodeType, level) => {
   const type = schema.nodes[nodeType];
   if (!type) {
@@ -17074,27 +17056,6 @@ const createListCommand = (schema, listType) => {
   setActiveMethodForWrap(command, type);
   return command;
 };
-const copyPasteLinkCommand = (state, dispatch) => {
-  const { from, to } = state.selection;
-  if (from === to) {
-    return false;
-  }
-  const clipboardData = window.clipboardData;
-  if (!clipboardData) {
-    return false;
-  }
-  const copyPastedText = clipboardData.getData('text');
-  if (!isValidUrl(copyPastedText)) {
-    return false;
-  }
-  const linkMark = state.schema.marks.link.create({
-    href: copyPastedText,
-    target: isExternalLink(copyPastedText) ? '_blank' : null,
-  });
-  const selectedText = state.doc.textBetween(from, to, ' ');
-  const newLink = state.schema.text(selectedText, [linkMark]);
-  dispatch(state.tr.replaceWith(from, to, newLink));
-};
 const commandMapping = {
   strong: createToggleMarkCommand,
   em: createToggleMarkCommand,
@@ -17133,7 +17094,6 @@ class MenuCommandFactory {
       'Mod-Shift-X': this.getCommand(EditorMenuTypes.Strikethrough),
       'Mod-`': this.getCommand(EditorMenuTypes.Code),
       'Mod-Shift-C': this.getCommand(EditorMenuTypes.CodeBlock),
-      'Mod-v': copyPasteLinkCommand,
     };
   }
 }
@@ -26260,32 +26220,145 @@ const processClickEvent = (view, event) => {
   }, DOUBLE_CLICK_DELAY);
   return true;
 };
-const processPasteEvent$1 = (view, event) => {
-  const clipboardData = event.clipboardData;
-  if (!clipboardData) {
+/**
+ * Regular expression for matching URLs, mailto links, and phone links
+ */
+const URL_REGEX = /(https?:\/\/[^\s<>"']+|mailto:[^\s<>"']+|tel:[^\s<>"']+)/g;
+/**
+ * Checks if the text contains any URLs, mailto links, or phone links
+ */
+const hasUrls = (text) => {
+  // Reset regex before use
+  URL_REGEX.lastIndex = 0;
+  return URL_REGEX.test(text);
+};
+/**
+ * Creates a text node with the provided content
+ */
+const createTextNode = (schema, content) => {
+  return schema.text(content);
+};
+/**
+ * Creates a link node with the provided URL
+ */
+const createLinkNode = (schema, url) => {
+  const linkMark = schema.marks.link.create(markdownParser.getLinkAttributes(url, url));
+  return schema.text(url, [linkMark]);
+};
+/**
+ * Finds all link matches in the provided text
+ */
+const findLinkMatches = (text) => {
+  const matches = [];
+  let match;
+  // Reset regex before use
+  URL_REGEX.lastIndex = 0;
+  while ((match = URL_REGEX.exec(text)) !== null) {
+    matches.push({
+      url: match[0],
+      start: match.index,
+      end: match.index + match[0].length,
+    });
+  }
+  return matches;
+};
+/**
+ * Creates text nodes with links for any URLs, mailto links, or phone links found in the text
+ */
+const createNodesWithLinks = (text, schema) => {
+  const nodes = [];
+  const matches = findLinkMatches(text);
+  if (matches.length === 0) {
+    // No links found, just return the text as a single node
+    return [createTextNode(schema, text)];
+  }
+  let lastIndex = 0;
+  // Process each match
+  for (const match of matches) {
+    // Add text before the current link if any
+    if (match.start > lastIndex) {
+      nodes.push(createTextNode(schema, text.slice(lastIndex, match.start)));
+    }
+    // Add the link node
+    nodes.push(createLinkNode(schema, match.url));
+    lastIndex = match.end;
+  }
+  // Add any remaining text after the last link
+  if (lastIndex < text.length) {
+    nodes.push(createTextNode(schema, text.slice(lastIndex)));
+  }
+  return nodes;
+};
+/**
+ * Pastes nodes at the current selection
+ * @param view - The editor view
+ * @param nodes - Array of nodes to paste
+ */
+const pasteAsLink = (view, nodes) => {
+  if (nodes.length === 0) {
+    return;
+  }
+  if (isSingleLinkNode(nodes)) {
+    insertSingleLink(view, nodes[0]);
+  }
+  else {
+    insertNodeFragment(view, nodes);
+  }
+};
+/**
+ * Checks if the nodes array contains just a single link node
+ */
+const isSingleLinkNode = (nodes) => {
+  if (nodes.length !== 1) {
     return false;
   }
-  const text = clipboardData.getData('text/plain');
-  // Process as a link if the text is a valid URL
-  if (isValidUrl(text)) {
-    pasteAsLink(view, text);
-    return true;
+  const node = nodes[0];
+  // Must be text with non-empty content
+  if (!node.isText || !node.text || node.text.trim() === '') {
+    return false;
   }
-  return false;
+  // Must have a link mark (even if there are other marks, we just care about link presence)
+  return !!node.marks.find((mark) => mark.type.name === 'link');
 };
-const pasteAsLink = (view, href) => {
+/**
+ * Inserts a single link node, applying it to selected text if present
+ */
+const insertSingleLink = (view, linkNode) => {
   const { state, dispatch } = view;
   const { from, to } = state.selection;
-  const linkMark = schema$1.marks.link.create({
-    href: href,
-    title: href,
-    target: isExternalLink(href) ? '_blank' : null,
-  });
-  const selectedText = state.doc.textBetween(from, to, ' ') || href;
-  const transaction = state.tr
+  const linkMark = linkNode.marks.find((mark) => mark.type.name === 'link');
+  // Use selected text if there's a selection, otherwise use the URL
+  const selectedText = state.doc.textBetween(from, to, ' ') || linkMark.attrs.href;
+  // Insert the text and add the link mark
+  dispatch(state.tr
     .insertText(selectedText, from, to)
-    .addMark(from, from + selectedText.length, linkMark);
-  dispatch(transaction);
+    .addMark(from, from + selectedText.length, linkMark));
+};
+/**
+ * Inserts multiple nodes as a fragment at the current selection
+ * @param view - The editor view
+ * @param nodes - Array of nodes to insert
+ */
+const insertNodeFragment = (view, nodes) => {
+  const { state, dispatch } = view;
+  const { from, to } = state.selection;
+  // Create a fragment from the array of nodes
+  const fragment = Fragment.fromArray(nodes);
+  // Replace the current selection with the fragment
+  dispatch(state.tr.replaceWith(from, to, fragment));
+};
+/**
+ * Handles pasted content, converting URLs to links
+ */
+const processPasteEvent$1 = (view, event) => {
+  var _a;
+  const text = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/plain');
+  if (!text || !hasUrls(text)) {
+    return false;
+  }
+  const nodes = createNodesWithLinks(text, view.state.schema);
+  pasteAsLink(view, nodes);
+  return true;
 };
 const createLinkPlugin = (updateLinkCallback) => {
   return new Plugin({
@@ -26327,6 +26400,39 @@ const createLinkPlugin = (updateLinkCallback) => {
   });
 };
 
+const linkMarkSpec = {
+  attrs: {
+    href: { default: '' },
+    title: { default: null },
+    target: { default: null },
+    rel: { default: null },
+    referrerpolicy: { default: null },
+  },
+  inclusive: false,
+  parseDOM: [
+    {
+      tag: 'a[href]',
+      getAttrs: (dom) => {
+        return {
+          href: dom.getAttribute('href') || '',
+          title: dom.getAttribute('title'),
+          target: dom.getAttribute('target'),
+          rel: dom.getAttribute('rel'),
+          referrerpolicy: dom.getAttribute('referrerpolicy'),
+        };
+      },
+    },
+  ],
+  toDOM: (mark) => {
+    const target = mark.attrs.target || null;
+    const securityAttrs = {
+      rel: target === '_blank' ? 'noopener noreferrer' : null,
+      referrerpolicy: target === '_blank' ? 'noreferrer' : null,
+    };
+    return ['a', Object.assign(Object.assign({}, mark.attrs), securityAttrs), 0];
+  },
+};
+
 const pluginKey = new PluginKey('imageInserterPlugin');
 const createImageInserterPlugin = (imagePastedCallback) => {
   return new Plugin({
@@ -26458,9 +26564,29 @@ const processPasteEvent = (view, event, slice) => {
   if (!clipboardData) {
     return false;
   }
+  const isImageFilePasted = handlePastedImages(view, clipboardData);
+  const filteredSlice = new Slice(filterImageNodes(slice.content), slice.openStart, slice.openEnd);
+  if (filteredSlice.content.childCount < slice.content.childCount) {
+    const { state, dispatch } = view;
+    const tr = state.tr.replaceSelection(filteredSlice);
+    dispatch(tr);
+    return true;
+  }
+  return isImageFilePasted;
+};
+/**
+ * Processes any image files found in the clipboard data and dispatches an imagePasted event.
+ *
+ * @param view - The ProseMirror editor view
+ * @param clipboardData - The clipboard data transfer object containing potential image files
+ * @returns True if at least one valid image file was found and processed, false otherwise
+ */
+function handlePastedImages(view, clipboardData) {
+  let isImageFilePasted = false;
   const files$1 = Array.from(clipboardData.files || []);
   for (const file of files$1) {
-    if (file.type.startsWith('image/')) {
+    if (isImageFile(file, clipboardData)) {
+      isImageFilePasted = true;
       const reader = new FileReader();
       reader.onloadend = () => {
         view.dom.dispatchEvent(new CustomEvent('imagePasted', {
@@ -26470,15 +26596,45 @@ const processPasteEvent = (view, event, slice) => {
       reader.readAsDataURL(file);
     }
   }
-  const filteredSlice = new Slice(filterImageNodes(slice.content), slice.openStart, slice.openEnd);
-  if (filteredSlice.content.childCount < slice.content.childCount) {
-    const { state, dispatch } = view;
-    const tr = state.tr.replaceSelection(filteredSlice);
-    dispatch(tr);
-    return true;
+  return isImageFilePasted;
+}
+/**
+ * Determines if a file is an image that should be processed by the image handler.
+ *
+ * This function checks both the file's MIME type and the clipboard HTML content.
+ * It filters out HTML content from Excel and HTML tables, as they are not relevant for image processing.
+ *
+ * @param file - The file object to check
+ * @param clipboardData - The full clipboard data transfer object to examine for context
+ * @returns True if the file is an image that should be processed, false otherwise
+ */
+function isImageFile(file, clipboardData) {
+  var _a, _b;
+  if (!isContentTypeImage(file)) {
+    return false;
   }
-  return files$1.length > 0;
-};
+  const html = (_b = (_a = clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.getData('text/html')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';
+  return !isHtmlFromExcel(html) && !isHtmlTable(html);
+}
+function isContentTypeImage(file) {
+  if (!(file === null || file === void 0 ? void 0 : file.type)) {
+    return false;
+  }
+  return file.type.startsWith('image/');
+}
+function isHtmlFromExcel(html) {
+  if (!html) {
+    return false;
+  }
+  return (html.includes('name=generator content="microsoft excel"') ||
+    html.includes('xmlns:x="urn:schemas-microsoft-com:office:excel"'));
+}
+function isHtmlTable(html) {
+  if (!html) {
+    return false;
+  }
+  return html.includes('<table');
+}
 
 const MIN_WIDTH = 10;
 const createImageViewPlugin = (language) => {
@@ -28664,6 +28820,7 @@ const ProsemirrorAdapter = class {
       nodes: nodes,
       marks: schema$1.spec.marks.append({
         strikethrough: strikethrough,
+        link: linkMarkSpec,
       }),
     });
   }