@quartz-community/obsidian-flavored-markdown 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.1.0
+
+### Minor Changes
+
+- 8575260: Highlights render as in Obsidian: `==text==` becomes `<mark class="text-highlight">` and keeps what's inside it. Formatting in a highlight no longer deletes text (`==**bold** and *italic*==` rendered only " and "), and links and tags in a highlight work. Coloured highlights (Obsidian 1.14) now work too: a highlight that starts with a colour emoji (🔴 🟠 🟡 🟢 🔵 🟣, or the matching squares) is coloured and the emoji removed, e.g. `==🔴 urgent==`.
+
 ## 2.0.0
 
 ### Major Changes

package/dist/index.js

@@ -37922,6 +37922,9 @@ var embeds_inline_default = 'article object[type="image/svg+xml"] {\n  max-width
 // src/styles/tags.inline.scss
 var tags_inline_default = 'article span.tag-link {\n  background-color: var(--highlight);\n  padding: 0 0.1rem;\n  border-radius: 5px;\n  line-height: 1.4rem;\n}\narticle span.tag-link::before {\n  content: "#";\n}';
 
+// src/styles/highlights.inline.scss
+var highlights_inline_default = "mark.text-highlight {\n  color: inherit;\n}\n\nmark.text-highlight[data-highlight] {\n  background-color: color-mix(in srgb, var(--highlight-colour) 30%, transparent);\n}\n\nmark.text-highlight[data-highlight=red] {\n  --highlight-colour: #e93147;\n}\n\nmark.text-highlight[data-highlight=orange] {\n  --highlight-colour: #ec7500;\n}\n\nmark.text-highlight[data-highlight=yellow] {\n  --highlight-colour: #e0ac00;\n}\n\nmark.text-highlight[data-highlight=green] {\n  --highlight-colour: #08b94e;\n}\n\nmark.text-highlight[data-highlight=blue] {\n  --highlight-colour: #086ddd;\n}\n\nmark.text-highlight[data-highlight=purple] {\n  --highlight-colour: #7852ee;\n}";
+
 // node_modules/mdast-util-to-hast/lib/handlers/blockquote.js
 function blockquote3(state, node2) {
   const result = {
@@ -39763,13 +39766,6 @@ var markdownImageSizeRegex = /^(?<alt>.*?)\|\s*(?<width>\d+)(?:x(?<height>\d+))?
 function escapeAttribute2(value2) {
   return value2.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-var getLiteralValue = (child) => {
-  const literalChild = child;
-  if (typeof literalChild.value === "string") {
-    return literalChild.value;
-  }
-  return "";
-};
 var mdastToHtml = (ast) => {
   const hast = toHast(ast, { allowDangerousHtml: true });
   return toHtml(hast, { allowDangerousHtml: true });
@@ -39954,15 +39950,13 @@ var ObsidianFlavoredMarkdown = (userOpts) => {
             visit3(
               tree,
               (node2) => node2.type === "highlight",
-              (node2, index2, parent) => {
-                if (parent == null || index2 == null) return;
+              (node2) => {
                 const highlightNode = node2;
-                const text8 = highlightNode.children?.map(getLiteralValue).join("") ?? "";
-                parent.children[index2] = {
-                  type: "html",
-                  value: `<span class="text-highlight">${text8}</span>`
+                highlightNode.data = {
+                  ...highlightNode.data,
+                  hName: "mark",
+                  hProperties: { className: ["text-highlight"] }
                 };
-                return SKIP3;
               }
             );
           }
@@ -40036,7 +40030,7 @@ var ObsidianFlavoredMarkdown = (userOpts) => {
               if (opts.highlight) {
                 node2.value = node2.value.replace(
                   /==((?!=).+?)==/g,
-                  `<span class="text-highlight">$1</span>`
+                  `<mark class="text-highlight">$1</mark>`
                 );
               }
               if (opts.parseTags) {
@@ -40171,6 +40165,12 @@ var ObsidianFlavoredMarkdown = (userOpts) => {
           inline: true
         });
       }
+      if (opts.highlight) {
+        css.push({
+          content: highlights_inline_default,
+          inline: true
+        });
+      }
       if (opts.parseTags) {
         css.push({
           content: tags_inline_default,