wgsl-edit 0.0.14 → 0.0.16

package/dist/{WgslEdit-CWF7QS5Y.js → WgslEdit-mSpL7CXc.js}

@@ -1,10 +1,13 @@
 import { createWeslLinter, wesl } from "./Language.js";
-import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
-import { forceLinting } from "@codemirror/lint";
+import { HighlightStyle, bracketMatching, defaultHighlightStyle, foldGutter, foldKeymap, indentOnInput, syntaxHighlighting } from "@codemirror/language";
+import { forceLinting, lintKeymap } from "@codemirror/lint";
 import { fileToModulePath, link } from "wesl";
+import { autocompletion, closeBrackets, closeBracketsKeymap, completionKeymap } from "@codemirror/autocomplete";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+import { searchKeymap } from "@codemirror/search";
 import { Compartment, EditorState, Text } from "@codemirror/state";
+import { EditorView, crosshairCursor, drawSelection, dropCursor, gutters, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, lineNumbers, rectangularSelection } from "@codemirror/view";
 import { tags } from "@lezer/highlight";
-import { EditorView, basicSetup } from "codemirror";
 import { fetchPackagesByName } from "wesl-fetch";
 
 //#region src/WgslEdit.css?inline
@@ -384,10 +387,36 @@ var WgslEdit = class extends HTMLElement {
 	buildExtensions() {
 		const baseTheme = EditorView.theme({
 			".cm-content": { padding: "0" },
-			".cm-line": { padding: "0" }
+			".cm-line": { padding: "0" },
+			".cm-panels": { position: "relative" }
 		});
 		return [
-			basicSetup,
+			gutters({ fixed: false }),
+			lineNumbers(),
+			highlightActiveLineGutter(),
+			highlightSpecialChars(),
+			history(),
+			foldGutter(),
+			drawSelection(),
+			dropCursor(),
+			EditorState.allowMultipleSelections.of(true),
+			indentOnInput(),
+			syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+			bracketMatching(),
+			closeBrackets(),
+			autocompletion(),
+			rectangularSelection(),
+			crosshairCursor(),
+			highlightActiveLine(),
+			keymap.of([
+				...closeBracketsKeymap,
+				...defaultKeymap,
+				...searchKeymap,
+				...historyKeymap,
+				...foldKeymap,
+				...completionKeymap,
+				...lintKeymap
+			]),
 			wesl(),
 			baseTheme,
 			this.themeCompartment.of(this.resolveTheme()),

package/dist/WgslEdit.js

@@ -1,4 +1,4 @@
 import "./Language.js";
-import { t as WgslEdit } from "./WgslEdit-CWF7QS5Y.js";
+import { t as WgslEdit } from "./WgslEdit-mSpL7CXc.js";
 
 export { WgslEdit };

package/dist/index.js

@@ -1,5 +1,5 @@
 import { wesl, weslLanguage } from "./Language.js";
-import { t as WgslEdit } from "./WgslEdit-CWF7QS5Y.js";
+import { t as WgslEdit } from "./WgslEdit-mSpL7CXc.js";
 
 //#region src/index.ts
 if (!customElements.get("wgsl-edit")) customElements.define("wgsl-edit", WgslEdit);