shellfie 2.0.19 → 2.0.21

package/dist/highlight/types.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ANSI_RESET = exports.TOKEN_TO_ANSI = void 0;
+/**
+ * ANSI color codes for each token type
+ */
+exports.TOKEN_TO_ANSI = {
+    text: '', // No color (default foreground)
+    comment: '\x1b[90m', // Bright black (gray)
+    keyword: '\x1b[35m', // Magenta
+    string: '\x1b[32m', // Green
+    number: '\x1b[33m', // Yellow
+    operator: '\x1b[36m', // Cyan
+    punctuation: '', // Default foreground
+    function: '\x1b[34m', // Blue
+    type: '\x1b[33m', // Yellow
+    variable: '\x1b[31m', // Red
+    property: '\x1b[36m', // Cyan
+    constant: '\x1b[93m', // Bright yellow
+    builtin: '\x1b[96m', // Bright cyan
+    regex: '\x1b[91m', // Bright red
+    decorator: '\x1b[95m', // Bright magenta
+    tag: '\x1b[31m', // Red
+    attribute: '\x1b[33m', // Yellow
+};
+exports.ANSI_RESET = '\x1b[0m';
+//# sourceMappingURL=types.js.map

package/dist/highlight/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/highlight/types.ts"],"names":[],"mappings":";;;AAkEA;;GAEG;AACU,QAAA,aAAa,GAA8B;IACtD,IAAI,EAAE,EAAE,EAAqB,gCAAgC;IAC7D,OAAO,EAAE,UAAU,EAAU,sBAAsB;IACnD,OAAO,EAAE,UAAU,EAAU,UAAU;IACvC,MAAM,EAAE,UAAU,EAAW,QAAQ;IACrC,MAAM,EAAE,UAAU,EAAW,SAAS;IACtC,QAAQ,EAAE,UAAU,EAAS,OAAO;IACpC,WAAW,EAAE,EAAE,EAAc,qBAAqB;IAClD,QAAQ,EAAE,UAAU,EAAS,OAAO;IACpC,IAAI,EAAE,UAAU,EAAa,SAAS;IACtC,QAAQ,EAAE,UAAU,EAAS,MAAM;IACnC,QAAQ,EAAE,UAAU,EAAS,OAAO;IACpC,QAAQ,EAAE,UAAU,EAAS,gBAAgB;IAC7C,OAAO,EAAE,UAAU,EAAU,cAAc;IAC3C,KAAK,EAAE,UAAU,EAAY,aAAa;IAC1C,SAAS,EAAE,UAAU,EAAQ,iBAAiB;IAC9C,GAAG,EAAE,UAAU,EAAc,MAAM;IACnC,SAAS,EAAE,UAAU,EAAQ,SAAS;CACvC,CAAC;AAEW,QAAA,UAAU,GAAG,SAAS,CAAC"}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export declare const parse: (input: string) => ParsedLine[];
 export declare const render: (lines: ParsedLine[], options?: shellfieOptions) => string;
 export type { ControlStyle, FontConfig, ParsedLine, RGB, ShellConfig, shellfieOptions, Template, TextSpan, TextStyle, Theme } from './types';
 export { createFontConfig, loadEmbeddedFont, loadFont } from './fonts';
