@fusion.dev/helix-sandbox 0.0.0-dev

package/dist/sandbox/editor/sandbox-editor.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 './sandbox-editor.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=sandbox-editor.js.map

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

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

package/examples.json

@@ -0,0 +1 @@
+{"environment":{"browser":"chromium 153.0.8010.12","fonts":"90 fonts, d93ed8347ae01f6c","os":"ubuntu 24.04","platform":"linux"},"examples":{"sandbox":[]},"package":"@fusion.dev/helix-sandbox"}

package/lint.json

@@ -0,0 +1 @@
+{"package":"@fusion.dev/helix-sandbox","tags":{"helix-sandbox-editor":{"attributes":{"field-label":null,"language":["css","html","javascript","js","jsx","mjs","sh","ts","tsx"],"name":null,"readonly":null,"value":null},"booleans":["readonly"],"family":"sandbox","hooks":[],"parts":["editor"],"reflected":["readonly"],"slots":[],"written":["readOnly$","read-only$","language$","name$","modified","caret","mount","internals","whenSettled","when-settled","hydrating","serverRendered","server-rendered","childrenKnown","children-known","knownChildren","known-children","assignsByName","assigns-by-name","stopInner","stop-inner"]}},"version":"0.206.0"}

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@fusion.dev/helix-sandbox",
+  "description": "A CodeMirror source pane for the Helix sandbox, and a code highlighter for Code Block.",
+  "version": "0.0.0-dev",
+  "license": "MIT",
+  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
+  "repository": {
+    "directory": "helix/sandbox",
+    "type": "git",
+    "url": "git+https://github.com/project-fusion/fusion.git"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./api.json": "./api.json",
+    "./code-block": {
+      "types": "./dist/code-block/index.d.ts",
+      "default": "./dist/code-block/index.js"
+    },
+    "./custom-elements.json": "./custom-elements.json",
+    "./editor": {
+      "types": "./dist/editor/index.d.ts",
+      "default": "./dist/editor/index.js"
+    },
+    "./examples.json": "./examples.json",
+    "./highlight": {
+      "types": "./dist/highlight/index.d.ts",
+      "default": "./dist/highlight/index.js"
+    },
+    "./jsx": "./types/jsx.d.ts",
+    "./lint.json": "./lint.json",
+    "./package.json": "./package.json",
+    "./svelte": "./types/svelte.d.ts",
+    "./vue": "./types/vue.d.ts",
+    "./words": "./types/words.d.ts"
+  },
+  "files": [
+    "api.json",
+    "custom-elements.json",
+    "dist",
+    "examples.json",
+    "lint.json",
+    "types"
+  ],
+  "customElements": "custom-elements.json",
+  "sideEffects": [
+    "./dist/code-block/index.js",
+    "./dist/editor/index.js",
+    "./dist/sandbox/editor/sandbox-editor.js"
+  ],
+  "scripts": {
+    "analyze": "bun --bun helix-cem",
+    "build": "tsc -p tsconfig.build.json && tsc -p tsconfig.types.json",
+    "styles": "build-styles .",
+    "test": "bun run test:dom && bun run test:ssr",
+    "test:dom": "bun test dom.spec",
+    "test:ssr": "bun test ssr.spec",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "bugs": "https://github.com/project-fusion/fusion/issues",
+  "dependencies": {
+    "@codemirror/commands": "^6.10.4",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-html": "^6.4.12",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/legacy-modes": "^6.5.4",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/view": "^6.43.8",
+    "@fusion.dev/helix-core": "0.206.0",
+    "@fusion.dev/helix-headless": "0.206.0",
+    "@fusion.dev/helix-styles": "0.206.0",
+    "@lezer/css": "^1.3.6",
+    "@lezer/highlight": "^1.2.5",
+    "@lezer/html": "^1.3.13",
+    "@lezer/javascript": "^1.5.4"
+  },
+  "devDependencies": {
+    "@fusion.dev/helix": "0.206.0",
+    "@fusion.dev/helix-cem": "0.206.0",
+    "@fusion.dev/helix-testing": "0.206.0",
+    "@fusion.dev/scripts": "0.0.0-dev",
+    "@happy-dom/global-registrator": "^20.14.5",
+    "@lit-labs/ssr": "^4.1.0",
+    "@types/bun": "^1.4.2",
+    "lit": "^3.2.1"
+  },
+  "homepage": "https://fusion.dev",
+  "keywords": [
+    "codemirror",
+    "design-system",
+    "editor",
+    "lezer",
+    "lit",
+    "sandbox",
+    "syntax-highlighting",
+    "web-components"
+  ],
+  "peerDependencies": {
+    "@fusion.dev/helix": "0.206.0",
+    "lit": "^3.2.1"
+  },
+  "peerDependenciesMeta": {
+    "@fusion.dev/helix": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "restricted"
+  }
+}