@fieldia/code 0.13.1 → 0.14.0

package/src/lib/languages.mjs

@@ -0,0 +1,132 @@
+import { StreamLanguage, indentUnit } from '@codemirror/language';
+/** A grammar from @codemirror/legacy-modes, as a language the editor reads. */
+const stream = (parser) => StreamLanguage.define(parser);
+/** How each language's grammar loads: a dynamic import each, so each is a file of its own. */
+const LOADERS = {
+    javascript: () => import('@codemirror/lang-javascript').then((m) => m.javascript()),
+    typescript: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ typescript: true })),
+    jsx: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ jsx: true })),
+    tsx: () => import('@codemirror/lang-javascript').then((m) => m.javascript({ jsx: true, typescript: true })),
+    python: () => import('@codemirror/lang-python').then((m) => m.python()),
+    sql: () => import('@codemirror/lang-sql').then((m) => m.sql()),
+    postgresql: () => import('@codemirror/lang-sql').then((m) => m.sql({ dialect: m.PostgreSQL })),
+    mysql: () => import('@codemirror/lang-sql').then((m) => m.sql({ dialect: m.MySQL })),
+    sqlite: () => import('@codemirror/lang-sql').then((m) => m.sql({ dialect: m.SQLite })),
+    mssql: () => import('@codemirror/lang-sql').then((m) => m.sql({ dialect: m.MSSQL })),
+    html: () => import('@codemirror/lang-html').then((m) => m.html()),
+    css: () => import('@codemirror/lang-css').then((m) => m.css()),
+    xml: () => import('@codemirror/lang-xml').then((m) => m.xml()),
+    yaml: () => import('@codemirror/lang-yaml').then((m) => m.yaml()),
+    markdown: () => import('@codemirror/lang-markdown').then((m) => m.markdown()),
+    json: () => import('@codemirror/lang-json').then((m) => m.json()),
+    java: () => import('@codemirror/lang-java').then((m) => m.java()),
+    c: () => import('@codemirror/lang-cpp').then((m) => m.cpp()),
+    cpp: () => import('@codemirror/lang-cpp').then((m) => m.cpp()),
+    php: () => import('@codemirror/lang-php').then((m) => m.php()),
+    rust: () => import('@codemirror/lang-rust').then((m) => m.rust()),
+    go: () => import('@codemirror/lang-go').then((m) => m.go()),
+    // The rest from CodeMirror 5's modes, each a small file of its own.
+    shell: () => import('@codemirror/legacy-modes/mode/shell').then((m) => stream(m.shell)),
+    powershell: () => import('@codemirror/legacy-modes/mode/powershell').then((m) => stream(m.powerShell)),
+    ruby: () => import('@codemirror/legacy-modes/mode/ruby').then((m) => stream(m.ruby)),
+    perl: () => import('@codemirror/legacy-modes/mode/perl').then((m) => stream(m.perl)),
+    lua: () => import('@codemirror/legacy-modes/mode/lua').then((m) => stream(m.lua)),
+    r: () => import('@codemirror/legacy-modes/mode/r').then((m) => stream(m.r)),
+    swift: () => import('@codemirror/legacy-modes/mode/swift').then((m) => stream(m.swift)),
+    kotlin: () => import('@codemirror/legacy-modes/mode/clike').then((m) => stream(m.kotlin)),
+    csharp: () => import('@codemirror/legacy-modes/mode/clike').then((m) => stream(m.csharp)),
+    scala: () => import('@codemirror/legacy-modes/mode/clike').then((m) => stream(m.scala)),
+    dart: () => import('@codemirror/legacy-modes/mode/clike').then((m) => stream(m.dart)),
+    dockerfile: () => import('@codemirror/legacy-modes/mode/dockerfile').then((m) => stream(m.dockerFile)),
+    toml: () => import('@codemirror/legacy-modes/mode/toml').then((m) => stream(m.toml)),
+    ini: () => import('@codemirror/legacy-modes/mode/properties').then((m) => stream(m.properties)),
+    diff: () => import('@codemirror/legacy-modes/mode/diff').then((m) => stream(m.diff)),
+    nginx: () => import('@codemirror/legacy-modes/mode/nginx').then((m) => stream(m.nginx)),
+    protobuf: () => import('@codemirror/legacy-modes/mode/protobuf').then((m) => stream(m.protobuf)),
+    haskell: () => import('@codemirror/legacy-modes/mode/haskell').then((m) => stream(m.haskell)),
+    clojure: () => import('@codemirror/legacy-modes/mode/clojure').then((m) => stream(m.clojure)),
+    erlang: () => import('@codemirror/legacy-modes/mode/erlang').then((m) => stream(m.erlang)),
+    groovy: () => import('@codemirror/legacy-modes/mode/groovy').then((m) => stream(m.groovy)),
+    julia: () => import('@codemirror/legacy-modes/mode/julia').then((m) => stream(m.julia)),
+};
+/** How a language is usually indented, where it is not by two spaces: four for Python, C and their kin, a tab for Go. */
+const INDENTS = Object.fromEntries([
+    ...['python', 'java', 'c', 'cpp', 'csharp', 'php', 'rust', 'kotlin', 'swift', 'powershell', 'perl', 'julia', 'groovy'].map((id) => [id, '    ']),
+    ['go', '\t'],
+]);
+const language = (id, name, ...aliases) => ({ id, name, aliases });
+/** Every language a code field can be written in, in the order a person picking one reads them. */
+export const CODE_LANGUAGES = [
+    language('javascript', 'JavaScript', 'js', 'mjs', 'cjs', 'node'),
+    language('typescript', 'TypeScript', 'ts', 'mts', 'cts'),
+    language('jsx', 'JavaScript with JSX'),
+    language('tsx', 'TypeScript with JSX'),
+    language('python', 'Python', 'py', 'python3'),
+    language('sql', 'SQL'),
+    language('postgresql', 'PostgreSQL', 'postgres', 'pgsql', 'psql'),
+    language('mysql', 'MySQL', 'mariadb'),
+    language('sqlite', 'SQLite'),
+    language('mssql', 'SQL Server', 'tsql', 't-sql', 'sqlserver'),
+    language('html', 'HTML', 'htm', 'xhtml'),
+    language('css', 'CSS'),
+    language('xml', 'XML', 'svg', 'xsl'),
+    language('yaml', 'YAML', 'yml'),
+    language('markdown', 'Markdown', 'md'),
+    language('json', 'JSON', 'jsonc'),
+    language('java', 'Java'),
+    language('c', 'C', 'h'),
+    language('cpp', 'C++', 'c++', 'cc', 'cxx', 'hpp'),
+    language('php', 'PHP'),
+    language('rust', 'Rust', 'rs'),
+    language('go', 'Go', 'golang'),
+    language('shell', 'Shell', 'sh', 'bash', 'zsh'),
+    language('powershell', 'PowerShell', 'ps1', 'pwsh'),
+    language('ruby', 'Ruby', 'rb'),
+    language('perl', 'Perl', 'pl'),
+    language('lua', 'Lua'),
+    language('r', 'R'),
+    language('swift', 'Swift'),
+    language('kotlin', 'Kotlin', 'kt', 'kts'),
+    language('csharp', 'C#', 'c#', 'cs'),
+    language('scala', 'Scala'),
+    language('dart', 'Dart'),
+    language('dockerfile', 'Dockerfile', 'docker'),
+    language('toml', 'TOML'),
+    language('ini', 'INI', 'properties', 'conf'),
+    language('diff', 'Diff', 'patch'),
+    language('nginx', 'nginx'),
+    language('protobuf', 'Protocol Buffers', 'proto'),
+    language('haskell', 'Haskell', 'hs'),
+    language('clojure', 'Clojure', 'clj'),
+    language('erlang', 'Erlang', 'erl'),
+    language('groovy', 'Groovy', 'gradle'),
+    language('julia', 'Julia', 'jl'),
+];
+const BY_NAME = new Map(CODE_LANGUAGES.flatMap((language) => [language.id, ...language.aliases].map((name) => [name, language])));
+/** The language a page names, by its id or another of its names, in any case; null for one not on the list. */
+export function codeLanguage(name) {
+    return typeof name === 'string' ? BY_NAME.get(name.trim().toLowerCase()) ?? null : null;
+}
+/** Each grammar's load, once: every field in that language shares it. */
+const loading = new Map();
+/**
+ * The grammar of the language a page names, ready for an editor: loaded the
+ * first time a field asks for it. Null for a language not on the list, and
+ * for one whose file could not be fetched — the field stays plain text.
+ */
+export function loadCodeLanguage(name) {
+    const found = codeLanguage(name);
+    if (!found)
+        return Promise.resolve(null);
+    let load = loading.get(found.id);
+    if (!load) {
+        load = LOADERS[found.id]().then((support) => [support, indentUnit.of(INDENTS[found.id] ?? '  ')], () => {
+            // Not fetched (offline, say): plain text this time, and another try next time.
+            loading.delete(found.id);
+            return null;
+        });
+        loading.set(found.id, load);
+    }
+    return load;
+}
+//# sourceMappingURL=languages.mjs.map