+export { detectLanguage, getLanguage, getLanguageByExtension, getLanguageNames, highlight, languages as highlightLanguages, } from './highlight';
 export { getMaxWidth, parseAnsi, stripAnsi } from './parser';
 export { createTheme, darkTheme } from './renderer';
 export { createTemplate, resolveTemplate, templates } from './templates';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAIV,UAAU,EAKV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAsGjB,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,UAAS,eAAoB,KAAG,MACd,CAAC;AAE3D,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,UAAS,eAAoB,KAC5B,OAAO,CAAC,MAAM,CAYhB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,KAAG,UAAU,EAAsB,CAAC;AAEvE,eAAO,MAAM,MAAM,GAAI,OAAO,UAAU,EAAE,EAAE,UAAS,eAAoB,KAAG,MAC7B,CAAC;AAEhD,YAAY,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,GAAG,EACH,WAAW,EACX,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACN,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACzE,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAIV,UAAU,EAKV,eAAe,EAEhB,MAAM,SAAS,CAAC;AAsGjB,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,UAAS,eAAoB,KAAG,MAQvE,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,UAAS,eAAoB,KAC5B,OAAO,CAAC,MAAM,CAkBhB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,KAAG,UAAU,EAAsB,CAAC;AAEvE,eAAO,MAAM,MAAM,GAAI,OAAO,UAAU,EAAE,EAAE,UAAS,eAAoB,KAAG,MAC7B,CAAC;AAEhD,YAAY,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,GAAG,EACH,WAAW,EACX,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACN,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EACL,cAAc,EACd,WAAW,EACX,sBAAsB,EACtB,gBAAgB,EAChB,SAAS,EACT,SAAS,IAAI,kBAAkB,GAChC,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACzE,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/dist/index.js

@@ -14,8 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.themes = exports.templates = exports.resolveTemplate = exports.createTemplate = exports.darkTheme = exports.createTheme = exports.stripAnsi = exports.parseAnsi = exports.getMaxWidth = exports.loadFont = exports.loadEmbeddedFont = exports.createFontConfig = exports.render = exports.parse = exports.shellfieAsync = exports.shellfie = void 0;
+exports.themes = exports.templates = exports.resolveTemplate = exports.createTemplate = exports.darkTheme = exports.createTheme = exports.stripAnsi = exports.parseAnsi = exports.getMaxWidth = exports.highlightLanguages = exports.highlight = exports.getLanguageNames = exports.getLanguageByExtension = exports.getLanguage = exports.detectLanguage = exports.loadFont = exports.loadEmbeddedFont = exports.createFontConfig = exports.render = exports.parse = exports.shellfieAsync = exports.shellfie = void 0;
 const fonts_1 = require("./fonts");
+const highlight_1 = require("./highlight");
 const parser_1 = require("./parser");
 const renderer_1 = require("./renderer");
 const templates_1 = require("./templates");
@@ -102,7 +103,14 @@ const resolveOptions = (options = {}) => {
         footer: resolveShellConfig(mergeConfigs(options.footer, template.shell.footer), theme, template.shell.titleBarHeight, 'footerBackground'),
     };
 };
-const shellfie = (input, options = {}) => (0, renderer_1.renderSvg)((0, parser_1.parseAnsi)(input), resolveOptions(options)).svg;
+const shellfie = (input, options = {}) => {
+    // Apply syntax highlighting (default: auto-detect, use false to disable)
+    const language = options.language ?? 'auto';
+    const processedInput = language === false
+        ? input
+        : (0, highlight_1.highlight)(input, language);
+    return (0, renderer_1.renderSvg)((0, parser_1.parseAnsi)(processedInput), resolveOptions(options)).svg;
+};
 exports.shellfie = shellfie;
 const shellfieAsync = async (input, options = {}) => {
     const renderOptions = resolveOptions(options);
@@ -113,7 +121,12 @@ const shellfieAsync = async (input, options = {}) => {
             renderOptions.font.embedFormat = fontData.format;
         }
     }
-    return (0, renderer_1.renderSvg)((0, parser_1.parseAnsi)(input), renderOptions).svg;
+    // Apply syntax highlighting (default: auto-detect, use false to disable)
+    const language = options.language ?? 'auto';
+    const processedInput = language === false
+        ? input
+        : (0, highlight_1.highlight)(input, language);
+    return (0, renderer_1.renderSvg)((0, parser_1.parseAnsi)(processedInput), renderOptions).svg;
 };
 exports.shellfieAsync = shellfieAsync;
 const parse = (input) => (0, parser_1.parseAnsi)(input);
