themebooth 0.1.0

package/dist/core/variables.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveVariables = resolveVariables;
+exports.interpolateManifest = interpolateManifest;
+exports.validateVariableReferences = validateVariableReferences;
+/**
+ * Resolves all variable references in manifest.
+ * Detects circular dependencies and undefined variables.
+ */
+function resolveVariables(manifest) {
+    const resolvedVariables = {};
+    const visiting = new Set();
+    const resolved = new Set();
+    for (const [name, value] of Object.entries(manifest.variables || {})) {
+        const result = resolveVariable(name, value, manifest.variables || {}, visiting, resolved, resolvedVariables);
+        if (!result.success) {
+            return result;
+        }
+    }
+    return { success: true, variables: resolvedVariables };
+}
+function resolveVariable(name, value, allVariables, visiting, resolved, resolvedVariables) {
+    if (resolved.has(name)) {
+        return { success: true, variables: resolvedVariables };
+    }
+    if (visiting.has(name)) {
+        const chain = Array.from(visiting);
+        chain.push(name);
+        return {
+            success: false,
+            error: {
+                variable: name,
+                reason: "circular",
+                chain,
+                message: `Circular variable reference: ${chain.join(" → ")}`,
+            },
+        };
+    }
+    visiting.add(name);
+    // Check if the value contains a variable reference
+    const varRefMatch = value.match(/\$(\w+)/);
+    if (varRefMatch) {
+        const refVarName = varRefMatch[1];
+        if (!(refVarName in allVariables)) {
+            return {
+                success: false,
+                error: {
+                    variable: name,
+                    reason: "undefined",
+                    message: `Undefined variable reference: $${refVarName} in variable "${name}"`,
+                },
+            };
+        }
+        const refValue = allVariables[refVarName];
+        const refResult = resolveVariable(refVarName, refValue, allVariables, visiting, resolved, resolvedVariables);
+        if (!refResult.success) {
+            return refResult;
+        }
+        visiting.delete(name);
+        resolved.add(name);
+        resolvedVariables[name] = resolvedVariables[refVarName];
+        return { success: true, variables: resolvedVariables };
+    }
+    visiting.delete(name);
+    resolved.add(name);
+    resolvedVariables[name] = value;
+    return { success: true, variables: resolvedVariables };
+}
+/**
+ * Replaces all $variableName references in colors and tokens with resolved values.
+ */
+function interpolateManifest(manifest, resolvedVariables) {
+    return {
+        ...manifest,
+        colors: interpolateObject(manifest.colors || {}, resolvedVariables),
+        tokens: interpolateTokens(manifest.tokens || {}, resolvedVariables),
+    };
+}
+function interpolateObject(obj, variables) {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+        result[key] = interpolateString(value, variables);
+    }
+    return result;
+}
+function interpolateTokens(tokens, variables) {
+    const result = {};
+    for (const [scope, settings] of Object.entries(tokens)) {
+        result[scope] = {};
+        for (const [prop, value] of Object.entries(settings)) {
+            if (typeof value === "string") {
+                result[scope][prop] = interpolateString(value, variables);
+            }
+            else {
+                result[scope][prop] = value;
+            }
+        }
+    }
+    return result;
+}
+function interpolateString(value, variables) {
+    return value.replace(/\$(\w+)/g, (match, varName) => {
+        return variables[varName] || match;
+    });
+}
+/**
+ * Validates that all $variableName references point to existing variables.
+ */
+function validateVariableReferences(manifest) {
+    const errors = [];
+    const undefinedVars = new Set();
+    // Check colors
+    for (const [key, value] of Object.entries(manifest.colors || {})) {
+        const refs = extractVariableReferences(value);
+        for (const ref of refs) {
+            if (!(ref in (manifest.variables || {}))) {
+                undefinedVars.add(ref);
+                errors.push({
+                    location: `colors.${key}`,
+                    variable: ref,
+                    message: `Undefined variable $${ref}`,
+                });
+            }
+        }
+    }
+    // Check tokens
+    for (const [scope, settings] of Object.entries(manifest.tokens || {})) {
+        for (const [prop, value] of Object.entries(settings)) {
+            if (typeof value === "string") {
+                const refs = extractVariableReferences(value);
+                for (const ref of refs) {
+                    if (!(ref in (manifest.variables || {}))) {
+                        undefinedVars.add(ref);
+                        errors.push({
+                            location: `tokens.${scope}.${prop}`,
+                            variable: ref,
+                            message: `Undefined variable $${ref}`,
+                        });
+                    }
+                }
+            }
+        }
+    }
+    return errors;
+}
+function extractVariableReferences(value) {
+    const refs = [];
+    const regex = /\$(\w+)/g;
+    let match;
+    while ((match = regex.exec(value)) !== null) {
+        refs.push(match[1]);
+    }
+    return refs;
+}
+//# sourceMappingURL=variables.js.map

