@hyperdrive.bot/paseo-highlight 0.2.5

package/dist/colors.d.ts

@@ -0,0 +1,4 @@
+import type { HighlightStyle } from "./types.js";
+export declare const darkHighlightColors: Record<HighlightStyle, string>;
+export declare const lightHighlightColors: Record<HighlightStyle, string>;
+//# sourceMappingURL=colors.d.ts.map

package/dist/colors.js

@@ -0,0 +1,45 @@
+export const darkHighlightColors = {
+    keyword: "#ff7b72",
+    comment: "#8b949e",
+    string: "#a5d6ff",
+    number: "#79c0ff",
+    literal: "#79c0ff",
+    function: "#d2a8ff",
+    definition: "#d2a8ff",
+    class: "#ffa657",
+    type: "#ff7b72",
+    tag: "#7ee787",
+    attribute: "#79c0ff",
+    property: "#79c0ff",
+    variable: "#c9d1d9",
+    operator: "#79c0ff",
+    punctuation: "#c9d1d9",
+    regexp: "#a5d6ff",
+    escape: "#79c0ff",
+    meta: "#8b949e",
+    heading: "#79c0ff",
+    link: "#a5d6ff",
+};
+export const lightHighlightColors = {
+    keyword: "#cf222e",
+    comment: "#6e7781",
+    string: "#0a3069",
+    number: "#0550ae",
+    literal: "#0550ae",
+    function: "#8250df",
+    definition: "#8250df",
+    class: "#953800",
+    type: "#cf222e",
+    tag: "#116329",
+    attribute: "#0550ae",
+    property: "#0550ae",
+    variable: "#24292f",
+    operator: "#0550ae",
+    punctuation: "#24292f",
+    regexp: "#0a3069",
+    escape: "#0550ae",
+    meta: "#6e7781",
+    heading: "#0550ae",
+    link: "#0a3069",
+};
+//# sourceMappingURL=colors.js.map

package/dist/highlighter.d.ts

@@ -0,0 +1,4 @@
+import type { HighlightToken } from "./types.js";
+export declare function highlightCode(code: string, filename: string): HighlightToken[][];
+export declare function highlightLine(line: string, filename: string): HighlightToken[];
+//# sourceMappingURL=highlighter.d.ts.map

package/dist/highlighter.js

