@fusion.dev/helix-sandbox 0.0.0-dev

package/dist/code-block/code-block-highlight.d.ts

@@ -0,0 +1,16 @@
+import { type CSSResult } from 'lit';
+/**
+ * Highlights a block's code by its `language`, in any case and by any name
+ * `languageOf` reads, such as `ts`, `TypeScript` or `bash`, or returns
+ * `undefined` for a language no grammar here reads, which the block then
+ * draws plain.
+ *
+ * **In the editor's own style**, so a snippet in a block and the same snippet
+ * open in the sandbox are colored by one source: the classes are the ones
+ * `syntaxHighlighter` gives each token, and `codeBlockSheet` holds the rules
+ * for them, in the `--helix-color-syntax-*` tokens.
+ */
+export declare const codeBlockHighlighter: (code: string, language: string) => string | undefined;
+/** The rules that color `codeBlockHighlighter`'s classes, for a block to adopt. */
+export declare const codeBlockSheet: CSSResult;
+//# sourceMappingURL=code-block-highlight.d.ts.map

package/dist/code-block/code-block-highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-highlight.d.ts","sourceRoot":"","sources":["../../src/code-block/code-block-highlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,KAAK,CAAA;AAK/C;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB,SAAU,MAAM,YAAY,MAAM,KAAG,MAAM,GAAG,SAG9E,CAAA;AAED,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,SAAkC,CAAA"}

package/dist/code-block/code-block-highlight.js

@@ -0,0 +1,10 @@
+import { unsafeCSS } from 'lit';
+import { highlight } from '../highlight/highlight.js';
+import { languageOf } from '../highlight/language.js';
+import { syntaxHighlighter, syntaxRules } from '../highlight/syntax.js';
+export const codeBlockHighlighter = (code, language) => {
+    const grammar = languageOf(language);
+    return grammar ? highlight(code, grammar, syntaxHighlighter) : undefined;
+};
+export const codeBlockSheet = unsafeCSS(syntaxRules);
+//# sourceMappingURL=code-block-highlight.js.map

package/dist/code-block/code-block-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-highlight.js","sourceRoot":"","sources":["../../src/code-block/code-block-highlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAavE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAsB,EAAE;IACzF,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAA;IACpC,OAAO,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AAC1E,CAAC,CAAA;AAGD,MAAM,CAAC,MAAM,cAAc,GAAc,SAAS,CAAC,WAAW,CAAC,CAAA"}

package/dist/code-block/index.d.ts

@@ -0,0 +1,2 @@
+export { codeBlockHighlighter, codeBlockSheet } from './code-block-highlight.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/code-block/index.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/code-block/index.js

@@ -0,0 +1,5 @@
+import { registerHighlighter } from '@fusion.dev/helix-headless/code-block';
+import { codeBlockHighlighter, codeBlockSheet } from './code-block-highlight.js';
+registerHighlighter(codeBlockHighlighter, codeBlockSheet);
+export { codeBlockHighlighter, codeBlockSheet } from './code-block-highlight.js';
+//# sourceMappingURL=index.js.map

package/dist/code-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/code-block/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAEhF,mBAAmB,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAA;AAEzD,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/editor/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../sandbox/editor/sandbox-editor.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AASA,cAAc,qCAAqC,CAAA"}

package/dist/editor/index.js

@@ -0,0 +1,2 @@
+export * from '../sandbox/editor/sandbox-editor.js';
+//# sourceMappingURL=index.js.map

package/dist/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AASA,cAAc,qCAAqC,CAAA"}

package/dist/editor/root/editor-root.css.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=editor-root.css.d.ts.map

package/dist/editor/root/editor-root.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-root.css.d.ts","sourceRoot":"","sources":["../../../src/editor/root/editor-root.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,yBAAihC,CAAA"}

package/dist/editor/root/editor-root.css.js

