@fieldia/monaco 0.0.0-stage → 0.14.1

package/src/lib/styles.mjs

@@ -0,0 +1,36 @@
+import { CODE_COLOURS } from './theme.mjs';
+const declare = (scheme) => Object.entries(CODE_COLOURS[scheme])
+    .map(([role, colour]) => `--fd-code-${role}: ${colour};`)
+    .join(' ');
+/**
+ * The editor's frame in Fieldia's colours, so it sits among the other
+ * fields, and the code colours the theme is read from: light, dark where the
+ * page is dark, in Fieldia's tokens' layer so a host sets its own over them.
+ * Installed once per document.
+ */
+export const MONACO_CSS = `
+.fd-monaco { display: grid; gap: 4px; min-width: 0; }
+.fd-monaco-box {
+  box-sizing: border-box; height: 96px; min-width: 0; overflow: hidden;
+  border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); background: var(--fd-surface);
+}
+.fd-monaco-box:focus-within { outline: 2px solid var(--fd-focus); outline-offset: 1px; }
+.fd-monaco[data-invalid] .fd-monaco-box { border-color: var(--fd-error); }
+.fd-monaco-plain { min-height: 96px; }
+/* Only to be read: shaded as Fieldia shades such a box, over the colours Monaco's theme gives it. */
+.fd-monaco[data-readonly] .monaco-editor { --vscode-editor-background: color-mix(in srgb, var(--fd-text) 4%, var(--fd-surface)); }
+@layer fieldia-tokens {
+.fd-monaco { ${declare('light')} }
+:is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="dark"] .fd-monaco { ${declare('dark')} }
+@media (prefers-color-scheme: dark) { :is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="auto"] .fd-monaco { ${declare('dark')} } }
+}
+`;
+export function installMonacoStyles(doc) {
+    if (doc.getElementById('fieldia-monaco-styles'))
+        return;
+    const style = doc.createElement('style');
+    style.id = 'fieldia-monaco-styles';
+    style.textContent = MONACO_CSS;
+    doc.head.append(style);
+}
+//# sourceMappingURL=styles.mjs.map

package/src/lib/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/monaco/src/lib/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,OAAO,GAAG,CAAC,MAAwB,EAAE,EAAE,CAC3C,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;KACjC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,aAAa,IAAI,KAAK,MAAM,GAAG,CAAC;KACxD,IAAI,CAAC,GAAG,CAAC,CAAC;AAEf;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;eAYX,OAAO,CAAC,OAAO,CAAC;6EAC8C,OAAO,CAAC,MAAM,CAAC;mHACuB,OAAO,CAAC,MAAM,CAAC;;CAEjI,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,GAAa;IAC/C,IAAI,GAAG,CAAC,cAAc,CAAC,uBAAuB,CAAC;QAAE,OAAO;IACxD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,uBAAuB,CAAC;IACnC,KAAK,CAAC,WAAW,GAAG,UAAU,CAAC;IAC/B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}

package/src/lib/theme.d.mts