package/src/lib/languages.mjs.map

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

package/src/lib/palette.d.mts

@@ -0,0 +1,36 @@
+import { HighlightStyle } from '@codemirror/language';
+/**
+ * The colours code is drawn in, by what a word is: a keyword, a string, a
+ * number… Light and dark, each reading at 4.5:1 or more (WCAG AA) on the
+ * surface of every Fieldia theme in that scheme (palette.spec.ts). Comments
+ * take the page's quiet words (`--fd-muted`), errors its error colour, and
+ * the rest of the text its words, so the code sits among the other fields.
+ *
+ * They are CSS variables, `--fd-code-keyword` and the rest, in Fieldia's
+ * tokens' layer: a host sets its own over them as it sets any token.
+ */
+export declare const CODE_COLOURS: {
+    readonly light: {
+        readonly keyword: "#cf222e";
+        readonly string: "#0a3069";
+        readonly literal: "#0550ae";
+        readonly function: "#6639ba";
+        readonly type: "#953800";
+        readonly tag: "#116329";
+        readonly property: "#0550ae";
+    };
+    readonly dark: {
+        readonly keyword: "#ff7b72";
+        readonly string: "#a5d6ff";
+        readonly literal: "#79c0ff";
+        readonly function: "#d2a8ff";
+        readonly type: "#ffa657";
+        readonly tag: "#7ee787";
+        readonly property: "#79c0ff";
+    };
+};
+export type CodeRole = keyof (typeof CODE_COLOURS)['light'];
+/** The colours as CSS: light on any code box, dark where the page's scheme is dark, or follows a dark system. */
+export declare const CODE_COLOURS_CSS: string;
+/** What each kind of word in a grammar is drawn as, in the colours above. */
+export declare const codeHighlightStyle: HighlightStyle;

