esbuildProxy

Public

Viewing readonly version: 33

import { autocompletion } from "@codemirror/autocomplete";

import { javascript } from "@codemirror/lang-javascript";

import { Compartment } from "@codemirror/state";

import { tsAutocomplete, tsFacet, tsHover, tsLinter, tsSync } from "@valtown/codemirror-ts";

import { type WorkerShape } from "@valtown/codemirror-ts/worker";

import { basicSetup, EditorView } from "codemirror";

import * as Comlink from "comlink";

const innerWorker = new Worker("./worker.ts", {

type: "module",

});

const worker = Comlink.wrap<WorkerShape>(innerWorker);

const container = new Compartment();

for (const textarea of document.querySelectorAll("form textarea.for-codemirror")) {

const form = textarea.closest("form");

const submitButton = form.querySelector("button[type=\"submit\"], input[type=\"submit\"]");

textarea.setAttribute("hidden", "true");

const parent = textarea.parentElement!;

const newDiv = document.createElement("div");

parent.insertBefore(newDiv, textarea);

const editor = new EditorView({

doc: textarea.value,

extensions: [

basicSetup,

javascript({

typescript: true,

jsx: true,

}),

container.of([]),

parent: newDiv,

});