@@ -0,0 +1,97 @@
+import { highlightTree, tagHighlighter, tags } from "@lezer/highlight";
+import { getParserForFile } from "./parsers.js";
+const highlighter = tagHighlighter([
+    { tag: tags.keyword, class: "keyword" },
+    { tag: tags.controlKeyword, class: "keyword" },
+    { tag: tags.operatorKeyword, class: "keyword" },
+    { tag: tags.definitionKeyword, class: "keyword" },
+    { tag: tags.moduleKeyword, class: "keyword" },
+    { tag: tags.comment, class: "comment" },
+    { tag: tags.lineComment, class: "comment" },
+    { tag: tags.blockComment, class: "comment" },
+    { tag: tags.docComment, class: "comment" },
+    { tag: tags.string, class: "string" },
+    { tag: tags.special(tags.string), class: "string" },
+    { tag: tags.number, class: "number" },
+    { tag: tags.integer, class: "number" },
+    { tag: tags.float, class: "number" },
+    { tag: tags.bool, class: "literal" },
+    { tag: tags.null, class: "literal" },
+    { tag: tags.function(tags.variableName), class: "function" },
+    { tag: tags.function(tags.propertyName), class: "function" },
+    { tag: tags.definition(tags.variableName), class: "definition" },
+    { tag: tags.definition(tags.propertyName), class: "definition" },
+    { tag: tags.definition(tags.function(tags.variableName)), class: "definition" },
+    { tag: tags.className, class: "class" },
+    { tag: tags.definition(tags.className), class: "class" },
+    { tag: tags.typeName, class: "type" },
+    { tag: tags.tagName, class: "tag" },
+    { tag: tags.attributeName, class: "attribute" },
+    { tag: tags.attributeValue, class: "string" },
+    { tag: tags.propertyName, class: "property" },
+    { tag: tags.variableName, class: "variable" },
+    { tag: tags.local(tags.variableName), class: "variable" },
+    { tag: tags.special(tags.variableName), class: "variable" },
+    { tag: tags.operator, class: "operator" },
+    { tag: tags.punctuation, class: "punctuation" },
+    { tag: tags.bracket, class: "punctuation" },
+    { tag: tags.separator, class: "punctuation" },
+    { tag: tags.regexp, class: "regexp" },
+    { tag: tags.escape, class: "escape" },
+    { tag: tags.meta, class: "meta" },
+    { tag: tags.heading, class: "heading" },
+    { tag: tags.link, class: "link" },
+    { tag: tags.url, class: "link" },
+]);
+export function highlightCode(code, filename) {
+    const parser = getParserForFile(filename);
+    if (!parser) {
+        return code.split("\n").map((line) => [{ text: line, style: null }]);
+    }
+    const tree = parser.parse(code);
+    const lines = code.split("\n");
+    const result = [];
+    for (let i = 0; i < lines.length; i++) {
+        result.push([]);
+    }
+    // Build a map of character positions to styles
+    const styleMap = Array.from({ length: code.length }, () => null);
+    highlightTree(tree, highlighter, (from, to, classes) => {
+        for (let i = from; i < to && i < styleMap.length; i++) {
+            styleMap[i] = classes;
+        }
+    });
+    // Convert style map to tokens per line
+    let pos = 0;
+    for (let lineIndex = 0; lineIndex < lines.length; lineIndex++) {
+        const line = lines[lineIndex];
+        if (line.length === 0) {
+            result[lineIndex].push({ text: "", style: null });
+            pos++; // skip newline
+            continue;
+        }
+        let currentToken = { text: "", style: styleMap[pos] };
+        for (let i = 0; i < line.length; i++) {
+            const charStyle = styleMap[pos + i];
+            if (charStyle === currentToken.style) {
+                currentToken.text += line[i];
+            }
+            else {
+                if (currentToken.text) {
+                    result[lineIndex].push(currentToken);
+                }
+                currentToken = { text: line[i], style: charStyle };
+            }
+        }
+        if (currentToken.text) {
+            result[lineIndex].push(currentToken);
+        }
+        pos += line.length + 1; // +1 for newline
+    }
+    return result;
+}
+export function highlightLine(line, filename) {
+    const result = highlightCode(line, filename);
+    return result[0] ?? [{ text: line, style: null }];
+}
+//# sourceMappingURL=highlighter.js.map

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export type { HighlightStyle, HighlightToken } from "./types.js";
+export { getParserForFile, isLanguageSupported, getSupportedExtensions } from "./parsers.js";
+export { highlightCode, highlightLine } from "./highlighter.js";
+export { darkHighlightColors, lightHighlightColors } from "./colors.js";
+export type { SyntaxThemeId, SyntaxThemeOption, SyntaxColors } from "./themes.js";
+export { SYNTAX_THEME_IDS, SYNTAX_THEME_OPTIONS, isSyntaxThemeId, resolveSyntaxColors, } from "./themes.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,5 @@
+export { getParserForFile, isLanguageSupported, getSupportedExtensions } from "./parsers.js";
+export { highlightCode, highlightLine } from "./highlighter.js";
+export { darkHighlightColors, lightHighlightColors } from "./colors.js";
+export { SYNTAX_THEME_IDS, SYNTAX_THEME_OPTIONS, isSyntaxThemeId, resolveSyntaxColors, } from "./themes.js";
+//# sourceMappingURL=index.js.map

package/dist/parsers.d.ts

@@ -0,0 +1,5 @@
+import type { Parser } from "@lezer/common";
+export declare function getParserForFile(filename: string): Parser | null;
+export declare function isLanguageSupported(filename: string): boolean;
+export declare function getSupportedExtensions(): string[];
+//# sourceMappingURL=parsers.d.ts.map

package/dist/parsers.js

