@grafana/ui/dist/esm/components/Monaco/theme.mjs.map

Grafana Components Library

{"version":3,"file":"theme.mjs","sources":["../../../../src/components/Monaco/theme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { Monaco, monacoTypes } from './types';\n\nfunction getColors(theme?: GrafanaTheme2): monacoTypes.editor.IColors {\n  if (theme === undefined) {\n    return {};\n  } else {\n    const colors: Record<string, string> = {\n      'editor.background': theme.components.input.background,\n      'minimap.background': theme.colors.background.secondary,\n    };\n\n    Object.keys(colors).forEach((resultKey) => {\n      colors[resultKey] = normalizeColorForMonaco(colors[resultKey]);\n    });\n    return colors;\n  }\n}\n\nfunction normalizeColorForMonaco(color?: string): string {\n  // monaco needs 6char hex colors\n  // see https://github.com/grafana/grafana/issues/43158\n  return tinycolor(color).toHexString();\n}\n\n// we support calling this without a theme, it will make sure the themes\n// are registered in monaco, even if the colors are not perfect.\nexport default function defineThemes(monaco: Monaco, theme?: GrafanaTheme2) {\n  // color tokens are defined here https://github.com/microsoft/vscode/blob/main/src/vs/platform/theme/common/colorRegistry.ts#L174\n  const colors = getColors(theme);\n  monaco.editor.defineTheme('grafana-dark', {\n    base: 'vs-dark',\n    inherit: true,\n    colors: colors,\n    // fallback syntax highlighting for languages that microsoft doesn't handle (ex cloudwatch's metric math)\n    rules: [\n      { token: 'predefined', foreground: normalizeColorForMonaco(theme?.visualization.getColorByName('purple')) },\n      { token: 'operator', foreground: normalizeColorForMonaco(theme?.visualization.getColorByName('orange')) },\n      { token: 'tag', foreground: normalizeColorForMonaco(theme?.visualization.getColorByName('green')) },\n    ],\n  });\n\n  monaco.editor.defineTheme('grafana-light', {\n    base: 'vs',\n    inherit: true,\n    colors: colors,\n    // fallback syntax highlighting for languages that microsoft doesn't handle (ex cloudwatch's metric math)\n    rules: [\n      { token: 'predefined', foreground: normalizeColorForMonaco(theme?.visualization.getColorByName('purple')) },\n      { token: 'operator', foreground: normalizeColorForMonaco(theme?.visualization.getColorByName('orange')) },\n      { token: 'tag', foreground: normalizeColorForMonaco(theme?.visualization.getColorByName('green')) },\n    ],\n  });\n}\n"],"names":[],"mappings":";;;AAMA,SAAS,UAAU,KAAA,EAAmD;AACpE,EAAA,IAAI,UAAU,KAAA,CAAA,EAAW;AACvB,IAAA,OAAO,EAAC;AAAA,EACV,CAAA,MAAO;AACL,IAAA,MAAM,MAAA,GAAiC;AAAA,MACrC,mBAAA,EAAqB,KAAA,CAAM,UAAA,CAAW,KAAA,CAAM,UAAA;AAAA,MAC5C,oBAAA,EAAsB,KAAA,CAAM,MAAA,CAAO,UAAA,CAAW;AAAA,KAChD;AAEA,IAAA,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,SAAA,KAAc;AACzC,MAAA,MAAA,CAAO,SAAS,CAAA,GAAI,uBAAA,CAAwB,MAAA,CAAO,SAAS,CAAC,CAAA;AAAA,IAC/D,CAAC,CAAA;AACD,IAAA,OAAO,MAAA;AAAA,EACT;AACF;AAEA,SAAS,wBAAwB,KAAA,EAAwB;AAGvD,EAAA,OAAO,SAAA,CAAU,KAAK,CAAA,CAAE,WAAA,EAAY;AACtC;AAIA,SAAwB,YAAA,CAAa,QAAgB,KAAA,EAAuB;AAE1E,EAAA,MAAM,MAAA,GAAS,UAAU,KAAK,CAAA;AAC9B,EAAA,MAAA,CAAO,MAAA,CAAO,YAAY,cAAA,EAAgB;AAAA,IACxC,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,MAAA;AAAA;AAAA,IAEA,KAAA,EAAO;AAAA,MACL,EAAE,OAAO,YAAA,EAAc,UAAA,EAAY,wBAAwB,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aAAA,CAAc,cAAA,CAAe,QAAA,CAAS,CAAA,EAAE;AAAA,MAC1G,EAAE,OAAO,UAAA,EAAY,UAAA,EAAY,wBAAwB,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aAAA,CAAc,cAAA,CAAe,QAAA,CAAS,CAAA,EAAE;AAAA,MACxG,EAAE,OAAO,KAAA,EAAO,UAAA,EAAY,wBAAwB,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aAAA,CAAc,cAAA,CAAe,OAAA,CAAQ,CAAA;AAAE;AACpG,GACD,CAAA;AAED,EAAA,MAAA,CAAO,MAAA,CAAO,YAAY,eAAA,EAAiB;AAAA,IACzC,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,MAAA;AAAA;AAAA,IAEA,KAAA,EAAO;AAAA,MACL,EAAE,OAAO,YAAA,EAAc,UAAA,EAAY,wBAAwB,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aAAA,CAAc,cAAA,CAAe,QAAA,CAAS,CAAA,EAAE;AAAA,MAC1G,EAAE,OAAO,UAAA,EAAY,UAAA,EAAY,wBAAwB,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aAAA,CAAc,cAAA,CAAe,QAAA,CAAS,CAAA,EAAE;AAAA,MACxG,EAAE,OAAO,KAAA,EAAO,UAAA,EAAY,wBAAwB,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,aAAA,CAAc,cAAA,CAAe,OAAA,CAAQ,CAAA;AAAE;AACpG,GACD,CAAA;AACH;;;;"}