Function compileScriptCodeByResource

src/app/service/content/utils.ts:132–158

(resource: CompileScriptCodeResource)

    .replace("{{functionBody}}", () => code);

export function compileScriptCodeByResource(resource: CompileScriptCodeResource): string {
  const requireCode = resource.require.map((r) => r.content).join("\n;");
  const preCode = requireCode; // 不需要 async 封装
  let code = resource.code; // 需要 async 封装, 可top-level await
  // context 和 name 以unnamed arguments方式导入。避免代码能直接以变量名存取
  // this = context: globalThis
  // arguments = [named: Object, scriptName: string]
  // 使用sandboxContext时，arguments[0]为undefined, this.$则为一次性Proxy变量，用于全域拦截context
  // 非沙盒环境时，先读取 arguments[0]，因此不会读取页面环境的 this.$
  // 在UserScripts API中，由于执行不是在物件导向里呼叫，使用arrow function的话会把this改变。须使用 .call(this) [ 或 .bind(this)() ]

  if (resource.isContextMenu) {
    code = `GM_registerMenuCommand((${JSON.stringify(resource.name)}), ()=>{let GM_registerMenuCommand=window.GM_registerMenuCommand=GM.registerMenuCommand=undefined;\n${code}\n}, {nested:false});\n`;
  }

  const joinedCode = [
    "with(arguments[0]||this.$){",
    `${preCode}`,
    "return(async function(){",
    `${code}`,
    "}).call(this);}",
  ]
    .filter(Boolean)
    .join("\n");
  const codeBody = addTryCatch(joinedCode);
  return `${codeBody}${sourceMapTo(`${resource.name}.user.js`)}\n`;
}

// 通过脚本代码编译脚本函数
export function compileScript(code: string): ScriptFunc {