123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
import { editor, Uri } from "https://esm.sh/monaco-editor@0.36.1";import "https://esm.sh/monaco-editor@0.36.1?css";
// deno-lint-ignore ban-ts-comment// @ts-ignoreself.MonacoEnvironment = {  async getWorker(_: unknown, label: string) {    if (label === "typescript" || label === "javascript") {      const { default: tsWorker } = await import(        "https://esm.sh/monaco-editor@0.36.1/esm/vs/language/typescript/ts.worker?worker"      );      return tsWorker();    }    const { default: editorWorker } = await import(      "https://esm.sh/monaco-editor@0.36.1/esm/vs/editor/editor.worker?worker"    );    return editorWorker();  },};
export function createModel(name: string, source: string) {  const lang = getLanguage(name);  if (!lang) {    return null;  }
  const uri = Uri.parse(`file:///src/${name}`);  const model = editor.createModel(source, lang, uri);  return model;}
export function createEditor(container: HTMLElement, readOnly?: boolean) {  return editor.create(container, {    readOnly,    automaticLayout: true,    contextmenu: true,    fontSize: 14,    lineHeight: 18,    lineNumbersMinChars: 2,    minimap: { enabled: false },    scrollBeyondLastLine: false,    smoothScrolling: true,    scrollbar: {      useShadows: false,      verticalScrollbarSize: 10,      horizontalScrollbarSize: 10,    },    overviewRulerLanes: 0,  });}
function getLanguage(name: string) {  switch (name.slice(name.lastIndexOf(".") + 1).toLowerCase()) {    case "ts":    case "tsx":      return "typescript";    case "js":    case "jsx":      return "javascript";  }  return null;}