🐛 修复GM_xhr unsafeHeader 发送错误、popup支持运行

Author: CodFrm

example/cloudcat.js

@@ -0,0 +1,16 @@
+// ==UserScript==
+// @name         cloudscript
+// @namespace    https://bbs.tampermonkey.net.cn/
+// @version      0.1.0
+// @description  可以导出成nodejs可执行的包,在云端执行
+// @author       You
+// @crontab      * * once * *
+// @cloudCat
+// @exportCookie domain=.scriptscat.org
+// ==/UserScript==
+
+return new Promise((resolve, reject) => {
+    // Your code here...
+    resolve();
+});
+

pkg/cloudscript/README.md

@@ -0,0 +1,3 @@
+# 脚本上云
+
+

pkg/cloudscript/factory.ts

@@ -0,0 +1,17 @@
+export interface CloudScriptParams {
+  [key: string]: {
+    title: string;
+    type?: "select";
+    options?: string[];
+  };
+}
+
+export default class CloudScriptFactory {
+  static create() {}
+
+  static params(): { [key: string]: CloudScriptParams } {
+    return {
+      local: {},
+    };
+  }
+}

pkg/filesystem/README.md

@@ -0,0 +1,6 @@
+# 文件系统
+
+用于同步和备份至云端
+
+- zip
+- webdav

src/app/message/internal.ts

@@ -20,14 +20,17 @@ export default class MessageInternal
 
   onDisconnect?: () => void;
 
+  tag: TargetTag;
+
   constructor(tag: TargetTag) {
     super();
-    this.reconnect(tag);
+    this.tag = tag;
+    this.reconnect();
   }
 