@@ -0,0 +1,48 @@
+import type { MonacoThemeData } from './types.mjs';
+/**
+ * Monaco's theme, made from Fieldia's tokens as the page has them: the code
+ * box on the form's surface, in its words, its gutter on the page, the chosen
+ * text in its accent; the code itself in the same colours as @fieldia/code's
+ * editor, light or dark with the page's scheme. Read again when the page's
+ * look or scheme changes.
+ */
+/** The colours code is drawn in, by what a word is: @fieldia/code's (a spec holds the two together). */
+export declare const CODE_COLOURS: {
+    readonly light: {
+        readonly keyword: "#cf222e";
+        readonly string: "#0a3069";
+        readonly literal: "#953800";
+        readonly function: "#6639ba";
+        readonly type: "#8250df";
+        readonly tag: "#116329";
+        readonly property: "#116329";
+    };
+    readonly dark: {
+        readonly keyword: "#ff7b72";
+        readonly string: "#a5d6ff";
+        readonly literal: "#ffa657";
+        readonly function: "#d2a8ff";
+        readonly type: "#f2cc60";
+        readonly tag: "#7ee787";
+        readonly property: "#7ee787";
+    };
+};
+export type CodeRole = keyof (typeof CODE_COLOURS)['light'];
+type PageRole = 'text' | 'muted' | 'surface' | 'page' | 'border' | 'accent' | 'focus' | 'error';
+/** The colours a theme is made of, each #rrggbb or #rrggbbaa. */
+export type FieldiaColours = Record<PageRole | CodeRole, string>;
+/**
+ * A colour as the browser computes it — #rgb, #rrggbb(aa), rgb(), rgba() or
+ * color(srgb …) — as Monaco takes one: #rrggbb, or #rrggbbaa when it is see-through.
+ * Null for anything else.
+ */
+export declare function hexOf(css: string): string | null;
+/** Monaco's theme in these colours. */
+export declare function monacoTheme(given: FieldiaColours): MonacoThemeData;
+/**
+ * The colours the page gives an element: each of Fieldia's tokens as the
+ * browser resolves it there (through the theme, the scheme and the page's
+ * look), the ones it does not give from Fieldia's own light tokens.
+ */
+export declare function readColours(element: HTMLElement): FieldiaColours;
+export {};

package/src/lib/theme.d.ts

@@ -0,0 +1,48 @@
+import type { MonacoThemeData } from './types';
+/**
+ * Monaco's theme, made from Fieldia's tokens as the page has them: the code
+ * box on the form's surface, in its words, its gutter on the page, the chosen
+ * text in its accent; the code itself in the same colours as @fieldia/code's
+ * editor, light or dark with the page's scheme. Read again when the page's
+ * look or scheme changes.
+ */
+/** The colours code is drawn in, by what a word is: @fieldia/code's (a spec holds the two together). */
+export declare const CODE_COLOURS: {
+    readonly light: {
+        readonly keyword: "#cf222e";
+        readonly string: "#0a3069";
+        readonly literal: "#953800";
+        readonly function: "#6639ba";
+        readonly type: "#8250df";
+        readonly tag: "#116329";
+        readonly property: "#116329";
+    };
+    readonly dark: {
+        readonly keyword: "#ff7b72";
+        readonly string: "#a5d6ff";
+        readonly literal: "#ffa657";
+        readonly function: "#d2a8ff";
+        readonly type: "#f2cc60";
+        readonly tag: "#7ee787";
+        readonly property: "#7ee787";
+    };
+};
+export type CodeRole = keyof (typeof CODE_COLOURS)['light'];
+type PageRole = 'text' | 'muted' | 'surface' | 'page' | 'border' | 'accent' | 'focus' | 'error';
+/** The colours a theme is made of, each #rrggbb or #rrggbbaa. */
+export type FieldiaColours = Record<PageRole | CodeRole, string>;
+/**
+ * A colour as the browser computes it — #rgb, #rrggbb(aa), rgb(), rgba() or
+ * color(srgb …) — as Monaco takes one: #rrggbb, or #rrggbbaa when it is see-through.
+ * Null for anything else.
+ */
+export declare function hexOf(css: string): string | null;
+/** Monaco's theme in these colours. */
+export declare function monacoTheme(given: FieldiaColours): MonacoThemeData;
+/**
+ * The colours the page gives an element: each of Fieldia's tokens as the
+ * browser resolves it there (through the theme, the scheme and the page's
+ * look), the ones it does not give from Fieldia's own light tokens.
+ */
+export declare function readColours(element: HTMLElement): FieldiaColours;
+export {};