package/dist/core/variables.js.map

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

package/dist/exporters/notepad-plus.d.ts

@@ -0,0 +1,3 @@
+import { Manifest } from "../core/manifest";
+export declare function exportNotepadPlus(manifest: Manifest): string;
+//# sourceMappingURL=notepad-plus.d.ts.map

package/dist/exporters/notepad-plus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notepad-plus.d.ts","sourceRoot":"","sources":["../../src/exporters/notepad-plus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAkE5C,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,GAAG,MAAM,CA4C5D"}

package/dist/exporters/notepad-plus.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exportNotepadPlus = exportNotepadPlus;
+function hexToRgb(hex) {
+    const result = /^#?([a-f\d]{2})?([a-f\d]{2})?([a-f\d]{2})?$/i.exec(hex);
+    if (!result || !result[1] || !result[2] || !result[3]) {
+        return { r: 0, g: 0, b: 0 };
+    }
+    return {
+        r: parseInt(result[1], 16),
+        g: parseInt(result[2], 16),
+        b: parseInt(result[3], 16),
+    };
+}
+function rgbToNotepadFormat(r, g, b) {
+    return `${b.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${r.toString(16).padStart(2, "0")}`;
+}
+function buildTokenStyle(scope, settings) {
+    const style = {
+        name: scope,
+        styleID: scope,
+    };
+    if (settings.foreground) {
+        const rgb = hexToRgb(settings.foreground);
+        style.fgColor = rgbToNotepadFormat(rgb.r, rgb.g, rgb.b);
+    }
+    if (settings.background) {
+        const rgb = hexToRgb(settings.background);
+        style.bgColor = rgbToNotepadFormat(rgb.r, rgb.g, rgb.b);
+    }
+    if (settings.fontStyle?.includes("bold")) {
+        style.bold = true;
+    }
+    if (settings.fontStyle?.includes("italic")) {
+        style.italic = true;
+    }
+    if (settings.fontStyle?.includes("underline")) {
+        style.underline = true;
+    }
+    return style;
+}
+function escapeXml(text) {
+    return text
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&apos;");
+}
+function exportNotepadPlus(manifest) {
+    const editorBgColor = manifest.colors?.["editor.background"] || "#ffffff";
+    const editorFgColor = manifest.colors?.["editor.foreground"] || "#000000";
+    const bgRgb = hexToRgb(editorBgColor);
+    const fgRgb = hexToRgb(editorFgColor);
+    let xml = `<?xml version="1.0" encoding="UTF-8" ?>
+<NotepadPlus>
+  <UserLang name="${escapeXml(manifest.name)}" ext="txt" udlVersion="2.1">
+    <Settings>
+      <Global caseIgnored="no" allowFoldOfComments="no" foldCompact="no" forcePureLC="0" />
+      <TotalKeywordLists number="1">
+        <KeywordList name="Delimiters">
+          <Keyword name="0" value="0" />
+        </KeywordList>
+      </TotalKeywordLists>
+    </Settings>
+    <KeywordLists />
+    <Styles>
+      <WordsStyle name="DEFAULT" styleID="0" fgColor="${rgbToNotepadFormat(fgRgb.r, fgRgb.g, fgRgb.b)}" bgColor="${rgbToNotepadFormat(bgRgb.r, bgRgb.g, bgRgb.b)}" fontName="" fontStyle="0" fontSize="" />
+`;
+    let styleId = 1;
+    for (const [scope, settings] of Object.entries(manifest.tokens || {})) {
+        const style = buildTokenStyle(scope, settings);
+        let styleFlags = 0;
+        if (style.bold)
+            styleFlags |= 1;
+        if (style.italic)
+            styleFlags |= 2;
+        if (style.underline)
+            styleFlags |= 4;
+        const fgColor = style.fgColor || rgbToNotepadFormat(fgRgb.r, fgRgb.g, fgRgb.b);
+        const bgColor = style.bgColor || rgbToNotepadFormat(bgRgb.r, bgRgb.g, bgRgb.b);
+        xml += `      <WordsStyle name="${escapeXml(style.name)}" styleID="${styleId}" fgColor="${fgColor}" bgColor="${bgColor}" fontName="" fontStyle="${styleFlags}" fontSize="" />\n`;
+        styleId++;
+    }
+    xml += `    </Styles>
+  </UserLang>
+</NotepadPlus>`;
+    return xml;
+}
+//# sourceMappingURL=notepad-plus.js.map

