termcast 1.3.48 → 1.3.49

package/src/markdown-utils.tsx

@@ -18,9 +18,12 @@ import {
   createTextAttributes,
   type Renderable,
   type RenderContext,
+  type SyntaxStyle,
 } from '@opentui/core'
+import { Lexer } from 'marked'
 import { getResolvedTheme } from './themes'
 import { useStore } from './state'
+import { TableRenderable, type TableCellContent } from 'termcast/src/components/table'
 
 // Minimal token types from marked (dependency of opentui, not termcast directly)
 interface Token {
@@ -29,10 +32,19 @@ interface Token {
   raw?: string
   href?: string
   tokens?: Token[]
+  // Table-specific fields (from marked Tokens.Table)
+  header?: TableCell[]
+  rows?: TableCell[][]
+}
+
+interface TableCell {
+  text: string
+  tokens: Token[]
 }
 
 // Matches RenderNodeContext from @opentui/core/renderables/Markdown
 interface RenderNodeContext {
+  syntaxStyle: SyntaxStyle
   defaultRender: () => Renderable | null
 }
 
@@ -53,7 +65,9 @@ function hasLinks(token: Token): boolean {
 
 // Recursively flatten inline tokens into chunks, stripping link URLs.
 // Handles nested structures like **[link](url)** or *[link](url)*.
-function flattenInlineTokens({
+// Exported so the standalone <Table> component can reuse this for
+// parsing inline markdown in cell strings.
+export function flattenInlineTokens({
   tokens,
   chunks,
   links,
@@ -150,6 +164,51 @@ export function createMarkdownRenderNode(renderer: RenderContext): (token: Token
   let nodeCounter = 0
 
   return (token: Token, context: RenderNodeContext) => {
+    // Override table tokens with our custom borderless TableRenderable
+    // (header background + alternating row stripes instead of ASCII borders).
+    // Converts inline markdown tokens (bold, italic, code, links) into
+    // StyledText so formatting is preserved in table cells.
+    if (token.type === 'table' && token.header && token.rows) {
+      const themeName = useStore.getState().currentThemeName
+      const theme = getResolvedTheme(themeName)
+      const primaryColor = parseColor(theme.primary)
+      const linkColor = parseColor(theme.markdownLinkText)
+      const textColor = parseColor(theme.text)
+
+      const cellToStyledText = (tokens: Token[] | undefined): TableCellContent => {
+        if (!tokens || tokens.length === 0) {
+          return new StyledText([{ __isChunk: true, text: ' ', fg: textColor }])
+        }
+        const chunks: TextChunk[] = []
+        const links: LinkInfo[] = []
+        flattenInlineTokens({ tokens, chunks, links, primaryColor, linkColor, textColor })
+        if (chunks.length === 0) {
+          return new StyledText([{ __isChunk: true, text: ' ', fg: textColor }])
+        }
+        return new StyledText(chunks)
+      }
+
+      const headers = token.header.map((cell) => {
+        return cellToStyledText(cell.tokens)
+      })
+      const rows = token.rows.map((row) => {
+        return row.map((cell) => {
+          return cellToStyledText(cell.tokens)
+        })
+      })
+      if (headers.length === 0 || rows.length === 0) {
+        return undefined
+      }
+      return new TableRenderable(renderer, {
+        id: `table-${nodeCounter++}`,
+        headers,
+        rows,
+        syntaxStyle: context.syntaxStyle,
+        width: '100%',
+        marginBottom: 1,
+      })
+    }
+
     // Only override paragraphs that contain links (including nested)
     if (token.type !== 'paragraph' || !hasLinks(token)) {
       return undefined // use default rendering
@@ -180,3 +239,25 @@ export function createMarkdownRenderNode(renderer: RenderContext): (token: Token
     })
   }
 }
+
+// Parse a raw string containing inline markdown (bold, italic, code,
+// links, strikethrough) into a StyledText. Uses marked's inline lexer
+// to tokenize, then flattenInlineTokens to produce styled chunks.
+// If the string contains no markdown syntax, returns a plain StyledText.
+export function parseInlineMarkdown(text: string): StyledText {
+  const themeName = useStore.getState().currentThemeName
+  const theme = getResolvedTheme(themeName)
+  const primaryColor = parseColor(theme.primary)
+  const linkColor = parseColor(theme.markdownLinkText)
+  const textColor = parseColor(theme.text)
+
+  const tokens = new Lexer().inlineTokens(text) as Token[]
+  const chunks: TextChunk[] = []
+  const links: LinkInfo[] = []
+  flattenInlineTokens({ tokens, chunks, links, primaryColor, linkColor, textColor })
+
+  if (chunks.length === 0) {
+    return new StyledText([{ __isChunk: true, text: ' ', fg: textColor }])
+  }
+  return new StyledText(chunks)
+}

package/src/opentui.tsx

@@ -0,0 +1,5 @@
+export * from '@opentui/core'
+export * from '@opentui/react'
+// Disambiguate names exported by both core and react (type-only to avoid
+// runtime errors when the JS bundle doesn't actually export the name)
+export type { RenderableConstructor } from '@opentui/core'

package/src/release.tsx

@@ -15,6 +15,7 @@ import {
 export interface ReleaseOptions {
   extensionPath: string
   single?: boolean
+  entry?: string
 }
 
 export interface ReleaseResult {
@@ -27,6 +28,7 @@ export interface ReleaseResult {
 export async function releaseExtension({
   extensionPath,
   single = false,
+  entry,
 }: ReleaseOptions): Promise<ReleaseResult> {
   const resolvedPath = path.resolve(extensionPath)
 
@@ -127,6 +129,7 @@ export async function releaseExtension({
         minify: true,
         target,
         version: tag,
+        entry,
       })
 
       console.log(`  ✓ ${path.basename(result.outfile)}`)

package/src/state.tsx

@@ -45,6 +45,7 @@ export interface NavigationStackItem {
   element: ReactNode
   onPop?: () => void
   selectedListIndex?: number
+  searchText?: string
 }
 
 interface AppState {
@@ -109,7 +110,7 @@ export const useStore = create<AppState>(() => ({
   showActionsDialog: false,
   actionsPortalTarget: null,
   // Theme state
-  currentThemeName: 'termcast',
+  currentThemeName: 'nerv',
   // Active search input ref
   activeSearchInputRef: null,
   // Registered action shortcuts

package/src/theme.tsx

@@ -58,6 +58,20 @@ export function getMarkdownSyntaxStyle(): SyntaxStyle {
   return SyntaxStyle.fromStyles(getSyntaxTheme(themeName))
 }
 
+// Shared color palette for all chart components (Graph, BarChart, BarGraph).
+// Order: accent, info, success, warning, error, secondary, primary (cycles with %).
+export function getThemePalette(theme: ResolvedTheme): string[] {
+  return [
+    theme.accent,
+    theme.info,
+    theme.success,
+    theme.warning,
+    theme.error,
+    theme.secondary,
+    theme.primary,
+  ]
+}
+
 // For backward compatibility - some code imports markdownSyntaxStyle directly
 // This is a getter that returns the current theme's syntax style
 export const markdownSyntaxStyle = new Proxy({} as SyntaxStyle, {

package/src/themes/nerv.json

@@ -0,0 +1,231 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkStep1": "#181818",
+    "darkStep2": "#181818",
+    "darkStep3": "#282828",
+    "darkStep4": "#333333",
+    "darkStep5": "#404040",
+    "darkStep6": "#505050",
+    "darkStep7": "#606060",
+    "darkStep8": "#808080",
+    "darkStep11": "#999999",
+    "darkStep12": "#FFFFFF",
+
+    "darkOrange": "#E89500",
+    "darkOrangeBright": "#FFAA15",
+    "darkOrangeDim": "#C07800",
+    "darkOrangeDeep": "#A05C00",
+    "darkOrangeWash": "#FFBB50",
+
+    "darkGreen": "#2BBD50",
+    "darkGreenBright": "#44DD66",
+    "darkGreenDim": "#1F9940",
+    "darkGreenDeep": "#167030",
+
+    "darkSalmon": "#F7768E"
+  },
+
+  "theme": {
+    "primary": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "secondary": {
+      "dark": "darkOrangeDim",
+      "light": "darkOrangeDim"
+    },
+    "accent": {
+      "dark": "darkOrangeBright",
+      "light": "darkOrangeBright"
+    },
+    "error": {
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
+    },
+    "warning": {
+      "dark": "darkOrangeWash",
+      "light": "darkOrangeWash"
+    },
+    "success": {
+      "dark": "darkGreen",
+      "light": "darkGreen"
+    },
+    "info": {
+      "dark": "darkGreenBright",
+      "light": "darkGreenBright"
+    },
+    "text": {
+      "dark": "darkStep12",
+      "light": "darkStep12"
+    },
+    "textMuted": {
+      "dark": "darkStep11",
+      "light": "darkStep11"
+    },
+    "background": {
+      "dark": "darkStep1",
+      "light": "darkStep1"
+    },
+    "backgroundPanel": {
+      "dark": "darkStep2",
+      "light": "darkStep2"
+    },
+    "backgroundElement": {
+      "dark": "darkStep3",
+      "light": "darkStep3"
+    },
+    "border": {
+      "dark": "darkStep4",
+      "light": "darkStep4"
+    },
+    "borderActive": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "borderSubtle": {
+      "dark": "#252525",
+      "light": "#252525"
+    },
+    "diffAdded": {
+      "dark": "darkGreen",
+      "light": "darkGreen"
+    },
+    "diffRemoved": {
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
+    },
+    "diffContext": {
+      "dark": "darkStep11",
+      "light": "darkStep11"
+    },
+    "diffHunkHeader": {
+      "dark": "darkStep11",
+      "light": "darkStep11"
+    },
+    "diffHighlightAdded": {
+      "dark": "darkGreenBright",
+      "light": "darkGreenBright"
+    },
+    "diffHighlightRemoved": {
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
+    },
+    "diffAddedBg": {
+      "dark": "#1A2B1E",
+      "light": "#1A2B1E"
+    },
+    "diffRemovedBg": {
+      "dark": "#37222c",
+      "light": "#37222c"
+    },
+    "diffContextBg": {
+      "dark": "darkStep2",
+      "light": "darkStep2"
+    },
+    "diffLineNumber": {
+      "dark": "darkStep4",
+      "light": "darkStep4"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#162518",
+      "light": "#162518"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2d1f26",
+      "light": "#2d1f26"
+    },
+    "markdownText": {
+      "dark": "darkStep12",
+      "light": "darkStep12"
+    },
+    "markdownHeading": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "markdownLink": {
+      "dark": "darkGreen",
+      "light": "darkGreen"
+    },
+    "markdownLinkText": {
+      "dark": "darkGreen",
+      "light": "darkGreen"
+    },
+    "markdownCode": {
+      "dark": "darkGreenDim",
+      "light": "darkGreenDim"
+    },
+    "markdownBlockQuote": {
+      "dark": "darkStep11",
+      "light": "darkStep11"
+    },
+    "markdownEmph": {
+      "dark": "darkOrangeWash",
+      "light": "darkOrangeWash"
+    },
+    "markdownStrong": {
+      "dark": "darkOrangeBright",
+      "light": "darkOrangeBright"
+    },
+    "markdownHorizontalRule": {
+      "dark": "darkStep11",
+      "light": "darkStep11"
+    },
+    "markdownListItem": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "markdownListEnumeration": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "markdownImage": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "markdownImageText": {
+      "dark": "darkGreen",
+      "light": "darkGreen"
+    },
+    "markdownCodeBlock": {
+      "dark": "darkStep12",
+      "light": "darkStep12"
+    },
+    "syntaxComment": {
+      "dark": "darkStep11",
+      "light": "darkStep11"
+    },
+    "syntaxKeyword": {
+      "dark": "darkOrange",
+      "light": "darkOrange"
+    },
+    "syntaxFunction": {
+      "dark": "darkOrangeBright",
+      "light": "darkOrangeBright"
+    },
+    "syntaxVariable": {
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
+    },
+    "syntaxString": {
+      "dark": "darkGreenDim",
+      "light": "darkGreenDim"
+    },
+    "syntaxNumber": {
+      "dark": "darkOrangeWash",
+      "light": "darkOrangeWash"
+    },
+    "syntaxType": {
+      "dark": "darkGreenBright",
+      "light": "darkGreenBright"
+    },
+    "syntaxOperator": {
+      "dark": "darkGreen",
+      "light": "darkGreen"
+    },
+    "syntaxPunctuation": {
+      "dark": "darkStep12",
+      "light": "darkStep12"
+    }
+  }
+}

package/src/themes/termcast.json

@@ -9,47 +9,51 @@
     "darkStep6": "#505050",
     "darkStep7": "#606060",
     "darkStep8": "#808080",
-    "darkStep9": "#FFC000",
-    "darkStep10": "#FFD040",
     "darkStep11": "#999999",
     "darkStep12": "#FFFFFF",
-    "darkSecondary": "#AA8000",
-    "darkAccent": "#E68900",
-    "darkRed": "#FF0000",
-    "darkOrange": "#FFC000",
-    "darkGreen": "#4fd6be",
-    "darkCyan": "#56b6c2",
-    "darkYellow": "#FFC000"
+
+    "darkOrange": "#E86500",
+    "darkOrangeBright": "#FF7800",
+    "darkOrangeDim": "#C05000",
+    "darkOrangeDeep": "#A03800",
+    "darkOrangeWash": "#FF9040",
+
+    "darkGreen": "#2BBD50",
+    "darkGreenBright": "#44DD66",
+    "darkGreenDim": "#1F9940",
+    "darkGreenDeep": "#167030",
+
+    "darkSalmon": "#F7768E"
   },
 
   "theme": {
     "primary": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "secondary": {
-      "dark": "darkSecondary",
-      "light": "darkSecondary"
+      "dark": "darkOrangeDim",
+      "light": "darkOrangeDim"
     },
     "accent": {
-      "dark": "darkAccent",
-      "light": "darkAccent"
+      "dark": "darkOrangeBright",
+      "light": "darkOrangeBright"
     },
     "error": {
-      "dark": "darkRed",
-      "light": "darkRed"
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
     },
     "warning": {
-      "dark": "darkOrange",
-      "light": "darkOrange"
+      "dark": "darkOrangeWash",
+      "light": "darkOrangeWash"
     },
     "success": {
-      "dark": "darkOrange",
-      "light": "darkOrange"
+      "dark": "darkGreen",
+      "light": "darkGreen"
     },
     "info": {
-      "dark": "darkOrange",
-      "light": "darkOrange"
+      "dark": "darkGreenBright",
+      "light": "darkGreenBright"
     },
     "text": {
       "dark": "darkStep12",
@@ -76,20 +80,20 @@
       "light": "darkStep4"
     },
     "borderActive": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "borderSubtle": {
       "dark": "#252525",
       "light": "#252525"
     },
     "diffAdded": {
-      "dark": "#4fd6be",
-      "light": "#4fd6be"
+      "dark": "darkGreen",
+      "light": "darkGreen"
     },
     "diffRemoved": {
-      "dark": "#c53b53",
-      "light": "#c53b53"
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
     },
     "diffContext": {
       "dark": "darkStep11",
@@ -100,16 +104,16 @@
       "light": "darkStep11"
     },
     "diffHighlightAdded": {
-      "dark": "#b8db87",
-      "light": "#b8db87"
+      "dark": "darkGreenBright",
+      "light": "darkGreenBright"
     },
     "diffHighlightRemoved": {
-      "dark": "#e26a75",
-      "light": "#e26a75"
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
     },
     "diffAddedBg": {
-      "dark": "#20303b",
-      "light": "#20303b"
+      "dark": "#1A2B1E",
+      "light": "#1A2B1E"
     },
     "diffRemovedBg": {
       "dark": "#37222c",
@@ -124,8 +128,8 @@
       "light": "darkStep4"
     },
     "diffAddedLineNumberBg": {
-      "dark": "#1b2b34",
-      "light": "#1b2b34"
+      "dark": "#162518",
+      "light": "#162518"
     },
     "diffRemovedLineNumberBg": {
       "dark": "#2d1f26",
@@ -136,52 +140,52 @@
       "light": "darkStep12"
     },
     "markdownHeading": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "markdownLink": {
-      "dark": "darkCyan",
-      "light": "darkCyan"
+      "dark": "darkGreen",
+      "light": "darkGreen"
     },
     "markdownLinkText": {
-      "dark": "darkCyan",
-      "light": "darkCyan"
+      "dark": "darkGreen",
+      "light": "darkGreen"
     },
     "markdownCode": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkGreenDim",
+      "light": "darkGreenDim"
     },
     "markdownBlockQuote": {
       "dark": "darkStep11",
       "light": "darkStep11"
     },
     "markdownEmph": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrangeWash",
+      "light": "darkOrangeWash"
     },
     "markdownStrong": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrangeBright",
+      "light": "darkOrangeBright"
     },
     "markdownHorizontalRule": {
       "dark": "darkStep11",
       "light": "darkStep11"
     },
     "markdownListItem": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "markdownListEnumeration": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "markdownImage": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "markdownImageText": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkGreen",
+      "light": "darkGreen"
     },
     "markdownCodeBlock": {
       "dark": "darkStep12",
@@ -192,32 +196,32 @@
       "light": "darkStep11"
     },
     "syntaxKeyword": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrange",
+      "light": "darkOrange"
     },
     "syntaxFunction": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrangeBright",
+      "light": "darkOrangeBright"
     },
     "syntaxVariable": {
-      "dark": "#FF6666",
-      "light": "#FF6666"
+      "dark": "darkSalmon",
+      "light": "darkSalmon"
     },
     "syntaxString": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkGreenDim",
+      "light": "darkGreenDim"
     },
     "syntaxNumber": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkOrangeWash",
+      "light": "darkOrangeWash"
     },
     "syntaxType": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkGreenBright",
+      "light": "darkGreenBright"
     },
     "syntaxOperator": {
-      "dark": "darkStep9",
-      "light": "darkStep9"
+      "dark": "darkGreen",
+      "light": "darkGreen"
     },
     "syntaxPunctuation": {
       "dark": "darkStep12",