refactor: inject an instance of typescript-vfs.worker

Modified tsVfsWorker worker initialization logic

Author: aparzi

adev/src/app/editor/code-editor/code-mirror-editor.service.ts

@@ -71,7 +71,6 @@ export class CodeMirrorEditor {
 
   // An instance of web worker used to run virtual TypeScript environment in the browser.
   // It allows to enrich CodeMirror UX for TypeScript files.
-  private tsVfsWorker: Worker | null = null;
   // EventManager gives ability to communicate between tsVfsWorker and CodeMirror instance
   private readonly eventManager$ = new Subject<ActionMessage>();
 
@@ -81,6 +80,7 @@ export class CodeMirrorEditor {
   private readonly typingsLoader = inject(TypingsLoader);
   private readonly destroyRef = inject(DestroyRef);
   private readonly diagnosticsState = inject(DiagnosticsState);
+  private readonly tsVfsWorker = inject(Worker, {optional: true});
 
   private _editorView: EditorView | null = INITIAL_STATES._editorView;
   private readonly _editorStates = new Map<EditorFile['filename'], EditorState>();
@@ -182,14 +182,10 @@ export class CodeMirrorEditor {
   }
 
   private initTypescriptVfsWorker(): void {
-    if (this.tsVfsWorker) {
+    if (!this.tsVfsWorker) {
       return;
     }
 
-    this.tsVfsWorker = new Worker(new URL('./workers/typescript-vfs.worker', import.meta.url), {
-      type: 'module',
-    });
-
     this.tsVfsWorker.addEventListener('message', ({data}: MessageEvent<ActionMessage>) => {
       this.eventManager$.next(data);
     });
@@ -214,10 +210,13 @@ export class CodeMirrorEditor {
 
   // Method is responsible for sending request to Typescript VFS worker.
   private sendRequestToTsVfs = <T>(request: ActionMessage<T>) => {
-    if (!this.tsVfsWorker) return;
+    if (!this.tsVfsWorker) {
+      console.warn('TypeScript VFS worker not available');
+      return;
+    }
 
     // Send message to tsVfsWorker only when current file is TypeScript file.
-    if (!this.currentFile().filename.endsWith('.ts')) return;
+    if (!this.currentFile()?.filename.endsWith('.ts')) return;
 
     this.tsVfsWorker.postMessage(request);
   };