package/src/lib/theme.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CODE_COLOURS = void 0;
+exports.hexOf = hexOf;
+exports.monacoTheme = monacoTheme;
+exports.readColours = readColours;
+/**
+ * Monaco's theme, made from Fieldia's tokens as the page has them: the code
+ * box on the form's surface, in its words, its gutter on the page, the chosen
+ * text in its accent; the code itself in the same colours as @fieldia/code's
+ * editor, light or dark with the page's scheme. Read again when the page's
+ * look or scheme changes.
+ */
+/** The colours code is drawn in, by what a word is: @fieldia/code's (a spec holds the two together). */
+exports.CODE_COLOURS = {
+    light: { keyword: '#cf222e', string: '#0a3069', literal: '#953800', function: '#6639ba', type: '#8250df', tag: '#116329', property: '#116329' },
+    dark: { keyword: '#ff7b72', string: '#a5d6ff', literal: '#ffa657', function: '#d2a8ff', type: '#f2cc60', tag: '#7ee787', property: '#7ee787' },
+};
+/** Fieldia's own light tokens: what a colour the page does not give falls back to. */
+const FALLBACK = {
+    text: '#212529', muted: '#636976', surface: '#ffffff', page: '#f2f3f5', border: '#cfd4da', accent: '#002855', focus: '#002855', error: '#c62828',
+    ...exports.CODE_COLOURS.light,
+};
+const PAGE_ROLES = ['text', 'muted', 'surface', 'page', 'border', 'accent', 'focus', 'error'];
+const CODE_ROLES = Object.keys(exports.CODE_COLOURS.light);
+const variable = (role) => (CODE_ROLES.includes(role) ? `--fd-code-${role}` : `--fd-${role}`);
+const byte = (n) => Math.round(Math.min(255, Math.max(0, n))).toString(16).padStart(2, '0');
+const alphaOf = (given) => (given === undefined ? 1 : given.endsWith('%') ? Number(given.slice(0, -1)) / 100 : Number(given));
+/**
+ * A colour as the browser computes it — #rgb, #rrggbb(aa), rgb(), rgba() or
+ * color(srgb …) — as Monaco takes one: #rrggbb, or #rrggbbaa when it is see-through.
+ * Null for anything else.
+ */
+function hexOf(css) {
+    const text = css.trim().toLowerCase();
+    const short = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(text);
+    if (short)
+        return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`;
+    if (/^#([0-9a-f]{6}|[0-9a-f]{8})$/.test(text))
+        return text;
+    const number = '([\\d.]+)';
+    const rgb = new RegExp(`^rgba?\\(\\s*${number}[\\s,]+${number}[\\s,]+${number}(?:\\s*[,/]\\s*([\\d.]+%?))?\\s*\\)$`).exec(text);
+    const srgb = new RegExp(`^color\\(srgb\\s+${number}\\s+${number}\\s+${number}(?:\\s*/\\s*([\\d.]+%?))?\\s*\\)$`).exec(text);
+    const found = rgb ?? srgb;
+    if (!found)
+        return null;
+    const scale = rgb ? 1 : 255;
+    const [r, g, b] = [found[1], found[2], found[3]].map((n) => Number(n) * scale);
+    const alpha = alphaOf(found[4]);
+    return `#${byte(r)}${byte(g)}${byte(b)}${alpha >= 1 ? '' : byte(alpha * 255)}`;
+}
+const channels = (hex) => [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16));
+const alpha = (hex) => (hex.length === 9 ? parseInt(hex.slice(7), 16) / 255 : 1);
+/** A see-through colour laid over its ground, as the browser paints it: #rrggbb. */
+function solid(colour, ground) {
+    const a = alpha(colour);
+    const over = channels(ground);
+    return `#${channels(colour).map((c, i) => byte(c * a + over[i] * (1 - a))).join('')}`;
+}
+const luminance = (hex) => channels(hex)
+    .map((c) => c / 255)
+    .map((s) => (s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4))
+    .reduce((sum, s, i) => sum + s * [0.2126, 0.7152, 0.0722][i], 0);
+/** Monaco's theme in these colours. */
+function monacoTheme(given) {
+    const surface = solid(given.surface, '#ffffff');
+    const on = (colour) => solid(colour, surface);
+    const c = Object.fromEntries(Object.entries(given).map(([role, colour]) => [role, role === 'surface' ? surface : on(colour)]));
+    /** Monaco takes a rule's colour without its #. */
+    const fg = (role) => c[role].slice(1);
+    const see = (role, opacity) => `${c[role]}${opacity}`;
+    const roles = [
+        [['keyword', 'keyword.flow', 'keyword.control', 'storage'], 'keyword'],
+        [['string', 'string.escape', 'string.value.json', 'regexp', 'attribute.value'], 'string'],
+        [['number', 'number.hex', 'number.float', 'constant', 'variable.predefined', 'attribute.name'], 'literal'],
+        [['predefined', 'function'], 'function'],
+        [['type', 'type.identifier', 'namespace', 'annotation'], 'type'],
+        [['tag', 'metatag'], 'tag'],
+        [['string.key.json', 'key', 'variable.name'], 'property'],
+        [['delimiter', 'operator', 'identifier', 'variable'], 'text'],
+    ];
+    return {
+        base: luminance(surface) < 0.4 ? 'vs-dark' : 'vs',
+        inherit: true,
+        rules: [
+            { token: '', foreground: fg('text') },
+            ...roles.flatMap(([tokens, role]) => tokens.map((token) => ({ token, foreground: fg(role) }))),
+            { token: 'comment', foreground: fg('muted'), fontStyle: 'italic' },
+            { token: 'comment.doc', foreground: fg('muted'), fontStyle: 'italic' },
+            { token: 'invalid', foreground: fg('error') },
+            { token: 'emphasis', fontStyle: 'italic' },
+            { token: 'strong', fontStyle: 'bold' },
+        ],
+        colors: {
+            'editor.background': surface,
+            'editor.foreground': c.text,
+            'editorGutter.background': solid(given.page, surface),
+            'editorLineNumber.foreground': c.muted,
+            'editorLineNumber.activeForeground': c.text,
+            'editorCursor.foreground': c.text,
+            'editor.selectionBackground': see('accent', '40'),
+            'editor.inactiveSelectionBackground': see('accent', '26'),
+            'editor.selectionHighlightBackground': see('accent', '1f'),
+            'editor.wordHighlightBackground': see('accent', '1a'),
+            'editor.findMatchBackground': see('accent', '59'),
+            'editor.findMatchHighlightBackground': see('accent', '2e'),
+            'editor.rangeHighlightBackground': see('accent', '14'),
+            'editor.lineHighlightBackground': see('text', '0a'),
+            'editor.lineHighlightBorder': '#00000000',
+            'editorIndentGuide.background1': c.border,
+            'editorIndentGuide.activeBackground1': c.muted,
+            'editorWhitespace.foreground': c.border,
+            'editorBracketMatch.background': see('accent', '1f'),
+            'editorBracketMatch.border': c.muted,
+            'editorError.foreground': c.error,
+            'editorOverviewRuler.border': '#00000000',
+            focusBorder: c.focus,
+            'editorWidget.background': surface,
+            'editorWidget.foreground': c.text,
+            'editorWidget.border': c.border,
+            'input.background': surface,
+            'input.foreground': c.text,
+            'input.border': c.border,
+            'scrollbarSlider.background': see('muted', '40'),
+            'scrollbarSlider.hoverBackground': see('muted', '66'),
+            'scrollbarSlider.activeBackground': see('muted', '80'),
+        },
+    };
+}
+/**
+ * The colours the page gives an element: each of Fieldia's tokens as the
+ * browser resolves it there (through the theme, the scheme and the page's
+ * look), the ones it does not give from Fieldia's own light tokens.
+ */
+function readColours(element) {
+    const view = element.ownerDocument.defaultView;
+    if (!view)
+        return { ...FALLBACK };
+    const probe = element.ownerDocument.createElement('span');
+    probe.hidden = true;
+    element.append(probe);
+    const declared = view.getComputedStyle(element);
+    const colours = { ...FALLBACK };
+    for (const role of [...PAGE_ROLES, ...CODE_ROLES]) {
+        const name = variable(role);
+        if (declared.getPropertyValue(name).trim() === '')
+            continue;
+        probe.style.color = `var(${name})`;
+        colours[role] = hexOf(view.getComputedStyle(probe).color) ?? colours[role];
+    }
+    probe.remove();
+    return colours;
+}
+//# sourceMappingURL=theme.js.map