-  reconnect(tag: TargetTag) {
+  reconnect() {
     this.port = chrome.runtime.connect({
-      name: tag,
+      name: this.tag,
     });
     this.channelManager = new WarpChannelManager((data) => {
       this.nativeSend(data);

src/app/migrate.ts

@@ -2,14 +2,15 @@
 import { db } from "./repo/dao";
 import { Script } from "./repo/scripts";
 
-// 重命名字段,统一使用小峰驼
+// 0.10.0重构,重命名字段,统一使用小峰驼
 function renameField(): void {
   db.version(16)
     .stores({
       scripts:
         "++id,&uuid,name,namespace,author,originDomain,subscribeUrl,type,sort,status," +
         "runStatus,createtime,updatetime,checktime",
       logger: "++id,level,createtime",
+      export: "++id,&scriptId",
     })
     .upgrade(async (tx) => {
       await tx
@@ -18,15 +19,12 @@ function renameField(): void {
         .modify((script: { [key: string]: any }) => {
           if (script.origin_domain) {
             script.originDomain = script.origin_domain;
-            delete script.origin_domain;
           }
           if (script.checkupdate_url) {
             script.checkUpdateUrl = script.checkupdate_url;
-            delete script.checkupdate_url;
           }
           if (script.download_url) {
             script.downloadUrl = script.download_url;
-            delete script.download_url;
           }
         });
     });

src/app/repo/export.ts

@@ -0,0 +1,25 @@
+import { DAO, db } from "./dao";
+
+export type ExportTarget = "local" | "tencentCloud" | "";
+
+// 导出与本地脚本关联记录
+export interface Export {
+  id: number;
+  scriptId: number;
+  params?: {
+    [key: string]: {
+      [key: string]: any;
+    };
+  };
+  // 导出目标
+  target: ExportTarget;
+}
+
+export class ExportDAO extends DAO<Export> {
+  public tableName = "export";
+
+  constructor() {
+    super();
+    this.table = db.table(this.tableName);
+  }
+}

src/app/service/script/manager.ts

@@ -212,13 +212,13 @@ export class ScriptManager extends Manager {
             }
           } catch (e) {
             logger.error("prepare script failed", Logger.E(e));
-            return;
           }
+        } else {
+          Cache.getInstance().set(CacheKey.scriptInfo(info.uuid), info);
+          chrome.tabs.create({
+            url: `src/install.html?uuid=${info.uuid}`,
+          });
         }
-        Cache.getInstance().set(CacheKey.scriptInfo(info.uuid), info);
-        chrome.tabs.create({
-          url: `src/install.html?uuid=${info.uuid}`,
-        });
       })
       .catch((e) => {
         logger.error("fetch script info failed", Logger.E(e));

src/app/service/system/manager.ts

@@ -3,6 +3,7 @@ import IoC from "@App/app/ioc";
 import { MessageHander } from "@App/app/message/message";
 import { ScriptDAO } from "@App/app/repo/scripts";
 import { SystemConfig } from "@App/pkg/config/config";
+import semver from "semver";
 import Manager from "../manager";
 
 // value管理器,负责value等更新获取等操作
@@ -47,13 +48,24 @@ export class SystemManager extends Manager {
         if (details.reason === "install") {
           chrome.tabs.create({ url: "https://docs.scriptcat.org/" });
         } else if (details.reason === "update") {
-          chrome.tabs.create({
-            url: "https://docs.scriptcat.org/docs/change/",
-          });
+          const version = semver.parse(ExtVersion);
+          if (version && version.prerelease) {
+            chrome.tabs.create({
+              url: "https://docs.scriptcat.org/docs/change/",
+            });
+          } else {
+            chrome.tabs.create({
+              url: "https://docs.scriptcat.org/docs/change/pre-release",
+            });
+          }
         }
       });
     }
-    // 处理
+    // 处理pingpong
+    this.message.setHandler("ping", () => {
+      return Promise.resolve("pong");
+    });
+    // 处理外部网站调用
     this.message.setHandler(
       ExternalMessage,
       async (

src/pages/components/CloudScript/index.tsx

@@ -0,0 +1,117 @@
+import { Script } from "@App/app/repo/scripts";
+import {
+  Button,
+  Checkbox,
+  Form,
+  Input,
+  Modal,
+  Select,
+} from "@arco-design/web-react";
+import FormItem from "@arco-design/web-react/es/Form/form-item";
+import { IconQuestionCircleFill } from "@arco-design/web-react/icon";
+import CloudScriptFactory from "@Pkg/cloudscript/factory";
+import React, { useEffect } from "react";
+
+const cloudScriptParams = CloudScriptFactory.params();
+
+const CloudScriptList = [
+  {
+    key: "local",
+    name: "本地",
+  },
+];
+
+const CloudScript: React.FC<{
+  // eslint-disable-next-line react/require-default-props
+  script?: Script;
+  onClose: () => void;
+}> = ({ script, onClose }) => {
+  const [visible, setVisible] = React.useState(false);
+  const [cloudScriptType, setCloudScriptType] = React.useState("local");
+
+  useEffect(() => {
+    if (script) {
+      setVisible(true);
+    }
+  }, [script]);
+  return (
+    <Modal
+      title={
+        <div>
+          <span
+            style={{
+              height: "32px",
+              lineHeight: "32px",
+            }}
+          >
+            {script?.name} 上传至云
+          </span>
+          <Button
+            type="text"
+            icon={
+              <IconQuestionCircleFill
+                style={{
+                  margin: 0,
+                }}
+              />
+            }
+            href="https://docs.scriptcat.org/docs/dev/cloudcat/"
+            target="_blank"
+            iconOnly
+          />
+        </div>
+      }
+      visible={visible}
+      onCancel={() => {
+        setVisible(false);
+        onClose();
+      }}
+    >
+      <Form
+        autoComplete="off"
+        style={{
+          width: "100%",
+        }}
+        layout="vertical"
+      >
+        <FormItem label="上传至">
+          <Select
+            value={cloudScriptType}
+            onChange={(value) => {
+              setCloudScriptType(value);
+            }}
+          >
+            {CloudScriptList.map((item) => (
+              <Select.Option key={item.key} value={item.key}>
+                {item.name}
+              </Select.Option>
+            ))}
+          </Select>
+        </FormItem>
+        {Object.keys(cloudScriptParams[cloudScriptType]).map((key) => {
+          const item = cloudScriptParams[cloudScriptType][key];
+          return (
+            <FormItem key={key} label={item.title}>
+              <Input />
+            </FormItem>
+          );
+        })}
+        <FormItem label="值导出表达式">
+          <Input.TextArea />
+        </FormItem>
+        <FormItem label="">
+          <Checkbox>导入时覆盖原值</Checkbox>
+        </FormItem>
+        <FormItem label="cookie导出表达式">
+          <Input.TextArea />
+        </FormItem>
+        <FormItem label="">
+          <Checkbox>导入时覆盖原值</Checkbox>
+        </FormItem>
+        <Button type="primary">恢复默认值</Button>
+      </Form>
+    </Modal>
+  );
+};
+
+export default CloudScript;