feat: expose codemirror packaages for plugins

Author: bajrangCoder

src/lib/acode.js

@@ -1,7 +1,14 @@
 import fsOperation from "fileSystem";
 import sidebarApps from "sidebarApps";
+import * as cmAutocomplete from "@codemirror/autocomplete";
+import * as cmCommands from "@codemirror/commands";
+import * as cmLanguage from "@codemirror/language";
 import { HighlightStyle, syntaxHighlighting } from "@codemirror/language";
+import * as cmLint from "@codemirror/lint";
+import * as cmSearch from "@codemirror/search";
+import * as cmState from "@codemirror/state";
 import { Compartment, EditorState, Prec, StateEffect } from "@codemirror/state";
+import * as cmView from "@codemirror/view";
 import { EditorView } from "@codemirror/view";
 import ajax from "@deadlyjack/ajax";
 import { tags } from "@lezer/highlight";
@@ -314,6 +321,16 @@ export default class Acode {
 			},
 		};
 
+		const codemirrorModule = Object.freeze({
+			autocomplete: cmAutocomplete,
+			commands: cmCommands,
+			language: cmLanguage,
+			lint: cmLint,
+			search: cmSearch,
+			state: cmState,
+			view: cmView,
+		});
+
 		this.define("Url", Url);
 		this.define("page", Page);
 		this.define("Color", Color);
@@ -356,6 +373,14 @@ export default class Acode {
 		this.define("selectionMenu", selectionMenu);
 		this.define("sidebarApps", sidebarAppsModule);
 		this.define("terminal", terminalModule);
+		this.define("codemirror", codemirrorModule);
+		this.define("@codemirror/autocomplete", cmAutocomplete);
+		this.define("@codemirror/commands", cmCommands);
+		this.define("@codemirror/language", cmLanguage);
+		this.define("@codemirror/lint", cmLint);
+		this.define("@codemirror/search", cmSearch);
+		this.define("@codemirror/state", cmState);
+		this.define("@codemirror/view", cmView);
 		this.define("createKeyboardEvent", KeyboardEvent);
 		this.define("toInternalUrl", helpers.toInternalUri);
 		this.define("commands", this.#createCommandApi());

src/test/editor.tests.js

@@ -65,6 +65,33 @@ export async function runCodeMirrorTests(writeOutput) {
 		);
 	});
 
+	runner.test("Acode exposes shared CodeMirror modules", async (test) => {
+		const codemirror = acode.require("codemirror");
+		const language = acode.require("@codemirror/language");
+		const state = acode.require("@codemirror/state");
+		const view = acode.require("@codemirror/view");
+
+		test.assert(codemirror != null, "codemirror namespace should exist");
+		test.assert(language != null, "@codemirror/language should exist");
+		test.assert(state != null, "@codemirror/state should exist");
+		test.assert(view != null, "@codemirror/view should exist");
+		test.assertEqual(
+			language.StreamLanguage,
+			codemirror.language.StreamLanguage,
+			"language exports should share the same singleton instance",
+		);
+		test.assertEqual(
+			state.EditorState,
+			codemirror.state.EditorState,
+			"state exports should share the same singleton instance",
+		);
+		test.assertEqual(
+			view.EditorView,
+			codemirror.view.EditorView,
+			"view exports should share the same singleton instance",
+		);
+	});
+
 	runner.test("Editor creation", async (test) => {
 		const { view, container } = createEditor();
 		test.assert(view != null, "EditorView instance should be created");