@@ -0,0 +1,3 @@
+import { createSheet } from '@fusion.dev/helix-core';
+export const styles = createSheet(`:host {display: block;min-block-size: 0;overflow: hidden}[part="editor"] {block-size: 100%;font-family: var(--helix-font-mono);font-size: var(--helix-text-sm)}[part="editor"] .cm-editor {block-size: 100%}[part="editor"] .cm-scroller {font-family: inherit;line-height: var(--helix-leading-normal)}[part="editor"] .cm-gutters {background-color: transparent;border: none;color: var(--helix-color-foreground-muted)}[part="editor"] .cm-activeLineGutter, [part="editor"] .cm-activeLine {background-color: var(--helix-color-surface-sunken)}[part="editor"] .cm-content {caret-color: var(--helix-color-primary)}[part="editor"] .cm-cursor {border-left-color: var(--helix-color-primary)}[part="editor"] .cm-selectionBackground, [part="editor"] .cm-editor.cm-focused .cm-selectionBackground {background-color: var(--helix-color-primary-subtle)}[part="editor"] .cm-editor.cm-focused {outline: none}:host([readonly]) [part="editor"] .cm-cursor {border-left-color: var(--helix-color-foreground-subtle)}@media print {:host {display: none}}`);
+//# sourceMappingURL=editor-root.css.js.map

package/dist/editor/root/editor-root.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-root.css.js","sourceRoot":"","sources":["../../../src/editor/root/editor-root.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAC,igCAAigC,CAAC,CAAA"}

package/dist/editor/root/editor-root.d.ts