@@ -0,0 +1,85 @@
+import { StreamLanguage } from "@codemirror/language";
+import { dart } from "@codemirror/legacy-modes/mode/clike";
+import { swift } from "@codemirror/legacy-modes/mode/swift";
+import { parser as jsParser } from "@lezer/javascript";
+import { parser as jsonParser } from "@lezer/json";
+import { parser as cssParser } from "@lezer/css";
+import { parser as cppParser } from "@lezer/cpp";
+import { parser as goParser } from "@lezer/go";
+import { parser as htmlParser } from "@lezer/html";
+import { parser as javaParser } from "@lezer/java";
+import { parser as pythonParser } from "@lezer/python";
+import { parser as markdownParser } from "@lezer/markdown";
+import { parser as phpParser } from "@lezer/php";
+import { parser as rustParser } from "@lezer/rust";
+import { parser as xmlParser } from "@lezer/xml";
+import { parser as yamlParser } from "@lezer/yaml";
+import { csharpLanguage } from "@replit/codemirror-lang-csharp";
+import { parser as elixirParser } from "lezer-elixir";
+const parsersByExtension = {
+    // JavaScript/TypeScript
+    js: jsParser,
+    jsx: jsParser.configure({ dialect: "jsx" }),
+    ts: jsParser.configure({ dialect: "ts" }),
+    tsx: jsParser.configure({ dialect: "ts jsx" }),
+    mjs: jsParser,
+    cjs: jsParser,
+    // C / C++ / Objective-C
+    c: cppParser,
+    h: cppParser,
+    cc: cppParser,
+    cpp: cppParser,
+    cxx: cppParser,
+    hpp: cppParser,
+    hxx: cppParser,
+    m: cppParser,
+    mm: cppParser,
+    // JSON
+    json: jsonParser,
+    // CSS
+    css: cssParser,
+    scss: cssParser,
+    // HTML
+    html: htmlParser,
+    htm: htmlParser,
+    // XML
+    xml: xmlParser,
+    // Java
+    java: javaParser,
+    // Python
+    py: pythonParser,
+    // Go
+    go: goParser,
+    // PHP
+    php: phpParser,
+    // YAML
+    yaml: yamlParser,
+    yml: yamlParser,
+    // Rust
+    rs: rustParser,
+    // Swift
+    swift: StreamLanguage.define(swift).parser,
+    // Dart
+    dart: StreamLanguage.define(dart).parser,
+    // C#
+    cs: csharpLanguage.parser,
+    // Elixir
+    ex: elixirParser,
+    exs: elixirParser,
+    // Markdown
+    md: markdownParser,
+    mdx: markdownParser,
+};
+export function getParserForFile(filename) {
+    const ext = filename.split(".").pop()?.toLowerCase();
+    if (!ext)
+        return null;
+    return parsersByExtension[ext] ?? null;
+}
+export function isLanguageSupported(filename) {
+    return getParserForFile(filename) !== null;
+}
+export function getSupportedExtensions() {
+    return Object.keys(parsersByExtension);
+}
+//# sourceMappingURL=parsers.js.map

package/dist/themes.d.ts

@@ -0,0 +1,12 @@
+import type { HighlightStyle } from "./types.js";
+export type SyntaxThemeId = "github" | "catppuccin" | "dracula" | "tokyo-night" | "one" | "nord" | "gruvbox" | "solarized";
+export declare const SYNTAX_THEME_IDS: readonly SyntaxThemeId[];
+export interface SyntaxThemeOption {
+    id: SyntaxThemeId;
+    label: string;
+}
+export declare const SYNTAX_THEME_OPTIONS: readonly SyntaxThemeOption[];
+export type SyntaxColors = Record<HighlightStyle, string>;
+export declare function isSyntaxThemeId(value: string): value is SyntaxThemeId;
+export declare function resolveSyntaxColors(id: SyntaxThemeId, colorScheme: "light" | "dark"): SyntaxColors;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.js