package/src/lib/palette.d.ts

@@ -0,0 +1,36 @@
+import { HighlightStyle } from '@codemirror/language';
+/**
+ * The colours code is drawn in, by what a word is: a keyword, a string, a
+ * number… Light and dark, each reading at 4.5:1 or more (WCAG AA) on the
+ * surface of every Fieldia theme in that scheme (palette.spec.ts). Comments
+ * take the page's quiet words (`--fd-muted`), errors its error colour, and
+ * the rest of the text its words, so the code sits among the other fields.
+ *
+ * They are CSS variables, `--fd-code-keyword` and the rest, in Fieldia's
+ * tokens' layer: a host sets its own over them as it sets any token.
+ */
+export declare const CODE_COLOURS: {
+    readonly light: {
+        readonly keyword: "#cf222e";
+        readonly string: "#0a3069";
+        readonly literal: "#0550ae";
+        readonly function: "#6639ba";
+        readonly type: "#953800";
+        readonly tag: "#116329";
+        readonly property: "#0550ae";
+    };
+    readonly dark: {
+        readonly keyword: "#ff7b72";
+        readonly string: "#a5d6ff";
+        readonly literal: "#79c0ff";
+        readonly function: "#d2a8ff";
+        readonly type: "#ffa657";
+        readonly tag: "#7ee787";
+        readonly property: "#79c0ff";
+    };
+};
+export type CodeRole = keyof (typeof CODE_COLOURS)['light'];
+/** The colours as CSS: light on any code box, dark where the page's scheme is dark, or follows a dark system. */
+export declare const CODE_COLOURS_CSS: string;
+/** What each kind of word in a grammar is drawn as, in the colours above. */
+export declare const codeHighlightStyle: HighlightStyle;

