@tooee/themes 0.1.9 → 0.1.12

package/src/syntax-rules.ts

@@ -0,0 +1,210 @@
+import { RGBA, SyntaxStyle } from "@opentui/core"
+import type { ResolvedTheme } from "./types.js"
+
+// ---------------------------------------------------------------------------
+// SyntaxStyle builder
+// ---------------------------------------------------------------------------
+
+function getSyntaxRules(resolved: ResolvedTheme) {
+  return [
+    { scope: ["default"], style: { foreground: RGBA.fromHex(resolved.text) } },
+    { scope: ["prompt"], style: { foreground: RGBA.fromHex(resolved.accent) } },
+    {
+      scope: ["comment", "comment.documentation"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxComment), italic: true },
+    },
+    { scope: ["string", "symbol"], style: { foreground: RGBA.fromHex(resolved.syntaxString) } },
+    { scope: ["number", "boolean"], style: { foreground: RGBA.fromHex(resolved.syntaxNumber) } },
+    { scope: ["character.special"], style: { foreground: RGBA.fromHex(resolved.syntaxString) } },
+    {
+      scope: ["keyword.return", "keyword.conditional", "keyword.repeat", "keyword.coroutine"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxKeyword), italic: true },
+    },
+    {
+      scope: ["keyword.type"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxType), bold: true, italic: true },
+    },
+    {
+      scope: ["keyword.function", "function.method"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxFunction) },
+    },
+    {
+      scope: ["keyword"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxKeyword), italic: true },
+    },
+    { scope: ["keyword.import"], style: { foreground: RGBA.fromHex(resolved.syntaxKeyword) } },
+    {
+      scope: ["operator", "keyword.operator", "punctuation.delimiter"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxOperator) },
+    },
+    {
+      scope: ["keyword.conditional.ternary"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxOperator) },
+    },
+    {
+      scope: ["variable", "variable.parameter", "function.method.call", "function.call"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxVariable) },
+    },
+    {
+      scope: ["variable.member", "function", "constructor"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxFunction) },
+    },
+    { scope: ["type", "module"], style: { foreground: RGBA.fromHex(resolved.syntaxType) } },
+    { scope: ["constant"], style: { foreground: RGBA.fromHex(resolved.syntaxNumber) } },
+    { scope: ["property"], style: { foreground: RGBA.fromHex(resolved.syntaxVariable) } },
+    { scope: ["class"], style: { foreground: RGBA.fromHex(resolved.syntaxType) } },
+    { scope: ["parameter"], style: { foreground: RGBA.fromHex(resolved.syntaxVariable) } },
+    {
+      scope: ["punctuation", "punctuation.bracket"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxPunctuation) },
+    },
+    {
+      scope: [
+        "variable.builtin",
+        "type.builtin",
+        "function.builtin",
+        "module.builtin",
+        "constant.builtin",
+      ],
+      style: { foreground: RGBA.fromHex(resolved.error) },
+    },
+    { scope: ["variable.super"], style: { foreground: RGBA.fromHex(resolved.error) } },
+    {
+      scope: ["string.escape", "string.regexp"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxKeyword) },
+    },
+    {
+      scope: ["keyword.directive"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxKeyword), italic: true },
+    },
+    {
+      scope: ["punctuation.special"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxOperator) },
+    },
+    {
+      scope: ["keyword.modifier"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxKeyword), italic: true },
+    },
+    {
+      scope: ["keyword.exception"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxKeyword), italic: true },
+    },
+    // Markdown
+    {
+      scope: [
+        "markup.heading",
+        "markup.heading.1",
+        "markup.heading.2",
+        "markup.heading.3",
+        "markup.heading.4",
+        "markup.heading.5",
+        "markup.heading.6",
+      ],
+      style: { foreground: RGBA.fromHex(resolved.markdownHeading), bold: true },
+    },
+    {
+      scope: ["markup.bold", "markup.strong"],
+      style: { foreground: RGBA.fromHex(resolved.markdownStrong), bold: true },
+    },
+    {
+      scope: ["markup.italic"],
+      style: { foreground: RGBA.fromHex(resolved.markdownEmph), italic: true },
+    },
+    { scope: ["markup.list"], style: { foreground: RGBA.fromHex(resolved.markdownListItem) } },
+    {
+      scope: ["markup.quote"],
+      style: { foreground: RGBA.fromHex(resolved.markdownBlockQuote), italic: true },
+    },
+    {
+      scope: ["markup.raw", "markup.raw.block"],
+      style: { foreground: RGBA.fromHex(resolved.markdownCode) },
+    },
+    {
+      scope: ["markup.raw.inline"],
+      style: {
+        foreground: RGBA.fromHex(resolved.markdownCode),
+        background: RGBA.fromHex(resolved.background),
+      },
+    },
+    {
+      scope: ["markup.link"],
+      style: { foreground: RGBA.fromHex(resolved.markdownLink), underline: true },
+    },
+    {
+      scope: ["markup.link.label"],
+      style: { foreground: RGBA.fromHex(resolved.markdownLinkText), underline: true },
+    },
+    {
+      scope: ["markup.link.url"],
+      style: { foreground: RGBA.fromHex(resolved.markdownLink), underline: true },
+    },
+    { scope: ["label"], style: { foreground: RGBA.fromHex(resolved.markdownLinkText) } },
+    { scope: ["spell", "nospell"], style: { foreground: RGBA.fromHex(resolved.text) } },
+    { scope: ["conceal"], style: { foreground: RGBA.fromHex(resolved.textMuted) } },
+    {
+      scope: ["string.special", "string.special.url"],
+      style: { foreground: RGBA.fromHex(resolved.markdownLink), underline: true },
+    },
+    { scope: ["character"], style: { foreground: RGBA.fromHex(resolved.syntaxString) } },
+    { scope: ["float"], style: { foreground: RGBA.fromHex(resolved.syntaxNumber) } },
+    {
+      scope: ["comment.error"],
+      style: { foreground: RGBA.fromHex(resolved.error), italic: true, bold: true },
+    },
+    {
+      scope: ["comment.warning"],
+      style: { foreground: RGBA.fromHex(resolved.warning), italic: true, bold: true },
+    },
+    {
+      scope: ["comment.todo", "comment.note"],
+      style: { foreground: RGBA.fromHex(resolved.info), italic: true, bold: true },
+    },
+    { scope: ["namespace"], style: { foreground: RGBA.fromHex(resolved.syntaxType) } },
+    { scope: ["field"], style: { foreground: RGBA.fromHex(resolved.syntaxVariable) } },
+    {
+      scope: ["type.definition"],
+      style: { foreground: RGBA.fromHex(resolved.syntaxType), bold: true },
+    },
+    { scope: ["keyword.export"], style: { foreground: RGBA.fromHex(resolved.syntaxKeyword) } },
+    { scope: ["attribute", "annotation"], style: { foreground: RGBA.fromHex(resolved.warning) } },
+    { scope: ["tag"], style: { foreground: RGBA.fromHex(resolved.error) } },
+    { scope: ["tag.attribute"], style: { foreground: RGBA.fromHex(resolved.syntaxKeyword) } },
+    { scope: ["tag.delimiter"], style: { foreground: RGBA.fromHex(resolved.syntaxOperator) } },
+    { scope: ["markup.strikethrough"], style: { foreground: RGBA.fromHex(resolved.textMuted) } },
+    {
+      scope: ["markup.underline"],
+      style: { foreground: RGBA.fromHex(resolved.text), underline: true },
+    },
+    { scope: ["markup.list.checked"], style: { foreground: RGBA.fromHex(resolved.success) } },
+    { scope: ["markup.list.unchecked"], style: { foreground: RGBA.fromHex(resolved.textMuted) } },
+    {
+      scope: ["diff.plus"],
+      style: {
+        foreground: RGBA.fromHex(resolved.diffAdded),
+        background: RGBA.fromHex(resolved.diffAddedBg),
+      },
+    },
+    {
+      scope: ["diff.minus"],
+      style: {
+        foreground: RGBA.fromHex(resolved.diffRemoved),
+        background: RGBA.fromHex(resolved.diffRemovedBg),
+      },
+    },
+    {
+      scope: ["diff.delta"],
+      style: {
+        foreground: RGBA.fromHex(resolved.diffContext),
+        background: RGBA.fromHex(resolved.diffContextBg),
+      },
+    },
+    { scope: ["error"], style: { foreground: RGBA.fromHex(resolved.error), bold: true } },
+    { scope: ["warning"], style: { foreground: RGBA.fromHex(resolved.warning), bold: true } },
+    { scope: ["info"], style: { foreground: RGBA.fromHex(resolved.info) } },
+    { scope: ["debug"], style: { foreground: RGBA.fromHex(resolved.textMuted) } },
+  ]
+}
+
+export function buildSyntaxStyle(resolved: ResolvedTheme): SyntaxStyle {
+  return SyntaxStyle.fromTheme(getSyntaxRules(resolved))
+}

