@fairyhunter13/opentui-core 0.1.114 → 0.1.116

package/src/lib/tree-sitter/client.test.ts

@@ -1,1165 +0,0 @@
-import { test, expect, beforeEach, afterEach, beforeAll, describe } from "bun:test"
-import { TreeSitterClient } from "./client.js"
-import { tmpdir } from "os"
-import { join } from "path"
-import { mkdir, writeFile, unlink } from "fs/promises"
-import { getDataPaths } from "../data-paths.js"
-import { getTreeSitterClient } from "./index.js"
-
-describe("TreeSitterClient", () => {
-  let client: TreeSitterClient
-  let dataPath: string
-
-  const sharedDataPath = join(tmpdir(), "tree-sitter-shared-test-data")
-
-  beforeAll(async () => {
-    await mkdir(sharedDataPath, { recursive: true })
-  })
-
-  beforeEach(async () => {
-    dataPath = sharedDataPath
-    client = new TreeSitterClient({
-      dataPath,
-    })
-  })
-
-  afterEach(async () => {
-    if (client) {
-      await client.destroy()
-    }
-  })
-
-  test("should initialize successfully", async () => {
-    await client.initialize()
-    expect(client.isInitialized()).toBe(true)
-  })
-
-  test("should preload parsers for supported filetypes", async () => {
-    await client.initialize()
-
-    const hasJavaScript = await client.preloadParser("javascript")
-    expect(hasJavaScript).toBe(true)
-
-    const hasJavaScriptReact = await client.preloadParser("javascriptreact")
-    expect(hasJavaScriptReact).toBe(true)
-
-    const hasTypeScript = await client.preloadParser("typescript")
-    expect(hasTypeScript).toBe(true)
-
-    const hasTypeScriptReact = await client.preloadParser("typescriptreact")
-    expect(hasTypeScriptReact).toBe(true)
-  })
-
-  test("should return false for unsupported filetypes", async () => {
-    await client.initialize()
-
-    const hasUnsupported = await client.preloadParser("unsupported-language")
-    expect(hasUnsupported).toBe(false)
-  })
-
-  test("should create buffer with supported filetype", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    const hasParser = await client.createBuffer(1, jsCode, "javascript")
-
-    expect(hasParser).toBe(true)
-
-    const buffer = client.getBuffer(1)
-    expect(buffer).toBeDefined()
-    expect(buffer?.hasParser).toBe(true)
-    expect(buffer?.content).toBe(jsCode)
-    expect(buffer?.filetype).toBe("javascript")
-  })
-
-  test("should create buffer without parser for unsupported filetype", async () => {
-    await client.initialize()
-
-    const content = "some random content"
-    const hasParser = await client.createBuffer(1, content, "unsupported")
-
-    expect(hasParser).toBe(false)
-
-    const buffer = client.getBuffer(1)
-    expect(buffer).toBeDefined()
-    expect(buffer?.hasParser).toBe(false)
-  })
-
-  test("should emit highlights:response event when buffer is updated", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    await client.createBuffer(1, jsCode, "javascript")
-
-    let highlightReceived = false
-    let receivedBufferId: number | undefined
-    let receivedVersion: number | undefined
-
-    client.on("highlights:response", (bufferId, version, highlights) => {
-      highlightReceived = true
-      receivedBufferId = bufferId
-      receivedVersion = version
-    })
-
-    await new Promise((resolve) => setTimeout(resolve, 100))
-
-    const newCode = 'const hello = "world";\nconst foo = 42;'
-    const edits = [
-      {
-        startIndex: jsCode.length,
-        oldEndIndex: jsCode.length,
-        newEndIndex: newCode.length,
-        startPosition: { row: 0, column: jsCode.length },
-        oldEndPosition: { row: 0, column: jsCode.length },
-        newEndPosition: { row: 1, column: 14 },
-      },
-    ]
-
-    await client.updateBuffer(1, edits, newCode, 2)
-
-    await new Promise((resolve) => setTimeout(resolve, 200))
-
-    expect(highlightReceived).toBe(true)
-    expect(receivedBufferId).toBe(1)
-    expect(receivedVersion).toBe(2)
-  })
-
-  test("should handle buffer removal", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    await client.createBuffer(1, jsCode, "javascript")
-
-    let bufferDisposed = false
-    client.on("buffer:disposed", (bufferId) => {
-      if (bufferId === 1) {
-        bufferDisposed = true
-      }
-    })
-
-    await client.removeBuffer(1)
-
-    expect(bufferDisposed).toBe(true)
-    expect(client.getBuffer(1)).toBeUndefined()
-  })
-
-  test("should handle multiple buffers", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    const tsCode = "interface Test { value: string }"
-
-    await client.createBuffer(1, jsCode, "javascript")
-    await client.createBuffer(2, tsCode, "typescript")
-
-    const buffers = client.getAllBuffers()
-    expect(buffers).toHaveLength(2)
-
-    const jsBuffer = client.getBuffer(1)
-    const tsBuffer = client.getBuffer(2)
-
-    expect(jsBuffer?.filetype).toBe("javascript")
-    expect(tsBuffer?.filetype).toBe("typescript")
-    expect(jsBuffer?.hasParser).toBe(true)
-    expect(tsBuffer?.hasParser).toBe(true)
-  })
-
-  test("should handle buffer reset", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    await client.createBuffer(1, jsCode, "javascript")
-
-    const newContent = "function test() { return 42; }"
-    await client.resetBuffer(1, 2, newContent)
-
-    const buffer = client.getBuffer(1)
-    expect(buffer?.content).toBe(newContent)
-    expect(buffer?.version).toBe(2)
-  })
-
-  test("should emit error events for invalid operations", async () => {
-    await client.initialize()
-
-    let errorReceived = false
-    let errorMessage = ""
-
-    client.on("error", (error, bufferId) => {
-      errorReceived = true
-      errorMessage = error
-    })
-
-    await client.resetBuffer(999, 1, "test")
-
-    expect(errorReceived).toBe(true)
-    expect(errorMessage).toContain("Cannot reset buffer with no parser")
-  })
-
-  test("should prevent duplicate buffer creation", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    await client.createBuffer(1, jsCode, "javascript")
-
-    await expect(client.createBuffer(1, "other code", "javascript")).rejects.toThrow("Buffer with id 1 already exists")
-  })
-
-  test("should handle performance metrics", async () => {
-    await client.initialize()
-
-    const performance = await client.getPerformance()
-    expect(performance).toBeDefined()
-    expect(typeof performance.averageParseTime).toBe("number")
-    expect(typeof performance.averageQueryTime).toBe("number")
-    expect(Array.isArray(performance.parseTimes)).toBe(true)
-    expect(Array.isArray(performance.queryTimes)).toBe(true)
-  })
-
-  test("should handle concurrent buffer operations", async () => {
-    await client.initialize()
-
-    const promises = []
-
-    for (let i = 0; i < 5; i++) {
-      const code = `const var${i} = ${i};`
-      promises.push(client.createBuffer(i, code, "javascript"))
-    }
-
-    const results = await Promise.all(promises)
-    expect(results.every((result) => result === true)).toBe(true)
-
-    const buffers = client.getAllBuffers()
-    expect(buffers).toHaveLength(5)
-  })
-
-  test("should clean up resources on destroy", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    await client.createBuffer(1, jsCode, "javascript")
-
-    expect(client.getAllBuffers()).toHaveLength(1)
-
-    await client.destroy()
-
-    expect(client.isInitialized()).toBe(false)
-    expect(client.getAllBuffers()).toHaveLength(0)
-  })
-
-  test("should perform one-shot highlighting", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";\nfunction test() { return 42; }'
-    const result = await client.highlightOnce(jsCode, "javascript")
-
-    expect(result.highlights).toBeDefined()
-    expect(result.highlights!.length).toBeGreaterThan(0)
-
-    const firstHighlight = result.highlights![0]
-    expect(Array.isArray(firstHighlight)).toBe(true)
-    expect(firstHighlight).toHaveLength(3)
-    expect(typeof firstHighlight[0]).toBe("number")
-    expect(typeof firstHighlight[1]).toBe("number")
-    expect(typeof firstHighlight[2]).toBe("string")
-
-    const groups = result.highlights!.map((hl) => hl[2])
-    expect(groups.length).toBeGreaterThan(0)
-    expect(groups).toContain("keyword")
-  })
-
-  test("should handle one-shot highlighting for unsupported filetype", async () => {
-    await client.initialize()
-
-    const result = await client.highlightOnce("some content", "unsupported-lang")
-
-    expect(result.highlights).toBeUndefined()
-    expect(result.warning).toContain("No parser available for filetype unsupported-lang")
-  }, 5000)
-
-  test("should perform multiple one-shot highlights independently", async () => {
-    await client.initialize()
-
-    const jsCode = 'const hello = "world";'
-    const tsCode = "interface Test { value: string }"
-
-    const [jsResult, tsResult] = await Promise.all([
-      client.highlightOnce(jsCode, "javascript"),
-      client.highlightOnce(tsCode, "typescript"),
-    ])
-
-    expect(jsResult.highlights).toBeDefined()
-    expect(tsResult.highlights).toBeDefined()
-    expect(jsResult.highlights!.length).toBeGreaterThan(0)
-    expect(tsResult.highlights!.length).toBeGreaterThan(0)
-
-    jsResult.highlights!.forEach((hl) => {
-      expect(Array.isArray(hl)).toBe(true)
-      expect(hl).toHaveLength(3)
-    })
-
-    tsResult.highlights!.forEach((hl) => {
-      expect(Array.isArray(hl)).toBe(true)
-      expect(hl).toHaveLength(3)
-    })
-
-    expect(client.getAllBuffers()).toHaveLength(0)
-  })
-
-  test("should perform one-shot highlighting for react parser aliases", async () => {
-    await client.initialize()
-
-    const jsxCode = 'const view = <div className="card">hello</div>'
-    const tsxCode = 'const view: JSX.Element = <div className="card">hello</div>'
-
-    const [jsxResult, tsxResult] = await Promise.all([
-      client.highlightOnce(jsxCode, "javascriptreact"),
-      client.highlightOnce(tsxCode, "typescriptreact"),
-    ])
-
-    expect(jsxResult.highlights).toBeDefined()
-    expect(tsxResult.highlights).toBeDefined()
-    expect(jsxResult.highlights!.length).toBeGreaterThan(0)
-    expect(tsxResult.highlights!.length).toBeGreaterThan(0)
-
-    const jsxGroups = jsxResult.highlights!.map((hl) => hl[2])
-    const tsxGroups = tsxResult.highlights!.map((hl) => hl[2])
-
-    expect(jsxGroups).toContain("keyword")
-    expect(tsxGroups).toContain("keyword")
-  })
-
-  test("should handle Devanagari characters and highlight ranges after them correctly", async () => {
-    await client.initialize()
-
-    const jsCode = 'const greeting = "नमस्ते";\nconst x = 42;'
-    const result = await client.highlightOnce(jsCode, "javascript")
-
-    expect(result.highlights).toBeDefined()
-    expect(result.highlights!.length).toBeGreaterThan(0)
-
-    const keywordHighlights = result.highlights!.filter((hl) => hl[2] === "keyword")
-    expect(keywordHighlights.length).toBeGreaterThanOrEqual(2)
-
-    const constHighlights = keywordHighlights.filter((hl) => {
-      const text = jsCode.substring(hl[0], hl[1])
-      return text === "const"
-    })
-
-    expect(constHighlights).toHaveLength(2)
-
-    const firstConst = constHighlights[0]
-    const secondConst = constHighlights[1]
-
-    expect(jsCode.substring(firstConst[0], firstConst[1])).toBe("const")
-    expect(jsCode.substring(secondConst[0], secondConst[1])).toBe("const")
-
-    expect(firstConst[0]).toBe(0)
-    expect(firstConst[1]).toBe(5)
-
-    expect(secondConst[0]).toBeGreaterThan(firstConst[1])
-    const textBetween = jsCode.substring(firstConst[1], secondConst[0])
-    expect(textBetween).toContain("नमस्ते")
-
-    const numberHighlight = result.highlights!.find((hl) => {
-      const text = jsCode.substring(hl[0], hl[1])
-      return text === "42" && hl[2] === "number"
-    })
-
-    expect(numberHighlight).toBeDefined()
-    if (numberHighlight) {
-      const [start, end] = numberHighlight
-      const actualText = jsCode.substring(start, end)
-      expect(actualText).toBe("42")
-
-      const secondLine = jsCode.split("\n")[1]
-      const secondLineStart = jsCode.indexOf(secondLine)
-      const expectedStart = secondLineStart + secondLine.indexOf("42")
-      expect(start).toBe(expectedStart)
-    }
-  })
-
-  test("should support local file paths for parser configuration", async () => {
-    const testQueryPath = join(dataPath, `test-highlights-${Date.now()}.scm`)
-    const simpleQuery = "(identifier) @variable"
-    await writeFile(testQueryPath, simpleQuery, "utf8")
-
-    try {
-      client.addFiletypeParser({
-        filetype: "test-lang",
-        aliases: ["test-lang-react"],
-        queries: {
-          highlights: [testQueryPath],
-        },
-        wasm: "https://github.com/tree-sitter/tree-sitter-javascript/releases/download/v0.23.1/tree-sitter-javascript.wasm",
-      })
-
-      await client.initialize()
-
-      const hasParser = await client.preloadParser("test-lang")
-      expect(hasParser).toBe(true)
-
-      const hasAliasParser = await client.preloadParser("test-lang-react")
-      expect(hasAliasParser).toBe(true)
-
-      const testCode = "const myVariable = 42;"
-      const result = await client.highlightOnce(testCode, "test-lang")
-      const aliasResult = await client.highlightOnce(testCode, "test-lang-react")
-
-      expect(result.highlights).toBeDefined()
-      expect(aliasResult.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-      expect(aliasResult.error).toBeUndefined()
-      expect(result.warning).toBeUndefined()
-      expect(aliasResult.warning).toBeUndefined()
-    } finally {
-      try {
-        await unlink(testQueryPath)
-      } catch (e) {
-        // Ignore cleanup errors
-      }
-    }
-  })
-
-  test("should handle concurrent highlightOnce calls efficiently (no duplicate parser loading)", async () => {
-    const freshClient = new TreeSitterClient({ dataPath })
-    const workerLogs: string[] = []
-
-    freshClient.on("worker:log", (logType, message) => {
-      if (message.includes("Loading from local path:")) {
-        workerLogs.push(message)
-      }
-    })
-
-    try {
-      await freshClient.initialize()
-
-      const jsCode = 'const hello = "world"; function test() { return 42; }'
-      const promises = Array.from({ length: 5 }, () => freshClient.highlightOnce(jsCode, "javascript"))
-
-      const results = await Promise.all(promises)
-
-      for (const result of results) {
-        expect(result.highlights).toBeDefined()
-        expect(result.highlights!.length).toBeGreaterThan(0)
-        expect(result.error).toBeUndefined()
-      }
-
-      const firstResult = results[0]
-      for (let i = 1; i < results.length; i++) {
-        expect(results[i].highlights).toEqual(firstResult.highlights)
-      }
-
-      await new Promise((resolve) => setTimeout(resolve, 100))
-
-      const languageLoadLogs = workerLogs.filter((log) => log.includes("tree-sitter-javascript.wasm"))
-      const queryLoadLogs = workerLogs.filter((log) => log.includes("highlights.scm"))
-
-      expect(languageLoadLogs.length).toBeLessThanOrEqual(1)
-      expect(queryLoadLogs.length).toBeLessThanOrEqual(1)
-    } finally {
-      await freshClient.destroy()
-    }
-  })
-
-  test("should reuse canonical parser assets for aliased filetypes", async () => {
-    const freshClient = new TreeSitterClient({ dataPath })
-    const workerLogs: string[] = []
-
-    freshClient.on("worker:log", (_logType, message) => {
-      if (message.includes("Loading from local path:")) {
-        workerLogs.push(message)
-      }
-    })
-
-    try {
-      await freshClient.initialize()
-
-      const jsxCode = 'const view = <div className="card">hello</div>'
-      const [canonicalResult, aliasResult] = await Promise.all([
-        freshClient.highlightOnce(jsxCode, "javascript"),
-        freshClient.highlightOnce(jsxCode, "javascriptreact"),
-      ])
-
-      expect(canonicalResult.highlights).toBeDefined()
-      expect(aliasResult.highlights).toBeDefined()
-      expect(canonicalResult.error).toBeUndefined()
-      expect(aliasResult.error).toBeUndefined()
-
-      await new Promise((resolve) => setTimeout(resolve, 100))
-
-      const languageLoadLogs = workerLogs.filter((log) => log.includes("tree-sitter-javascript.wasm"))
-      const queryLoadLogs = workerLogs.filter((log) => log.includes("/assets/javascript/highlights.scm"))
-
-      expect(languageLoadLogs.length).toBeLessThanOrEqual(1)
-      expect(queryLoadLogs.length).toBeLessThanOrEqual(1)
-      expect(workerLogs.some((log) => log.includes("javascriptreact"))).toBe(false)
-    } finally {
-      await freshClient.destroy()
-    }
-  })
-})
-
-describe("TreeSitterClient Injections", () => {
-  let dataPath: string
-
-  const injectionsDataPath = join(tmpdir(), "tree-sitter-injections-test-data")
-
-  beforeAll(async () => {
-    await mkdir(injectionsDataPath, { recursive: true })
-  })
-
-  beforeEach(async () => {
-    dataPath = injectionsDataPath
-  })
-
-  test("should highlight inline code in markdown using markdown_inline injection", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Hello World
-
-The \`CodeRenderable\` component provides syntax highlighting.
-
-You can use \`const x = 42\` in your code.`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.highlights!.length).toBeGreaterThan(0)
-
-      const groups = result.highlights!.map((hl) => hl[2])
-      const hasInlineCodeHighlights = groups.some((g) => g.includes("markup.raw"))
-
-      expect(hasInlineCodeHighlights).toBe(true)
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should highlight code blocks in markdown using language-specific injection", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Code Example
-
-\`\`\`typescript
-const hello: string = "world";
-function test() { return 42; }
-\`\`\`
-
-Some text here.`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.highlights!.length).toBeGreaterThan(0)
-
-      const groups = result.highlights!.map((hl) => hl[2])
-      const hasTypeScriptHighlights = groups.some((g) => g === "keyword" || g === "type" || g === "function")
-
-      expect(hasTypeScriptHighlights).toBe(true)
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should highlight tsx code blocks in markdown using language-specific injection", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Code Example
-
-\`\`\`tsx
-const view: JSX.Element = <div>Hello</div>;
-\`\`\`
-
-Some text here.`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.highlights!.length).toBeGreaterThan(0)
-
-      const constHighlight = result.highlights!.find((hl) => {
-        const text = markdownCode.substring(hl[0], hl[1])
-        return text === "const" && hl[2] === "keyword"
-      })
-
-      expect(constHighlight).toBeDefined()
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should return correct offsets for injected code in markdown code blocks", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Title\n\n\`\`\`typescript\nconst x = 42;\n\`\`\``
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.highlights!.length).toBeGreaterThan(0)
-
-      const constHighlight = result.highlights!.find((hl) => {
-        const text = markdownCode.substring(hl[0], hl[1])
-        return text === "const" && hl[2] === "keyword"
-      })
-
-      expect(constHighlight).toBeDefined()
-      if (constHighlight) {
-        const [start, end, group] = constHighlight
-        const text = markdownCode.substring(start, end)
-
-        expect(text).toBe("const")
-        expect(group).toBe("keyword")
-        expect(start).toBe(23)
-        expect(end).toBe(28)
-      }
-
-      const numberHighlight = result.highlights!.find((hl) => {
-        const text = markdownCode.substring(hl[0], hl[1])
-        return text === "42" && hl[2] === "number"
-      })
-
-      expect(numberHighlight).toBeDefined()
-      if (numberHighlight) {
-        const [start, end, group] = numberHighlight
-        const text = markdownCode.substring(start, end)
-
-        expect(text).toBe("42")
-        expect(group).toBe("number")
-        expect(start).toBe(33)
-        expect(end).toBe(35)
-      }
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should return highlights sorted by start offset for injected code", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Documentation
-
-Some text with \`inline code\` here.
-
-\`\`\`typescript
-const first = 1;
-const second = 2;
-\`\`\`
-
-More text with \`another inline\` code.
-
-\`\`\`javascript
-function test() {
-  return 42;
-}
-\`\`\``
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.highlights!.length).toBeGreaterThan(0)
-
-      for (let i = 1; i < result.highlights!.length; i++) {
-        const prevStart = result.highlights![i - 1][0]
-        const currStart = result.highlights![i][0]
-        expect(currStart).toBeGreaterThanOrEqual(prevStart)
-      }
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should handle markdown with injections and return valid highlights", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Heading
-
-Some **bold** text with \`inline code\`.
-
-\`\`\`typescript
-const x: string = "hello";
-\`\`\`
-
-[Link text](https://example.com)`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.highlights!.length).toBeGreaterThan(0)
-
-      const overlaps: Array<[number, number]> = []
-      for (let i = 0; i < result.highlights!.length; i++) {
-        for (let j = i + 1; j < result.highlights!.length; j++) {
-          const [start1, end1] = result.highlights![i]
-          const [start2, end2] = result.highlights![j]
-
-          if (start2 < end1) {
-            overlaps.push([i, j])
-          }
-        }
-      }
-
-      expect(overlaps.length).toBeGreaterThanOrEqual(0)
-
-      const injectionHighlights = result.highlights!.filter((hl) => hl[2].includes("injection"))
-      expect(injectionHighlights).toBeDefined()
-
-      const concealHighlights = result.highlights!.filter((hl) => hl[2] === "conceal")
-      expect(concealHighlights).toBeDefined()
-
-      const blockHighlights = result.highlights!.filter((hl) => hl[2] === "markup.raw.block")
-      expect(blockHighlights).toBeDefined()
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should handle fast concurrent markdown highlighting requests with injections", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    const errors: string[] = []
-    client.on("error", (error) => {
-      errors.push(error)
-    })
-
-    client.on("worker:log", (logType, message) => {
-      if (logType === "error") {
-        errors.push(message)
-      }
-    })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# OpenTUI Documentation
-
-## Getting Started
-
-OpenTUI is a modern terminal UI framework built on **tree-sitter** and WebGPU.
-
-### Installation
-
-\`\`\`bash
-bun install opentui
-\`\`\`
-
-### Quick Example
-
-\`\`\`typescript
-import { createCliRenderer, BoxRenderable } from 'opentui';
-
-const renderer = await createCliRenderer();
-const box = new BoxRenderable(renderer, {
-  border: true,
-  title: "Hello World"
-});
-renderer.root.add(box);
-\`\`\`
-
-The \`CodeRenderable\` component provides syntax highlighting.
-
-| Property | Type | Description |
-|----------|------|-------------|
-| content | string | Code to display |
-| filetype | string | Language type |`
-
-      const jsCode = `function test() {
-  const hello = "world";
-  return hello;
-}`
-
-      const tsCode = `interface User {
-  name: string;
-  age: number;
-}
-
-const user: User = { name: "Alice", age: 25 };`
-
-      const promises = []
-      for (let i = 0; i < 5; i++) {
-        promises.push(client.highlightOnce(markdownCode, "markdown"))
-      }
-
-      const results = await Promise.allSettled(promises)
-
-      for (let i = 0; i < results.length; i++) {
-        const result = results[i]
-        if (result.status === "fulfilled") {
-          expect(result.value.error).toBeUndefined()
-          expect(result.value.highlights).toBeDefined()
-        } else {
-          throw new Error(`Request ${i} was rejected: ${result.reason}`)
-        }
-      }
-
-      await new Promise((resolve) => setTimeout(resolve, 500))
-
-      const hasMemoryErrors = errors.some((err) => err.includes("Out of bounds memory access"))
-      expect(hasMemoryErrors).toBe(false)
-    } finally {
-      await client.destroy()
-    }
-  }, 15000)
-})
-
-describe("TreeSitterClient Conceal Values", () => {
-  let dataPath: string
-
-  const concealDataPath = join(tmpdir(), "tree-sitter-conceal-test-data")
-
-  beforeAll(async () => {
-    await mkdir(concealDataPath, { recursive: true })
-  })
-
-  beforeEach(async () => {
-    dataPath = concealDataPath
-  })
-
-  test("should return conceal values from normal (non-injected) queries", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `![Image Alt Text](https://example.com/image.png)`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-
-      const concealedHighlights = result.highlights!.filter((hl) => {
-        const meta = (hl as any)[3]
-        return meta && meta.conceal !== undefined
-      })
-
-      expect(concealedHighlights.length).toBeGreaterThan(0)
-
-      concealedHighlights.forEach((hl) => {
-        const meta = (hl as any)[3]
-        expect(meta.conceal).toBeDefined()
-      })
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should return conceal values from injected queries (markdown_inline)", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `Here is a [link](https://example.com) in text.`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-
-      const concealedHighlights = result.highlights!.filter((hl) => {
-        const meta = (hl as any)[3]
-        return meta && meta.conceal !== undefined
-      })
-
-      expect(concealedHighlights.length).toBeGreaterThan(0)
-
-      concealedHighlights.forEach((hl) => {
-        const meta = (hl as any)[3]
-        expect(meta.conceal).toBeDefined()
-        expect(meta.isInjection).toBeDefined()
-      })
-
-      const closingBracketHighlight = concealedHighlights.find((hl) => {
-        const text = markdownCode.substring(hl[0], hl[1])
-        const meta = (hl as any)[3]
-        return text === "]" && meta.conceal !== ""
-      })
-
-      if (closingBracketHighlight) {
-        const meta = (closingBracketHighlight as any)[3]
-        expect(meta.conceal).toBeDefined()
-      }
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should distinguish conceal values between normal and injected queries", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `Here is a [link](https://example.com) and ![image](https://example.com/img.png).`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-
-      const concealedHighlights = result.highlights!.filter((hl) => {
-        const meta = (hl as any)[3]
-        return meta && meta.conceal !== undefined
-      })
-
-      expect(concealedHighlights.length).toBeGreaterThan(0)
-
-      const normalConceal = concealedHighlights.filter((hl) => {
-        const meta = (hl as any)[3]
-        return !meta.isInjection
-      })
-
-      const injectedConceal = concealedHighlights.filter((hl) => {
-        const meta = (hl as any)[3]
-        return meta.isInjection
-      })
-
-      expect(injectedConceal.length).toBeGreaterThan(0)
-
-      injectedConceal.forEach((hl) => {
-        const meta = (hl as any)[3]
-        expect(meta.conceal).toBeDefined()
-        expect(meta.isInjection).toBe(true)
-      })
-
-      concealedHighlights.forEach((hl) => {
-        const meta = (hl as any)[3]
-        expect(meta.conceal).toBeDefined()
-        expect(typeof meta.isInjection).toBe("boolean")
-      })
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should handle pattern index lookups correctly for injections", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `A [link](url) here.`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-
-      const concealedHighlights = result.highlights!.filter((hl) => {
-        const meta = (hl as any)[3]
-        return meta && meta.conceal !== undefined
-      })
-
-      expect(concealedHighlights.length).toBeGreaterThan(0)
-
-      concealedHighlights.forEach((hl) => {
-        const meta = (hl as any)[3]
-        expect(meta.conceal).toBeDefined()
-      })
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should handle multiple injected languages with different conceal patterns", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `# Title
-
-Inline \`code\` and a [link](url) here.
-
-\`\`\`typescript
-const x = 42;
-\`\`\`
-
-More text with ![image](img.png) and **bold**.`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-
-      const concealedHighlights = result.highlights!.filter((hl) => {
-        const meta = (hl as any)[3]
-        return meta && meta.conceal !== undefined
-      })
-
-      expect(concealedHighlights.length).toBeGreaterThan(0)
-
-      const byLang = new Map<string, any[]>()
-      concealedHighlights.forEach((hl) => {
-        const meta = (hl as any)[3]
-        const lang = meta.isInjection ? meta.injectionLang || "injected" : "normal"
-        if (!byLang.has(lang)) {
-          byLang.set(lang, [])
-        }
-        byLang.get(lang)!.push(hl)
-      })
-
-      expect(byLang.size).toBeGreaterThan(0)
-
-      byLang.forEach((highlights) => {
-        expect(highlights.length).toBeGreaterThan(0)
-        highlights.forEach((hl: any) => {
-          const meta = hl[3]
-          expect(meta.conceal).toBeDefined()
-        })
-      })
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-
-  test("should preserve non-empty conceal replacements like space character", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    try {
-      await client.initialize()
-
-      const markdownCode = `Check [this link](https://example.com) out!`
-
-      const result = await client.highlightOnce(markdownCode, "markdown")
-
-      expect(result.highlights).toBeDefined()
-      expect(result.error).toBeUndefined()
-
-      const closingBracket = result.highlights!.find((hl) => {
-        const text = markdownCode.substring(hl[0], hl[1])
-        const meta = (hl as any)[3]
-        return text === "]" && hl[2] === "conceal" && meta?.conceal !== undefined
-      })
-
-      if (closingBracket) {
-        const meta = (closingBracket as any)[3]
-        expect(meta).toBeDefined()
-        expect(meta.conceal).toBeDefined()
-        expect(meta.conceal).toBe(" ")
-        expect(meta.conceal.length).toBeGreaterThan(0)
-      }
-    } finally {
-      await client.destroy()
-    }
-  }, 10000)
-})
-
-describe("TreeSitterClient Edge Cases", () => {
-  let dataPath: string
-
-  const edgeCaseDataPath = join(tmpdir(), "tree-sitter-edge-case-test-data")
-
-  beforeAll(async () => {
-    await mkdir(edgeCaseDataPath, { recursive: true })
-  })
-
-  beforeEach(async () => {
-    dataPath = edgeCaseDataPath
-  })
-
-  test("should handle initialization timeout", async () => {
-    const client = new TreeSitterClient({
-      dataPath,
-      workerPath: "invalid-path",
-      initTimeout: 500,
-    })
-
-    await expect(client.initialize()).rejects.toThrow(/Worker error|Worker initialization timed out/)
-
-    await client.destroy()
-  })
-
-  test("should handle operations before initialization", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    expect(client.isInitialized()).toBe(false)
-    expect(client.getAllBuffers()).toHaveLength(0)
-    expect(client.getBuffer(1)).toBeUndefined()
-
-    await client.destroy()
-  })
-
-  test("should handle destroy() during pending initialization", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    // Start init but don't await
-    const initPromise = client.initialize()
-
-    // Immediately destroy
-    await client.destroy()
-
-    // Init promise should reject with specific error
-    await expect(initPromise).rejects.toThrow("Client destroyed during initialization")
-
-    expect(client.isInitialized()).toBe(false)
-  })
-
-  test("should handle worker errors gracefully", async () => {
-    const client = new TreeSitterClient({ dataPath })
-
-    let errorReceived = false
-    client.on("error", () => {
-      errorReceived = true
-    })
-
-    const hasParser = await client.createBuffer(1, "test", "javascript", 1, false)
-    expect(hasParser).toBe(false)
-    expect(errorReceived).toBe(true)
-
-    await client.destroy()
-  })
-
-  test("should handle data path changes with reactive getTreeSitterClient", async () => {
-    const dataPathsManager = getDataPaths()
-    const originalAppName = dataPathsManager.appName
-    let client: any
-
-    try {
-      client = getTreeSitterClient()
-      await client.initialize()
-
-      const initialDataPath = dataPathsManager.globalDataPath
-
-      dataPathsManager.appName = "test-app-changed"
-
-      await new Promise((resolve) => setTimeout(resolve, 100))
-
-      const newDataPath = dataPathsManager.globalDataPath
-      expect(newDataPath).not.toBe(initialDataPath)
-      expect(newDataPath).toContain("test-app-changed")
-
-      if (!client.isInitialized()) {
-        await client.initialize()
-      }
-
-      const hasParser = await client.preloadParser("javascript")
-      expect(hasParser).toBe(true)
-    } finally {
-      if (client) {
-        await client.destroy()
-      }
-
-      dataPathsManager.appName = originalAppName
-    }
-  })
-})