fix: use worker

vuejs · Jun 13, 2022 · e1e80b9 · e1e80b9
1 parent f765d54
commit e1e80b9
Show file tree

Hide file tree

Showing 21 changed files with 1,104 additions and 850 deletions.
diff --git a/index-dist.html b/index-dist.html
@@ -17,8 +17,11 @@
     <script type="module">
       import { createApp } from 'vue'
       import { Repl } from './dist/vue-repl'
+      import Monaco from './dist/vue-repl-monaco-editor'
       import './dist/style.css'
-      createApp(Repl).mount('#app')
+      createApp(Repl, {
+        editor: Monaco
+      }).mount('#app')
     </script>
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -50,6 +50,7 @@
     "@vue/shared": "^3.2.37",
     "codemirror": "^5.62.3",
     "hash-sum": "^2.0.0",
+    "monaco-editor-core": "^0.33.0",
     "rimraf": "^3.0.2",
     "sucrase": "^3.20.1",
     "typescript": "^4.7.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/Repl.vue b/src/Repl.vue
@@ -47,7 +47,6 @@ provide('clear-console', toRef(props, 'clearConsole'))
       <template #right>
         <Output
           :showCompileOutput="props.showCompileOutput"
-          :editor-component="editor"
           :ssr="!!props.ssr"
         />
       </template>

diff --git a/src/monaco/Monaco.vue b/src/monaco/Monaco.vue
@@ -1,13 +1,14 @@
 <script lang="ts">
-import { setupMonacoEnv } from './utils';
+import { setupMonacoEnv } from './env';
 setupMonacoEnv();
+import './monaco.contribution'
 </script>
 <script lang="ts" setup>
 import { onMounted, onBeforeUnmount, ref, shallowRef, nextTick, watchEffect } from 'vue';
 import { loadGrammars } from './grammars';
-import * as monaco from 'monaco-editor';
-import { setupThemePromise } from './utils';
-import { setupLs, getOrCreateModel, setupValidate } from './ls';
+import * as monaco from 'monaco-editor-core';
+import { setupThemePromise, getOrCreateModel } from './utils';
+// import { setupLs, setupValidate } from './ls';
 
 const props = withDefaults(defineProps<{
   value?: string
@@ -35,7 +36,9 @@ const currentModel = shallowRef<monaco.editor.ITextModel>(
   )
 )
 
-const documentModelMap = shallowRef(new Map([[currentModel.value.uri.fsPath, currentModel.value]]))
+// const documentModelMap = shallowRef(new Map([[
+//   currentModel.value.uri.fsPath, currentModel.value
+// ]]))
 
 watchEffect(() => {
   if (currentModel.value.getValue() !== props.value) {
@@ -63,11 +66,11 @@ onMounted(async () => {
     },
     inlineSuggest: {
       enabled: false,
-    },
+    }
   });
   editor.value = editorInstance
 
-  const ls = await setupLs(editorInstance, documentModelMap)
+  // const ls = await setupLs(editorInstance, documentModelMap)
 
   await loadGrammars(editorInstance);
 
@@ -79,7 +82,9 @@ onMounted(async () => {
     emits('change', editorInstance.getValue());
   });
 
-  setupValidate(editorInstance, ls);
+
+
+  // setupValidate(editorInstance, ls);
 });
 
 onBeforeUnmount(() => {