[PB-5353] feaature/Automate cloudflare deployments

Makefile

@@ -1,6 +1,7 @@
 BUILD_DIR = build
 CLEANCSS = ./node_modules/.bin/cleancss
 DEPLOY_DIR = libs
+DIST_DIR = dist
 ONNX_DIR= node_modules/onnxruntime-web
 LIBJITSIMEET_DIR = node_modules/lib-jitsi-meet
 TF_WASM_DIR = node_modules/@tensorflow/tfjs-backend-wasm/dist/
@@ -20,8 +21,8 @@ ifeq ($(OS),Windows_NT)
 	WEBPACK = .\node_modules\.bin\webpack --progress
 	WEBPACK_DEV_SERVER = .\node_modules\.bin\webpack serve --mode development --progress
 else
-	WEBPACK = ./node_modules/.bin/webpack --progress
-	WEBPACK_DEV_SERVER = ./node_modules/.bin/webpack serve --mode development --progress
+	WEBPACK = npx webpack-cli --progress
+	WEBPACK_DEV_SERVER = npx webpack-cli serve --mode development --progress
 endif
 
 all: compile deploy
@@ -46,24 +47,8 @@ deploy-init:
 		$(DEPLOY_DIR)
 
 deploy-appbundle:
-	cp \
-		$(BUILD_DIR)/app.bundle.min.js \
-		$(BUILD_DIR)/app.bundle.min.js.map \
-		$(BUILD_DIR)/external_api.min.js \
-		$(BUILD_DIR)/external_api.min.js.map \
-		$(BUILD_DIR)/alwaysontop.min.js \
-		$(BUILD_DIR)/alwaysontop.min.js.map \
-		$(BUILD_DIR)/face-landmarks-worker.min.js \
-		$(BUILD_DIR)/face-landmarks-worker.min.js.map \
-		$(BUILD_DIR)/noise-suppressor-worklet.min.js \
-		$(BUILD_DIR)/noise-suppressor-worklet.min.js.map \
-		$(BUILD_DIR)/screenshot-capture-worker.min.js \
-		$(BUILD_DIR)/screenshot-capture-worker.min.js.map \
-		$(DEPLOY_DIR)
-	cp \
-		$(BUILD_DIR)/close3.min.js \
-		$(BUILD_DIR)/close3.min.js.map \
-		$(DEPLOY_DIR) || true
+	cp $(BUILD_DIR)/*.min.js $(DEPLOY_DIR)
+	-cp $(BUILD_DIR)/*.min.js.map $(DEPLOY_DIR)
 
 deploy-lib-jitsi-meet:
 	cp \
@@ -127,3 +112,17 @@ source-package:
 	cp css/all.css source_package/meet/css && \
 	(cd source_package ; tar cjf ../meet.tar.bz2 meet) && \
 	rm -rf source_package
+
+deploy-cloudflare:
+	rm -rf $(DIST_DIR)
+	mkdir -p $(DIST_DIR)/css
+	cp index.html base.html body.html fonts.html head.html title.html plugin.head.html $(DIST_DIR)/
+	cp favicon.ico config.js interface_config.js manifest.json pwa-worker.js $(DIST_DIR)/
+	cp css/all.css $(DIST_DIR)/css/
+	cp -r libs $(DIST_DIR)/
+	cp -r images $(DIST_DIR)/
+	cp -r fonts $(DIST_DIR)/
+	cp -r sounds $(DIST_DIR)/
+	cp -r lang $(DIST_DIR)/
+	cp -r resources $(DIST_DIR)/
+	cp -r static $(DIST_DIR)/

package.json

@@ -237,7 +237,8 @@
         "webpack": "5.95.0",
         "webpack-bundle-analyzer": "4.4.2",
         "webpack-cli": "5.1.4",
-        "webpack-dev-server": "5.2.1"
+        "webpack-dev-server": "5.2.1",
+        "wrangler": "^4.0.0"
     },
     "overrides": {
         "@xmldom/xmldom": "0.8.7"
@@ -256,7 +257,6 @@
         "lint:lang": "for file in lang/*.json; do npx --yes jsonlint -q $file || exit 1; done",
         "lang-sort": "./resources/lang-sort.sh",
         "lint-fix": "eslint --ext .js,.ts,.tsx --max-warnings 0 --fix .",
-        "postinstall": "jetify",
         "validate": "npm ls",
         "tsc-test:web": "tsc --project tsconfig.web.json --listFilesOnly | grep -v node_modules | grep native",
         "tsc-test:native": "tsc --project tsconfig.native.json --listFilesOnly | grep -v node_modules | grep web",

react/features/base/meet/services/types/web-auth.types.ts

@@ -29,6 +29,12 @@ export const WEB_AUTH_STORAGE_KEYS = {
     NEW_TOKEN: "xNewToken",
 } as const;
 
+export const WEB_AUTH_VALID_ORIGINS = [
+    "internxt.com",
+    "localhost",
+    "pages.dev",
+] as const;
+
 export const WEB_AUTH_CONFIG: WebAuthConfig = {
     popupWidth: 500,
     popupHeight: 700,

react/features/base/meet/services/web-auth.service.ts

@@ -5,6 +5,7 @@ import {
     WEB_AUTH_CONFIG,
     WEB_AUTH_MESSAGE_TYPES,
     WEB_AUTH_STORAGE_KEYS,
+    WEB_AUTH_VALID_ORIGINS,
     WebAuthMessage,
     WebAuthParams,
 } from './types/web-auth.types';
@@ -14,7 +15,7 @@ export class WebAuthService {
 
     private readonly WEB_CLIENT_URL = ConfigService.instance.isDevelopment()
         ? "http://localhost:3000"
-        : "https://drive.internxt.com";
+        : "https://feature-pb-5353-migrate-meet.drive-web.pages.dev";
 
     private authPopup: Window | null = null;
     private messageListener: ((event: MessageEvent) => void) | null = null;
@@ -74,7 +75,7 @@ export class WebAuthService {
      * Validate origin of postMessage event
      */
     private isValidOrigin(origin: string): boolean {
-        return origin.includes("internxt.com") || origin.includes("localhost");
+        return WEB_AUTH_VALID_ORIGINS.some(valid => origin.includes(valid));
     }
 
     /**
@@ -91,7 +92,7 @@ export class WebAuthService {
         data: WebAuthMessage,
         resolve: (value: WebAuthParams) => void,
         reject: (reason: Error) => void,
-        timeout: number
+        timeout: number,
     ) {
         clearTimeout(timeout);
         this.cleanup();
@@ -118,11 +119,7 @@ export class WebAuthService {
     /**
      * Setup popup closed checker interval
      */
