web: Fix extension does not work in Safari 16 (close #10981)

Author: thy486

web/packages/extension/src/content.ts

@@ -78,6 +78,8 @@ function injectScriptURL(url: string): Promise<void> {
     });
     script.charset = "utf-8";
     script.src = url;
+    // safari 16+ script.src will be masked to "webkit-masked-url://hidden/"
+    script.setAttribute("ruffle-id", String(ID));
     (document.head || document.documentElement).append(script);
     return promise;
 }

web/packages/extension/src/ruffle.ts

@@ -28,16 +28,20 @@ function handleMessage(message: Message) {
 }
 
 let ID: string | null = null;
-if (
-    document.currentScript !== undefined &&
-    document.currentScript !== null &&
-    "src" in document.currentScript &&
-    document.currentScript.src !== ""
-) {
-    try {
-        ID = new URL(document.currentScript.src).searchParams.get("id");
-    } catch (_) {
-        // ID remains null.
+if (document.currentScript !== undefined && document.currentScript !== null) {
+    if ("src" in document.currentScript && document.currentScript.src !== "") {
+        try {
+            ID = new URL(document.currentScript.src).searchParams.get("id");
+        } catch (_) {
+            // ID remains null.
+        }
+    }
+    if (ID === null) {
+        // if `script.src` is masked, get id from attrs
+        const ruffleId = document.currentScript.getAttribute("ruffle-id");
+        if (ruffleId) {
+            ID = ruffleId;
+        }
     }
 }