package/src/types.ts

@@ -0,0 +1,219 @@
+// ---------------------------------------------------------------------------
+// Theme JSON format (OpenCode-compatible)
+// ---------------------------------------------------------------------------
+
+type HexColor = `#${string}`
+type RefName = string
+type Variant = { dark: HexColor | RefName; light: HexColor | RefName }
+type ColorValue = HexColor | RefName | Variant
+
+export interface ThemeJSON {
+  $schema?: string
+  defs?: Record<string, HexColor | RefName>
+  theme: Record<string, ColorValue>
+}
+
+// ---------------------------------------------------------------------------
+// Resolved theme — all colors resolved to hex strings
+// ---------------------------------------------------------------------------
+
+export interface ResolvedTheme {
+  // UI
+  primary: string
+  secondary: string
+  accent: string
+  error: string
+  warning: string
+  success: string
+  info: string
+  text: string
+  textMuted: string
+  background: string
+  backgroundPanel: string
+  backgroundElement: string
+  border: string
+  borderActive: string
+  borderSubtle: string
+  // Diff
+  diffAdded: string
+  diffRemoved: string
+  diffContext: string
+  diffHunkHeader: string
+  diffHighlightAdded: string
+  diffHighlightRemoved: string
+  diffAddedBg: string
+  diffRemovedBg: string
+  diffContextBg: string
+  diffLineNumber: string
+  diffAddedLineNumberBg: string
+  diffRemovedLineNumberBg: string
+  // Markdown
+  markdownText: string
+  markdownHeading: string
+  markdownLink: string
+  markdownLinkText: string
+  markdownCode: string
+  markdownBlockQuote: string
+  markdownEmph: string
+  markdownStrong: string
+  markdownHorizontalRule: string
+  markdownListItem: string
+  markdownListEnumeration: string
+  markdownImage: string
+  markdownImageText: string
+  markdownCodeBlock: string
+  // Cursor/Selection
+  cursorLine: string
+  selection: string
+  // Syntax
+  syntaxComment: string
+  syntaxKeyword: string
+  syntaxFunction: string
+  syntaxVariable: string
+  syntaxString: string
+  syntaxNumber: string
+  syntaxType: string
+  syntaxOperator: string
+  syntaxPunctuation: string
+}
+
+// All keys of ResolvedTheme for iteration
+export const RESOLVED_KEYS: (keyof ResolvedTheme)[] = [
+  "primary",
+  "secondary",
+  "accent",
+  "error",
+  "warning",
+  "success",
+  "info",
+  "text",
+  "textMuted",
+  "background",
+  "backgroundPanel",
+  "backgroundElement",
+  "border",
+  "borderActive",
+  "borderSubtle",
+  "cursorLine",
+  "selection",
+  "diffAdded",
+  "diffRemoved",
+  "diffContext",
+  "diffHunkHeader",
+  "diffHighlightAdded",
+  "diffHighlightRemoved",
+  "diffAddedBg",
+  "diffRemovedBg",
+  "diffContextBg",
+  "diffLineNumber",
+  "diffAddedLineNumberBg",
+  "diffRemovedLineNumberBg",
+  "markdownText",
+  "markdownHeading",
+  "markdownLink",
+  "markdownLinkText",
+  "markdownCode",
+  "markdownBlockQuote",
+  "markdownEmph",
+  "markdownStrong",
+  "markdownHorizontalRule",
+  "markdownListItem",
+  "markdownListEnumeration",
+  "markdownImage",
+  "markdownImageText",
+  "markdownCodeBlock",
+  "syntaxComment",
+  "syntaxKeyword",
+  "syntaxFunction",
+  "syntaxVariable",
+  "syntaxString",
+  "syntaxNumber",
+  "syntaxType",
+  "syntaxOperator",
+  "syntaxPunctuation",
+]
+
+// Fallbacks used when a theme key is missing
+export const FALLBACKS: Record<string, string> = {
+  primary: "#808080",
+  secondary: "#808080",
+  accent: "#808080",
+  error: "#808080",
+  warning: "#808080",
+  success: "#808080",
+  info: "#808080",
+  text: "#d4d4d4",
+  textMuted: "#808080",
+  background: "#1e1e1e",
+  backgroundPanel: "#1e1e1e",
+  backgroundElement: "#1e1e1e",
+  cursorLine: "#1e1e1e",
+  selection: "#1e1e1e",
+  border: "#808080",
+  borderActive: "#808080",
+  borderSubtle: "#808080",
+  diffAdded: "#4fd6be",
+  diffRemoved: "#c53b53",
+  diffContext: "#808080",
+  diffHunkHeader: "#808080",
+  diffHighlightAdded: "#4fd6be",
+  diffHighlightRemoved: "#c53b53",
+  diffAddedBg: "#1e3a1e",
+  diffRemovedBg: "#3a1e1e",
+  diffContextBg: "#1e1e1e",
+  diffLineNumber: "#808080",
+  diffAddedLineNumberBg: "#1e3a1e",
+  diffRemovedLineNumberBg: "#3a1e1e",
+  markdownText: "#d4d4d4",
+  markdownHeading: "#808080",
+  markdownLink: "#808080",
+  markdownLinkText: "#808080",
+  markdownCode: "#808080",
+  markdownBlockQuote: "#808080",
+  markdownEmph: "#808080",
+  markdownStrong: "#808080",
+  markdownHorizontalRule: "#808080",
+  markdownListItem: "#808080",
+  markdownListEnumeration: "#808080",
+  markdownImage: "#808080",
+  markdownImageText: "#808080",
+  markdownCodeBlock: "#d4d4d4",
+  syntaxComment: "#808080",
+  syntaxKeyword: "#808080",
+  syntaxFunction: "#808080",
+  syntaxVariable: "#808080",
+  syntaxString: "#808080",
+  syntaxNumber: "#808080",
+  syntaxType: "#808080",
+  syntaxOperator: "#808080",
+  syntaxPunctuation: "#808080",
+}
+
+// ---------------------------------------------------------------------------
+// Resolution
+// ---------------------------------------------------------------------------
+
+export function resolveTheme(json: ThemeJSON, mode: "dark" | "light"): ResolvedTheme {
+  const defs = json.defs ?? {}
+
+  function resolveColor(c: ColorValue): string {
+    if (typeof c === "string") {
+      if (c === "transparent" || c === "none") return "#00000000"
+      if (c.startsWith("#")) return c
+      if (defs[c] != null) return resolveColor(defs[c] as ColorValue)
+      if (json.theme[c] !== undefined) return resolveColor(json.theme[c] as ColorValue)
+      return "#808080"
+    }
+    return resolveColor(c[mode])
+  }
+
+  const result = {} as Record<string, string>
+  for (const key of RESOLVED_KEYS) {
+    const val = json.theme[key]
+    result[key] = val !== undefined ? resolveColor(val) : (FALLBACKS[key] ?? "#808080")
+  }
+  // Dynamic fallbacks that reference other resolved keys
+  if (json.theme["cursorLine"] === undefined) result.cursorLine = result.backgroundElement
+  if (json.theme["selection"] === undefined) result.selection = result.backgroundPanel
+  return result as unknown as ResolvedTheme
+}

package/dist/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"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"}