opentui-markdown-render 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opentui-markdown-render",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "OpenTUI Markdown renderer with optional native LaTeX math",
   "type": "module",
   "license": "MIT",

package/src/app.tsx

@@ -32,6 +32,8 @@ export type MarkdownRendererCommonProps = {
   // `cwd` looking for `opentui-markdown-render.json[c]`.
   readonly configPath?: string
   readonly themeMode?: ThemeModeSetting | (() => ThemeModeSetting | null | undefined)
+  // Host-controlled display-math enlargement. Inline formulas keep text size.
+  readonly mathScale?: number | (() => number)
   readonly cwd?: string
   // The viewer window. `enabled: false` keeps the document in the whole area.
   readonly frame?: FrameConfig | (() => FrameConfig)
@@ -97,6 +99,10 @@ export function MarkdownRenderer(props: MarkdownRendererProps) {
   }
 
   const themeModeSetting = () => (typeof props.themeMode === "function" ? props.themeMode() : props.themeMode)
+  const mathScale = () => {
+    const value = typeof props.mathScale === "function" ? props.mathScale() : props.mathScale
+    return value !== undefined && Number.isFinite(value) && value > 0 ? value : 1
+  }
   const config = createMemo<MarkdownConfig>(() => {
     const provided = typeof props.config === "function" ? props.config() : props.config
     if (provided) return provided
@@ -171,6 +177,7 @@ export function MarkdownRenderer(props: MarkdownRendererProps) {
               imageLimits={config().images}
               tableOptions={tableOptions()}
               mermaidOptions={config().mermaid}
+              mathScale={mathScale()}
               onDiagnostic={props.onDiagnostic}
               renderUnit={props.renderUnit}
             />

package/src/math/native.ts

@@ -30,10 +30,19 @@ export function loadNativeMath() {
 
 async function importNativeMath(): Promise<NativeModule | undefined> {
   if (process.platform !== "linux" || process.arch !== "x64") return undefined
-  try {
-    const file = path.join(import.meta.dir, "..", "..", "prebuilds", "linux-x64-gnu", "opentui_markdown_render.node")
-    return createRequire(import.meta.url)(file) as NativeModule
-  } catch {
-    return undefined
+  const relative = path.join("prebuilds", "linux-x64-gnu", "opentui_markdown_render.node")
+  // The first location is the published package layout. The second supports a
+  // host bundling the TypeScript implementation into its own package while
+  // copying `prebuilds` beside the generated entrypoint.
+  const candidates = [
+    path.join(import.meta.dir, "..", "..", relative),
+    path.join(import.meta.dir, relative),
+    path.join(import.meta.dir, "node_modules", "opentui-markdown-render", relative),
+  ]
+  for (const file of candidates) {
+    try {
+      return createRequire(import.meta.url)(file) as NativeModule
+    } catch {}
   }
+  return undefined
 }

package/src/view/document.tsx

@@ -30,6 +30,7 @@ export type DocumentViewProps = {
   imageLimits?: ImagesConfig
   tableOptions: ResolvedTableOptions
   mermaidOptions?: MermaidConfig
+  mathScale?: number
   onDiagnostic?: (diagnostic: { level: "warning" | "error"; message: string }) => void
   renderUnit?: RenderUnit
 }
@@ -88,7 +89,8 @@ export function DocumentView(props: DocumentViewProps) {
           labelColor={() => props.theme.markdown.image} textColor={() => props.theme.markdown.imageText}
           limits={props.imageLimits} />
         case "display-math": return <DisplayMath content={block.content} open={block.open} close={block.close}
-          maxWidth={() => columns} theme={() => props.theme} graphics={props.graphics} surface={props.surface} />
+          maxWidth={() => columns} theme={() => props.theme} graphics={props.graphics} surface={props.surface}
+          scale={() => props.mathScale ?? 1} />
         case "quote": return <box border={columns > 2 ? ["left"] : []} borderColor={props.theme.markdown.blockQuote}
           paddingLeft={columns > 2 ? 1 : 0} width="100%" flexDirection="column">
           <For each={block.blocks}>{(child) => <BlockView block={() => child}

package/src/view/math.tsx

@@ -12,6 +12,7 @@ export function DisplayMath(props: {
   surface: () => string
   theme: () => Theme
   graphics: CanvasGraphics
+  scale: () => number
 }) {
   const [failed, setFailed] = createSignal(false)
   const color = () => rgbaToHex(props.theme().text.base)
@@ -27,11 +28,12 @@ export function DisplayMath(props: {
         color: color(),
         background: props.surface(),
         cell: props.graphics.cell(),
+        scale: props.scale(),
       }),
     async (key): Promise<{ raster: MathImage } | { error: string }> => {
-      const input = JSON.parse(key) as { content: string; color: string; background: string; cell: CellSize | null }
+      const input = JSON.parse(key) as { content: string; color: string; background: string; cell: CellSize | null; scale: number }
       try {
-        const raster = await renderMathImage(input.content, true, input.color, input.background, input.cell)
+        const raster = await renderMathImage(input.content, true, input.color, input.background, input.cell, input.scale)
         return raster ? { raster } : { error: "Renderer returned no image" }
       } catch (error) {
         return { error: error instanceof Error ? error.message : String(error) }
@@ -69,7 +71,7 @@ export function DisplayMath(props: {
         <Match when={raster()}>
           <box width="100%" height={box().rows} flexShrink={0} alignItems="center" justifyContent="center">
             <image
-              id={`opentui-markdown-math-${mathImageID(props.content, true, color(), props.graphics.cell())}-${props.surface()}`}
+              id={`opentui-markdown-math-${mathImageID(props.content, true, color(), props.graphics.cell(), props.scale())}-${props.surface()}`}
               source={raster()!.png}
               fit="fit"
               protocol="auto"