160 email addresses rendered as blocked link

.changeset/three-candles-create.md

@@ -0,0 +1,5 @@
+---
+"streamdown": patch
+---
+
+fixed email addresses being rendered as blocked link

packages/streamdown/__tests__/email-addresses.test.tsx

@@ -0,0 +1,100 @@
+import { render } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { Streamdown } from "../index";
+
+// Mock the dependencies
+vi.mock("react-markdown", () => ({
+  default: ({
+    children,
+    allowedImagePrefixes,
+    allowedLinkPrefixes,
+    defaultOrigin,
+    rehypePlugins,
+    remarkPlugins,
+    components,
+    ...props
+  }: any) => {
+    // Only render if children is provided
+    if (!children) {
+      return null;
+    }
+    return (
+      <div data-testid="markdown" {...props}>
+        {children}
+      </div>
+    );
+  },
+}));
+
+vi.mock("harden-react-markdown", () => ({
+  default: (Component: any) => Component,
+}));
+
+vi.mock("rehype-katex", () => ({
+  default: () => {},
+}));
+
+vi.mock("remark-gfm", () => ({
+  default: () => {},
+}));
+
+vi.mock("remark-math", () => ({
+  default: () => {},
+}));
+
+describe("Email Addresses (#160)", () => {
+  it("should render email addresses without blocking them", () => {
+    const email = "example@gmail.com";
+    const { container } = render(
+      <Streamdown parseIncompleteMarkdown={true}>{email}</Streamdown>
+    );
+
+    const markdown = container.querySelector('[data-testid="markdown"]');
+    expect(markdown).toBeTruthy();
+    expect(markdown?.textContent).toBe(email);
+  });
+
+  it("should handle email addresses in sentences", () => {
+    const content = "Please contact me at john.doe@example.com for more info";
+    const { container } = render(
+      <Streamdown parseIncompleteMarkdown={true}>{content}</Streamdown>
+    );
+
+    const markdown = container.querySelector('[data-testid="markdown"]');
+    expect(markdown).toBeTruthy();
+    expect(markdown?.textContent).toBe(content);
+  });
+
+  it("should handle multiple email addresses", () => {
+    const content = "Contact admin@site.com or support@site.com";
+    const { container } = render(
+      <Streamdown parseIncompleteMarkdown={true}>{content}</Streamdown>
+    );
+
+    const markdown = container.querySelector('[data-testid="markdown"]');
+    expect(markdown).toBeTruthy();
+    expect(markdown?.textContent).toBe(content);
+  });
+
+  it("should handle email addresses with special characters", () => {
+    const email = "user+test@example-domain.co.uk";
+    const { container } = render(
+      <Streamdown parseIncompleteMarkdown={true}>{email}</Streamdown>
+    );
+
+    const markdown = container.querySelector('[data-testid="markdown"]');
+    expect(markdown).toBeTruthy();
+    expect(markdown?.textContent).toBe(email);
+  });
+
+  it("should handle email addresses with parseIncompleteMarkdown disabled", () => {
+    const email = "example@gmail.com";
+    const { container } = render(
+      <Streamdown parseIncompleteMarkdown={false}>{email}</Streamdown>
+    );
+
+    const markdown = container.querySelector('[data-testid="markdown"]');
+    expect(markdown).toBeTruthy();
+    expect(markdown?.textContent).toBe(email);
+  });
+});

packages/streamdown/__tests__/latex-begin-issue.test.tsx

@@ -4,7 +4,7 @@ import { Streamdown } from "../index";
 import { parseMarkdownIntoBlocks } from "../lib/parse-blocks";
 import { parseIncompleteMarkdown } from "../lib/parse-incomplete-markdown";
 
-describe("LaTeX \\begin block issue #54", () => {
+describe("LaTeX \\begin block (#54)", () => {
   it("should correctly process blocks when split by marked lexer", () => {
     const content = `$$
 \\begin{pmatrix}

packages/streamdown/__tests__/parse-incomplete-markdown.test.ts

@@ -814,7 +814,7 @@ describe("parseIncompleteMarkdown", () => {
       expect(parseIncompleteMarkdown("``")).toBe("``");
     });
 
-    it("should handle standalone emphasis characters (issue #90)", () => {
+    it("should handle standalone emphasis characters (#90)", () => {
       // Standalone markers should not be auto-closed
       expect(parseIncompleteMarkdown("**")).toBe("**");
       expect(parseIncompleteMarkdown("__")).toBe("__");
@@ -884,7 +884,7 @@ describe("parseIncompleteMarkdown", () => {
       expect(parseIncompleteMarkdown("`&")).toBe("`&`");
     });
 
-    it("should handle lists with emphasis character blocks (issue #97)", () => {
+    it("should handle lists with emphasis character blocks (#97)", () => {
       // Lists with just emphasis markers should not be auto-completed
       expect(parseIncompleteMarkdown("- __")).toBe("- __");
       expect(parseIncompleteMarkdown("- **")).toBe("- **");

packages/streamdown/package.json

@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "harden-react-markdown": "^1.0.5",
+    "harden-react-markdown": "^1.1.3",
     "katex": "^0.16.22",
     "lucide-react": "^0.542.0",
     "marked": "^16.2.1",