chore: add webkit channel

.changeset/strong-cherries-kneel.md

@@ -0,0 +1,5 @@
+---
+'@dimensiondev/webextension-polyfill': patch
+---
+
+add WebkitChannel

package.json

@@ -32,7 +32,8 @@
   },
   "dependencies": {
     "@masknet/compartment": "^0.2.3",
-    "@masknet/intrinsic-snapshot": "^0.1.0"
+    "@masknet/intrinsic-snapshot": "^0.1.0",
+    "async-call-rpc": "^6.1.1"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com"

src/core/rpc/channel.ts

@@ -0,0 +1,29 @@
+/// <reference path="../../types/globals.d.ts" />
+import type { EventBasedChannel } from 'async-call-rpc'
+import { isDebugMode } from '../debugger/enabled.js'
+
+const key = 'holoflowsjsonrpc'
+export class WebkitChannel implements EventBasedChannel {
+    constructor() {
+        document.addEventListener(key, (e) => {
+            const detail = (e as CustomEvent<any>).detail
+            for (const f of this.listener) {
+                try {
+                    f(detail)
+                } catch {}
+            }
+        })
+    }
+    private listener: Set<(data: unknown) => void> = new Set()
+    on(cb: (data: any) => void) {
+        this.listener.add(cb)
+        return () => this.listener.delete(cb)
+    }
+    send(data: any): void {
+        if (isDebugMode) {
+            console.log('send', data)
+        }
+        const handler = window.webkit?.messageHandlers?.[key]
+        if (handler) handler.postMessage(data)
+    }
+}

src/types/globals.d.ts

@@ -0,0 +1,7 @@
+declare var webkit: undefined | WebkitAPI
+interface WebkitAPI {
+    messageHandlers?: Record<string, WebkitMessageHandler>
+}
+interface WebkitMessageHandler {
+    postMessage(data: unknown): void
+}