修改 ScriptFlag 注入方式

Author: cyfung1031

src/app/message/content.ts

@@ -29,6 +29,7 @@ export default class MessageContent
 
   constructor(eventId: string, isContent: boolean) {
     super();
+    if (!eventId || eventId[0] === "{") throw new Error("eventId is missing");
     this.eventId = eventId;
     this.isContent = isContent;
     this.channelManager = new WarpChannelManager((data) => {

src/content.ts

@@ -24,7 +24,8 @@ const contentMessage = new MessageContent(scriptFlag, true);
 const temp = document.createElementNS("http://www.w3.org/1999/xhtml", "script");
 temp.setAttribute("type", "text/javascript");
 temp.setAttribute("charset", "UTF-8");
-temp.textContent = `(function (ScriptFlag) {\n${injectJs}\n})('${scriptFlag}')${sourceMapTo("injected.js")}`;
+const injectJsConv = injectJs.replace("{{__ScriptFlag__}}", () =>`${scriptFlag}`);
+temp.textContent = `(function () {\n${injectJsConv}\n})()${sourceMapTo("injected.js")}`;
 temp.className = "injected-js";
 document.documentElement.appendChild(temp);
 temp.remove();

src/inject.ts

@@ -5,8 +5,7 @@ import { type ScriptRunResource } from "./app/repo/scripts";
 import InjectRuntime from "./runtime/content/inject";
 
 // 通过flag与content建立通讯,这个ScriptFlag是后端注入时候生成的
-// eslint-disable-next-line no-undef
-const flag = ScriptFlag;
+const flag = "{{__ScriptFlag__}}";
 
 // 通过flag与content建立通讯
 const message = new MessageContent(flag, false);

src/types/main.d.ts

@@ -1,7 +1,5 @@
 declare let sandbox: Window;
 
-declare let ScriptFlag: string;
-
 declare let browser: chrome;
 
 declare let cloneInto: ((detail: any, view: any) => any) | undefined;