@fieldia/code 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 fieldia-dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# @fieldia/code
+
+A [Fieldia](https://fieldia.dev) JSON field in a code editor: CodeMirror 6,
+bundled with the package, so it works offline and loads only on pages that
+use it.
+
+```sh
+npm install @fieldia/code
+```
+
+```ts
+import { mountViewer } from '@fieldia/viewer';
+import { codeWidgets } from '@fieldia/code';
+
+mountViewer(host, { page, dataSource, widgets: codeWidgets });
+```
+
+A json node opts in with `"widget": "code"`; others keep the plain JSON box.
+In React pass `widgets={codeWidgets}`, in Vue `:widgets="codeWidgets"`, in
+Angular `[widgets]="codeWidgets"` (spread it beside `gridWidgets` to use both).
+
+- JSON highlighting, line numbers, bracket matching, undo.
+- Valid JSON reaches the form as it is typed; text that is not valid is said
+  so, and the last good value stays.
+- Tab still moves to the next field.
+
+MIT. CodeMirror is MIT too.

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@fieldia/code",
+  "version": "0.4.0",
+  "description": "Fieldia's JSON fields in a code editor: CodeMirror 6, bundled, so it works offline.",
+  "license": "MIT",
+  "homepage": "https://fieldia.dev",
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "module": "./src/index.mjs",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./src/index.d.mts",
+        "require": "./src/index.d.ts"
+      },
+      "import": "./src/index.mjs",
+      "require": "./src/index.js",
+      "default": "./src/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@codemirror/commands": "^6.11.1",
+    "@codemirror/lang-json": "^6.0.2",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/lint": "^6.9.7",
+    "@codemirror/state": "^6.7.6",
+    "@codemirror/view": "^6.43.13",
+    "@fieldia/core": "0.4.0",
+    "@fieldia/widgets": "0.4.0",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fieldia-dev/fieldia",
+    "directory": "libs/code"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ]
+}

package/src/index.d.mts

@@ -0,0 +1,2 @@
+export * from './lib/code.mjs';
+export * from './lib/styles.mjs';

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/code';
+export * from './lib/styles';

