use vite worker syntax

Author: catFurr

react/features/base/i18n/i18next.ts

@@ -128,10 +128,10 @@ i18next.addResourceBundle(
     /* overwrite */ true);
 
 // Add builtin languages.
-// XXX: Note we are using require here, because we want the side-effects of the
-// import, but imports can only be placed at the top, and it would be too early,
-// since i18next is not yet initialized at that point.
-require('./BuiltinLanguages');
+// XXX: Note we are importing here, because we want the side-effects of the
+// import, but at the top it would be too early since i18next is not yet 
+// initialized at that point.
+import('./BuiltinLanguages');
 
 // Label change through dynamic branding is available only for web
 if (typeof APP !== 'undefined') {

react/features/face-landmarks/FaceLandmarksDetector.ts

@@ -2,7 +2,6 @@ import 'image-capture';
 import { IStore } from '../app/types';
 import { isMobileBrowser } from '../base/environment/utils';
 import { getLocalVideoTrack } from '../base/tracks/functions';
-import { getBaseUrl } from '../base/util/helpers';
 
 import {
     addFaceLandmarks,
@@ -94,17 +93,16 @@ class FaceLandmarksDetector {
             return;
         }
 
-        const baseUrl = `${getBaseUrl()}libs/`;
-        let workerUrl = `${baseUrl}face-landmarks-worker.min.js`;
-
-        // @ts-ignore
-        const workerBlob = new Blob([ `importScripts("${workerUrl}");` ], { type: 'application/javascript' });
         const state = getState();
         const addToBuffer = Boolean(state['features/base/config'].webhookProxyUrl);
 
-        // @ts-ignore
-        workerUrl = window.URL.createObjectURL(workerBlob);
-        this.worker = new Worker(workerUrl, { name: 'Face Landmarks Worker' });
+        this.worker = new Worker(
+            new URL('./faceLandmarksWorker.ts', import.meta.url),
+            { 
+                name: 'Face Landmarks Worker',
+                type: 'module'
+            }
+        );
         this.worker.onmessage = ({ data }: MessageEvent<any>) => {
             const { faceExpression, faceBox, faceCount } = data;
             const messageTimestamp = Date.now();
@@ -159,7 +157,7 @@ class FaceLandmarksDetector {
 
         this.worker.postMessage({
             type: INIT_WORKER,
-            baseUrl,
+            baseUrl: '', // Vite mode - baseUrl not needed
             detectionTypes
         });
         this.initialized = true;

react/features/screenshot-capture/ScreenshotCaptureSummary.tsx

@@ -5,7 +5,6 @@ import { sendAnalytics } from '../analytics/functions';
 import { IReduxState } from '../app/types';
 import { getCurrentConference } from '../base/conference/functions';
 import { getLocalParticipant, getRemoteParticipants } from '../base/participants/functions';
-import { getBaseUrl } from '../base/util/helpers';
 import { extractFqnFromPath } from '../dynamic-branding/functions.any';
 
 import {
@@ -43,16 +42,14 @@ export default class ScreenshotCaptureSummary {
 
         // Bind handlers such that they access the same instance.
         this._handleWorkerAction = this._handleWorkerAction.bind(this);
-        const baseUrl = `${getBaseUrl()}libs/`;
 
-        let workerUrl = `${baseUrl}screenshot-capture-worker.min.js`;
-
-        // @ts-ignore
-        const workerBlob = new Blob([ `importScripts("${workerUrl}");` ], { type: 'application/javascript' });
-
-        // @ts-ignore
-        workerUrl = window.URL.createObjectURL(workerBlob);
-        this._streamWorker = new Worker(workerUrl, { name: 'Screenshot capture worker' });
+        this._streamWorker = new Worker(
+            new URL('./worker.ts', import.meta.url),
+            { 
+                name: 'Screenshot capture worker',
+                type: 'module'
+            }
+        );
         this._streamWorker.onmessage = this._handleWorkerAction;
 
         this._initializedRegion = false;

react/features/stream-effects/noise-suppression/NoiseSuppressionEffect.ts

@@ -1,6 +1,8 @@
 import { INoiseSuppressionConfig } from '../../base/config/configType';
 import { getBaseUrl } from '../../base/util/helpers';
 
+import workletUrl from "./NoiseSuppressorWorklet?worker&url";
+
 import logger from './logger';
 
 interface IKrispState {
@@ -179,7 +181,7 @@ async function _initializeKrisp(
 
     if (!krispState.sdk) {
         const baseUrl = `${getBaseUrl()}libs/krisp`;
-        const { default: KrispSDK } = await import(/* webpackIgnore: true */ `${baseUrl}/krispsdk.mjs`);
+        const { default: KrispSDK } = await import(/* webpackIgnore: true */ /* @vite-ignore */ `${baseUrl}/krispsdk.mjs`);
 
         const ncParams = {
             krisp: {
@@ -260,9 +262,6 @@ async function _initializeKrisp(
 async function _initializeKRnnoise(): Promise<AudioWorkletNode | undefined> {
     await audioContext.resume();
 
-    const baseUrl = `${getBaseUrl()}libs/`;
-    const workletUrl = `${baseUrl}noise-suppressor-worklet.min.js`;
-
     try {
         await audioContext.audioWorklet.addModule(workletUrl);
     } catch (e) {

react/features/stream-effects/virtual-background/index.ts

@@ -56,7 +56,7 @@ export async function createVirtualBackgroundEffect(virtualBackground: IBackgrou
 
     if (!tflite) {
         try {
-            wasmCheck = require('wasm-check');
+            const { default: wasmCheck } = await import('wasm-check');
             const tfliteTimeout = 10000;
 
             if (wasmCheck?.feature?.simd) {