@@ -0,0 +1,146 @@
+import { type CaretDetail, HelixElement } from '@fusion.dev/helix-core';
+import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
+/**
+ * A language the editor knows, by the name a file or a sandbox pane carries.
+ *
+ * **Written out, where `keyof typeof` would hide the values.** The manifest
+ * records a property's type as the text somebody wrote, so a type derived from
+ * a record's keys reached it as a name with nothing in it and the reference
+ * page listed no values. A union on one line resolves for every reader of these
+ * sources without a type system, the `axes` rule included.
+ *
+ * The names are the panes': `js`, `jsx`, `mjs`, `ts` and `tsx` beside `css`,
+ * `html` and `sh`, and `javascript`. The editor reads every name `languageOf`
+ * from `@fusion.dev/helix-sandbox/highlight` reads, such as `TypeScript` or
+ * `bash`, and `jsx` as `tsx`.
+ */
+export type EditorLanguage = 'css' | 'html' | 'javascript' | 'js' | 'jsx' | 'mjs' | 'sh' | 'ts' | 'tsx';
+/**
+ * @summary An editable pane of source, with highlighting and line numbers.
+ *
+ * @description
+ * CodeMirror, not a `<textarea>`. A textarea cannot highlight what it holds,
+ * number its lines, or say where the cursor is, and a status bar reading line
+ * and column has to ask something.
+ *
+ * **On its own path.** This is `@fusion.dev/helix-sandbox/editor`, and the
+ * package's root exports its class as a type only, because CodeMirror is most
+ * of what the package weighs over the wire. A sandbox with no editable pane
+ * pays for none, and neither does a site that registers its elements once.
+ *
+ * `language` names the grammar by the name a file or a sandbox pane carries:
+ * `css`, `html`, `js`, `jsx`, `mjs`, `sh`, `ts` or `tsx`. A name the editor
+ * does not read draws the source plain, and the console says so once.
+ *
+ * Each edit a reader makes is `helix-before-edit` first, which you can cancel
+ * to refuse the edit, and `helix-edit` once the source holds it, as
+ * `helix-sandbox-source` sends them. A `value` set from outside is the source the editor is given, and
+ * sends neither. **The editor is `:state(modified)` while its source differs
+ * from the source it was given**, the first `value` or the last one set from
+ * outside, and `reset()` puts that source back as an edit.
+ *
+ * The view is built once and reconfigured, not rebuilt. Replacing it on every
+ * change would throw away the undo history, the scroll position, and the
+ * selection, which is most of what an editor is.
+ *
+ * @since 0.1.0
+ * @status experimental
+ * @category tooling
+ * @aliases Code editor, Source pane
+ * @documentation https://fusion.dev/helix/docs/sandbox
+ *
+ * @event {HelixBeforeEditEvent} helix-before-edit - Fired before the source is edited. Cancelable: refusing it takes the decision and nothing moves.
+ * @event {HelixCaretEvent} helix-caret - Fired when the cursor moves, with its line and column.
+ * @event {HelixEditEvent} helix-edit - Fired after the source was edited, with the new source.
+ *
+ * @csspart editor - The element CodeMirror is mounted into.
+ *
+ * @cssstate modified - While the source differs from the source the editor was given, until `reset()` or a new `value`.
+ */
+export declare class HelixSandboxEditor extends HelixElement {
+    /**
+     * The key the editor's words are registered under, its tag:
+     * `registerWords('de', { 'helix-sandbox-editor': { fieldLabel: 'Quelltext' } })`.
+     */
+    static words: string;
+    /**
+     * Accessible name for the editable region.
+     */
+    fieldLabel: string;
+    /**
+     * The language of the source, which decides how it is highlighted. A name
+     * the editor does not read draws the source plain.
+     */
+    language: EditorLanguage;
+    /**
+     * Which source this pane holds, echoed in every change.
+     */
+    name: string;
+    /**
+     * Whether the text can be changed.
+     *
+     * `EditorState.readOnly` rather than removing the editor's focus or its
+     * keymap: a reader still needs to select the text, scroll it, and put a
+     * cursor in it to read a long line. What it stops is the typing.
+     */
+    readOnly: boolean;
+    /**
+     * The source being edited.
+     */
+    value: string;
+    private readonly readOnly$;
+    private view;
+    private readonly language$;
+    /** The editable region's name, which follows `field-label` and the words registered for it. */
+    private readonly name$;
+    /** The source the editor was given: its first `value`, or the last one set from outside. */
+    private baseline;
+    /** The source the last edit left, while `value` still holds it. */
+    private edited;
+    /** The `language` last reported as one the editor does not read. */
+    private unread;
+    /**
+     * Whether the source differs from the source the editor was given: its
+     * first `value`, or the last one set from outside.
+     */
+    get modified(): boolean;
+    /**
+     * Puts back the source the editor was given, as an edit: `helix-before-edit`
+     * is sent first and can refuse it, and a sandbox passes it to its preview.
+     */
+    reset(): void;
+    /**
+     * What `language` turns on: its grammar, or nothing for a name the editor
+     * does not read, which it reports once for each name.
+     */
+    private grammar;
+    /** Where the cursor is, counted from one, as an editor reports it. */
+    get caret(): CaretDetail;
+    private get mount();
+    /**
+     * Builds the view once the mount exists.
+     *
+     * `root` is the shadow root rather than the document, or CodeMirror puts its
+     * stylesheet where this element cannot see it and the editor renders unstyled.
+     */
+    private create;
+    /**
+     * Moves focus into the text, not onto the host.
+     *
+     * The host is not focusable: what a reader types into is CodeMirror's
+     * contenteditable, several nodes down inside this shadow root. Without this,
+     * `editor.focus()` from outside silently does nothing.
+     */
+    focus(): void;
+    disconnectedCallback(): void;
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    protected render(): TemplateResult;
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'helix-sandbox-editor': HelixSandboxEditor;
+    }
+}
+//# sourceMappingURL=editor-root.d.ts.map