package/src/lib/palette.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codeHighlightStyle = exports.CODE_COLOURS_CSS = exports.CODE_COLOURS = void 0;
+const language_1 = require("@codemirror/language");
+const highlight_1 = require("@lezer/highlight");
+/**
+ * The colours code is drawn in, by what a word is: a keyword, a string, a
+ * number… Light and dark, each reading at 4.5:1 or more (WCAG AA) on the
+ * surface of every Fieldia theme in that scheme (palette.spec.ts). Comments
+ * take the page's quiet words (`--fd-muted`), errors its error colour, and
+ * the rest of the text its words, so the code sits among the other fields.
+ *
+ * They are CSS variables, `--fd-code-keyword` and the rest, in Fieldia's
+ * tokens' layer: a host sets its own over them as it sets any token.
+ */
+exports.CODE_COLOURS = {
+    light: { keyword: '#cf222e', string: '#0a3069', literal: '#0550ae', function: '#6639ba', type: '#953800', tag: '#116329', property: '#0550ae' },
+    dark: { keyword: '#ff7b72', string: '#a5d6ff', literal: '#79c0ff', function: '#d2a8ff', type: '#ffa657', tag: '#7ee787', property: '#79c0ff' },
+};
+const declare = (scheme) => Object.entries(exports.CODE_COLOURS[scheme])
+    .map(([role, colour]) => `--fd-code-${role}: ${colour};`)
+    .join(' ');
+/** The colours as CSS: light on any code box, dark where the page's scheme is dark, or follows a dark system. */
+exports.CODE_COLOURS_CSS = `@layer fieldia-tokens {
+.fd-code { ${declare('light')} }
+:is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="dark"] .fd-code { ${declare('dark')} }
+@media (prefers-color-scheme: dark) { :is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="auto"] .fd-code { ${declare('dark')} } }
+}`;
+const v = (role) => `var(--fd-code-${role})`;
+/** What each kind of word in a grammar is drawn as, in the colours above. */
+exports.codeHighlightStyle = language_1.HighlightStyle.define([
+    { tag: [highlight_1.tags.keyword, highlight_1.tags.modifier, highlight_1.tags.operatorKeyword, highlight_1.tags.controlKeyword, highlight_1.tags.definitionKeyword, highlight_1.tags.moduleKeyword, highlight_1.tags.self], color: v('keyword') },
+    { tag: [highlight_1.tags.string, highlight_1.tags.special(highlight_1.tags.string), highlight_1.tags.character, highlight_1.tags.regexp, highlight_1.tags.escape], color: v('string') },
+    { tag: [highlight_1.tags.number, highlight_1.tags.bool, highlight_1.tags.null, highlight_1.tags.atom, highlight_1.tags.unit, highlight_1.tags.constant(highlight_1.tags.name), highlight_1.tags.standard(highlight_1.tags.name)], color: v('literal') },
+    { tag: [highlight_1.tags.function(highlight_1.tags.variableName), highlight_1.tags.function(highlight_1.tags.propertyName), highlight_1.tags.function(highlight_1.tags.definition(highlight_1.tags.variableName)), highlight_1.tags.macroName], color: v('function') },
+    { tag: [highlight_1.tags.typeName, highlight_1.tags.className, highlight_1.tags.namespace, highlight_1.tags.labelName], color: v('type') },
+    { tag: [highlight_1.tags.tagName, highlight_1.tags.angleBracket], color: v('tag') },
+    { tag: [highlight_1.tags.attributeName, highlight_1.tags.propertyName], color: v('property') },
+    { tag: [highlight_1.tags.comment, highlight_1.tags.lineComment, highlight_1.tags.blockComment, highlight_1.tags.docComment, highlight_1.tags.meta, highlight_1.tags.processingInstruction, highlight_1.tags.documentMeta], color: 'var(--fd-muted)', fontStyle: 'italic' },
+    { tag: highlight_1.tags.heading, color: v('keyword'), fontWeight: 'bold' },
+    { tag: highlight_1.tags.strong, fontWeight: 'bold' },
+    { tag: highlight_1.tags.emphasis, fontStyle: 'italic' },
+    { tag: highlight_1.tags.strikethrough, textDecoration: 'line-through' },
+    { tag: [highlight_1.tags.link, highlight_1.tags.url], color: v('string'), textDecoration: 'underline' },
+    { tag: highlight_1.tags.inserted, color: v('tag') },
+    { tag: highlight_1.tags.deleted, color: v('keyword') },
+    { tag: highlight_1.tags.changed, color: v('type') },
+    { tag: highlight_1.tags.invalid, color: 'var(--fd-error)' },
+]);
+//# sourceMappingURL=palette.js.map

package/src/lib/palette.js.map

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

package/src/lib/palette.mjs