package/src/lib/theme.js.map

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

package/src/lib/theme.mjs

@@ -0,0 +1,148 @@
+/**
+ * Monaco's theme, made from Fieldia's tokens as the page has them: the code
+ * box on the form's surface, in its words, its gutter on the page, the chosen
+ * text in its accent; the code itself in the same colours as @fieldia/code's
+ * editor, light or dark with the page's scheme. Read again when the page's
+ * look or scheme changes.
+ */
+/** The colours code is drawn in, by what a word is: @fieldia/code's (a spec holds the two together). */
+export const CODE_COLOURS = {
+    light: { keyword: '#cf222e', string: '#0a3069', literal: '#953800', function: '#6639ba', type: '#8250df', tag: '#116329', property: '#116329' },
+    dark: { keyword: '#ff7b72', string: '#a5d6ff', literal: '#ffa657', function: '#d2a8ff', type: '#f2cc60', tag: '#7ee787', property: '#7ee787' },
+};
+/** Fieldia's own light tokens: what a colour the page does not give falls back to. */
+const FALLBACK = {
+    text: '#212529', muted: '#636976', surface: '#ffffff', page: '#f2f3f5', border: '#cfd4da', accent: '#002855', focus: '#002855', error: '#c62828',
+    ...CODE_COLOURS.light,
+};
+const PAGE_ROLES = ['text', 'muted', 'surface', 'page', 'border', 'accent', 'focus', 'error'];
+const CODE_ROLES = Object.keys(CODE_COLOURS.light);
+const variable = (role) => (CODE_ROLES.includes(role) ? `--fd-code-${role}` : `--fd-${role}`);
+const byte = (n) => Math.round(Math.min(255, Math.max(0, n))).toString(16).padStart(2, '0');
+const alphaOf = (given) => (given === undefined ? 1 : given.endsWith('%') ? Number(given.slice(0, -1)) / 100 : Number(given));
+/**
+ * A colour as the browser computes it — #rgb, #rrggbb(aa), rgb(), rgba() or
+ * color(srgb …) — as Monaco takes one: #rrggbb, or #rrggbbaa when it is see-through.
+ * Null for anything else.
+ */
+export function hexOf(css) {
+    const text = css.trim().toLowerCase();
+    const short = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(text);
+    if (short)
+        return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`;
+    if (/^#([0-9a-f]{6}|[0-9a-f]{8})$/.test(text))
+        return text;
+    const number = '([\\d.]+)';
+    const rgb = new RegExp(`^rgba?\\(\\s*${number}[\\s,]+${number}[\\s,]+${number}(?:\\s*[,/]\\s*([\\d.]+%?))?\\s*\\)$`).exec(text);
+    const srgb = new RegExp(`^color\\(srgb\\s+${number}\\s+${number}\\s+${number}(?:\\s*/\\s*([\\d.]+%?))?\\s*\\)$`).exec(text);
+    const found = rgb ?? srgb;
+    if (!found)
+        return null;
+    const scale = rgb ? 1 : 255;
+    const [r, g, b] = [found[1], found[2], found[3]].map((n) => Number(n) * scale);
+    const alpha = alphaOf(found[4]);
+    return `#${byte(r)}${byte(g)}${byte(b)}${alpha >= 1 ? '' : byte(alpha * 255)}`;
+}
+const channels = (hex) => [1, 3, 5].map((i) => parseInt(hex.slice(i, i + 2), 16));
+const alpha = (hex) => (hex.length === 9 ? parseInt(hex.slice(7), 16) / 255 : 1);
+/** A see-through colour laid over its ground, as the browser paints it: #rrggbb. */
+function solid(colour, ground) {
+    const a = alpha(colour);
+    const over = channels(ground);
+    return `#${channels(colour).map((c, i) => byte(c * a + over[i] * (1 - a))).join('')}`;
+}
+const luminance = (hex) => channels(hex)
+    .map((c) => c / 255)
+    .map((s) => (s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4))
+    .reduce((sum, s, i) => sum + s * [0.2126, 0.7152, 0.0722][i], 0);
+/** Monaco's theme in these colours. */
+export function monacoTheme(given) {
+    const surface = solid(given.surface, '#ffffff');
+    const on = (colour) => solid(colour, surface);
+    const c = Object.fromEntries(Object.entries(given).map(([role, colour]) => [role, role === 'surface' ? surface : on(colour)]));
+    /** Monaco takes a rule's colour without its #. */
+    const fg = (role) => c[role].slice(1);
+    const see = (role, opacity) => `${c[role]}${opacity}`;
+    const roles = [
+        [['keyword', 'keyword.flow', 'keyword.control', 'storage'], 'keyword'],
+        [['string', 'string.escape', 'string.value.json', 'regexp', 'attribute.value'], 'string'],
+        [['number', 'number.hex', 'number.float', 'constant', 'variable.predefined', 'attribute.name'], 'literal'],
+        [['predefined', 'function'], 'function'],
+        [['type', 'type.identifier', 'namespace', 'annotation'], 'type'],
+        [['tag', 'metatag'], 'tag'],
+        [['string.key.json', 'key', 'variable.name'], 'property'],
+        [['delimiter', 'operator', 'identifier', 'variable'], 'text'],
+    ];
+    return {
+        base: luminance(surface) < 0.4 ? 'vs-dark' : 'vs',
+        inherit: true,
+        rules: [
+            { token: '', foreground: fg('text') },
+            ...roles.flatMap(([tokens, role]) => tokens.map((token) => ({ token, foreground: fg(role) }))),
+            { token: 'comment', foreground: fg('muted'), fontStyle: 'italic' },
+            { token: 'comment.doc', foreground: fg('muted'), fontStyle: 'italic' },
+            { token: 'invalid', foreground: fg('error') },
+            { token: 'emphasis', fontStyle: 'italic' },
+            { token: 'strong', fontStyle: 'bold' },
+        ],
+        colors: {
+            'editor.background': surface,
+            'editor.foreground': c.text,
+            'editorGutter.background': solid(given.page, surface),
+            'editorLineNumber.foreground': c.muted,
+            'editorLineNumber.activeForeground': c.text,
+            'editorCursor.foreground': c.text,
+            'editor.selectionBackground': see('accent', '40'),
+            'editor.inactiveSelectionBackground': see('accent', '26'),
+            'editor.selectionHighlightBackground': see('accent', '1f'),
+            'editor.wordHighlightBackground': see('accent', '1a'),
+            'editor.findMatchBackground': see('accent', '59'),
+            'editor.findMatchHighlightBackground': see('accent', '2e'),
+            'editor.rangeHighlightBackground': see('accent', '14'),
+            'editor.lineHighlightBackground': see('text', '0a'),
+            'editor.lineHighlightBorder': '#00000000',
+            'editorIndentGuide.background1': c.border,
+            'editorIndentGuide.activeBackground1': c.muted,
+            'editorWhitespace.foreground': c.border,
+            'editorBracketMatch.background': see('accent', '1f'),
+            'editorBracketMatch.border': c.muted,
+            'editorError.foreground': c.error,
+            'editorOverviewRuler.border': '#00000000',
+            focusBorder: c.focus,
+            'editorWidget.background': surface,
+            'editorWidget.foreground': c.text,
+            'editorWidget.border': c.border,
+            'input.background': surface,
+            'input.foreground': c.text,
+            'input.border': c.border,
+            'scrollbarSlider.background': see('muted', '40'),
+            'scrollbarSlider.hoverBackground': see('muted', '66'),
+            'scrollbarSlider.activeBackground': see('muted', '80'),
+        },
+    };
+}
+/**
+ * The colours the page gives an element: each of Fieldia's tokens as the
+ * browser resolves it there (through the theme, the scheme and the page's
+ * look), the ones it does not give from Fieldia's own light tokens.
+ */
+export function readColours(element) {
+    const view = element.ownerDocument.defaultView;
+    if (!view)
+        return { ...FALLBACK };
+    const probe = element.ownerDocument.createElement('span');
+    probe.hidden = true;
+    element.append(probe);
+    const declared = view.getComputedStyle(element);
+    const colours = { ...FALLBACK };
+    for (const role of [...PAGE_ROLES, ...CODE_ROLES]) {
+        const name = variable(role);
+        if (declared.getPropertyValue(name).trim() === '')
+            continue;
+        probe.style.color = `var(${name})`;
+        colours[role] = hexOf(view.getComputedStyle(probe).color) ?? colours[role];
+    }
+    probe.remove();
+    return colours;
+}
+//# sourceMappingURL=theme.mjs.map