package/dist/exporters/notepad-plus.js.map

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

package/dist/exporters/vscode.d.ts

@@ -0,0 +1,11 @@
+import { Manifest } from "../core/manifest";
+export interface VSCodeTheme {
+    name: string;
+    colors: Record<string, string>;
+    tokenColors: Array<{
+        scope: string | string[];
+        settings: Record<string, string | number>;
+    }>;
+}
+export declare function exportVSCode(manifest: Manifest): VSCodeTheme;
+//# sourceMappingURL=vscode.d.ts.map

package/dist/exporters/vscode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode.d.ts","sourceRoot":"","sources":["../../src/exporters/vscode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,KAAK,CAAC;QACjB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACzB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC3C,CAAC,CAAC;CACJ;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAoC5D"}

package/dist/exporters/vscode.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exportVSCode = exportVSCode;
+function exportVSCode(manifest) {
+    const tokenColors = [];
+    for (const [scope, settings] of Object.entries(manifest.tokens || {})) {
+        const vsCodeSettings = {};
+        if (settings.foreground) {
+            vsCodeSettings.foreground = settings.foreground;
+        }
+        if (settings.background) {
+            vsCodeSettings.background = settings.background;
+        }
+        if (settings.fontStyle) {
+            vsCodeSettings.fontStyle = settings.fontStyle;
+        }
+        if (settings.fontWeight) {
+            vsCodeSettings.fontWeight = settings.fontWeight;
+        }
+        if (settings.opacity !== undefined) {
+            vsCodeSettings.opacity = settings.opacity;
+        }
+        tokenColors.push({
+            scope,
+            settings: vsCodeSettings,
+        });
+    }
+    return {
+        name: manifest.name,
+        colors: manifest.colors || {},
+        tokenColors,
+    };
+}
+//# sourceMappingURL=vscode.js.map

package/dist/exporters/vscode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vscode.js","sourceRoot":"","sources":["../../src/exporters/vscode.ts"],"names":[],"mappings":";;AAWA,oCAoCC;AApCD,SAAgB,YAAY,CAAC,QAAkB;IAC7C,MAAM,WAAW,GAGZ,EAAE,CAAC;IAER,KAAK,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC;QACtE,MAAM,cAAc,GAAoC,EAAE,CAAC;QAE3D,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,cAAc,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAClD,CAAC;QACD,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,cAAc,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAClD,CAAC;QACD,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;YACvB,cAAc,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;QAChD,CAAC;QACD,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,cAAc,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAClD,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACnC,cAAc,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5C,CAAC;QAED,WAAW,CAAC,IAAI,CAAC;YACf,KAAK;YACL,QAAQ,EAAE,cAAc;SACzB,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;QAC7B,WAAW;KACZ,CAAC;AACJ,CAAC"}

package/dist/exporters/zed.d.ts