@@ -0,0 +1,47 @@
+import { HighlightStyle } from '@codemirror/language';
+import { tags as t } from '@lezer/highlight';
+/**
+ * The colours code is drawn in, by what a word is: a keyword, a string, a
+ * number… Light and dark, each reading at 4.5:1 or more (WCAG AA) on the
+ * surface of every Fieldia theme in that scheme (palette.spec.ts). Comments
+ * take the page's quiet words (`--fd-muted`), errors its error colour, and
+ * the rest of the text its words, so the code sits among the other fields.
+ *
+ * They are CSS variables, `--fd-code-keyword` and the rest, in Fieldia's
+ * tokens' layer: a host sets its own over them as it sets any token.
+ */
+export const CODE_COLOURS = {
+    light: { keyword: '#cf222e', string: '#0a3069', literal: '#0550ae', function: '#6639ba', type: '#953800', tag: '#116329', property: '#0550ae' },
+    dark: { keyword: '#ff7b72', string: '#a5d6ff', literal: '#79c0ff', function: '#d2a8ff', type: '#ffa657', tag: '#7ee787', property: '#79c0ff' },
+};
+const declare = (scheme) => Object.entries(CODE_COLOURS[scheme])
+    .map(([role, colour]) => `--fd-code-${role}: ${colour};`)
+    .join(' ');
+/** The colours as CSS: light on any code box, dark where the page's scheme is dark, or follows a dark system. */
+export const CODE_COLOURS_CSS = `@layer fieldia-tokens {
+.fd-code { ${declare('light')} }
+:is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="dark"] .fd-code { ${declare('dark')} }
+@media (prefers-color-scheme: dark) { :is(.fd-form, .fd-form-dialog, .fd-theme)[data-scheme="auto"] .fd-code { ${declare('dark')} } }
+}`;
+const v = (role) => `var(--fd-code-${role})`;
+/** What each kind of word in a grammar is drawn as, in the colours above. */
+export const codeHighlightStyle = HighlightStyle.define([
+    { tag: [t.keyword, t.modifier, t.operatorKeyword, t.controlKeyword, t.definitionKeyword, t.moduleKeyword, t.self], color: v('keyword') },
+    { tag: [t.string, t.special(t.string), t.character, t.regexp, t.escape], color: v('string') },
+    { tag: [t.number, t.bool, t.null, t.atom, t.unit, t.constant(t.name), t.standard(t.name)], color: v('literal') },
+    { tag: [t.function(t.variableName), t.function(t.propertyName), t.function(t.definition(t.variableName)), t.macroName], color: v('function') },
+    { tag: [t.typeName, t.className, t.namespace, t.labelName], color: v('type') },
+    { tag: [t.tagName, t.angleBracket], color: v('tag') },
+    { tag: [t.attributeName, t.propertyName], color: v('property') },
+    { tag: [t.comment, t.lineComment, t.blockComment, t.docComment, t.meta, t.processingInstruction, t.documentMeta], color: 'var(--fd-muted)', fontStyle: 'italic' },
+    { tag: t.heading, color: v('keyword'), fontWeight: 'bold' },
+    { tag: t.strong, fontWeight: 'bold' },
+    { tag: t.emphasis, fontStyle: 'italic' },
+    { tag: t.strikethrough, textDecoration: 'line-through' },
+    { tag: [t.link, t.url], color: v('string'), textDecoration: 'underline' },
+    { tag: t.inserted, color: v('tag') },
+    { tag: t.deleted, color: v('keyword') },
+    { tag: t.changed, color: v('type') },
+    { tag: t.invalid, color: 'var(--fd-error)' },
+]);
+//# sourceMappingURL=palette.mjs.map

package/src/lib/palette.mjs.map

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

package/src/lib/styles.d.mts

@@ -1,3 +1,3 @@
 /** The editor in Fieldia's colours, so it sits among the other fields. Installed once per document. */
-export declare const CODE_CSS = "\n.fd-code { display: grid; gap: 4px; min-width: 0; }\n.fd-code .cm-editor {\n  border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); background: var(--fd-surface);\n  color: var(--fd-text); font-size: 13px; min-height: 96px; max-height: 360px;\n}\n.fd-code .cm-editor.cm-focused { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-code .cm-scroller { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.5; }\n.fd-code .cm-gutters { background: var(--fd-page); color: var(--fd-muted); border-inline-end: 1px solid var(--fd-border); }\n.fd-code .cm-content[aria-invalid=\"true\"] { background: var(--fd-error-soft); }\n";
+export declare const CODE_CSS: string;
 export declare function installCodeStyles(doc: Document): void;