package/src/lib/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.mjs","sourceRoot":"","sources":["../../../../../libs/monaco/src/lib/theme.ts"],"names":[],"mappings":"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"}

package/src/lib/types.d.mts

@@ -0,0 +1,72 @@
+/**
+ * The part of Monaco's API the widgets use, written out here: the package
+ * names no type of monaco-editor's in what it exports, so an app's types
+ * check whichever way it resolves modules, and a test's stand-in can
+ * implement all of it.
+ */
+export interface MonacoDisposable {
+    dispose(): void;
+}
+export interface MonacoModel extends MonacoDisposable {
+    getValue(): string;
+    setValue(value: string): void;
+    getLanguageId(): string;
+}
+export interface MonacoEditor extends MonacoDisposable {
+    getModel(): MonacoModel | null;
+    updateOptions(options: Record<string, unknown>): void;
+    focus(): void;
+    hasTextFocus(): boolean;
+    layout(): void;
+    getContentHeight(): number;
+    onDidChangeModelContent(listener: () => void): MonacoDisposable;
+    onDidContentSizeChange(listener: (event: {
+        contentHeight: number;
+    }) => void): MonacoDisposable;
+}
+/** A theme as Monaco defines one: its base, rules for tokens and colours for the editor's parts. */
+export interface MonacoThemeData {
+    base: 'vs' | 'vs-dark';
+    inherit: boolean;
+    rules: {
+        token: string;
+        foreground?: string;
+        fontStyle?: string;
+    }[];
+    colors: Record<string, string>;
+}
+export interface MonacoApi {
+    editor: {
+        create(element: HTMLElement, options: Record<string, unknown>): MonacoEditor;
+        createModel(value: string, language?: string): MonacoModel;
+        defineTheme(name: string, theme: MonacoThemeData): void;
+        setTheme(name: string): void;
+    };
+    languages: {
+        register(language: {
+            id: string;
+            extensions?: string[];
+            aliases?: string[];
+        }): void;
+        getLanguages(): {
+            id: string;
+        }[];
+        setMonarchTokensProvider(id: string, language: unknown): MonacoDisposable;
+        setLanguageConfiguration(id: string, configuration: unknown): MonacoDisposable;
+    };
+}
+/**
+ * How the widgets get Monaco and a language's tokenizer. The default imports
+ * monaco-editor's own modules, each when first needed; an app that loads
+ * Monaco its own way, or a test, hands its own.
+ */
+export interface MonacoLoader {
+    /** Monaco, with the editing features the widgets use; with `services`, the features language services need too. */
+    monaco(services: boolean): Promise<MonacoApi>;
+    /**
+     * Monaco's id for the language a page names, its tokenizer registered — with
+     * `services`, its language service where Monaco has one. `plaintext` for a
+     * language Monaco has none for.
+     */
+    language(monaco: MonacoApi, name: unknown, services: boolean): Promise<string>;
+}