@@ -0,0 +1,12 @@
+import { Manifest } from "../core/manifest";
+export interface ZedTheme {
+    name: string;
+    appearance: "light" | "dark";
+    colors: Record<string, string>;
+    token_colors: Array<{
+        scope: string | string[];
+        settings: Record<string, string | number | boolean>;
+    }>;
+}
+export declare function exportZed(manifest: Manifest): ZedTheme;
+//# sourceMappingURL=zed.d.ts.map

package/dist/exporters/zed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zed.d.ts","sourceRoot":"","sources":["../../src/exporters/zed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACzB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;KACrD,CAAC,CAAC;CACJ;AAUD,wBAAgB,SAAS,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ,CA2CtD"}

package/dist/exporters/zed.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exportZed = exportZed;
+function detectAppearance(manifest) {
+    const bgColor = manifest.colors?.["editor.background"] || "#ffffff";
+    const bgHex = bgColor.toLowerCase();
+    const rgb = parseInt(bgHex.slice(1), 16);
+    const brightness = (rgb >> 16 & 0xff) * 0.299 + (rgb >> 8 & 0xff) * 0.587 + (rgb & 0xff) * 0.114;
+    return brightness > 128 ? "light" : "dark";
+}
+function exportZed(manifest) {
+    const tokenColors = [];
+    for (const [scope, settings] of Object.entries(manifest.tokens || {})) {
+        const zedSettings = {};
+        if (settings.foreground) {
+            zedSettings.foreground = settings.foreground;
+        }
+        if (settings.background) {
+            zedSettings.background = settings.background;
+        }
+        const fontStyles = [];
+        if (settings.fontStyle && typeof settings.fontStyle === "string") {
+            if (settings.fontStyle.includes("bold"))
+                fontStyles.push("bold");
+            if (settings.fontStyle.includes("italic"))
+                fontStyles.push("italic");
+            if (settings.fontStyle.includes("underline"))
+                fontStyles.push("underline");
+        }
+        if (fontStyles.length > 0) {
+            zedSettings.font_style = fontStyles.join(" ");
+        }
+        if (settings.opacity !== undefined) {
+            zedSettings.opacity = settings.opacity;
+        }
+        tokenColors.push({
+            scope,
+            settings: zedSettings,
+        });
+    }
+    return {
+        name: manifest.name,
+        appearance: detectAppearance(manifest),
+        colors: manifest.colors || {},
+        token_colors: tokenColors,
+    };
+}
+//# sourceMappingURL=zed.js.map

package/dist/exporters/zed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zed.js","sourceRoot":"","sources":["../../src/exporters/zed.ts"],"names":[],"mappings":";;AAoBA,8BA2CC;AAnDD,SAAS,gBAAgB,CAAC,QAAkB;IAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,mBAAmB,CAAC,IAAI,SAAS,CAAC;IACpE,MAAM,KAAK,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IACpC,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC;IACjG,OAAO,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAC7C,CAAC;AAED,SAAgB,SAAS,CAAC,QAAkB;IAC1C,MAAM,WAAW,GAGZ,EAAE,CAAC;IAER,KAAK,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC;QACtE,MAAM,WAAW,GAA8C,EAAE,CAAC;QAElE,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,WAAW,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAC/C,CAAC;QACD,IAAI,QAAQ,CAAC,UAAU,EAAE,CAAC;YACxB,WAAW,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;QAC/C,CAAC;QAED,MAAM,UAAU,GAAa,EAAE,CAAC;QAChC,IAAI,QAAQ,CAAC,SAAS,IAAI,OAAO,QAAQ,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YACjE,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAAE,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACjE,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrE,IAAI,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC;gBAAE,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,CAAC;QAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1B,WAAW,CAAC,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,CAAC;QAED,IAAI,QAAQ,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACnC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;QACzC,CAAC;QAED,WAAW,CAAC,IAAI,CAAC;YACf,KAAK;YACL,QAAQ,EAAE,WAAW;SACtB,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,UAAU,EAAE,gBAAgB,CAAC,QAAQ,CAAC;QACtC,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;QAC7B,YAAY,EAAE,WAAW;KAC1B,CAAC;AACJ,CAAC"}

