prototypey.org - atproto lexicon typescript toolkit - mirror https://github.com/tylersayshi/prototypey
tylur.dev
use cdn
+1
-25
packages/site/src/components/Editor.tsx
+1
-25
packages/site/src/components/Editor.tsx
···
1
-
import MonacoEditor, { useMonaco, loader } from "@monaco-editor/react";
1
+
import MonacoEditor, { useMonaco } from "@monaco-editor/react";
2
2
import { useEffect, useState } from "react";
3
-
import * as monaco from "monaco-editor";
4
-
import editorWorker from "monaco-editor/esm/vs/editor/editor.worker?worker";
5
-
import jsonWorker from "monaco-editor/esm/vs/language/json/json.worker?worker";
6
-
import tsWorker from "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
7
-
8
-
// Configure Monaco Environment for web workers
9
-
if (typeof self !== "undefined") {
10
-
self.MonacoEnvironment = {
11
-
getWorker(_: string, label: string) {
12
-
if (label === "json") {
13
-
return new jsonWorker();
14
-
}
15
-
if (label === "typescript" || label === "javascript") {
16
-
return new tsWorker();
17
-
}
18
-
return new editorWorker();
19
-
},
20
-
};
21
-
}
22
-
23
-
// Configure loader to use local monaco-editor 0.52.0 instead of CDN 0.54.0
24
-
if (loader?.config) {
25
-
loader.config({ monaco });
26
-
}
27
3
28
4
interface EditorProps {
29
5
value: string;