package/src/lib/types.d.ts

@@ -0,0 +1,72 @@
+/**
+ * The part of Monaco's API the widgets use, written out here: the package
+ * names no type of monaco-editor's in what it exports, so an app's types
+ * check whichever way it resolves modules, and a test's stand-in can
+ * implement all of it.
+ */
+export interface MonacoDisposable {
+    dispose(): void;
+}
+export interface MonacoModel extends MonacoDisposable {
+    getValue(): string;
+    setValue(value: string): void;
+    getLanguageId(): string;
+}
+export interface MonacoEditor extends MonacoDisposable {
+    getModel(): MonacoModel | null;
+    updateOptions(options: Record<string, unknown>): void;
+    focus(): void;
+    hasTextFocus(): boolean;
+    layout(): void;
+    getContentHeight(): number;
+    onDidChangeModelContent(listener: () => void): MonacoDisposable;
+    onDidContentSizeChange(listener: (event: {
+        contentHeight: number;
+    }) => void): MonacoDisposable;
+}
+/** A theme as Monaco defines one: its base, rules for tokens and colours for the editor's parts. */
+export interface MonacoThemeData {
+    base: 'vs' | 'vs-dark';
+    inherit: boolean;
+    rules: {
+        token: string;
+        foreground?: string;
+        fontStyle?: string;
+    }[];
+    colors: Record<string, string>;
+}
+export interface MonacoApi {
+    editor: {
+        create(element: HTMLElement, options: Record<string, unknown>): MonacoEditor;
+        createModel(value: string, language?: string): MonacoModel;
+        defineTheme(name: string, theme: MonacoThemeData): void;
+        setTheme(name: string): void;
+    };
+    languages: {
+        register(language: {
+            id: string;
+            extensions?: string[];
+            aliases?: string[];
+        }): void;
+        getLanguages(): {
+            id: string;
+        }[];
+        setMonarchTokensProvider(id: string, language: unknown): MonacoDisposable;
+        setLanguageConfiguration(id: string, configuration: unknown): MonacoDisposable;
+    };
+}
+/**
+ * How the widgets get Monaco and a language's tokenizer. The default imports
+ * monaco-editor's own modules, each when first needed; an app that loads
+ * Monaco its own way, or a test, hands its own.
+ */
+export interface MonacoLoader {
+    /** Monaco, with the editing features the widgets use; with `services`, the features language services need too. */
+    monaco(services: boolean): Promise<MonacoApi>;
+    /**
+     * Monaco's id for the language a page names, its tokenizer registered — with
+     * `services`, its language service where Monaco has one. `plaintext` for a
+     * language Monaco has none for.
+     */
+    language(monaco: MonacoApi, name: unknown, services: boolean): Promise<string>;
+}

package/src/lib/types.js

@@ -0,0 +1,9 @@
+"use strict";
+/**
+ * The part of Monaco's API the widgets use, written out here: the package
+ * names no type of monaco-editor's in what it exports, so an app's types
+ * check whichever way it resolves modules, and a test's stand-in can
+ * implement all of it.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/src/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../libs/monaco/src/lib/types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}

package/src/lib/types.mjs

@@ -0,0 +1,8 @@
+/**
+ * The part of Monaco's API the widgets use, written out here: the package
+ * names no type of monaco-editor's in what it exports, so an app's types
+ * check whichever way it resolves modules, and a test's stand-in can
+ * implement all of it.
+ */
+export {};
+//# sourceMappingURL=types.mjs.map