package/dist/editor/root/editor-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-root.d.ts","sourceRoot":"","sources":["../../../src/editor/root/editor-root.ts"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,WAAW,EAKhB,YAAY,EAGb,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAQzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,MAAM,GACN,YAAY,GACZ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,KAAK,CAAA;AA0BT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,qBACa,kBAAmB,SAAQ,YAAY;IAClD;;;OAGG;IACH,MAAM,CAAC,KAAK,SAAyB;IAErC;;OAEG;IAGH,UAAU,SAAmB;IAE7B;;;OAGG;IAEH,QAAQ,EAAE,cAAc,CAAS;IAEjC;;OAEG;IAEH,IAAI,SAAS;IAEb;;;;;;OAMG;IAEH,QAAQ,UAAQ;IAEhB;;OAEG;IAEH,KAAK,SAAK;IAEV,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,OAAO,CAAC,IAAI,CAAwB;IACpC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAoB;IAE9C,+FAA+F;IAC/F,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoB;IAE1C,4FAA4F;IAC5F,OAAO,CAAC,QAAQ,CAAK;IAErB,mEAAmE;IACnE,OAAO,CAAC,MAAM,CAAoB;IAElC,oEAAoE;IACpE,OAAO,CAAC,MAAM,CAAoB;IAElC;;;OAGG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,KAAK,IAAI,IAAI,CAKZ;IAED;;;OAGG;IACH,OAAO,CAAC,OAAO;IAkBf,sEAAsE;IACtE,IAAI,KAAK,IAAI,WAAW,CAQvB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED;;;;;OAKG;IACH,OAAO,CAAC,MAAM;IAiFd;;;;;;OAMG;IACM,KAAK,IAAI,IAAI,CAErB;IAEQ,oBAAoB,IAAI,IAAI,CAIpC;IAED,UAAmB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAQ3D;IAED,UAAmB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAwCxD;IAED,UAAmB,MAAM,IAAI,cAAc,CAE1C;IAED,OAAgB,MAAM,EAAE,cAAc,CAAmC;CAC1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAA;KAC3C;CACF"}

package/dist/editor/root/editor-root.js