package/src/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/code"), exports);
+tslib_1.__exportStar(require("./lib/styles"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/code/src/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,uDAA6B"}

package/src/index.mjs

@@ -0,0 +1,3 @@
+export * from './lib/code.mjs';
+export * from './lib/styles.mjs';
+//# sourceMappingURL=index.mjs.map

package/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../libs/code/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/src/lib/code.d.mts

@@ -0,0 +1,4 @@
+import { type WidgetFactory } from '@fieldia/widgets';
+export declare const codeWidget: WidgetFactory;
+/** Pass these to the viewer (`widgets`) to show json nodes marked `"widget": "code"` in the editor. */
+export declare const codeWidgets: Record<string, WidgetFactory>;

package/src/lib/code.d.ts

@@ -0,0 +1,4 @@
+import { type WidgetFactory } from '@fieldia/widgets';
+export declare const codeWidget: WidgetFactory;
+/** Pass these to the viewer (`widgets`) to show json nodes marked `"widget": "code"` in the editor. */
+export declare const codeWidgets: Record<string, WidgetFactory>;

package/src/lib/code.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codeWidgets = exports.codeWidget = void 0;
+const commands_1 = require("@codemirror/commands");
+const lang_json_1 = require("@codemirror/lang-json");
+const language_1 = require("@codemirror/language");
+const state_1 = require("@codemirror/state");
+const view_1 = require("@codemirror/view");
+const widgets_1 = require("@fieldia/widgets");
+const styles_1 = require("./styles");
+/**
+ * A JSON field in a code editor: CodeMirror 6, bundled with the package, so it
+ * works offline and loads only on pages that ask for it (`"widget": "code"` on
+ * a json node, with `codeWidgets` passed to the viewer). Valid JSON reaches
+ * the form as it is typed; text that is not valid is said so and kept, and the
+ * last good value stays. Tab is left to move between fields.
+ */
+const show = (value) => (value === null || value === undefined ? '' : JSON.stringify(value, null, 2));
+/** The text as JSON, `null` for nothing, or `undefined` when it is not valid. */
+function read(text) {
+    if (text.trim() === '')
+        return null;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return undefined;
+    }
+}
+const codeWidget = ({ form, name, id, document, labels = widgets_1.WIDGET_LABELS.en }) => {
+    (0, styles_1.installCodeStyles)(document);
+    const element = document.createElement('div');
+    element.className = 'fd-code';
+    const error = document.createElement('div');
+    error.className = 'fd-error fd-code-error';
+    error.setAttribute('role', 'alert');
+    error.textContent = labels.invalidJson;
+    error.hidden = true;
+    const editable = new state_1.Compartment();
+    /** What the form holds, as last written or shown: an echo of it is not a change. */
+    let known = JSON.stringify(form.getState().values[name] ?? null);
+    let writing = false;
+    const view = new view_1.EditorView({
+        parent: element,
+        state: state_1.EditorState.create({
+            doc: show(form.getState().values[name]),
+            extensions: [
+                (0, view_1.lineNumbers)(),
+                (0, commands_1.history)(),
+                (0, language_1.bracketMatching)(),
+                (0, language_1.indentOnInput)(),
+                (0, language_1.syntaxHighlighting)(language_1.defaultHighlightStyle, { fallback: true }),
+                (0, lang_json_1.json)(),
+                view_1.keymap.of([...commands_1.defaultKeymap, ...commands_1.historyKeymap]),
+                editable.of([view_1.EditorView.editable.of(true), state_1.EditorState.readOnly.of(false)]),
+                // Named by the field's label, like every other field.
+                view_1.EditorView.contentAttributes.of({ id, 'aria-labelledby': `${id}-label` }),
+                view_1.EditorView.updateListener.of((update) => {
+                    if (!update.docChanged || writing)
+                        return;
+                    const parsed = read(update.state.doc.toString());
+                    const valid = parsed !== undefined;
+                    error.hidden = valid;
+                    view.contentDOM.setAttribute('aria-invalid', String(!valid));
+                    if (!valid)
+                        return;
+                    known = JSON.stringify(parsed);
+                    form.setValue(name, parsed);
+                }),
+            ],
+        }),
+    });
+    element.append(error);
+    return {
+        element,
+        focus: () => view.focus(),
+        destroy: () => view.destroy(),
+        update(state) {
+            view.dispatch({
+                effects: editable.reconfigure([view_1.EditorView.editable.of(!state.readonly), state_1.EditorState.readOnly.of(state.readonly)]),
+            });
+            // A value from elsewhere (loaded, discarded) replaces the text; the echo of what was typed does not.
+            const incoming = JSON.stringify(state.value ?? null);
+            if (incoming === known)
+                return;
+            known = incoming;
+            writing = true;
+            view.dispatch({ changes: { from: 0, to: view.state.doc.length, insert: show(state.value) } });
+            writing = false;
+            error.hidden = true;
+            view.contentDOM.setAttribute('aria-invalid', 'false');
+        },
+    };
+};
+exports.codeWidget = codeWidget;
+/** Pass these to the viewer (`widgets`) to show json nodes marked `"widget": "code"` in the editor. */
+exports.codeWidgets = { 'json.code': exports.codeWidget };
+//# sourceMappingURL=code.js.map

package/src/lib/code.js.map

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

package/src/lib/code.mjs

@@ -0,0 +1,94 @@
+import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
+import { json } from '@codemirror/lang-json';
+import { bracketMatching, defaultHighlightStyle, indentOnInput, syntaxHighlighting } from '@codemirror/language';
+import { Compartment, EditorState } from '@codemirror/state';
+import { EditorView, keymap, lineNumbers } from '@codemirror/view';
+import { WIDGET_LABELS } from '@fieldia/widgets';
+import { installCodeStyles } from './styles.mjs';
+/**
+ * A JSON field in a code editor: CodeMirror 6, bundled with the package, so it
+ * works offline and loads only on pages that ask for it (`"widget": "code"` on
+ * a json node, with `codeWidgets` passed to the viewer). Valid JSON reaches
+ * the form as it is typed; text that is not valid is said so and kept, and the
+ * last good value stays. Tab is left to move between fields.
+ */
+const show = (value) => (value === null || value === undefined ? '' : JSON.stringify(value, null, 2));
+/** The text as JSON, `null` for nothing, or `undefined` when it is not valid. */
+function read(text) {
+    if (text.trim() === '')
+        return null;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return undefined;
+    }
+}
+export const codeWidget = ({ form, name, id, document, labels = WIDGET_LABELS.en }) => {
+    installCodeStyles(document);
+    const element = document.createElement('div');
+    element.className = 'fd-code';
+    const error = document.createElement('div');
+    error.className = 'fd-error fd-code-error';
+    error.setAttribute('role', 'alert');
+    error.textContent = labels.invalidJson;
+    error.hidden = true;
+    const editable = new Compartment();
+    /** What the form holds, as last written or shown: an echo of it is not a change. */
+    let known = JSON.stringify(form.getState().values[name] ?? null);
+    let writing = false;
+    const view = new EditorView({
+        parent: element,
+        state: EditorState.create({
+            doc: show(form.getState().values[name]),
+            extensions: [
+                lineNumbers(),
+                history(),
+                bracketMatching(),
+                indentOnInput(),
+                syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+                json(),
+                keymap.of([...defaultKeymap, ...historyKeymap]),
+                editable.of([EditorView.editable.of(true), EditorState.readOnly.of(false)]),
+                // Named by the field's label, like every other field.
+                EditorView.contentAttributes.of({ id, 'aria-labelledby': `${id}-label` }),
+                EditorView.updateListener.of((update) => {
+                    if (!update.docChanged || writing)
+                        return;
+                    const parsed = read(update.state.doc.toString());
+                    const valid = parsed !== undefined;
+                    error.hidden = valid;
+                    view.contentDOM.setAttribute('aria-invalid', String(!valid));
+                    if (!valid)
+                        return;
+                    known = JSON.stringify(parsed);
+                    form.setValue(name, parsed);
+                }),
+            ],
+        }),
+    });
+    element.append(error);
+    return {
+        element,
+        focus: () => view.focus(),
+        destroy: () => view.destroy(),
+        update(state) {
+            view.dispatch({
+                effects: editable.reconfigure([EditorView.editable.of(!state.readonly), EditorState.readOnly.of(state.readonly)]),
+            });
+            // A value from elsewhere (loaded, discarded) replaces the text; the echo of what was typed does not.
+            const incoming = JSON.stringify(state.value ?? null);
+            if (incoming === known)
+                return;
+            known = incoming;
+            writing = true;
+            view.dispatch({ changes: { from: 0, to: view.state.doc.length, insert: show(state.value) } });
+            writing = false;
+            error.hidden = true;
+            view.contentDOM.setAttribute('aria-invalid', 'false');
+        },
+    };
+};
+/** Pass these to the viewer (`widgets`) to show json nodes marked `"widget": "code"` in the editor. */
+export const codeWidgets = { 'json.code': codeWidget };
+//# sourceMappingURL=code.mjs.map

