feat(core, web): migrate web to js_interop to be compatible with WASM

Author: Lyokone

packages/firebase_core/firebase_core_web/lib/firebase_core_web.dart

@@ -6,15 +6,16 @@
 library firebase_core_web;
 
 import 'dart:async';
-import 'dart:html';
 import 'dart:js';
+import 'dart:js_interop';
 import 'dart:js_util';
 
 import 'package:firebase_core_platform_interface/firebase_core_platform_interface.dart';
-import 'package:firebase_core_web/src/interop/js.dart';
+import 'package:firebase_core_web/src/interop/package_web_tweaks.dart';
 import 'package:flutter_web_plugins/flutter_web_plugins.dart';
 import 'package:js/js_util.dart' as js_util;
 import 'package:meta/meta.dart';
+import 'package:web/web.dart' as web;
 
 import 'src/interop/core.dart' as firebase;
 

packages/firebase_core/firebase_core_web/lib/src/firebase_core_web.dart

@@ -104,27 +104,26 @@ class FirebaseCoreWeb extends FirebasePlatform {
   /// document.
   @visibleForTesting
   Future<void> injectSrcScript(String src, String windowVar) async {
-    DomTrustedScriptUrl? trustedUrl;
-    final trustedPolicyName = _defaultTrustedPolicyName + windowVar;
-    if (trustedTypes != null) {
-      console.debug(
-        'TrustedTypes available. Creating policy:',
-        trustedPolicyName,
+    web.TrustedScriptURL? trustedUrl;
+    final trustedTypePolicyName = _defaultTrustedPolicyName + windowVar;
+    if (web.window.nullableTrustedTypes != null) {
+      web.console.debug(
+        'TrustedTypes available. Creating policy: $trustedTypePolicyName'.toJS,
       );
-      final DomTrustedTypePolicyFactory factory = trustedTypes!;
       try {
-        final DomTrustedTypePolicy policy = factory.createPolicy(
-          trustedPolicyName,
-          DomTrustedTypePolicyOptions(
-            createScriptURL: allowInterop((String url) => src),
+        final web.TrustedTypePolicy policy =
+            web.window.trustedTypes.createPolicy(
+          trustedTypePolicyName,
+          web.TrustedTypePolicyOptions(
+            createScriptURL: ((JSString url) => src).toJS,
           ),
         );
-        trustedUrl = policy.createScriptURL(src);
+        trustedUrl = policy.createScriptURLNoArgs(src);
       } catch (e) {
-        rethrow;
+        throw TrustedTypesException(e.toString());
       }
     }
-    ScriptElement script = ScriptElement();
+    web.HTMLScriptElement script = web.HTMLScriptElement();
     script.type = 'text/javascript';
     script.crossOrigin = 'anonymous';
     script.text = '''
@@ -134,8 +133,8 @@ class FirebaseCoreWeb extends FirebasePlatform {
       };
     ''';
 
-    assert(document.head != null);
-    document.head!.append(script);
+    assert(web.document.head != null);
+    web.document.head!.append(script);
 
     Completer completer = Completer();
 
@@ -367,3 +366,15 @@ R guardNotInitialized<R>(R Function() cb) {
     _handleException(error, stackTrace);
   }
 }
+
+/// Exception thrown if the Trusted Types feature is supported, enabled, and it
+/// has prevented this loader from injecting the JS SDK.
+class TrustedTypesException implements Exception {
+  ///
+  TrustedTypesException(this.message);
+
+  /// The message of the exception
+  final String message;
+  @override
+  String toString() => 'TrustedTypesException: $message';
+}

packages/firebase_core/firebase_core_web/lib/src/interop/app_interop.dart

@@ -9,10 +9,14 @@
 library firebase_interop.core.app;
 
 import 'package:js/js.dart';
+
 import 'core_interop.dart';
 
 @JS('FirebaseApp')
-abstract class AppJsImpl {
+@staticInterop
+abstract class AppJsImpl {}
+
+extension AppJsImplExtension on AppJsImpl {
   external String get name;
   external FirebaseOptions get options;
 }

packages/firebase_core/firebase_core_web/lib/src/interop/core_interop.dart

@@ -8,11 +8,13 @@
 @JS('firebase_core')
 library firebase_interop.core;
 
+import 'dart:js_interop';
+
 import 'package:firebase_core_web/firebase_core_web_interop.dart';
-import 'package:js/js.dart';
 
 @JS()
-external List<AppJsImpl> getApps();
+// TODO FIX
+List<AppJsImpl> getApps() => throw UnimplementedError();
 
 /// The current SDK version.
 ///
@@ -27,15 +29,18 @@ external AppJsImpl initializeApp(FirebaseOptions options, [String? name]);
 external AppJsImpl getApp([String? name]);
 
 @JS()
-external PromiseJsImpl<void> deleteApp(AppJsImpl app);
+external JSPromise deleteApp(AppJsImpl app);
 
 /// FirebaseError is a subclass of the standard Error object.
 /// In addition to a message string, it contains a string-valued code.
 ///
 /// See: <https://firebase.google.com/docs/reference/js/firebase.FirebaseError>.
 @JS()
 @anonymous
-abstract class FirebaseError {
+@staticInterop
+abstract class FirebaseError {}
+
+extension FirebaseErrorExtension on FirebaseError {
   external String get code;
   external String get message;
   external String get name;
@@ -48,6 +53,7 @@ abstract class FirebaseError {
 /// A structure for options provided to Firebase.
 @JS()
 @anonymous
+@staticInterop
 class FirebaseOptions {
   external factory FirebaseOptions({
     String? apiKey,
@@ -59,7 +65,9 @@ class FirebaseOptions {
     String? measurementId,
     String? appId,
   });
+}
 
+extension FirebaseOptionsExtension on FirebaseOptions {
   external String get apiKey;
   external set apiKey(String s);
   external String get authDomain;

packages/firebase_core/firebase_core_web/lib/src/interop/js.dart

@@ -0,0 +1,38 @@
+// Copyright 2013 The Flutter Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+// Copied from https://github.com/flutter/packages/google_identity_services_web/lib/src/js_interop/package_web_tweaks.dart
+
+/// Provides some useful tweaks to `package:web`.
+library package_web_tweaks;
+
+import 'dart:js_interop';
+
+import 'package:web/web.dart' as web;
+
+/// This extension gives web.window a nullable getter to the `trustedTypes`
+/// property, which needs to be used to check for feature support.
+extension NullableTrustedTypesGetter on web.Window {
+  ///
+  @JS('trustedTypes')
+  external web.TrustedTypePolicyFactory? get nullableTrustedTypes;
+}
+
+/// This extension allows a trusted type policy to create a script URL without
+/// the `args` parameter (which in Chrome currently fails).
+extension CreateScriptUrlWithoutArgs on web.TrustedTypePolicy {
+  ///
+  @JS('createScriptURL')
+  external web.TrustedScriptURL createScriptURLNoArgs(
+    String input,
+  );
+}
+
+/// This extension allows setting a TrustedScriptURL as the src of a script element,
+/// which currently only accepts a string.
+extension TrustedTypeSrcAttribute on web.HTMLScriptElement {
+  ///
+  @JS('src')
+  external set srcTT(web.TrustedScriptURL value);
+}

packages/firebase_core/firebase_core_web/lib/src/interop/package_web_tweaks.dart

@@ -13,6 +13,7 @@ import 'package:js/js.dart';
 import 'func.dart';
 
 @JS('Promise')
+@staticInterop
 class PromiseJsImpl<T> {
   external PromiseJsImpl(Function resolver);
   external PromiseJsImpl then([Func1? onResolve, Func1? onReject]);