From b06a7ac42193cbf96699d8a164b5a189e54e8c9f Mon Sep 17 00:00:00 2001
From: hj <to@shj.rip>
Date: Thu, 21 May 2026 19:47:09 +0900
Subject: [PATCH 1/2] fix: avoid quadratic html-tag scan in ignoreHtmlTag

---
 packages/text-vide/src/useCheckIsHtmlTag.ts | 41 +++++++++++++++++++--
 1 file changed, 37 insertions(+), 4 deletions(-)

diff --git a/packages/text-vide/src/useCheckIsHtmlTag.ts b/packages/text-vide/src/useCheckIsHtmlTag.ts
index c8af6f7..2692d73 100644
--- a/packages/text-vide/src/useCheckIsHtmlTag.ts
+++ b/packages/text-vide/src/useCheckIsHtmlTag.ts
@@ -1,10 +1,43 @@
-import { extractMatchRangeList } from './utils';
+import { MatchRange } from './utils';
 
-const HTML_TAG_REGEX = /<!--[^]*?-->|<[^>]+>/g;
+const getHtmlTagRangeList = (text: string): MatchRange[] => {
+  const htmlTagRangeList: MatchRange[] = [];
+  let cursor = 0;
+
+  while (cursor < text.length) {
+    const openIndex = text.indexOf('<', cursor);
+    if (openIndex === -1) {
+      break;
+    }
+
+    if (text.startsWith('<!--', openIndex)) {
+      const closeIndex = text.indexOf('-->', openIndex + 4);
+      if (closeIndex === -1) {
+        break;
+      }
+
+      htmlTagRangeList.push([openIndex, closeIndex + 2]);
+      cursor = closeIndex + 3;
+      continue;
+    }
+
+    const closeIndex = text.indexOf('>', openIndex + 1);
+    if (closeIndex === -1) {
+      break;
+    }
+
+    if (closeIndex > openIndex + 1) {
+      htmlTagRangeList.push([openIndex, closeIndex]);
+    }
+
+    cursor = closeIndex + 1;
+  }
+
+  return htmlTagRangeList;
+};
 
 export const useCheckIsHtmlTag = (text: string) => {
-  const htmlTagMatchList = text.matchAll(HTML_TAG_REGEX);
-  const htmlTagRangeList = extractMatchRangeList(htmlTagMatchList);
+  const htmlTagRangeList = getHtmlTagRangeList(text);
   const reversedHtmlTagRangeList = htmlTagRangeList.reverse();
 
   return (match: RegExpMatchArray) => {

From 9a9146546b9db2fbb4fb7e4a141d371d70606823 Mon Sep 17 00:00:00 2001
From: shj <to@shj.rip>
Date: Thu, 28 May 2026 18:31:15 +0900
Subject: [PATCH 2/2] fix: preserve tag recognition after unterminated HTML
 comments

- Export MatchRange from utils so useCheckIsHtmlTag's import resolves
  (fixes TS2305 during vite-plugin-dts declaration emit).
- Fall through to normal <...> scan when <!-- has no matching -->
  instead of aborting the loop, restoring the original regex behavior.
- Add regression tests for unterminated comments, lone <!--, and empty <>.
---
 .../text-vide/src/__tests__/index.test.ts     | 24 +++++++++++++++++++
 packages/text-vide/src/useCheckIsHtmlTag.ts   | 15 ++++++------
 packages/text-vide/src/utils.ts               |  4 +++-
 3 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/packages/text-vide/src/__tests__/index.test.ts b/packages/text-vide/src/__tests__/index.test.ts
index ab3e68f..c5e53fb 100644
--- a/packages/text-vide/src/__tests__/index.test.ts
+++ b/packages/text-vide/src/__tests__/index.test.ts
@@ -321,6 +321,30 @@ describe('with html tags', () => {
     expect(textVide(text)).toBe(expected);
   });
 
+  it('preserves tag ranges after an unterminated HTML comment opener', () => {
+    const text = 'aa <!-- bb <div>cd</div>';
+    const expected = '<b>a</b>a <!-- bb <div><b>c</b>d</div>';
+    expect(textVide(text)).toBe(expected);
+  });
+
+  it('continues highlighting after an unterminated comment with multiple tags', () => {
+    const text = 'x <!-- unterminated <div>ab</div> yy <i>cd</i>';
+    const expected =
+      'x <!-- unterminated <div><b>a</b>b</div> <b>y</b>y <i><b>c</b>d</i>';
+    expect(textVide(text)).toBe(expected);
+  });
+
+  it('treats an unterminated comment opener like a regular tag opener', () => {
+    const text = 'a <!-- foo';
+    const expected = 'a <!-- <b>fo</b>o';
+    expect(textVide(text)).toBe(expected);
+  });
+
+  it('ignores empty angle brackets', () => {
+    const text = '<>';
+    expect(textVide(text)).toBe('<>');
+  });
+
   it('complex html tags', () => {
     const text = `<div class="bionic-reader-container">
             
diff --git a/packages/text-vide/src/useCheckIsHtmlTag.ts b/packages/text-vide/src/useCheckIsHtmlTag.ts
index 2692d73..8b334ce 100644
--- a/packages/text-vide/src/useCheckIsHtmlTag.ts
+++ b/packages/text-vide/src/useCheckIsHtmlTag.ts
@@ -11,14 +11,15 @@ const getHtmlTagRangeList = (text: string): MatchRange[] => {
     }
 
     if (text.startsWith('<!--', openIndex)) {
-      const closeIndex = text.indexOf('-->', openIndex + 4);
-      if (closeIndex === -1) {
-        break;
+      const commentCloseIndex = text.indexOf('-->', openIndex + 4);
+      if (commentCloseIndex !== -1) {
+        htmlTagRangeList.push([openIndex, commentCloseIndex + 2]);
+        cursor = commentCloseIndex + 3;
+        continue;
       }
-
-      htmlTagRangeList.push([openIndex, closeIndex + 2]);
-      cursor = closeIndex + 3;
-      continue;
+      // Unterminated `<!--`: fall through and treat the `<` as a normal
+      // tag opener so subsequent tags are still recognized (matches the
+      // behavior of the previous `/<!--[^]*?-->|<[^>]+>/g` regex).
     }
 
     const closeIndex = text.indexOf('>', openIndex + 1);
diff --git a/packages/text-vide/src/utils.ts b/packages/text-vide/src/utils.ts
index f74e9b1..1db0e6d 100644
--- a/packages/text-vide/src/utils.ts
+++ b/packages/text-vide/src/utils.ts
@@ -1,6 +1,8 @@
+export type MatchRange = [number, number];
+
 export const extractMatchRangeList = (
   matchList: IterableIterator<RegExpMatchArray>,
-) =>
+): MatchRange[] =>
   Array.from(matchList).map(match => {
     const startIndex = match.index!;
     const [matchedWord] = match;