package/dist/preview/renderer.d.ts

@@ -0,0 +1,3 @@
+import { Manifest } from "../core/manifest";
+export declare function renderPreview(manifest: Manifest, themeName: string): string;
+//# sourceMappingURL=renderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/preview/renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA+C5C,wBAAgB,aAAa,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CA4N3E"}

package/dist/preview/renderer.js

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPreview = renderPreview;
+const variables_1 = require("../core/variables");
+function generateColorPalette(manifest, resolved) {
+    let html = "";
+    for (const [name, color] of Object.entries(manifest.variables || {})) {
+        const resolvedColor = resolved[name] || color;
+        html += `
+    <div class="color-box">
+      <div class="swatch" style="background-color: ${resolvedColor};"></div>
+      <div class="name">${name}</div>
+      <div class="value">${resolvedColor}</div>
+    </div>`;
+    }
+    return html;
+}
+function generateCSSFromTheme(manifest) {
+    let css = "";
+    // Set root colors
+    if (manifest.colors?.["editor.background"]) {
+        css += `body { background-color: ${manifest.colors["editor.background"]}; }\n`;
+    }
+    if (manifest.colors?.["editor.foreground"]) {
+        css += `body { color: ${manifest.colors["editor.foreground"]}; }\n`;
+    }
+    // Token styles
+    css += `.keyword { color: ${manifest.tokens?.keyword?.foreground || "#569cd6"}; `;
+    if (typeof manifest.tokens?.keyword?.fontStyle === "string" && manifest.tokens.keyword.fontStyle.includes("bold"))
+        css += "font-weight: bold; ";
+    css += "}\n";
+    css += `.string { color: ${manifest.tokens?.string?.foreground || "#ce9178"}; }\n`;
+    css += `.comment { color: ${manifest.tokens?.comment?.foreground || "#6a9955"}; `;
+    if (typeof manifest.tokens?.comment?.fontStyle === "string" && manifest.tokens.comment.fontStyle.includes("italic"))
+        css += "font-style: italic; ";
+    css += "}\n";
+    css += `.number { color: ${manifest.tokens?.number?.foreground || "#b5cea8"}; }\n`;
+    css += `.builtin { color: ${manifest.tokens?.["constant.builtin"]?.foreground || "#4ec9b0"}; }\n`;
+    return css;
+}
+function renderPreview(manifest, themeName) {
+    // Resolve variables for color display
+    const variableResolution = (0, variables_1.resolveVariables)(manifest);
+    const resolved = variableResolution.success ? variableResolution.variables : {};
+    // Get interpolated manifest for rendering
+    const interpolated = variableResolution.success ?
+        (0, variables_1.interpolateManifest)(manifest, resolved)
+        : manifest;
+    const colorPalette = generateColorPalette(manifest, resolved);
+    const themeCSS = generateCSSFromTheme(interpolated);
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${themeName} - Live Preview</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      background-color: ${interpolated.colors?.["editor.background"] || "#1e1e1e"};
+      color: ${interpolated.colors?.["editor.foreground"] || "#d4d4d4"};
+      padding: 20px;
+      line-height: 1.6;
+    }
+
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+
+    h1 {
+      margin-bottom: 10px;
+      color: ${interpolated.colors?.["editor.lineNumberActiveForeground"] || "#61dafb"};
+    }
+
+    .subtitle {
+      color: ${interpolated.colors?.["editorWhitespace.foreground"] || "#888"};
+      margin-bottom: 30px;
+    }
+
+    .section {
+      margin-bottom: 40px;
+    }
+
+    .section h2 {
+      font-size: 18px;
+      color: ${interpolated.colors?.["editor.lineNumberActiveForeground"] || "#61dafb"};
+      margin-bottom: 15px;
+      border-bottom: 1px solid #444;
+      padding-bottom: 10px;
+    }
+
+    .code-sample {
+      background-color: ${interpolated.colors?.["editor.background"] || "#252526"};
+      border: 1px solid #3e3e42;
+      border-radius: 4px;
+      padding: 15px;
+      overflow-x: auto;
+      margin-bottom: 15px;
+    }
+
+    .code-sample code {
+      display: block;
+    }
+
+    ${themeCSS}
+
+    .palette {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+      gap: 15px;
+      margin-bottom: 20px;
+    }
+
+    .color-box {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      padding: 15px;
+      border: 1px solid #3e3e42;
+      border-radius: 4px;
+      background-color: ${interpolated.colors?.["editor.background"] || "#252526"};
+    }
+
+    .color-box .swatch {
+      width: 100%;
+      height: 80px;
+      border-radius: 4px;
+      margin-bottom: 10px;
+      border: 1px solid #3e3e42;
+    }
+
+    .color-box .name {
+      font-size: 12px;
+      color: ${interpolated.colors?.["editorWhitespace.foreground"] || "#888"};
+      text-align: center;
+      word-break: break-word;
+    }
+
+    .color-box .value {
+      font-size: 11px;
+      color: ${interpolated.colors?.["editor.lineNumberActiveForeground"] || "#61dafb"};
+      font-family: monospace;
+      margin-top: 5px;
+    }
+
+    .status {
+      padding: 10px 15px;
+      border-radius: 4px;
+      margin-bottom: 20px;
+    }
+
+    .status.success {
+      background-color: #1f6f1f;
+      color: #6ec46e;
+    }
+
+    .status.error {
+      background-color: #6f1f1f;
+      color: #c46e6e;
+    }
+
+    .reload-hint {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background-color: #333;
+      border: 1px solid #555;
+      border-radius: 4px;
+      padding: 10px 15px;
+      font-size: 12px;
+      color: #888;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>${themeName}</h1>
+    <p class="subtitle">Live Preview • Edit manifest.json to see changes</p>
+
+    <div id="status" class="status success" style="display:none;"></div>
+
+    <div class="section">
+      <h2>Color Palette</h2>
+      <div class="palette" id="palette">${colorPalette}</div>
+    </div>
+
+    <div class="section">
+      <h2>JavaScript</h2>
+      <div class="code-sample">
+        <code>
+<span class="keyword">const</span> greeting = <span class="string">"Hello, World!"</span>;
+<span class="keyword">function</span> greet(name) {
+  <span class="comment">// Print greeting</span>
+  console.log(\`\${greeting} My name is \${name}\`);
+  <span class="keyword">return</span> <span class="number">42</span>;
+}
+        </code>
+      </div>
+    </div>
+
+    <div class="section">
+      <h2>Python</h2>
+      <div class="code-sample">
+        <code>
+<span class="keyword">def</span> greet(name):
+    <span class="comment"># Print greeting</span>
+    greeting = <span class="string">"Hello, World!"</span>
+    print(f<span class="string">"{greeting} My name is {name}"</span>)
+    <span class="keyword">return</span> <span class="number">42</span>
+
+greet(<span class="string">"Python"</span>)
+        </code>
+      </div>
+    </div>
+
+    <div class="section">
+      <h2>JSON</h2>
+      <div class="code-sample">
+        <code>
+{
+  <span class="string">"name"</span>: <span class="string">"My Theme"</span>,
+  <span class="string">"version"</span>: <span class="string">"1.0.0"</span>,
+  <span class="string">"colors"</span>: {
+    <span class="string">"background"</span>: <span class="string">"${interpolated.colors?.["editor.background"] || "#1e1e1e"}"</span>,
+    <span class="string">"foreground"</span>: <span class="string">"${interpolated.colors?.["editor.foreground"] || "#d4d4d4"}"</span>
+  }
+}
+        </code>
+      </div>
+    </div>
+  </div>
+
+  <div class="reload-hint">🔄 Watching for changes...</div>
+
+  <script>
+    // Hot-reload on file change
+    const ws = new WebSocket(\`ws://\${window.location.host}/ws\`);
+    ws.addEventListener('message', (event) => {
+      if (event.data === 'reload') {
+        window.location.reload();
+      }
+    });
+    ws.addEventListener('error', () => {
+      console.log('WebSocket connection failed - hot-reload unavailable');
+    });
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=renderer.js.map