package/src/lib/styles.d.ts

@@ -1,3 +1,3 @@
 /** The editor in Fieldia's colours, so it sits among the other fields. Installed once per document. */
-export declare const CODE_CSS = "\n.fd-code { display: grid; gap: 4px; min-width: 0; }\n.fd-code .cm-editor {\n  border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); background: var(--fd-surface);\n  color: var(--fd-text); font-size: 13px; min-height: 96px; max-height: 360px;\n}\n.fd-code .cm-editor.cm-focused { outline: 2px solid var(--fd-focus); outline-offset: 1px; }\n.fd-code .cm-scroller { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.5; }\n.fd-code .cm-gutters { background: var(--fd-page); color: var(--fd-muted); border-inline-end: 1px solid var(--fd-border); }\n.fd-code .cm-content[aria-invalid=\"true\"] { background: var(--fd-error-soft); }\n";
+export declare const CODE_CSS: string;
 export declare function installCodeStyles(doc: Document): void;

package/src/lib/styles.js

@@ -2,9 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CODE_CSS = void 0;
 exports.installCodeStyles = installCodeStyles;
+const palette_1 = require("./palette");
 /** The editor in Fieldia's colours, so it sits among the other fields. Installed once per document. */
 exports.CODE_CSS = `
-.fd-code { display: grid; gap: 4px; min-width: 0; }
+/* One column, as wide as the field: a long line scrolls inside the editor, never widens the page. */
+.fd-code { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; min-width: 0; }
 .fd-code .cm-editor {
   border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); background: var(--fd-surface);
   color: var(--fd-text); font-size: 13px; min-height: 96px; max-height: 360px;
@@ -13,6 +15,15 @@ exports.CODE_CSS = `
 .fd-code .cm-scroller { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.5; }
 .fd-code .cm-gutters { background: var(--fd-page); color: var(--fd-muted); border-inline-end: 1px solid var(--fd-border); }
 .fd-code .cm-content[aria-invalid="true"] { background: var(--fd-error-soft); }
+/* Code in a language: its words in the code colours, the box shaded when it is only to be read. */
+.fd-code-text .cm-editor { color: var(--fd-text); }
+.fd-code-text[data-readonly] .cm-editor { background: color-mix(in srgb, var(--fd-text) 4%, var(--fd-surface)); }
+.fd-code-text .cm-placeholder { color: var(--fd-muted); }
+/* A char field's code is one line: as tall as a text box, no line numbers. */
+.fd-code-line { min-height: 0; }
+.fd-code-line .cm-editor { min-height: 0; }
+.fd-code-line .cm-content { padding-block: max(2px, calc(var(--fd-pad-y, 4px) - 1px)); }
+${palette_1.CODE_COLOURS_CSS}
 `;
 function installCodeStyles(doc) {
     if (doc.getElementById('fieldia-code-styles'))

package/src/lib/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/code/src/lib/styles.ts"],"names":[],"mappings":";;;AAaA,8CAMC;AAnBD,uGAAuG;AAC1F,QAAA,QAAQ,GAAG;;;;;;;;;;CAUvB,CAAC;AAEF,SAAgB,iBAAiB,CAAC,GAAa;IAC7C,IAAI,GAAG,CAAC,cAAc,CAAC,qBAAqB,CAAC;QAAE,OAAO;IACtD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,qBAAqB,CAAC;IACjC,KAAK,CAAC,WAAW,GAAG,gBAAQ,CAAC;IAC7B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/code/src/lib/styles.ts"],"names":[],"mappings":";;;AAyBA,8CAMC;AA/BD,uCAA6C;AAE7C,uGAAuG;AAC1F,QAAA,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;EAmBtB,0BAAgB;CACjB,CAAC;AAEF,SAAgB,iBAAiB,CAAC,GAAa;IAC7C,IAAI,GAAG,CAAC,cAAc,CAAC,qBAAqB,CAAC;QAAE,OAAO;IACtD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,qBAAqB,CAAC;IACjC,KAAK,CAAC,WAAW,GAAG,gBAAQ,CAAC;IAC7B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}

package/src/lib/styles.mjs

@@ -1,6 +1,8 @@
+import { CODE_COLOURS_CSS } from './palette.mjs';
 /** The editor in Fieldia's colours, so it sits among the other fields. Installed once per document. */
 export const CODE_CSS = `
