feat: replace monaco-editor-core with monaco-editor

Author: zh-lx

packages/core/package.json

@@ -58,7 +58,7 @@
     "@volar/monaco": "~1.9.2",
     "@volar/typescript": "~1.9.2",
     "@vue/language-service": "1.8.6",
-    "monaco-editor": "^0.41.0",
+    "monaco-editor": "0.41.0",
     "monaco-editor-textmate": "^4.0.0",
     "monaco-textmate": "^3.0.1",
     "monaco-volar": "^0.4.0",

packages/core/src/components/monaco-editor/env.ts

@@ -1,6 +1,6 @@
 import { jsDelivrUriBase } from '@volar/cdn';
 import * as volar from '@volar/monaco';
-import { editor, languages, Uri } from 'monaco-editor-core';
+import { editor, languages, Uri } from 'monaco-editor';
 import editorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
 import * as onigasm from 'onigasm';
 import onigasmWasm from 'onigasm/lib/onigasm.wasm?url';

packages/core/src/components/monaco-editor/index.vue

@@ -15,7 +15,7 @@ import {
   watch,
   computed,
 } from 'vue';
-import * as monaco from 'monaco-editor-core';
+import * as monaco from 'monaco-editor';
 import { initMonaco } from './env';
 import { getOrCreateModel } from './utils';
 import { loadGrammars, loadTheme } from 'monaco-volar';

packages/core/src/components/monaco-editor/utils.ts

@@ -1,14 +1,14 @@
-import { Uri, editor } from 'monaco-editor-core'
+import { Uri, editor } from 'monaco-editor';
 
 export function getOrCreateModel(
   uri: Uri,
   lang: string | undefined,
   value: string
 ) {
-  const model = editor.getModel(uri)
+  const model = editor.getModel(uri);
   if (model) {
-    model.setValue(value)
-    return model
+    model.setValue(value);
+    return model;
   }
-  return editor.createModel(value, lang, uri)
+  return editor.createModel(value, lang, uri);
 }

packages/core/src/components/monaco-editor/vue.worker.ts

@@ -1,6 +1,6 @@
 // @ts-ignore
 import * as worker from 'monaco-editor/esm/vs/editor/editor.worker';
-import type * as monaco from 'monaco-editor-core';
+import type * as monaco from 'monaco-editor';
 import {
   createJsDelivrFs,
   createJsDelivrUriResolver,

packages/website/src/App.vue

@@ -3,11 +3,11 @@
 </template>
 
 <script setup lang="ts">
-import CodePlayer, { CodePlayerOptions } from '../../core/src/index';
-// import CodePlayer, { CodePlayerOptions } from '../../core';
+// import CodePlayer, { CodePlayerOptions } from '../../core/src/index';
+import CodePlayer, { CodePlayerOptions } from '../../core';
 
 const options: CodePlayerOptions = {
-  appType: 'react',
+  appType: 'vue3',
 };
 </script>
 

yarn.lock

@@ -1791,7 +1791,7 @@ monaco-editor-textmate@^4.0.0:
   resolved "https://registry.npmmirror.com/monaco-editor-textmate/-/monaco-editor-textmate-4.0.0.tgz#f85a8916989dac01791fff1f001e56fdb2907ab4"
   integrity sha512-Clwup5LJzVfwURQrS+odSEC5/hZBEG36pQnvBKt4OtBndF8r2xLeXUZcK/AqEBK2u0Npy7frFp9hG7m66Ol9hA==
 
-monaco-editor@^0.41.0:
+monaco-editor@0.41.0, monaco-editor@^0.41.0:
   version "0.41.0"
   resolved "https://registry.npmmirror.com/monaco-editor/-/monaco-editor-0.41.0.tgz#2ba31e5af7e3ae93ac5d7467ec2772ef9b3d967f"
   integrity sha512-1o4olnZJsiLmv5pwLEAmzHTE/5geLKQ07BrGxlF4Ri/AXAc2yyDGZwHjiTqD8D/ROKUZmwMA28A+yEowLNOEcA==