package/src/lib/code.mjs.map

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

package/src/lib/styles.d.mts

@@ -0,0 +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 function installCodeStyles(doc: Document): void;

package/src/lib/styles.d.ts

@@ -0,0 +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 function installCodeStyles(doc: Document): void;

package/src/lib/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CODE_CSS = void 0;
+exports.installCodeStyles = installCodeStyles;
+/** 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; }
+.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;
+}
+.fd-code .cm-editor.cm-focused { outline: 2px solid var(--fd-focus); outline-offset: 1px; }
+.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); }
+`;
+function installCodeStyles(doc) {
+    if (doc.getElementById('fieldia-code-styles'))
+        return;
+    const style = doc.createElement('style');
+    style.id = 'fieldia-code-styles';
+    style.textContent = exports.CODE_CSS;
+    doc.head.append(style);
+}
+//# sourceMappingURL=styles.js.map

package/src/lib/styles.js.map

@@ -0,0 +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"}

package/src/lib/styles.mjs

@@ -0,0 +1,21 @@
+/** 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; }
+.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;
+}
+.fd-code .cm-editor.cm-focused { outline: 2px solid var(--fd-focus); outline-offset: 1px; }
+.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); }
+`;
+export function installCodeStyles(doc) {
+    if (doc.getElementById('fieldia-code-styles'))
+        return;
+    const style = doc.createElement('style');
+    style.id = 'fieldia-code-styles';
+    style.textContent = CODE_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/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"}