-.fd-code { display: grid; gap: 4px; min-width: 0; }
+/* One column, as wide as the field: a long line scrolls inside the editor, never widens the page. */
+.fd-code { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; min-width: 0; }
 .fd-code .cm-editor {
   border: 1px solid var(--fd-border); border-radius: var(--fd-control-radius); background: var(--fd-surface);
   color: var(--fd-text); font-size: 13px; min-height: 96px; max-height: 360px;
@@ -9,6 +11,15 @@ export const CODE_CSS = `
 .fd-code .cm-scroller { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; line-height: 1.5; }
 .fd-code .cm-gutters { background: var(--fd-page); color: var(--fd-muted); border-inline-end: 1px solid var(--fd-border); }
 .fd-code .cm-content[aria-invalid="true"] { background: var(--fd-error-soft); }
+/* Code in a language: its words in the code colours, the box shaded when it is only to be read. */
+.fd-code-text .cm-editor { color: var(--fd-text); }
+.fd-code-text[data-readonly] .cm-editor { background: color-mix(in srgb, var(--fd-text) 4%, var(--fd-surface)); }
+.fd-code-text .cm-placeholder { color: var(--fd-muted); }
+/* A char field's code is one line: as tall as a text box, no line numbers. */
+.fd-code-line { min-height: 0; }
+.fd-code-line .cm-editor { min-height: 0; }
+.fd-code-line .cm-content { padding-block: max(2px, calc(var(--fd-pad-y, 4px) - 1px)); }
+${CODE_COLOURS_CSS}
 `;
 export function installCodeStyles(doc) {
     if (doc.getElementById('fieldia-code-styles'))

package/src/lib/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/code/src/lib/styles.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;CAUvB,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,GAAa;IAC7C,IAAI,GAAG,CAAC,cAAc,CAAC,qBAAqB,CAAC;QAAE,OAAO;IACtD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,qBAAqB,CAAC;IACjC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}
+{"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/code/src/lib/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,uGAAuG;AACvG,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;EAmBtB,gBAAgB;CACjB,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,GAAa;IAC7C,IAAI,GAAG,CAAC,cAAc,CAAC,qBAAqB,CAAC;QAAE,OAAO;IACtD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,qBAAqB,CAAC;IACjC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}

package/src/lib/text-code.d.mts

@@ -0,0 +1,2 @@
+import type { WidgetFactory } from '@fieldia/widgets';
+export declare const textCodeWidget: WidgetFactory;

package/src/lib/text-code.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetFactory } from '@fieldia/widgets';
+export declare const textCodeWidget: WidgetFactory;

package/src/lib/text-code.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textCodeWidget = void 0;
+const commands_1 = require("@codemirror/commands");
+const language_1 = require("@codemirror/language");
+const state_1 = require("@codemirror/state");
+const view_1 = require("@codemirror/view");
+const languages_1 = require("./languages");
+const palette_1 = require("./palette");
+const styles_1 = require("./styles");
+/**
+ * A text or char field as code, coloured in the language the page names:
+ * `{ "widget": "code", "options": { "language": "python" } }`. The grammar
+ * loads when the field is drawn, and only that one; a language the editor
+ * does not know is plain text. What is typed reaches the form as text, an
+ * empty editor as nothing. Tab is left to move between fields; Ctrl+] and
+ * Ctrl+[ indent. Code reads left to right, on an Arabic page too.
+ */
+const textOf = (value) => (value === null || value === undefined ? '' : String(value));
+/** A char field is one line: Enter adds nothing, and pasted lines join, as a text box joins them. */
+const oneLine = state_1.EditorState.transactionFilter.of((tr) => {
+    if (!tr.docChanged || tr.newDoc.lines === 1)
+        return tr;
+    let words = false;
+    const changes = [];
+    tr.changes.iterChanges((from, to, _fromB, _toB, inserted) => {
+        const text = inserted.toString();
+        if (text.trim() !== '')
+            words = true;
+        changes.push({ from, to, insert: text.replace(/\s*[\r\n]+\s*/g, ' ') });
+    });
+    if (!words)
+        return [];
+    const joined = tr.startState.changes(changes);
+    return { changes: joined, selection: { anchor: joined.mapPos(tr.startState.selection.main.head, 1) }, scrollIntoView: true };
+});
+/** No longer than the field's size: a change that would make it longer is refused, as a text box's maxlength does. */
+const atMost = (size) => state_1.EditorState.transactionFilter.of((tr) => (tr.docChanged && tr.newDoc.length > size && tr.newDoc.length > tr.startState.doc.length ? [] : tr));
+const textCodeWidget = ({ form, name, field, node, id, document }) => {
+    (0, styles_1.installCodeStyles)(document);
+    const line = field.type === 'char';
+    const element = document.createElement('div');
+    element.className = line ? 'fd-code fd-code-text fd-code-line' : 'fd-code fd-code-text';
+    element.dir = 'ltr';
+    const size = (field.type === 'char' || field.type === 'text') && field.size !== undefined ? field.size : undefined;
+    const grammar = new state_1.Compartment();
+    const editable = new state_1.Compartment();
+    const described = new state_1.Compartment();
+    /** What the form holds as text, as last written or shown: its echo of what was typed changes nothing. */
+    let known = textOf(form.getState().values[name]);
+    let writing = false;
+    let readonly = null;
+    let attributes = '';
+    const view = new view_1.EditorView({
+        parent: element,
+        state: state_1.EditorState.create({
+            doc: known,
+            extensions: [
+                line ? oneLine : (0, view_1.lineNumbers)(),
+                size !== undefined ? atMost(size) : [],
+                (0, commands_1.history)(),
+                (0, language_1.bracketMatching)(),
+                (0, language_1.indentOnInput)(),
+                (0, language_1.syntaxHighlighting)(palette_1.codeHighlightStyle),
+                grammar.of([]),
+                view_1.keymap.of([...commands_1.defaultKeymap, ...commands_1.historyKeymap]),
+                node.placeholder ? (0, view_1.placeholder)(node.placeholder) : [],
+                editable.of([]),
+                // Named by the field's label, like every other field; its state said as the form says it.
+                view_1.EditorView.contentAttributes.of({ id, 'aria-labelledby': `${id}-label` }),
+                described.of([]),
+                view_1.EditorView.updateListener.of((update) => {
+                    if (!update.docChanged || writing)
+                        return;
+                    known = update.state.doc.toString();
+                    form.setValue(name, known === '' ? null : known);
+                }),
+            ],
+        }),
+    });
+    // The language's grammar, once loaded; nothing if the page names none the editor knows. (An editor
+    // destroyed meanwhile takes the change quietly.)
+    void (0, languages_1.loadCodeLanguage)(node.options?.['language']).then((support) => {
+        if (support)
+            view.dispatch({ effects: grammar.reconfigure(support) });
+    });
+    return {
+        element,
+        focus: () => view.focus(),
+        destroy: () => view.destroy(),
+        update(state) {
+            const effects = [];
+            if (state.readonly !== readonly) {
+                readonly = state.readonly;
+                element.toggleAttribute('data-readonly', readonly);
+                effects.push(editable.reconfigure([view_1.EditorView.editable.of(!readonly), state_1.EditorState.readOnly.of(readonly)]));
+            }
+            const said = { 'aria-invalid': String(state.invalid), 'aria-required': String(state.required), 'aria-readonly': String(state.readonly) };
+            // Read-only code is still reached by Tab, as a read-only text box is: to read it, and copy from it.
+            if (state.readonly)
+                said['tabindex'] = '0';
+            if (state.describedBy)
+                said['aria-describedby'] = state.describedBy;
+            if (JSON.stringify(said) !== attributes) {
+                attributes = JSON.stringify(said);
+                effects.push(described.reconfigure(view_1.EditorView.contentAttributes.of(said)));
+            }
+            if (effects.length)
+                view.dispatch({ effects });
+            // A value from elsewhere (loaded, discarded, set by a step) replaces the text; the echo of what was typed does not.
+            const incoming = textOf(state.value);
+            if (incoming === known)
+                return;
+            known = incoming;
+            writing = true;
+            // Shown whole, whatever its length or lines: the filters are for what is typed.
+            view.dispatch({ changes: { from: 0, to: view.state.doc.length, insert: incoming }, filter: false });
+            writing = false;
+        },
+    };
+};
+exports.textCodeWidget = textCodeWidget;
+//# sourceMappingURL=text-code.js.map

package/src/lib/text-code.js.map

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