@truedat/core 8.8.0 → 8.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "8.8.0",
+  "version": "8.8.1",
   "description": "Truedat Web Core",
   "sideEffects": [
     "**/*.css",
@@ -54,7 +54,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.8.0",
+    "@truedat/test": "8.8.1",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -95,5 +95,5 @@
     "swr": "^2.3.3",
     "turndown": "^7.2.2"
   },
-  "gitHead": "006b9cd6486cd37976d4dc06ede1a48e37175f30"
+  "gitHead": "22fb2c1d668ac5fabbc23372a1234297d32ff407"
 }

package/src/components/Markdown.js

@@ -7,11 +7,20 @@ import Link from "@tiptap/extension-link";
 import Heading from "@tiptap/extension-heading";
 import { Menu, Icon } from "semantic-ui-react";
 import { FormattedMessage } from "react-intl";
-import { marked } from "marked";
+import { Marked } from "marked";
 import DOMPurify from "dompurify";
 import TurndownService from "turndown";
 import TextPromptModal from "./TextPromptModal";
 
+const markdownParser = new Marked();
+markdownParser.use({
+  tokenizer: {
+    code() {
+      return undefined;
+    },
+  },
+});
+
 const turndownService = new TurndownService({ headingStyle: "atx" });
 turndownService.addRule("underline", {
   filter: ["u"],
@@ -91,7 +100,7 @@ function markdownToHtml(markdown) {
 
   const cleaned = stripOuterCodeFence(markdown);
 
-  const withLinks = marked
+  const withLinks = markdownParser
     .parse(cleaned, { async: false })
     .replace(
       /<a (?=[^>]*href=)/gi,

package/src/components/__tests__/Markdown.spec.js

@@ -21,6 +21,29 @@ describe("markdownToHtml", () => {
     expect(markdownToHtml("## Title")).toContain("<h2>");
   });
 
+  it("renders leading-space indented prose as paragraphs, not code blocks", () => {
+    const legacy = [
+      "Son agentes de seguros las personas físicas o jurídicas.",
+      "",
+      "     Generalmente, los agentes pertenecen a una determinada delegación.",
+    ].join("\n");
+
+    const html = markdownToHtml(legacy);
+
+    expect(html).not.toContain("<pre>");
+    expect(html).not.toContain("<code>");
+    // leading spaces are preserved in the markup, not turned into a code block
+    expect(html).toContain("<p>     Generalmente");
+  });
+
+  it("still renders fenced code blocks as code", () => {
+    const html = markdownToHtml("Texto normal\n\n```js\nconst x = 1;\n```");
+
+    expect(html).toContain("<pre>");
+    expect(html).toContain("<code");
+    expect(html).toContain("const x = 1;");
+  });
+
   it("generates a correct <a> element for markdown links", () => {
     const html = markdownToHtml("[Example link](https://example.com/path)");
     const parser = new DOMParser();
@@ -115,6 +138,16 @@ describe("<MarkdownReader />", () => {
     expect(rendered.container).toMatchSnapshot();
   });
 
+  it("matches the latest snapshot with leading-space indented prose", () => {
+    const content = [
+      "Son agentes de seguros las personas físicas o jurídicas.",
+      "",
+      "     Generalmente, los agentes pertenecen a una determinada delegación.",
+    ].join("\n");
+    const rendered = render(<MarkdownReader content={content} />);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
   it("renders MarkdownReader headings and links", () => {
     const content = "## Title\n\n[link](https://example.com)";
     const { container } = render(<MarkdownReader content={content} />);

package/src/components/__tests__/__snapshots__/Markdown.spec.js.snap

@@ -224,3 +224,22 @@ exports[`<MarkdownReader /> matches the latest snapshot with content 1`] = `
   </div>
 </div>
 `;
+
+exports[`<MarkdownReader /> matches the latest snapshot with leading-space indented prose 1`] = `
+<div>
+  <div
+    class="markdown-reader"
+  >
+    <p>
+      Son agentes de seguros las personas físicas o jurídicas.
+    </p>
+    
+
+    <p>
+           Generalmente, los agentes pertenecen a una determinada delegación.
+    </p>
+    
+
+  </div>
+</div>
+`;