@sqlrooms/monaco-editor 0.7.0

package/dist/utils/color-utils.js

@@ -0,0 +1,263 @@
+/**
+ * Converts HSL color values to Hex color string
+ * @param h Hue (0-360)
+ * @param s Saturation (0-100)
+ * @param l Lightness (0-100)
+ * @returns Hex color string (#RRGGBB)
+ */
+export function hslToHex(h, s, l) {
+    // Convert saturation and lightness to fractions
+    s /= 100;
+    l /= 100;
+    // Calculate chroma
+    const c = (1 - Math.abs(2 * l - 1)) * s;
+    const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
+    const m = l - c / 2;
+    let r = 0, g = 0, b = 0;
+    if (0 <= h && h < 60) {
+        r = c;
+        g = x;
+        b = 0;
+    }
+    else if (60 <= h && h < 120) {
+        r = x;
+        g = c;
+        b = 0;
+    }
+    else if (120 <= h && h < 180) {
+        r = 0;
+        g = c;
+        b = x;
+    }
+    else if (180 <= h && h < 240) {
+        r = 0;
+        g = x;
+        b = c;
+    }
+    else if (240 <= h && h < 300) {
+        r = x;
+        g = 0;
+        b = c;
+    }
+    else if (300 <= h && h < 360) {
+        r = c;
+        g = 0;
+        b = x;
+    }
+    // Convert RGB to hex format
+    const toHex = (c) => {
+        const hex = Math.round((c + m) * 255).toString(16);
+        return hex.length === 1 ? '0' + hex : hex;
+    };
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+/**
+ * Safely gets a CSS variable and ensures it's in a format Monaco can use
+ * @param variableName CSS variable name (e.g. '--background')
+ * @param fallbackColor Fallback color if the variable isn't found
+ * @returns A color string in a format Monaco can use (typically hex)
+ */
+export function getCssColor(variableName, fallbackColor) {
+    try {
+        // Get CSS variable value
+        const cssValue = getComputedStyle(document.documentElement)
+            .getPropertyValue(variableName)
+            .trim();
+        if (!cssValue)
+            return fallbackColor;
+        // If already a hex color, return it
+        if (cssValue.startsWith('#'))
+            return cssValue;
+        // Check if value is in HSL format (e.g. "210 40% 98%" or "222.2 84% 4.9%")
+        const hslMatch = cssValue.match(/^(\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
+        if (hslMatch && hslMatch[1] && hslMatch[2] && hslMatch[3]) {
+            const h = parseFloat(hslMatch[1]);
+            const s = parseFloat(hslMatch[2]);
+            const l = parseFloat(hslMatch[3]);
+            return hslToHex(h, s, l);
+        }
+        // Try to parse other formats or return fallback
+        return fallbackColor;
+    }
+    catch (error) {
+        console.error(`Error getting CSS variable ${variableName}:`, error);
+        return fallbackColor;
+    }
+}
+/**
+ * Gets a monospace font family from CSS variables or falls back to a system monospace font stack
+ * @returns Monospace font family string suitable for code editors
+ */
+export function getMonospaceFont() {
+    return (getComputedStyle(document.documentElement)
+        .getPropertyValue('--font-mono')
+        .trim() ||
+        'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+    //'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+    );
+}
+/**
+ * Gets Monaco editor menu theme colors based on Tailwind CSS variables
+ * @param isDarkTheme Whether the current theme is dark or light
+ * @returns Object with menu-related color settings for Monaco editor
+ */
+export function getMenuColors(isDarkTheme) {
+    const defaultDarkColors = {
+        'editorWidget.background': '#1f1f1f',
+        'editorWidget.foreground': '#cccccc',
+        'editorWidget.border': '#454545',
+        'editorSuggestWidget.background': '#252526',
+        'list.hoverBackground': '#2a2d2e',
+        'list.highlightForeground': '#0097fb',
+        'menu.background': '#252526',
+        'menu.foreground': '#cccccc',
+        'menu.selectionBackground': '#04395e',
+        'menu.selectionForeground': '#ffffff',
+        'quickInput.background': '#252526',
+        'quickInput.foreground': '#cccccc',
+        'dropdown.background': '#252526',
+        'dropdown.foreground': '#f0f0f0',
+    };
+    const defaultLightColors = {
+        'editorWidget.background': '#f3f3f3',
+        'editorWidget.foreground': '#616161',
+        'editorWidget.border': '#c8c8c8',
+        'editorSuggestWidget.background': '#f3f3f3',
+        'list.hoverBackground': '#e8e8e8',
+        'list.highlightForeground': '#0066bf',
+        'menu.background': '#f3f3f3',
+        'menu.foreground': '#616161',
+        'menu.selectionBackground': '#d6ebff',
+        'menu.selectionForeground': '#333333',
+        'quickInput.background': '#f3f3f3',
+        'quickInput.foreground': '#616161',
+        'dropdown.background': '#f3f3f3',
+        'dropdown.foreground': '#616161',
+    };
+    // Choose base defaults based on theme
+    const defaults = isDarkTheme ? defaultDarkColors : defaultLightColors;
+    const result = {};
+    // Map Tailwind variables to Monaco color settings
+    if (isDarkTheme) {
+        // Dark theme mappings
+        result['editorWidget.background'] = getCssColor('--popover', defaults['editorWidget.background']);
+        result['editorWidget.foreground'] = getCssColor('--popover-foreground', defaults['editorWidget.foreground']);
+        result['editorWidget.border'] = getCssColor('--border', defaults['editorWidget.border']);
+        result['editorSuggestWidget.background'] = getCssColor('--popover', defaults['editorSuggestWidget.background']);
+        result['list.hoverBackground'] = getCssColor('--accent', defaults['list.hoverBackground']);
+        result['list.highlightForeground'] = getCssColor('--primary', defaults['list.highlightForeground']);
+        result['menu.background'] = getCssColor('--popover', defaults['menu.background']);
+        result['menu.foreground'] = getCssColor('--popover-foreground', defaults['menu.foreground']);
+        result['menu.selectionBackground'] = getCssColor('--accent', defaults['menu.selectionBackground']);
+        result['menu.selectionForeground'] = getCssColor('--accent-foreground', defaults['menu.selectionForeground']);
+        result['quickInput.background'] = getCssColor('--popover', defaults['quickInput.background']);
+        result['quickInput.foreground'] = getCssColor('--popover-foreground', defaults['quickInput.foreground']);
+        result['dropdown.background'] = getCssColor('--popover', defaults['dropdown.background']);
+        result['dropdown.foreground'] = getCssColor('--popover-foreground', defaults['dropdown.foreground']);
+    }
+    else {
+        // Light theme mappings
+        result['editorWidget.background'] = getCssColor('--popover', defaults['editorWidget.background']);
+        result['editorWidget.foreground'] = getCssColor('--popover-foreground', defaults['editorWidget.foreground']);
+        result['editorWidget.border'] = getCssColor('--border', defaults['editorWidget.border']);
+        result['editorSuggestWidget.background'] = getCssColor('--popover', defaults['editorSuggestWidget.background']);
+        result['list.hoverBackground'] = getCssColor('--accent', defaults['list.hoverBackground']);
+        result['list.highlightForeground'] = getCssColor('--primary', defaults['list.highlightForeground']);
+        result['menu.background'] = getCssColor('--popover', defaults['menu.background']);
+        result['menu.foreground'] = getCssColor('--popover-foreground', defaults['menu.foreground']);
+        result['menu.selectionBackground'] = getCssColor('--accent', defaults['menu.selectionBackground']);
+        result['menu.selectionForeground'] = getCssColor('--accent-foreground', defaults['menu.selectionForeground']);
+        result['quickInput.background'] = getCssColor('--popover', defaults['quickInput.background']);
+        result['quickInput.foreground'] = getCssColor('--popover-foreground', defaults['quickInput.foreground']);
+        result['dropdown.background'] = getCssColor('--popover', defaults['dropdown.background']);
+        result['dropdown.foreground'] = getCssColor('--popover-foreground', defaults['dropdown.foreground']);
+    }
+    return result;
+}
+/**
+ * Generates a Monaco editor theme specifically for JSON editing with Tailwind colors
+ * @param isDarkTheme Whether the current theme is dark or light
+ * @returns A complete Monaco editor theme data object for JSON editing
+ */
+export function getJsonEditorTheme(isDarkTheme) {
+    // Predefined pastel colors for syntax highlighting
+    // Light theme colors
+    const lightThemeColors = {
+        property: '#4B6BDF', // Soft blue for property names
+        string: '#DB745C', // Soft coral for string values
+        number: '#56A64B', // Soft green for numbers
+        keyword: '#A450B5', // Soft purple for keywords
+        punctuation: '#6E7781', // Soft gray for punctuation
+    };
+    // Dark theme colors
+    const darkThemeColors = {
+        property: '#78AEFF', // Pastel blue for property names
+        string: '#FFAD85', // Pastel coral/orange for string values
+        number: '#7CD992', // Pastel green for numbers
+        keyword: '#C987E8', // Pastel purple for keywords
+        punctuation: '#A9B1BA', // Light gray for punctuation
+    };
+    // Select the appropriate color set based on theme
+    const colors = isDarkTheme ? darkThemeColors : lightThemeColors;
+    // Theme background and UI colors - still using CSS variables for the editor itself
+    const background = getCssColor('--background', isDarkTheme ? '#1E1E1E' : '#FFFFFF');
+    const foreground = getCssColor('--foreground', isDarkTheme ? '#D4D4D4' : '#000000');
+    const selection = getCssColor('--accent', isDarkTheme ? '#264F78' : '#ADD6FF');
+    const lineHighlight = getCssColor('--muted', isDarkTheme ? '#2A2A2A' : '#F5F5F5');
+    const lineNumbers = getCssColor('--muted-foreground', isDarkTheme ? '#858585' : '#888888');
+    const cursor = getCssColor('--primary', isDarkTheme ? '#FFFFFF' : '#000000');
+    // Menu colors
+    const menuBackground = getCssColor('--popover', isDarkTheme ? '#1C2233' : '#F3F3F3');
+    const menuForeground = getCssColor('--popover-foreground', isDarkTheme ? '#FFFFFF' : '#616161');
+    const menuSeparator = getCssColor('--border', isDarkTheme ? '#39435E' : '#C8C8C8');
+    return {
+        base: isDarkTheme ? 'vs-dark' : 'vs',
+        inherit: true,
+        rules: [
+            // Property keys - using pastel blue
+            { token: 'type', foreground: colors.property.slice(1) },
+            { token: 'string.key.json', foreground: colors.property.slice(1) },
+            { token: 'key', foreground: colors.property.slice(1) },
+            // String values - using pastel coral/orange
+            { token: 'string.value.json', foreground: colors.string.slice(1) },
+            { token: 'string', foreground: colors.string.slice(1) },
+            // Numbers - using pastel green
+            { token: 'number', foreground: colors.number.slice(1) },
+            // Keywords (true, false, null) - using pastel purple
+            { token: 'keyword', foreground: colors.keyword.slice(1) },
+            // Punctuation - using light gray
+            { token: 'delimiter', foreground: colors.punctuation.slice(1) },
+            { token: 'bracket', foreground: colors.punctuation.slice(1) },
+            // Fallbacks
+            { token: '', foreground: foreground.slice(1) },
+        ],
+        colors: {
+            // Editor colors
+            'editor.background': background,
+            'editor.foreground': foreground,
+            'editor.selectionBackground': selection,
+            'editor.lineHighlightBackground': lineHighlight,
+            'editorLineNumber.foreground': lineNumbers,
+            'editorCursor.foreground': cursor,
+            // Widget and UI colors
+            'editorWidget.background': menuBackground,
+            'editorWidget.foreground': menuForeground,
+            'editorWidget.border': menuSeparator,
+            'editorSuggestWidget.background': menuBackground,
+            'editorSuggestWidget.foreground': menuForeground,
+            'editorSuggestWidget.border': menuSeparator,
+            // Menu colors
+            'menu.background': menuBackground,
+            'menu.foreground': menuForeground,
+            'menu.selectionBackground': selection,
+            'menu.selectionForeground': menuForeground,
+            'menu.separatorBackground': menuSeparator,
+            // Additional UI elements
+            'list.hoverBackground': lineHighlight,
+            'list.activeSelectionBackground': selection,
+            'quickInput.background': menuBackground,
+            'quickInput.foreground': menuForeground,
+        },
+    };
+}
+//# sourceMappingURL=color-utils.js.map

package/dist/utils/color-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.js","sourceRoot":"","sources":["../../src/utils/color-utils.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Converts HSL color values to Hex color string\n * @param h Hue (0-360)\n * @param s Saturation (0-100)\n * @param l Lightness (0-100)\n * @returns Hex color string (#RRGGBB)\n */\nexport function hslToHex(h: number, s: number, l: number): string {\n  // Convert saturation and lightness to fractions\n  s /= 100;\n  l /= 100;\n\n  // Calculate chroma\n  const c = (1 - Math.abs(2 * l - 1)) * s;\n  const x = c * (1 - Math.abs(((h / 60) % 2) - 1));\n  const m = l - c / 2;\n  let r = 0,\n    g = 0,\n    b = 0;\n\n  if (0 <= h && h < 60) {\n    r = c;\n    g = x;\n    b = 0;\n  } else if (60 <= h && h < 120) {\n    r = x;\n    g = c;\n    b = 0;\n  } else if (120 <= h && h < 180) {\n    r = 0;\n    g = c;\n    b = x;\n  } else if (180 <= h && h < 240) {\n    r = 0;\n    g = x;\n    b = c;\n  } else if (240 <= h && h < 300) {\n    r = x;\n    g = 0;\n    b = c;\n  } else if (300 <= h && h < 360) {\n    r = c;\n    g = 0;\n    b = x;\n  }\n\n  // Convert RGB to hex format\n  const toHex = (c: number) => {\n    const hex = Math.round((c + m) * 255).toString(16);\n    return hex.length === 1 ? '0' + hex : hex;\n  };\n\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\n/**\n * Safely gets a CSS variable and ensures it's in a format Monaco can use\n * @param variableName CSS variable name (e.g. '--background')\n * @param fallbackColor Fallback color if the variable isn't found\n * @returns A color string in a format Monaco can use (typically hex)\n */\nexport function getCssColor(\n  variableName: string,\n  fallbackColor: string,\n): string {\n  try {\n    // Get CSS variable value\n    const cssValue = getComputedStyle(document.documentElement)\n      .getPropertyValue(variableName)\n      .trim();\n\n    if (!cssValue) return fallbackColor;\n\n    // If already a hex color, return it\n    if (cssValue.startsWith('#')) return cssValue;\n\n    // Check if value is in HSL format (e.g. \"210 40% 98%\" or \"222.2 84% 4.9%\")\n    const hslMatch = cssValue.match(\n      /^(\\d+(?:\\.\\d+)?)\\s+(\\d+(?:\\.\\d+)?)%\\s+(\\d+(?:\\.\\d+)?)%$/,\n    );\n    if (hslMatch && hslMatch[1] && hslMatch[2] && hslMatch[3]) {\n      const h = parseFloat(hslMatch[1]);\n      const s = parseFloat(hslMatch[2]);\n      const l = parseFloat(hslMatch[3]);\n      return hslToHex(h, s, l);\n    }\n\n    // Try to parse other formats or return fallback\n    return fallbackColor;\n  } catch (error) {\n    console.error(`Error getting CSS variable ${variableName}:`, error);\n    return fallbackColor;\n  }\n}\n\n/**\n * Gets a monospace font family from CSS variables or falls back to a system monospace font stack\n * @returns Monospace font family string suitable for code editors\n */\nexport function getMonospaceFont(): string {\n  return (\n    getComputedStyle(document.documentElement)\n      .getPropertyValue('--font-mono')\n      .trim() ||\n    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace'\n    //'SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace'\n  );\n}\n\n/**\n * Gets Monaco editor menu theme colors based on Tailwind CSS variables\n * @param isDarkTheme Whether the current theme is dark or light\n * @returns Object with menu-related color settings for Monaco editor\n */\nexport function getMenuColors(isDarkTheme: boolean): Record<string, string> {\n  const defaultDarkColors = {\n    'editorWidget.background': '#1f1f1f',\n    'editorWidget.foreground': '#cccccc',\n    'editorWidget.border': '#454545',\n    'editorSuggestWidget.background': '#252526',\n    'list.hoverBackground': '#2a2d2e',\n    'list.highlightForeground': '#0097fb',\n    'menu.background': '#252526',\n    'menu.foreground': '#cccccc',\n    'menu.selectionBackground': '#04395e',\n    'menu.selectionForeground': '#ffffff',\n    'quickInput.background': '#252526',\n    'quickInput.foreground': '#cccccc',\n    'dropdown.background': '#252526',\n    'dropdown.foreground': '#f0f0f0',\n  };\n\n  const defaultLightColors = {\n    'editorWidget.background': '#f3f3f3',\n    'editorWidget.foreground': '#616161',\n    'editorWidget.border': '#c8c8c8',\n    'editorSuggestWidget.background': '#f3f3f3',\n    'list.hoverBackground': '#e8e8e8',\n    'list.highlightForeground': '#0066bf',\n    'menu.background': '#f3f3f3',\n    'menu.foreground': '#616161',\n    'menu.selectionBackground': '#d6ebff',\n    'menu.selectionForeground': '#333333',\n    'quickInput.background': '#f3f3f3',\n    'quickInput.foreground': '#616161',\n    'dropdown.background': '#f3f3f3',\n    'dropdown.foreground': '#616161',\n  };\n\n  // Choose base defaults based on theme\n  const defaults = isDarkTheme ? defaultDarkColors : defaultLightColors;\n  const result: Record<string, string> = {};\n\n  // Map Tailwind variables to Monaco color settings\n  if (isDarkTheme) {\n    // Dark theme mappings\n    result['editorWidget.background'] = getCssColor(\n      '--popover',\n      defaults['editorWidget.background'],\n    );\n    result['editorWidget.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['editorWidget.foreground'],\n    );\n    result['editorWidget.border'] = getCssColor(\n      '--border',\n      defaults['editorWidget.border'],\n    );\n    result['editorSuggestWidget.background'] = getCssColor(\n      '--popover',\n      defaults['editorSuggestWidget.background'],\n    );\n    result['list.hoverBackground'] = getCssColor(\n      '--accent',\n      defaults['list.hoverBackground'],\n    );\n    result['list.highlightForeground'] = getCssColor(\n      '--primary',\n      defaults['list.highlightForeground'],\n    );\n    result['menu.background'] = getCssColor(\n      '--popover',\n      defaults['menu.background'],\n    );\n    result['menu.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['menu.foreground'],\n    );\n    result['menu.selectionBackground'] = getCssColor(\n      '--accent',\n      defaults['menu.selectionBackground'],\n    );\n    result['menu.selectionForeground'] = getCssColor(\n      '--accent-foreground',\n      defaults['menu.selectionForeground'],\n    );\n    result['quickInput.background'] = getCssColor(\n      '--popover',\n      defaults['quickInput.background'],\n    );\n    result['quickInput.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['quickInput.foreground'],\n    );\n    result['dropdown.background'] = getCssColor(\n      '--popover',\n      defaults['dropdown.background'],\n    );\n    result['dropdown.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['dropdown.foreground'],\n    );\n  } else {\n    // Light theme mappings\n    result['editorWidget.background'] = getCssColor(\n      '--popover',\n      defaults['editorWidget.background'],\n    );\n    result['editorWidget.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['editorWidget.foreground'],\n    );\n    result['editorWidget.border'] = getCssColor(\n      '--border',\n      defaults['editorWidget.border'],\n    );\n    result['editorSuggestWidget.background'] = getCssColor(\n      '--popover',\n      defaults['editorSuggestWidget.background'],\n    );\n    result['list.hoverBackground'] = getCssColor(\n      '--accent',\n      defaults['list.hoverBackground'],\n    );\n    result['list.highlightForeground'] = getCssColor(\n      '--primary',\n      defaults['list.highlightForeground'],\n    );\n    result['menu.background'] = getCssColor(\n      '--popover',\n      defaults['menu.background'],\n    );\n    result['menu.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['menu.foreground'],\n    );\n    result['menu.selectionBackground'] = getCssColor(\n      '--accent',\n      defaults['menu.selectionBackground'],\n    );\n    result['menu.selectionForeground'] = getCssColor(\n      '--accent-foreground',\n      defaults['menu.selectionForeground'],\n    );\n    result['quickInput.background'] = getCssColor(\n      '--popover',\n      defaults['quickInput.background'],\n    );\n    result['quickInput.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['quickInput.foreground'],\n    );\n    result['dropdown.background'] = getCssColor(\n      '--popover',\n      defaults['dropdown.background'],\n    );\n    result['dropdown.foreground'] = getCssColor(\n      '--popover-foreground',\n      defaults['dropdown.foreground'],\n    );\n  }\n\n  return result;\n}\n\n/**\n * Generates a Monaco editor theme specifically for JSON editing with Tailwind colors\n * @param isDarkTheme Whether the current theme is dark or light\n * @returns A complete Monaco editor theme data object for JSON editing\n */\nexport function getJsonEditorTheme(isDarkTheme: boolean): any {\n  // Predefined pastel colors for syntax highlighting\n  // Light theme colors\n  const lightThemeColors = {\n    property: '#4B6BDF', // Soft blue for property names\n    string: '#DB745C', // Soft coral for string values\n    number: '#56A64B', // Soft green for numbers\n    keyword: '#A450B5', // Soft purple for keywords\n    punctuation: '#6E7781', // Soft gray for punctuation\n  };\n\n  // Dark theme colors\n  const darkThemeColors = {\n    property: '#78AEFF', // Pastel blue for property names\n    string: '#FFAD85', // Pastel coral/orange for string values\n    number: '#7CD992', // Pastel green for numbers\n    keyword: '#C987E8', // Pastel purple for keywords\n    punctuation: '#A9B1BA', // Light gray for punctuation\n  };\n\n  // Select the appropriate color set based on theme\n  const colors = isDarkTheme ? darkThemeColors : lightThemeColors;\n\n  // Theme background and UI colors - still using CSS variables for the editor itself\n  const background = getCssColor(\n    '--background',\n    isDarkTheme ? '#1E1E1E' : '#FFFFFF',\n  );\n  const foreground = getCssColor(\n    '--foreground',\n    isDarkTheme ? '#D4D4D4' : '#000000',\n  );\n  const selection = getCssColor(\n    '--accent',\n    isDarkTheme ? '#264F78' : '#ADD6FF',\n  );\n  const lineHighlight = getCssColor(\n    '--muted',\n    isDarkTheme ? '#2A2A2A' : '#F5F5F5',\n  );\n  const lineNumbers = getCssColor(\n    '--muted-foreground',\n    isDarkTheme ? '#858585' : '#888888',\n  );\n  const cursor = getCssColor('--primary', isDarkTheme ? '#FFFFFF' : '#000000');\n\n  // Menu colors\n  const menuBackground = getCssColor(\n    '--popover',\n    isDarkTheme ? '#1C2233' : '#F3F3F3',\n  );\n  const menuForeground = getCssColor(\n    '--popover-foreground',\n    isDarkTheme ? '#FFFFFF' : '#616161',\n  );\n  const menuSeparator = getCssColor(\n    '--border',\n    isDarkTheme ? '#39435E' : '#C8C8C8',\n  );\n\n  return {\n    base: isDarkTheme ? 'vs-dark' : 'vs',\n    inherit: true,\n    rules: [\n      // Property keys - using pastel blue\n      {token: 'type', foreground: colors.property.slice(1)},\n      {token: 'string.key.json', foreground: colors.property.slice(1)},\n      {token: 'key', foreground: colors.property.slice(1)},\n\n      // String values - using pastel coral/orange\n      {token: 'string.value.json', foreground: colors.string.slice(1)},\n      {token: 'string', foreground: colors.string.slice(1)},\n\n      // Numbers - using pastel green\n      {token: 'number', foreground: colors.number.slice(1)},\n\n      // Keywords (true, false, null) - using pastel purple\n      {token: 'keyword', foreground: colors.keyword.slice(1)},\n\n      // Punctuation - using light gray\n      {token: 'delimiter', foreground: colors.punctuation.slice(1)},\n      {token: 'bracket', foreground: colors.punctuation.slice(1)},\n\n      // Fallbacks\n      {token: '', foreground: foreground.slice(1)},\n    ],\n    colors: {\n      // Editor colors\n      'editor.background': background,\n      'editor.foreground': foreground,\n      'editor.selectionBackground': selection,\n      'editor.lineHighlightBackground': lineHighlight,\n      'editorLineNumber.foreground': lineNumbers,\n      'editorCursor.foreground': cursor,\n\n      // Widget and UI colors\n      'editorWidget.background': menuBackground,\n      'editorWidget.foreground': menuForeground,\n      'editorWidget.border': menuSeparator,\n      'editorSuggestWidget.background': menuBackground,\n      'editorSuggestWidget.foreground': menuForeground,\n      'editorSuggestWidget.border': menuSeparator,\n\n      // Menu colors\n      'menu.background': menuBackground,\n      'menu.foreground': menuForeground,\n      'menu.selectionBackground': selection,\n      'menu.selectionForeground': menuForeground,\n      'menu.separatorBackground': menuSeparator,\n\n      // Additional UI elements\n      'list.hoverBackground': lineHighlight,\n      'list.activeSelectionBackground': selection,\n      'quickInput.background': menuBackground,\n      'quickInput.foreground': menuForeground,\n    },\n  };\n}\n"]}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@sqlrooms/monaco-editor",
+  "version": "0.7.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "type": "module",
+  "private": false,
+  "author": "Ilya Boyandin <ilya@boyandin.me>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sqlrooms/sqlrooms.git"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.7.0",
+    "@sqlrooms/ui": "0.7.0",
+    "monaco-editor": "^0.52.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-dom": "*"
+  },
+  "scripts": {
+    "dev": "tsc -w",
+    "build": "tsc",
+    "lint": "eslint .",
+    "typedoc": "typedoc"
+  },
+  "gitHead": "8be65f051c588d3a963f721322429657913b6c63"
+}