@@ -124,6 +137,13 @@ var fonts_2 = require("./fonts");
 Object.defineProperty(exports, "createFontConfig", { enumerable: true, get: function () { return fonts_2.createFontConfig; } });
 Object.defineProperty(exports, "loadEmbeddedFont", { enumerable: true, get: function () { return fonts_2.loadEmbeddedFont; } });
 Object.defineProperty(exports, "loadFont", { enumerable: true, get: function () { return fonts_2.loadFont; } });
+var highlight_2 = require("./highlight");
+Object.defineProperty(exports, "detectLanguage", { enumerable: true, get: function () { return highlight_2.detectLanguage; } });
+Object.defineProperty(exports, "getLanguage", { enumerable: true, get: function () { return highlight_2.getLanguage; } });
+Object.defineProperty(exports, "getLanguageByExtension", { enumerable: true, get: function () { return highlight_2.getLanguageByExtension; } });
+Object.defineProperty(exports, "getLanguageNames", { enumerable: true, get: function () { return highlight_2.getLanguageNames; } });
+Object.defineProperty(exports, "highlight", { enumerable: true, get: function () { return highlight_2.highlight; } });
+Object.defineProperty(exports, "highlightLanguages", { enumerable: true, get: function () { return highlight_2.languages; } });
 var parser_2 = require("./parser");
 Object.defineProperty(exports, "getMaxWidth", { enumerable: true, get: function () { return parser_2.getMaxWidth; } });
 Object.defineProperty(exports, "parseAnsi", { enumerable: true, get: function () { return parser_2.parseAnsi; } });

package/dist/index.js.map

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

package/dist/renderer/customGlyphs.d.ts

@@ -6,6 +6,7 @@ export interface GlyphContext {
     x: number;
     y: number;
     color: string;
+    backgroundColor: string;
     lineWidth: number;
     heavyLineWidth: number;
 }

package/dist/renderer/customGlyphs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customGlyphs.d.ts","sourceRoot":"","sources":["../../src/renderer/customGlyphs.ts"],"names":[],"mappings":"AAeA,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAQxD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAQ1D;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,YAAY,GAChB,WAAW,CAkCb"}
+{"version":3,"file":"customGlyphs.d.ts","sourceRoot":"","sources":["../../src/renderer/customGlyphs.ts"],"names":[],"mappings":"AAsEA,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAQxD;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAQ1D;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,YAAY,GAChB,WAAW,CAkCb"}

package/dist/renderer/customGlyphs.js

@@ -16,6 +16,55 @@ exports.renderCustomGlyph = renderCustomGlyph;
 function r(value) {
     return Math.round(value * 100) / 100;
 }