@@ -0,0 +1,235 @@
+import { darkHighlightColors, lightHighlightColors } from "./colors.js";
+export const SYNTAX_THEME_IDS = [
+    "github",
+    "catppuccin",
+    "dracula",
+    "tokyo-night",
+    "one",
+    "nord",
+    "gruvbox",
+    "solarized",
+];
+export const SYNTAX_THEME_OPTIONS = [
+    { id: "github", label: "GitHub" },
+    { id: "catppuccin", label: "Catppuccin" },
+    { id: "dracula", label: "Dracula" },
+    { id: "tokyo-night", label: "Tokyo Night" },
+    { id: "one", label: "One" },
+    { id: "nord", label: "Nord" },
+    { id: "gruvbox", label: "Gruvbox" },
+    { id: "solarized", label: "Solarized" },
+];
+function expandRolePalette(r) {
+    return {
+        keyword: r.keyword,
+        comment: r.comment,
+        string: r.string,
+        number: r.number,
+        literal: r.number,
+        function: r.function,
+        definition: r.function,
+        class: r.type,
+        type: r.type,
+        tag: r.tag,
+        attribute: r.attribute,
+        property: r.attribute,
+        variable: r.base,
+        operator: r.operator,
+        punctuation: r.base,
+        regexp: r.string,
+        escape: r.number,
+        meta: r.comment,
+        heading: r.function,
+        link: r.string,
+    };
+}
+// --- Catppuccin (Latte light / Mocha dark) -------------------------------
+const catppuccinLatte = {
+    base: "#4c4f69",
+    keyword: "#8839ef",
+    comment: "#8c8fa1",
+    string: "#40a02b",
+    number: "#fe640b",
+    function: "#1e66f5",
+    type: "#df8e1d",
+    tag: "#8839ef",
+    attribute: "#df8e1d",
+    operator: "#04a5e5",
+};
+const catppuccinMocha = {
+    base: "#cdd6f4",
+    keyword: "#cba6f7",
+    comment: "#9399b2",
+    string: "#a6e3a1",
+    number: "#fab387",
+    function: "#89b4fa",
+    type: "#f9e2af",
+    tag: "#cba6f7",
+    attribute: "#f9e2af",
+    operator: "#89dceb",
+};
+// --- Dracula (dark only) -------------------------------------------------
+const dracula = {
+    base: "#f8f8f2",
+    keyword: "#ff79c6",
+    comment: "#6272a4",
+    string: "#f1fa8c",
+    number: "#bd93f9",
+    function: "#50fa7b",
+    type: "#8be9fd",
+    tag: "#ff79c6",
+    attribute: "#50fa7b",
+    operator: "#ff79c6",
+};
+// --- Tokyo Night (Day light / Night dark) --------------------------------
+const tokyoDay = {
+    base: "#3760bf",
+    keyword: "#9854f1",
+    comment: "#848cb5",
+    string: "#587539",
+    number: "#b15c00",
+    function: "#2e7de9",
+    type: "#007197",
+    tag: "#f52a65",
+    attribute: "#8c6c3e",
+    operator: "#006a83",
+};
+const tokyoNight = {
+    base: "#c0caf5",
+    keyword: "#bb9af7",
+    comment: "#565f89",
+    string: "#9ece6a",
+    number: "#ff9e64",
+    function: "#7aa2f7",
+    type: "#2ac3de",
+    tag: "#f7768e",
+    attribute: "#e0af68",
+    operator: "#89ddff",
+};
+// --- One (One Light / One Dark) ------------------------------------------
+const oneLight = {
+    base: "#383a42",
+    keyword: "#a626a4",
+    comment: "#a0a1a7",
+    string: "#50a14f",
+    number: "#986801",
+    function: "#4078f2",
+    type: "#c18401",
+    tag: "#e45649",
+    attribute: "#986801",
+    operator: "#0184bc",
+};
+const oneDark = {
+    base: "#abb2bf",
+    keyword: "#c678dd",
+    comment: "#5c6370",
+    string: "#98c379",
+    number: "#d19a66",
+    function: "#61afef",
+    type: "#e5c07b",
+    tag: "#e06c75",
+    attribute: "#d19a66",
+    operator: "#56b6c2",
+};
+// --- Nord (Snow Storm light / Polar Night dark) ---------------------------
+const nordLight = {
+    base: "#2e3440",
+    keyword: "#5e81ac",
+    comment: "#6b7280",
+    string: "#4f6f3a",
+    number: "#8f5e91",
+    function: "#2e6f8e",
+    type: "#3b7f87",
+    tag: "#5e81ac",
+    attribute: "#8f5e91",
+    operator: "#5e81ac",
+};
+const nordDark = {
+    base: "#d8dee9",
+    keyword: "#81a1c1",
+    comment: "#616e88",
+    string: "#a3be8c",
+    number: "#b48ead",
+    function: "#88c0d0",
+    type: "#8fbcbb",
+    tag: "#81a1c1",
+    attribute: "#8fbcbb",
+    operator: "#81a1c1",
+};
+// --- Gruvbox (Light / Dark) ----------------------------------------------
+const gruvboxLight = {
+    base: "#3c3836",
+    keyword: "#9d0006",
+    comment: "#928374",
+    string: "#79740e",
+    number: "#8f3f71",
+    function: "#427b58",
+    type: "#b57614",
+    tag: "#076678",
+    attribute: "#b57614",
+    operator: "#af3a03",
+};
+const gruvboxDark = {
+    base: "#ebdbb2",
+    keyword: "#fb4934",
+    comment: "#928374",
+    string: "#b8bb26",
+    number: "#d3869b",
+    function: "#8ec07c",
+    type: "#fabd2f",
+    tag: "#83a598",
+    attribute: "#fabd2f",
+    operator: "#fe8019",
+};
+// --- Solarized (Light / Dark — shared accents, different base/comment) ----
+const solarizedLight = {
+    base: "#657b83",
+    keyword: "#859900",
+    comment: "#93a1a1",
+    string: "#2aa198",
+    number: "#d33682",
+    function: "#268bd2",
+    type: "#b58900",
+    tag: "#268bd2",
+    attribute: "#b58900",
+    operator: "#859900",
+};
+const solarizedDark = {
+    base: "#839496",
+    keyword: "#859900",
+    comment: "#586e75",
+    string: "#2aa198",
+    number: "#d33682",
+    function: "#268bd2",
+    type: "#b58900",
+    tag: "#268bd2",
+    attribute: "#b58900",
+    operator: "#859900",
+};
+export function isSyntaxThemeId(value) {
+    return SYNTAX_THEME_IDS.includes(value);
+}
+// Resolve a theme id + the app's color scheme to a full token palette. Only the
+// light/dark axis is coupled to the app; the theme brand is the user's choice.
+export function resolveSyntaxColors(id, colorScheme) {
+    const dark = colorScheme === "dark";
+    switch (id) {
+        case "github":
+            return dark ? darkHighlightColors : lightHighlightColors;
+        case "catppuccin":
+            return expandRolePalette(dark ? catppuccinMocha : catppuccinLatte);
+        case "dracula":
+            return expandRolePalette(dracula);
+        case "tokyo-night":
+            return expandRolePalette(dark ? tokyoNight : tokyoDay);
+        case "one":
+            return expandRolePalette(dark ? oneDark : oneLight);
+        case "nord":
+            return expandRolePalette(dark ? nordDark : nordLight);
+        case "gruvbox":
+            return expandRolePalette(dark ? gruvboxDark : gruvboxLight);
+        case "solarized":
+            return expandRolePalette(dark ? solarizedDark : solarizedLight);
+    }
+}
+//# sourceMappingURL=themes.js.map

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+export type HighlightStyle = "keyword" | "comment" | "string" | "number" | "literal" | "function" | "definition" | "class" | "type" | "tag" | "attribute" | "property" | "variable" | "operator" | "punctuation" | "regexp" | "escape" | "meta" | "heading" | "link";
+export interface HighlightToken {
+    text: string;
+    style: HighlightStyle | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@hyperdrive.bot/paseo-highlight",
+  "version": "0.2.5",
+  "files": [
+    "dist",
+    "!dist/**/*.map"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "source": "./src/index.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "clean": "node ../../scripts/clean-package-dist.mjs",
+    "build": "tsc -p tsconfig.json --incremental false",
+    "build:clean": "npm run clean && npm run build",
+    "prepack": "npm run build:clean",
+    "test": "vitest run",
+    "typecheck": "tsgo --noEmit"
+  },
+  "dependencies": {
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/legacy-modes": "^6.5.3",
+    "@lezer/common": "^1.5.0",
+    "@lezer/cpp": "^1.1.5",
+    "@lezer/css": "^1.3.0",
+    "@lezer/go": "^1.0.1",
+    "@lezer/highlight": "^1.2.3",
+    "@lezer/html": "^1.3.13",
+    "@lezer/java": "^1.1.3",
+    "@lezer/javascript": "^1.5.4",
+    "@lezer/json": "^1.0.3",
+    "@lezer/markdown": "^1.6.2",
+    "@lezer/php": "^1.0.5",
+    "@lezer/python": "^1.1.18",
+    "@lezer/rust": "^1.0.2",
+    "@lezer/xml": "^1.0.6",
+    "@lezer/yaml": "^1.0.4",
+    "@replit/codemirror-lang-csharp": "^6.2.0",
+    "lezer-elixir": "^1.1.2"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.2",
+    "vitest": "^4.1.6"
+  }
+}