@opencode-ai/ui 0.0.0-dev-18672 → 0.0.0-dev-18677

package/dist/context/marked-base.d.ts

@@ -0,0 +1,3 @@
+import { Marked } from "marked";
+export declare function createMarkdownBase(): Marked<string, string>;
+export declare function parseSmallMarkdown(text: string): string | undefined;

package/dist/context/marked-parser.d.ts

@@ -1,2 +1 @@
-import { Marked } from "marked";
-export declare function createMarkdownParser(highlight: (code: string, language: string) => string | Promise<string>): Marked<string, string>;
+export declare function createMarkdownParser(highlight: (code: string, language: string) => string | Promise<string>): import("marked").Marked<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencode-ai/ui",
-  "version": "0.0.0-dev-18672",
+  "version": "0.0.0-dev-18677",
   "type": "module",
   "license": "MIT",
   "repository": {

package/src/context/marked-base.tsx

@@ -0,0 +1,27 @@
+import { Marked } from "marked"
+
+export function createMarkdownBase() {
+  return new Marked({
+    renderer: {
+      link({ href, title, text }) {
+        const titleAttr = title ? ` title="${title}"` : ""
+        return `<a href="${href}"${titleAttr} class="external-link" target="_blank" rel="noopener noreferrer">${text}</a>`
+      },
+    },
+  })
+}
+
+let smallParser: Marked | undefined
+
+export function parseSmallMarkdown(text: string) {
+  // Any possible KaTeX delimiter stays on the worker, including escaped ones.
+  if (text.length > 1024 || text.includes("\\(") || text.includes("$$")) return
+  const parser = (smallParser ??= createMarkdownBase())
+  const tokens = parser.lexer(text)
+  let code = false
+  parser.walkTokens(tokens, (token) => {
+    if (token.type === "code") code = true
+  })
+  if (code) return
+  return parser.parser(tokens)
+}

package/src/context/marked-parser.tsx

@@ -1,20 +1,10 @@
 import katex from "katex"
-import { Marked, type MarkedExtension, type Tokens } from "marked"
+import type { MarkedExtension, Tokens } from "marked"
 import markedShiki from "marked-shiki"
+import { createMarkdownBase } from "./marked-base"
 
 export function createMarkdownParser(highlight: (code: string, language: string) => string | Promise<string>) {
-  return new Marked(
-    {
-      renderer: {
-        link({ href, title, text }) {
-          const titleAttr = title ? ` title="${title}"` : ""
-          return `<a href="${href}"${titleAttr} class="external-link" target="_blank" rel="noopener noreferrer">${text}</a>`
-        },
-      },
-    },
-    katexExtension,
-    markedShiki({ highlight }),
-  )
+  return createMarkdownBase().use(katexExtension, markedShiki({ highlight }))
 }
 
 const inlineMathRegex = /^\\\(((?:\\.|[^\\\n])*?)\\\)/

package/src/overlays/tooltip/tooltip.tsx

@@ -1,5 +1,5 @@
 import { Content, Portal, Root, Trigger } from "@kobalte/core/tooltip"
-import { createEffect, Match, onCleanup, splitProps, Switch, type JSX } from "solid-js"
+import { createEffect, Match, onCleanup, splitProps, Switch, untrack, type JSX } from "solid-js"
 import type { ComponentProps } from "solid-js"
 import { createStore } from "solid-js/store"
 import "./tooltip.css"
@@ -45,7 +45,7 @@ export function Tooltip(props: TooltipProps) {
   }
 
   const drop = (expand = state.expand) => {
-    if (expand) return
+    if (expand || !state.block) return
     if (ref?.matches(":hover")) return
     if (inside()) return
     setState("block", false)
@@ -74,7 +74,7 @@ export function Tooltip(props: TooltipProps) {
 
   createEffect(() => {
     if (!ref) return
-    sync()
+    untrack(sync)
     const obs = new MutationObserver(sync)
     obs.observe(ref, {
       subtree: true,