fix(nc-gui): update rich comments

packages/nc-gui/helpers/tiptap/functionality/markdown/md-link-rule-setup.ts

@@ -1,18 +1,32 @@
 import type MarkdownIt from 'markdown-it'
 
 function mdLinkRuleSetupExt(md: MarkdownIt, { openLinkOnClick = false }: { openLinkOnClick?: boolean }) {
-  if (!openLinkOnClick) {
-    // Remove the href attribute from links
-    md.renderer.rules.link_open = (tokens, idx, options, _env, self) => {
-      const hrefIndex = tokens[idx]!.attrIndex('href')
+  md.renderer.rules.link_open = (tokens, idx, options, _env, self) => {
+    const hrefIndex = tokens[idx]!.attrIndex('href')
+
+    if (hrefIndex >= 0) {
+      const hrefValue = tokens[idx]!.attrs![hrefIndex]![1]
+      // Check if the href contains the special separator
+      if (hrefValue.includes('~~~###~~~')) {
+        // Split the href to extract tooltip content
+        const [_, tooltipContent] = hrefValue.split('~~~###~~~')
+        tokens[idx]!.tag = 'span' // Change the tag to `span`
+        tokens[idx]!.attrs = [
+          ['class', 'nc-rich-link-tooltip'], // Add the class
+          ['data-tooltip', (tooltipContent || '').replace(/_/g, ' ')], // Add tooltip content
+        ]
+
+        return self.renderToken(tokens, idx, options)
+      }
+    }
+
+    if (!openLinkOnClick) {
+      // Remove the href attribute from links
       if (hrefIndex >= 0) {
         tokens[idx]!.attrs!.splice(hrefIndex, 1)
       }
-      return self.renderToken(tokens, idx, options)
-    }
-  } else {
-    // Add attributes to links
-    md.renderer.rules.link_open = (tokens, idx, options, _env, self) => {
+    } else {
+      // Add attributes to links
       const targetIndex = tokens[idx]!.attrIndex('target')
       if (targetIndex < 0) {
         tokens[idx]!.attrPush(['target', '_blank'])
@@ -25,8 +39,18 @@ function mdLinkRuleSetupExt(md: MarkdownIt, { openLinkOnClick = false }: { openL
       if (onClickIndex < 0) {
         tokens[idx]!.attrPush(['onmousedown', '(function(event) { event.stopImmediatePropagation(); })(event)'])
       }
-      return self.renderToken(tokens, idx, options)
     }
+
+    return self.renderToken(tokens, idx, options)
+  }
+
+  // Ensure that we don't render the closing tag for links with tooltips
+  md.renderer.rules.link_close = (tokens, idx, options, env, self) => {
+    const previousToken = tokens[idx - 1]
+    if (previousToken?.tag === 'span') {
+      return '' // Skip closing tag for spans
+    }
+    return self.renderToken(tokens, idx, options)
   }
 }