Added auto typing

package.json

@@ -2,7 +2,7 @@
   "name": "marker",
   "private": true,
   "author": "Savin Angel-Mario ([email protected])",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -21,6 +21,8 @@
   },
   "dependencies": {
     "marked": "^4.1.1",
-    "monaco-editor": "^0.34.0"
+    "monaco-editor": "^0.34.0",
+    "monaco-editor-auto-typings": "^0.4.3",
+    "path-browserify": "^1.0.1"
   }
 }

src/lib/file.ts

@@ -46,8 +46,8 @@ export async function setEditorText(editor: monaco.editor.IStandaloneCodeEditor,
 	const ext = getExtension(file.name);
 
 	monaco.editor.getModels().forEach((model) => model.dispose());
-	editor.setModel(monaco.editor.createModel(await file.text(), fileTypes.get(ext), monaco.Uri.file(file.name)));
-	
+	editor.setModel(monaco.editor.createModel(await file.text(), fileTypes.get(ext)/*, monaco.Uri.file(file.name)*/));
+
 	setTimeout(() => {
 		editor.focus();
 	}, 100);

src/lib/languages/index.ts

@@ -9,6 +9,8 @@ import htmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'
 //@ts-ignore
 import tsWorker from 'monaco-editor/esm/vs/language/typescript/ts.worker?worker'
 
+export { initAutoTypings } from "./typescript";
+
 // MonacoEnvironment should be initialized before the editor
 export function initLanguageWorkers() {
 	self.MonacoEnvironment = {
@@ -28,4 +30,4 @@ export function initLanguageWorkers() {
 			return new editorWorker()
 		}	
 	}
-}
+}

src/lib/languages/typescript.ts

@@ -0,0 +1,9 @@
+import monaco from "monaco-editor";
+import { AutoTypings, LocalStorageCache } from "monaco-editor-auto-typings";
+
+export function initAutoTypings(editor: monaco.editor.IStandaloneCodeEditor) {
+	console.log("initAutoTypings");
+	AutoTypings.create(editor, {
+		sourceCache: new LocalStorageCache(),
+	});
+}

src/main.ts

@@ -3,7 +3,7 @@ import { registerSW } from 'virtual:pwa-register'
 import { initStore } from "./lib/store";
 import { initEditor } from "./lib/editor";
 import { closeModal, openModal } from "./lib/modal";
-import { initLanguageWorkers } from "./lib/languages";
+import { initAutoTypings, initLanguageWorkers } from "./lib/languages";
 import { createNotice, initStatus } from "./lib/status";
 import { isCompat } from "./lib/compat";
 
@@ -14,6 +14,7 @@ if (isCompat) {
 	initLanguageWorkers();
 	const editor = initEditor(editorWrapper, store);
 	initStatus(editor);
+	initAutoTypings(editor);
 
 	window.onbeforeunload = () => {
 		if (editor.getValue() !== "") {

vite.config.ts

@@ -21,6 +21,11 @@ export default defineConfig({
       }
     }),
   ],
+  resolve: {
+	alias: {
+	  path: "path-browserify"
+	}
+  },
   build: {
     outDir: resolve(__dirname, "dist"),
     emptyOutDir: true,
@@ -37,4 +42,4 @@ export default defineConfig({
       }
     }
   }
-});
+});