@@ -0,0 +1,199 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { defaultKeymap, history, historyKeymap, indentWithTab } from '@codemirror/commands';
+import { css } from '@codemirror/lang-css';
+import { html as htmlLanguage } from '@codemirror/lang-html';
+import { javascript } from '@codemirror/lang-javascript';
+import { indentUnit, StreamLanguage, syntaxHighlighting } from '@codemirror/language';
+import { Annotation, Compartment, EditorState } from '@codemirror/state';
+import { EditorView, keymap, lineNumbers } from '@codemirror/view';
+import { customElement, HelixBeforeEditEvent, HelixCaretEvent, HelixEditEvent, HelixElement, reportRuntime, words, } from '@fusion.dev/helix-core';
+import { html, unsafeCSS } from 'lit';
+import { property } from 'lit/decorators.js';
+import { languageOf } from '../../highlight/language.js';
+import { shellMode, shellTokens } from '../../highlight/shell.js';
+import { syntaxHighlighter, syntaxRules } from '../../highlight/syntax.js';
+import { styles } from './editor-root.css.js';
+const shellLanguage = StreamLanguage.define({ ...shellMode, tokenTable: shellTokens });
+const LANGUAGES = {
+    css: () => css(),
+    html: () => htmlLanguage(),
+    js: () => javascript(),
+    sh: () => shellLanguage,
+    ts: () => javascript({ typescript: true }),
+    tsx: () => javascript({ jsx: true, typescript: true }),
+};
+const given = Annotation.define();
+let HelixSandboxEditor = class HelixSandboxEditor extends HelixElement {
+    constructor() {
+        super(...arguments);
+        this.fieldLabel = 'Example source';
+        this.language = 'html';
+        this.name = 'html';
+        this.readOnly = false;
+        this.value = '';
+        this.readOnly$ = new Compartment();
+        this.language$ = new Compartment();
+        this.name$ = new Compartment();
+        this.baseline = '';
+    }
+    static { this.words = 'helix-sandbox-editor'; }
+    get modified() {
+        return this.value === this.edited && this.value !== this.baseline;
+    }
+    reset() {
+        const view = this.view;
+        if (view && this.modified) {
+            view.dispatch({ changes: { from: 0, insert: this.baseline, to: view.state.doc.length } });
+        }
+    }
+    grammar() {
+        const read = languageOf(typeof this.language === 'string' ? this.language : '');
+        if (read !== undefined) {
+            return LANGUAGES[read]();
+        }
+        if (this.unread !== this.language) {
+            this.unread = this.language;
+            reportRuntime({
+                kind: 'unknown-language',
+                message: `<${this.localName} language="${this.language}"> names no language the editor reads, ` +
+                    'so its source is drawn plain. Use css, html, js, jsx, mjs, sh, ts or tsx.',
+                tag: this.localName,
+            });
+        }
+        return [];
+    }
+    get caret() {
+        const state = this.view?.state;
+        if (!state) {
+            return { column: 1, line: 1 };
+        }
+        const head = state.selection.main.head;
+        const line = state.doc.lineAt(head);
+        return { column: head - line.from + 1, line: line.number };
+    }
+    get mount() {
+        return this.renderRoot.querySelector('[part="editor"]');
+    }
+    create() {
+        const parent = this.mount;
+        if (!parent || this.view) {
+            return;
+        }
+        this.view = new EditorView({
+            parent,
+            root: this.shadowRoot ?? document,
+            state: EditorState.create({
+                doc: this.value,
+                extensions: [
+                    lineNumbers(),
+                    history(),
+                    indentUnit.of('  '),
+                    EditorState.tabSize.of(2),
+                    keymap.of([...defaultKeymap, ...historyKeymap, indentWithTab]),
+                    syntaxHighlighting(syntaxHighlighter, { fallback: true }),
+                    this.language$.of(this.grammar()),
+                    this.readOnly$.of(EditorState.readOnly.of(this.readOnly)),
+                    EditorView.lineWrapping,
+                    EditorState.transactionFilter.of((transaction) => {
+                        if (!transaction.docChanged || transaction.annotation(given)) {
+                            return transaction;
+                        }
+                        const next = transaction.newDoc.toString();
+                        const request = new HelixBeforeEditEvent({ value: next });
+                        return this.dispatchEvent(request) ? transaction : [];
+                    }),
+                    EditorView.updateListener.of((update) => {
+                        const edit = update.docChanged &&
+                            !update.transactions.some((transaction) => transaction.annotation(given));
+                        if (edit) {
+                            const next = update.state.doc.toString();
+                            this.edited = next;
+                            this.value = next;
+                            this.dispatchEvent(new HelixEditEvent({ value: next }));
+                        }
+                        if (update.selectionSet || update.docChanged || update.focusChanged) {
+                            this.dispatchEvent(new HelixCaretEvent(this.caret));
+                        }
+                    }),
+                    this.name$.of(EditorView.contentAttributes.of({ 'aria-label': this.fieldLabel })),
+                ],
+            }),
+        });
+        this.dispatchEvent(new HelixCaretEvent(this.caret));
+    }
+    focus() {
+        this.view?.focus();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.view?.destroy();
+        this.view = undefined;
+    }
+    willUpdate(changed) {
+        super.willUpdate(changed);
+        if (this.value !== this.edited) {
+            this.baseline = this.value;
+            this.edited = undefined;
+        }
+        this.toggleState('modified', this.modified);
+    }
+    updated(changed) {
+        super.updated(changed);
+        this.create();
+        const view = this.view;
+        if (!view) {
+            return;
+        }
+        if (changed.has('language')) {
+            view.dispatch({ effects: this.language$.reconfigure(this.grammar()) });
+        }
+        if (changed.has('fieldLabel')) {
+            view.dispatch({
+                effects: this.name$.reconfigure(EditorView.contentAttributes.of({ 'aria-label': this.fieldLabel })),
+            });
+        }
+        if (changed.has('readOnly')) {
+            view.dispatch({
+                effects: this.readOnly$.reconfigure(EditorState.readOnly.of(this.readOnly)),
+            });
+        }
+        if (changed.has('value') && this.value !== view.state.doc.toString()) {
+            const head = view.state.selection.main.head;
+            view.dispatch({
+                annotations: given.of(true),
+                changes: { from: 0, insert: this.value, to: view.state.doc.length },
+                selection: { anchor: Math.min(head, this.value.length) },
+            });
+        }
+    }
+    render() {
+        return html `<div part="editor"></div>`;
+    }
+    static { this.styles = [styles, unsafeCSS(syntaxRules)]; }
+};
+__decorate([
+    words,
+    property({ attribute: 'field-label' })
+], HelixSandboxEditor.prototype, "fieldLabel", void 0);
+__decorate([
+    property()
+], HelixSandboxEditor.prototype, "language", void 0);
+__decorate([
+    property()
+], HelixSandboxEditor.prototype, "name", void 0);
+__decorate([
+    property({ attribute: 'readonly', reflect: true, type: Boolean })
+], HelixSandboxEditor.prototype, "readOnly", void 0);
+__decorate([
+    property()
+], HelixSandboxEditor.prototype, "value", void 0);
+HelixSandboxEditor = __decorate([
+    customElement('helix-sandbox-editor')
+], HelixSandboxEditor);
+export { HelixSandboxEditor };
+//# sourceMappingURL=editor-root.js.map

