Fix tests, lint repo

Author: haydenbleasel

packages/remend/__tests__/strikethrough.test.ts

@@ -27,6 +27,8 @@ describe("strikethrough formatting (~~)", () => {
     expect(remend("~~xxx~")).toBe("~~xxx~~");
     expect(remend("~~strike text~")).toBe("~~strike text~~");
     expect(remend("Text with ~~strike~")).toBe("Text with ~~strike~~");
-    expect(remend("This is ~~strikethrough~")).toBe("This is ~~strikethrough~~");
+    expect(remend("This is ~~strikethrough~")).toBe(
+      "This is ~~strikethrough~~"
+    );
   });
 });

packages/remend/src/emphasis-handlers.ts

@@ -1,7 +1,9 @@
 import {
   boldItalicPattern,
   boldPattern,
+  doubleUnderscoreGlobalPattern,
   fourOrMoreAsterisksPattern,
+  halfCompleteUnderscorePattern,
   italicPattern,
   listItemPattern,
   singleAsteriskPattern,
@@ -303,11 +305,13 @@ export const handleIncompleteDoubleUnderscoreItalic = (
     // Check for half-complete closing marker: __content_ should become __content__
     // The pattern /(__)([^_]*?)$/ won't match __content_ because it ends with _
     // So we need a separate check for this case
-    const halfCompleteMatch = text.match(/(__)([^_]+)_$/);
+    const halfCompleteMatch = text.match(halfCompleteUnderscorePattern);
     if (halfCompleteMatch) {
       const markerIndex = text.lastIndexOf(halfCompleteMatch[1]);
       if (!isWithinCodeBlock(text, markerIndex)) {
-        const underscorePairs = (text.match(/__/g) || []).length;
+        const underscorePairs = (
+          text.match(doubleUnderscoreGlobalPattern) || []
+        ).length;
         if (underscorePairs % 2 === 1) {
           return `${text}_`;
         }

packages/remend/src/index.ts

@@ -14,6 +14,7 @@ import {
 import { handleIncompleteSetextHeading } from "./setext-heading-handler";
 import { handleIncompleteStrikethrough } from "./strikethrough-handler";
 
+export type { LinkMode } from "./link-image-handler";
 // biome-ignore lint/performance/noBarrelFile: "Re-exports utility functions for public API convenience"
 export {
   isWithinCodeBlock,
@@ -22,8 +23,6 @@ export {
   isWordChar,
 } from "./utils";
 
-export type { LinkMode } from "./link-image-handler";
-
 /**
  * Handler function that transforms text during streaming.
  */
@@ -200,7 +199,8 @@ const getEnabledBuiltInHandlers = (
         return {
           handler: {
             ...handler,
-            handle: (text: string) => handleIncompleteLinksAndImages(text, linkMode),
+            handle: (text: string) =>
+              handleIncompleteLinksAndImages(text, linkMode),
           },
           // Only use early return for protocol mode (text-only won't end with the marker)
           earlyReturn: linkMode === "protocol" ? earlyReturn : undefined,

packages/remend/src/patterns.ts

@@ -12,3 +12,7 @@ export const inlineTripleBacktickPattern = /^```[^`\n]*```?$/;
 export const fourOrMoreAsterisksPattern = /^\*{4,}$/;
 export const linkImagePattern = /(!?\[)([^\]]*?)$/;
 export const incompleteLinkUrlPattern = /(!?)\[([^\]]+)\](\([^)]+)$/;
+export const halfCompleteUnderscorePattern = /(__)([^_]+)_$/;
+export const halfCompleteTildePattern = /(~~)([^~]+)~$/;
+export const doubleUnderscoreGlobalPattern = /__/g;
+export const doubleTildeGlobalPattern = /~~/g;

packages/remend/src/strikethrough-handler.ts

@@ -1,4 +1,9 @@
-import { strikethroughPattern, whitespaceOrMarkersPattern } from "./patterns";
+import {
+  doubleTildeGlobalPattern,
+  halfCompleteTildePattern,
+  strikethroughPattern,
+  whitespaceOrMarkersPattern,
+} from "./patterns";
 
 // Completes incomplete strikethrough formatting (~~)
 export const handleIncompleteStrikethrough = (text: string): string => {
@@ -16,16 +21,16 @@ export const handleIncompleteStrikethrough = (text: string): string => {
       return text;
     }
 
-    const tildePairs = (text.match(/~~/g) || []).length;
+    const tildePairs = (text.match(doubleTildeGlobalPattern) || []).length;
     if (tildePairs % 2 === 1) {
       return `${text}~~`;
     }
   } else {
     // Check for half-complete closing marker: ~~content~ should become ~~content~~
     // The pattern /(~~)([^~]*?)$/ won't match ~~content~ because it ends with ~
-    const halfCompleteMatch = text.match(/(~~)([^~]+)~$/);
+    const halfCompleteMatch = text.match(halfCompleteTildePattern);
     if (halfCompleteMatch) {
-      const tildePairs = (text.match(/~~/g) || []).length;
+      const tildePairs = (text.match(doubleTildeGlobalPattern) || []).length;
       if (tildePairs % 2 === 1) {
         return `${text}~`;
       }

packages/streamdown-code/__tests__/index.test.ts

@@ -124,10 +124,7 @@ describe("highlight error handling", () => {
       {
         code: "const x = 1;",
         language: "javascript",
-        themes: [
-          "invalid-theme-that-does-not-exist",
-          "another-invalid-theme",
-        ],
+        themes: ["invalid-theme-that-does-not-exist", "another-invalid-theme"],
       },
       callback
     );

packages/streamdown/__tests__/cjk-friendly.test.tsx

@@ -280,7 +280,9 @@ describe("CJK (Chinese, Japanese, Korean) Friendly Support (#185)", () => {
     it("splits autolinks at CJK punctuation", () => {
       const autolinkContent = "请访问 https://example.com。谢谢";
       const { container } = render(
-        <Streamdown plugins={{ cjk }}>{autolinkContent}</Streamdown>
+        <Streamdown linkSafety={{ enabled: false }} plugins={{ cjk }}>
+          {autolinkContent}
+        </Streamdown>
       );
 
       const link = container.querySelector('[data-streamdown="link"]');

packages/streamdown/__tests__/components.test.tsx

@@ -1,9 +1,21 @@
 import { render, waitFor } from "@testing-library/react";
 import React from "react";
 import { describe, expect, it } from "vitest";
+import { StreamdownContext, type StreamdownContextType } from "../index";
 import { components as importedComponents } from "../lib/components";
 import type { Options } from "../lib/markdown";
 
+const createContextValue = (
+  linkSafety?: StreamdownContextType["linkSafety"]
+): StreamdownContextType => ({
+  shikiTheme: ["github-light", "github-dark"],
+  controls: true,
+  isAnimating: false,
+  mode: "streaming",
+  mermaid: undefined,
+  linkSafety,
+});
+
 // Type assertion: we know all components are defined in our implementation
 type RequiredComponents = Required<NonNullable<Options["components"]>>;
 const components = importedComponents as RequiredComponents;
@@ -151,9 +163,11 @@ describe("Markdown Components", () => {
         throw new Error("A component not found");
       }
       const { container } = render(
-        <A href="https://example.com" node={null as any}>
-          Link text
-        </A>
+        <StreamdownContext.Provider value={createContextValue()}>
+          <A href="https://example.com" node={null as any}>
+            Link text
+          </A>
+        </StreamdownContext.Provider>
       );
       const link = container.querySelector("a");
       expect(link).toBeTruthy();
@@ -171,9 +185,11 @@ describe("Markdown Components", () => {
         throw new Error("A component not found");
       }
       const { container } = render(
-        <A href="streamdown:incomplete-link" node={null as any}>
-          Incomplete link text
-        </A>
+        <StreamdownContext.Provider value={createContextValue()}>
+          <A href="streamdown:incomplete-link" node={null as any}>
+            Incomplete link text
+          </A>
+        </StreamdownContext.Provider>
       );
       // Should render a normal anchor with data-incomplete attribute
       const link = container.querySelector('a[data-streamdown="link"]');