-    private setupPopupClosedChecker(
-        popup: Window,
-        reject: (reason: Error) => void,
-        timeout: number
-    ): number {
+    private setupPopupClosedChecker(popup: Window, reject: (reason: Error) => void, timeout: number): number {
         return setInterval(() => {
             if (popup.closed) {
                 clearInterval(this.popupCheckInterval!);
@@ -240,7 +237,7 @@ export class WebAuthService {
             return this.buildLoginCredentials(user, mnemonic, newToken);
         } catch (error) {
             throw new Error(
-                `Web authentication processing failed: ${error instanceof Error ? error.message : "Unknown error"}`
+                `Web authentication processing failed: ${error instanceof Error ? error.message : "Unknown error"}`,
             );
         }
     }

webpack.config.js

@@ -28,7 +28,7 @@ function getPerformanceHints(options, size) {
     const { analyzeBundle, isProduction } = options;
 
     return {
-        hints: isProduction && !analyzeBundle ? "error" : false,
+        hints: isProduction && !analyzeBundle ? 'warning' : false,
         maxAssetSize: size,
         maxEntrypointSize: size,
     };
@@ -106,8 +106,11 @@ function devServerProxyBypass({ path }) {
 function getConfig(options = {}) {
     const { detectCircularDeps, isProduction } = options;
 
+    const parallelism = parseInt(process.env.WEBPACK_PARALLELISM, 10);
+
     return {
-        devtool: isProduction ? "source-map" : "eval-source-map",
+        ...(parallelism > 0 ? { parallelism } : {}),
+        devtool: isProduction ? false : "eval-source-map",
         mode: isProduction ? "production" : "development",
         module: {
             rules: [
@@ -199,7 +202,7 @@ function getConfig(options = {}) {
                     loader: "ts-loader",
                     options: {
                         configFile: "tsconfig.web.json",
-                        transpileOnly: !isProduction, // Skip type checking for dev builds.,
+                        transpileOnly: true,
                     },
                 },
                 {
@@ -345,7 +348,24 @@ module.exports = (_env, argv) => {
                     process: "process/browser",
                 }),
                 new webpack.DefinePlugin({
-                    "process.env": JSON.stringify(dotenv.config().parsed),
+                    "process.env": (() => {
+                        dotenv.config();
+                        const keys = [
+                            "DRIVE_NEW_API_URL",
+                            "PAYMENTS_API_URL",
+                            "MEET_API_URL",
+                            "CRYPTO_SECRET",
+                            "MAGIC_IV",
+                            "MAGIC_SALT",
+                        ];
+                        const env = {};
+                        keys.forEach((key) => {
+                            if (process.env[key]) {
+                                env[key] = process.env[key];
+                            }
+                        });
+                        return JSON.stringify(env);
+                    })(),
                 }),
                 new webpack.ProvidePlugin({
                     Buffer: ["buffer", "Buffer"],

wrangler.jsonc

@@ -0,0 +1,8 @@
+{
+    "name": "meet-web",
+    "compatibility_date": "2026-01-29",
+    "assets": {
+        "directory": "./dist",
+        "not_found_handling": "single-page-application"
+    }
+}