package/dist/editor/root/editor-root.js.map

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

package/dist/highlight/highlight.d.ts

@@ -0,0 +1,25 @@
+import { type Highlighter } from '@lezer/highlight';
+import type { HighlightLanguage } from './language.js';
+/**
+ * Highlights a snippet, returning HTML with one span per token.
+ *
+ * **A parser, and no editor.** Lezer's grammars are parsers, and parsing is a
+ * pure function of the text: `highlightCode` walks a tree and hands back
+ * tokens. Nothing is mounted, no document is created, and this runs on a server
+ * with no DOM at all, which is what lets a static page ship highlighted code
+ * with no client JavaScript spent on it.
+ *
+ * **`CodeBlock` holds no parser.** A `dependencies` entry is paid by every
+ * consumer whether or not they import it, so the grammars are in this package,
+ * beside the editor that reads them too. `CodeBlock` renders a `<slot>`, so the
+ * output of this drops straight into one. A snippet on a reference page and the
+ * same snippet open in the sandbox are then colored by one source.
+ *
+ * `classHighlighter` emits Lezer's own `tok-` class names. Mapping those to
+ * colors is yours, because the classes are stable and a palette is not: the
+ * Fusion site paints them from `--helix-color-syntax-*`. Pass another
+ * `highlighter` for other classes, such as `syntaxHighlighter`, the editor's
+ * own, whose rules are `syntaxRules`.
+ */
+export declare const highlight: (code: string, language: HighlightLanguage, highlighter?: Highlighter) => string;
+//# sourceMappingURL=highlight.d.ts.map

package/dist/highlight/highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../src/highlight/highlight.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,WAAW,EAAiB,MAAM,kBAAkB,CAAA;AAGpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AA2GtD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,SACd,MAAM,YACF,iBAAiB,gBACd,WAAW,KACvB,MAcF,CAAA"}

package/dist/highlight/highlight.js