+/**
+ * Parse a color string (hex, rgb, rgba) and return [r, g, b] components (0-255).
+ */
+function parseColor(color) {
+    // Handle hex colors
+    if (color.startsWith('#')) {
+        const hex = color.slice(1);
+        if (hex.length === 3) {
+            return [
+                parseInt(hex[0] + hex[0], 16),
+                parseInt(hex[1] + hex[1], 16),
+                parseInt(hex[2] + hex[2], 16),
+            ];
+        }
+        if (hex.length >= 6) {
+            return [
+                parseInt(hex.slice(0, 2), 16),
+                parseInt(hex.slice(2, 4), 16),
+                parseInt(hex.slice(4, 6), 16),
+            ];
+        }
+    }
+    // Handle rgb/rgba colors
+    const rgbMatch = color.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    if (rgbMatch) {
+        return [
+            parseInt(rgbMatch[1], 10),
+            parseInt(rgbMatch[2], 10),
+            parseInt(rgbMatch[3], 10),
+        ];
+    }
+    // Fallback to black
+    return [0, 0, 0];
+}
+/**
+ * Blend foreground color with background color at given opacity.
+ * Returns a solid hex color that looks like the foreground at the given opacity over the background.
+ */
+function blendColors(fg, bg, opacity) {
+    const [fgR, fgG, fgB] = parseColor(fg);
+    const [bgR, bgG, bgB] = parseColor(bg);
+    // Blend: result = fg * opacity + bg * (1 - opacity)
+    const r = Math.round(fgR * opacity + bgR * (1 - opacity));
+    const g = Math.round(fgG * opacity + bgG * (1 - opacity));
+    const b = Math.round(fgB * opacity + bgB * (1 - opacity));
+    // Return as hex
+    const toHex = (n) => n.toString(16).padStart(2, '0');
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
 function isCustomGlyph(codePoint) {
     return ((codePoint >= 0x2500 && codePoint <= 0x257f) ||
         (codePoint >= 0x2580 && codePoint <= 0x259f) ||
@@ -209,8 +258,13 @@ function renderBoxDrawing(codePoint, ctx) {
         return { svg: '', handled: false };
     }
     const { cellWidth, cellHeight, x, y, color, lineWidth, heavyLineWidth } = ctx;
-    const centerX = x + cellWidth / 2;
-    const centerY = y + cellHeight / 2;
+    // Pre-compute rounded values
+    const rx = r(x);
+    const ry = r(y);
+    const rBottom = r(y + cellHeight);
+    const rRight = r(x + cellWidth);
+    const centerX = r(x + cellWidth / 2);
+    const centerY = r(y + cellHeight / 2);
     const getWidth = (type) => {
         if (type === 0)
             return 0;
@@ -220,7 +274,7 @@ function renderBoxDrawing(codePoint, ctx) {
             return heavyLineWidth;
         return lineWidth;
     };
-    const doubleOffset = lineWidth * 1.5;
+    const doubleOffset = r(lineWidth * 1.5);
     const hasDoubleUp = segments.up === 3;
     const hasDoubleDown = segments.down === 3;
     const hasDoubleLeft = segments.left === 3;
@@ -231,125 +285,134 @@ function renderBoxDrawing(codePoint, ctx) {
     const paths = [];
     if (segments.up > 0) {
         if (segments.up === 3) {
-            paths.push(`<line x1="${centerX - doubleOffset}" y1="${y}" x2="${centerX - doubleOffset}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${centerX + doubleOffset}" y1="${y}" x2="${centerX + doubleOffset}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${r(centerX - doubleOffset)}" y1="${ry}" x2="${r(centerX - doubleOffset)}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${r(centerX + doubleOffset)}" y1="${ry}" x2="${r(centerX + doubleOffset)}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         else {
             const w = getWidth(segments.up);
-            paths.push(`<line x1="${centerX}" y1="${y}" x2="${centerX}" y2="${centerY}" stroke="${color}" stroke-width="${w}"/>`);
+            paths.push(`<line x1="${centerX}" y1="${ry}" x2="${centerX}" y2="${centerY}" stroke="${color}" stroke-width="${w}"/>`);
         }
     }
     if (segments.down > 0) {
         if (segments.down === 3) {
-            paths.push(`<line x1="${centerX - doubleOffset}" y1="${centerY}" x2="${centerX - doubleOffset}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${centerX + doubleOffset}" y1="${centerY}" x2="${centerX + doubleOffset}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${r(centerX - doubleOffset)}" y1="${centerY}" x2="${r(centerX - doubleOffset)}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${r(centerX + doubleOffset)}" y1="${centerY}" x2="${r(centerX + doubleOffset)}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         else {
             const w = getWidth(segments.down);
-            paths.push(`<line x1="${centerX}" y1="${centerY}" x2="${centerX}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${w}"/>`);
+            paths.push(`<line x1="${centerX}" y1="${centerY}" x2="${centerX}" y2="${rBottom}" stroke="${color}" stroke-width="${w}"/>`);
         }
     }
     if (segments.left > 0) {
         if (segments.left === 3) {
-            paths.push(`<line x1="${x}" y1="${centerY - doubleOffset}" x2="${centerX}" y2="${centerY - doubleOffset}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${x}" y1="${centerY + doubleOffset}" x2="${centerX}" y2="${centerY + doubleOffset}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${rx}" y1="${r(centerY - doubleOffset)}" x2="${centerX}" y2="${r(centerY - doubleOffset)}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${rx}" y1="${r(centerY + doubleOffset)}" x2="${centerX}" y2="${r(centerY + doubleOffset)}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         else {
             const w = getWidth(segments.left);
-            paths.push(`<line x1="${x}" y1="${centerY}" x2="${centerX}" y2="${centerY}" stroke="${color}" stroke-width="${w}"/>`);
+            paths.push(`<line x1="${rx}" y1="${centerY}" x2="${centerX}" y2="${centerY}" stroke="${color}" stroke-width="${w}"/>`);
         }
     }
     if (segments.right > 0) {
         if (segments.right === 3) {
-            paths.push(`<line x1="${centerX}" y1="${centerY - doubleOffset}" x2="${x + cellWidth}" y2="${centerY - doubleOffset}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${centerX}" y1="${centerY + doubleOffset}" x2="${x + cellWidth}" y2="${centerY + doubleOffset}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${centerX}" y1="${r(centerY - doubleOffset)}" x2="${rRight}" y2="${r(centerY - doubleOffset)}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${centerX}" y1="${r(centerY + doubleOffset)}" x2="${rRight}" y2="${r(centerY + doubleOffset)}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         else {
             const w = getWidth(segments.right);
-            paths.push(`<line x1="${centerX}" y1="${centerY}" x2="${x + cellWidth}" y2="${centerY}" stroke="${color}" stroke-width="${w}"/>`);
+            paths.push(`<line x1="${centerX}" y1="${centerY}" x2="${rRight}" y2="${centerY}" stroke="${color}" stroke-width="${w}"/>`);
         }
     }
     return { svg: paths.join(''), handled: true };
 }
 function renderDoubleLineCorner(segments, ctx, doubleOffset) {
     const { cellWidth, cellHeight, x, y, color, lineWidth } = ctx;
-    const centerX = x + cellWidth / 2;
-    const centerY = y + cellHeight / 2;
+    // Pre-compute rounded values
+    const rx = r(x);
+    const ry = r(y);
+    const rBottom = r(y + cellHeight);
+    const rRight = r(x + cellWidth);
+    const centerX = r(x + cellWidth / 2);
+    const centerY = r(y + cellHeight / 2);
     const paths = [];
     const hasUp = segments.up === 3;
     const hasDown = segments.down === 3;
     const hasLeft = segments.left === 3;
     const hasRight = segments.right === 3;
-    const outerLeft = centerX - doubleOffset;
-    const outerRight = centerX + doubleOffset;
-    const outerTop = centerY - doubleOffset;
-    const outerBottom = centerY + doubleOffset;
+    const outerLeft = r(centerX - doubleOffset);
+    const outerRight = r(centerX + doubleOffset);
+    const outerTop = r(centerY - doubleOffset);
+    const outerBottom = r(centerY + doubleOffset);
     if (hasUp && hasRight && !hasDown && !hasLeft) {
-        paths.push(`<path d="M ${outerLeft} ${y} L ${outerLeft} ${outerBottom} L ${x + cellWidth} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<path d="M ${outerRight} ${y} L ${outerRight} ${outerTop} L ${x + cellWidth} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerLeft} ${ry} L ${outerLeft} ${outerBottom} L ${rRight} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerRight} ${ry} L ${outerRight} ${outerTop} L ${rRight} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasDown && hasRight && !hasUp && !hasLeft) {
-        paths.push(`<path d="M ${outerLeft} ${y + cellHeight} L ${outerLeft} ${outerTop} L ${x + cellWidth} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<path d="M ${outerRight} ${y + cellHeight} L ${outerRight} ${outerBottom} L ${x + cellWidth} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerLeft} ${rBottom} L ${outerLeft} ${outerTop} L ${rRight} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerRight} ${rBottom} L ${outerRight} ${outerBottom} L ${rRight} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasDown && hasLeft && !hasUp && !hasRight) {
-        paths.push(`<path d="M ${outerRight} ${y + cellHeight} L ${outerRight} ${outerTop} L ${x} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<path d="M ${outerLeft} ${y + cellHeight} L ${outerLeft} ${outerBottom} L ${x} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerRight} ${rBottom} L ${outerRight} ${outerTop} L ${rx} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerLeft} ${rBottom} L ${outerLeft} ${outerBottom} L ${rx} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasUp && hasLeft && !hasDown && !hasRight) {
-        paths.push(`<path d="M ${outerRight} ${y} L ${outerRight} ${outerBottom} L ${x} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<path d="M ${outerLeft} ${y} L ${outerLeft} ${outerTop} L ${x} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerRight} ${ry} L ${outerRight} ${outerBottom} L ${rx} ${outerBottom}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<path d="M ${outerLeft} ${ry} L ${outerLeft} ${outerTop} L ${rx} ${outerTop}" fill="none" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasUp && hasDown && hasRight && !hasLeft) {
-        paths.push(`<line x1="${outerLeft}" y1="${y}" x2="${outerLeft}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${outerRight}" y1="${y}" x2="${outerRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${outerRight}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${outerRight}" y1="${outerTop}" x2="${x + cellWidth}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${x + cellWidth}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerLeft}" y1="${ry}" x2="${outerLeft}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerRight}" y1="${ry}" x2="${outerRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${outerRight}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerRight}" y1="${outerTop}" x2="${rRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${rRight}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasUp && hasDown && hasLeft && !hasRight) {
-        paths.push(`<line x1="${outerRight}" y1="${y}" x2="${outerRight}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${outerLeft}" y1="${y}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerLeft}" y1="${outerBottom}" x2="${outerLeft}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${x}" y1="${outerTop}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${x}" y1="${outerBottom}" x2="${outerLeft}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerRight}" y1="${ry}" x2="${outerRight}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerLeft}" y1="${ry}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerLeft}" y1="${outerBottom}" x2="${outerLeft}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${outerTop}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${rx}" y1="${outerBottom}" x2="${outerLeft}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasDown && hasLeft && hasRight && !hasUp) {
-        paths.push(`<line x1="${x}" y1="${outerTop}" x2="${x + cellWidth}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${x}" y1="${outerBottom}" x2="${outerLeft}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${x + cellWidth}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${outerLeft}" y1="${outerBottom}" x2="${outerLeft}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${outerRight}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${outerTop}" x2="${rRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${outerBottom}" x2="${outerLeft}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${rRight}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerLeft}" y1="${outerBottom}" x2="${outerLeft}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${outerRight}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasUp && hasLeft && hasRight && !hasDown) {
-        paths.push(`<line x1="${x}" y1="${outerBottom}" x2="${x + cellWidth}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${x}" y1="${outerTop}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerTop}" x2="${x + cellWidth}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${outerLeft}" y1="${y}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${y}" x2="${outerRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${outerBottom}" x2="${rRight}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${outerTop}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerTop}" x2="${rRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerLeft}" y1="${ry}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${ry}" x2="${outerRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else if (hasUp && hasDown && hasLeft && hasRight) {
-        paths.push(`<line x1="${outerLeft}" y1="${y}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerLeft}" y1="${outerBottom}" x2="${outerLeft}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${y}" x2="${outerRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${outerRight}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
-        paths.push(`<line x1="${x}" y1="${outerTop}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerTop}" x2="${x + cellWidth}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${x}" y1="${outerBottom}" x2="${outerLeft}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${x + cellWidth}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${outerLeft}" y1="${ry}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerLeft}" y1="${outerBottom}" x2="${outerLeft}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${ry}" x2="${outerRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${outerRight}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${outerTop}" x2="${outerLeft}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerTop}" x2="${rRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${rx}" y1="${outerBottom}" x2="${outerLeft}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${outerBottom}" x2="${rRight}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     else {
         if (hasUp) {
-            paths.push(`<line x1="${outerLeft}" y1="${y}" x2="${outerLeft}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${y}" x2="${outerRight}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${outerLeft}" y1="${ry}" x2="${outerLeft}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${ry}" x2="${outerRight}" y2="${centerY}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         if (hasDown) {
-            paths.push(`<line x1="${outerLeft}" y1="${centerY}" x2="${outerLeft}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${centerY}" x2="${outerRight}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${outerLeft}" y1="${centerY}" x2="${outerLeft}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${outerRight}" y1="${centerY}" x2="${outerRight}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         if (hasLeft) {
-            paths.push(`<line x1="${x}" y1="${outerTop}" x2="${centerX}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${x}" y1="${outerBottom}" x2="${centerX}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${rx}" y1="${outerTop}" x2="${centerX}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${rx}" y1="${outerBottom}" x2="${centerX}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
         if (hasRight) {
-            paths.push(`<line x1="${centerX}" y1="${outerTop}" x2="${x + cellWidth}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${centerX}" y1="${outerBottom}" x2="${x + cellWidth}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+            paths.push(`<line x1="${centerX}" y1="${outerTop}" x2="${rRight}" y2="${outerTop}" stroke="${color}" stroke-width="${lineWidth}"/>`, `<line x1="${centerX}" y1="${outerBottom}" x2="${rRight}" y2="${outerBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
         }
     }
     return { svg: paths.join(''), handled: true };
 }
 function renderDiagonalLine(codePoint, ctx) {
     const { cellWidth, cellHeight, x, y, color, lineWidth } = ctx;
+    const rx = r(x);
+    const ry = r(y);
+    const rBottom = r(y + cellHeight);
+    const rRight = r(x + cellWidth);
     const paths = [];
     if (codePoint === 0x2571 || codePoint === 0x2573) {
-        paths.push(`<line x1="${x}" y1="${y + cellHeight}" x2="${x + cellWidth}" y2="${y}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${rBottom}" x2="${rRight}" y2="${ry}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     if (codePoint === 0x2572 || codePoint === 0x2573) {
-        paths.push(`<line x1="${x}" y1="${y}" x2="${x + cellWidth}" y2="${y + cellHeight}" stroke="${color}" stroke-width="${lineWidth}"/>`);
+        paths.push(`<line x1="${rx}" y1="${ry}" x2="${rRight}" y2="${rBottom}" stroke="${color}" stroke-width="${lineWidth}"/>`);
     }
     return { svg: paths.join(''), handled: true };
 }
 // Block Elements (U+2580-U+259F)
 function renderBlockElement(codePoint, ctx) {
-    const { cellWidth, cellHeight, x, y, color } = ctx;
+    const { cellWidth, cellHeight, x, y, color, backgroundColor } = ctx;
     const crisp = ' shape-rendering="crispEdges"';
     // Pre-compute rounded values for common fractions
     const w = r(cellWidth);
@@ -423,14 +486,14 @@ function renderBlockElement(codePoint, ctx) {
         case 0x2590: // Right half block
             svg = `<rect x="${r(x + w2)}" y="${ry}" width="${w2}" height="${h}" fill="${color}"${crisp}/>`;
             break;
-        case 0x2591: // Light shade (25%)
-            svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h}" fill="${color}" fill-opacity="0.25"${crisp}/>`;
+        case 0x2591: // Light shade (25%) - pre-blend to avoid subpixel seams on high-DPI
+            svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h}" fill="${blendColors(color, backgroundColor, 0.25)}"${crisp}/>`;
             break;
-        case 0x2592: // Medium shade (50%)
-            svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h}" fill="${color}" fill-opacity="0.5"${crisp}/>`;
+        case 0x2592: // Medium shade (50%) - pre-blend to avoid subpixel seams on high-DPI
+            svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h}" fill="${blendColors(color, backgroundColor, 0.5)}"${crisp}/>`;
             break;
-        case 0x2593: // Dark shade (75%)
-            svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h}" fill="${color}" fill-opacity="0.75"${crisp}/>`;
+        case 0x2593: // Dark shade (75%) - pre-blend to avoid subpixel seams on high-DPI
+            svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h}" fill="${blendColors(color, backgroundColor, 0.75)}"${crisp}/>`;
             break;
         case 0x2594: // Upper 1/8 block
             svg = `<rect x="${rx}" y="${ry}" width="${w}" height="${h8}" fill="${color}"${crisp}/>`;