@@ -0,0 +1,97 @@
+import { parser as cssParser } from '@lezer/css';
+import { classHighlighter, highlightCode } from '@lezer/highlight';
+import { configureNesting, parser as htmlParser } from '@lezer/html';
+import { parser as jsParser } from '@lezer/javascript';
+import { shellMode, shellTokens } from './shell.js';
+import { highlightStream } from './stream.js';
+const EVENT_ATTRIBUTES = [
+    'beforeunload',
+    'blur',
+    'change',
+    'click',
+    'copy',
+    'cut',
+    'drag',
+    'dragend',
+    'dragenter',
+    'dragleave',
+    'dragover',
+    'dragstart',
+    'focus',
+    'keydown',
+    'keyup',
+    'load',
+    'mousedown',
+    'mouseenter',
+    'mouseleave',
+    'mouseup',
+    'paste',
+    'resize',
+    'scroll',
+    'unload',
+].map((name) => `on${name}`);
+const typescript = jsParser.configure({ dialect: 'ts' });
+const tsx = jsParser.configure({ dialect: 'jsx ts' });
+const PARSERS = {
+    css: cssParser,
+    html: htmlParser.configure({
+        wrap: configureNesting([
+            {
+                attrs: (attrs) => attrs.type === 'text/typescript' || attrs.lang === 'ts',
+                parser: typescript,
+                tag: 'script',
+            },
+            {
+                attrs: (attrs) => attrs.type === 'text/babel' || attrs.type === 'text/jsx',
+                parser: jsParser.configure({ dialect: 'jsx' }),
+                tag: 'script',
+            },
+            {
+                attrs: (attrs) => attrs.type === 'text/typescript-jsx',
+                parser: tsx,
+                tag: 'script',
+            },
+            {
+                attrs: (attrs) => /^(importmap|speculationrules|application\/(.+\+)?json)$/i.test(attrs.type ?? ''),
+                parser: jsParser.configure({ top: 'SingleExpression' }),
+                tag: 'script',
+            },
+            {
+                attrs: (attrs) => !attrs.type ||
+                    /^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i.test(attrs.type),
+                parser: jsParser,
+                tag: 'script',
+            },
+            {
+                attrs: (attrs) => (!attrs.lang || attrs.lang === 'css') &&
+                    (!attrs.type || /^(text\/)?(x-)?(stylesheet|css)$/i.test(attrs.type)),
+                parser: cssParser,
+                tag: 'style',
+            },
+        ], [
+            { name: 'style', parser: cssParser.configure({ top: 'Styles' }) },
+            ...EVENT_ATTRIBUTES.map((name) => ({ name, parser: jsParser })),
+        ]),
+    }),
+    js: jsParser,
+    ts: typescript,
+    tsx,
+};
+const escapeHtml = (text) => text.replace(/[&<>"']/g, (char) => ({ "'": '&#39;', '"': '&quot;', '&': '&amp;', '<': '&lt;', '>': '&gt;' })[char] ?? char);
+export const highlight = (code, language, highlighter = classHighlighter) => {
+    let out = '';
+    const put = (text, classes) => {
+        out += classes ? `<span class="${classes}">${escapeHtml(text)}</span>` : escapeHtml(text);
+    };
+    const putBreak = () => {
+        out += '\n';
+    };
+    if (language === 'sh') {
+        highlightStream(code, shellMode, shellTokens, highlighter, put, putBreak);
+    }
+    else {
+        highlightCode(code, PARSERS[language].parse(code), highlighter, put, putBreak);
+    }
+    return out;
+};
+//# sourceMappingURL=highlight.js.map

package/dist/highlight/highlight.js.map

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

package/dist/highlight/index.d.ts

@@ -0,0 +1,4 @@
+export { highlight } from './highlight.js';
+export { type HighlightLanguage, languageOf } from './language.js';
+export { syntaxHighlighter, syntaxRules } from './syntax.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/highlight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/highlight/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,KAAK,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}

package/dist/highlight/index.js

@@ -0,0 +1,4 @@
+export { highlight } from './highlight.js';
+export { languageOf } from './language.js';
+export { syntaxHighlighter, syntaxRules } from './syntax.js';
+//# sourceMappingURL=index.js.map

package/dist/highlight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/highlight/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAA0B,UAAU,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA"}

package/dist/highlight/language.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The languages a snippet can be written in.
+ *
+ * **`ts` and `tsx` are here because the documentation is mostly written in
+ * them**, and the base JavaScript grammar reads both wrongly, where a partial
+ * reading would be harmless. Measured on a `tsx` fence highlighted as `js`:
+ * `<helix-input` came out as the variable `helix`, the operator `-` and the
+ * variable `input`, which is the parser doing arithmetic on a tag name and
+ * coloring the result confidently. A grammar that does not know the dialect
+ * does not degrade, it lies.
+ *
+ * `tsx` covers JSX as well, since the dialect is a superset: there is no `jsx`
+ * member because a JSX file that is not TypeScript still parses under it, and
+ * a fourth entry would be a distinction with no consequence. `languageOf`
+ * reads `jsx` as `tsx`.
+ *
+ * `sh` is the one grammar here that is not shipped as it comes: see `shell.ts`
+ * for why a mode that knows sh perfectly colors nothing in `bun add`.
+ */
+export type HighlightLanguage = 'css' | 'html' | 'js' | 'sh' | 'ts' | 'tsx';
+/**
+ * The language a name stands for, in any case: `TypeScript`, `bash` or `mjs`.
+ * `undefined` for a name no grammar here reads.
+ */
+export declare const languageOf: (name: string) => HighlightLanguage | undefined;
+//# sourceMappingURL=language.d.ts.map

package/dist/highlight/language.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../src/highlight/language.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;AA2B3E;;;GAGG;AACH,eAAO,MAAM,UAAU,SAAU,MAAM,KAAG,iBAAiB,GAAG,SAC5B,CAAA"}