⚡️ Tree Shaking (#505)

* CloudScript

* favicon.ts 優化

* types.ts

* example空白修正

* Tree Shaking

* 处理双重uuid

* 修正

Author: cyfung1031

example/gm_bg_menu.js

@@ -5,8 +5,8 @@
 // @description  在后台脚本中使用菜单
 // @author       You
 // @background
-// @grant GM_registerMenuCommand
-// @grant GM_unregisterMenuCommand
+// @grant        GM_registerMenuCommand
+// @grant        GM_unregisterMenuCommand
 // ==/UserScript==
 
 return new Promise((resolve) => {

example/gm_tab.js

@@ -5,7 +5,7 @@
 // @description  打开一个标签页
 // @author       You
 // @match        https://bbs.tampermonkey.net.cn/
-// @grant GM_openInTab
+// @grant        GM_openInTab
 // ==/UserScript==
 
 const tab = GM_openInTab("https://scriptcat.org/search");

example/userconfig.js

@@ -5,8 +5,8 @@
 // @description  会在页面上显示用户配置,可以可视化的进行配置
 // @author       You
 // @background
-// @grant GM_getValue
-// @grant CAT_userConfig
+// @grant        GM_getValue
+// @grant        CAT_userConfig
 // ==/UserScript==
 
 /* ==UserConfig==

packages/cloudscript/README.md

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

packages/cloudscript/cloudscript.ts

@@ -0,0 +1,80 @@
+import { Script } from "@App/app/repo/scripts";
+import { Value } from "@App/app/repo/value";
+import { valueClient } from "@App/pages/store/features/script";
+
+export type ExportCookies = {
+  [key: string]: any;
+  domain?: string;
+  url?: string;
+  cookies?: chrome.cookies.Cookie[];
+};
+
+export type ExportParams = {
+  [key: string]: any;
+  exportValue: string;
+  exportCookie: string;
+  overwriteValue: boolean;
+  overwriteCookie: boolean;
+};
+
+export default interface CloudScript {
+  exportCloud(script: Script, code: string, values: Value[], cookies: ExportCookies[]): Promise<void>;
+}
+
+function getCookies(detail: chrome.cookies.GetAllDetails): Promise<chrome.cookies.Cookie[]> {
+  return new Promise((resolve) => {
+    chrome.cookies.getAll(detail, (cookies) => {
+      resolve(cookies);
+    });
+  });
+}
+
+// 解析导出cookie表达式生成导出的cookie
+export function parseExportCookie(exportCookie: string): Promise<ExportCookies[]> {
+  const lines = exportCookie.split("\n");
+  const result = [];
+  for (let i = 0; i < lines.length; i += 1) {
+    const line = lines[i];
+    const detail: ExportCookies = {};
+    if (line.trim()) {
+      line.split(";").forEach((param) => {
+        const s = param.split("=");
+        if (s.length !== 2) {
+          return;
+        }
+        detail[s[0].trim()] = s[1].trim();
+      });
+      if (detail.url || detail.domain) {
+        result.push(
+          new Promise<ExportCookies>((resolve) => {
+            getCookies(detail).then((cookies) => {
+              detail.cookies = cookies;
+              resolve(detail);
+            });
+          })
+        );
+      }
+    }
+  }
+  return Promise.all(result);
+}
+
+// 解析value表达式生成导出的value
+export async function parseExportValue(script: Script, exportValue: string): Promise<Value[]> {
+  const lines = exportValue.split("\n");
+  const result = [];
+  const values = await valueClient.getScriptValue(script);
+  for (let i = 0; i < lines.length; i += 1) {
+    const line = lines[i];
+    if (line.trim()) {
+      const s = line.split(",");
+      for (let n = 0; n < s.length; n += 1) {
+        const key = s[n].trim();
+        if (key && values[key]) {
+          result.push(values[key]);
+        }
+      }
+    }
+  }
+  return result;
+}

packages/cloudscript/factory.ts

@@ -0,0 +1,28 @@
+import { ExportTarget } from "@App/app/repo/export";
+import { ExportParams } from "./cloudscript";
+import LocalCloudScript from "./local";
+
+export interface CloudScriptParams {
+  [key: string]: {
+    title: string;
+    type?: "select";
+    options?: string[];
+  };
+}
+
+export default class CloudScriptFactory {
+  static create(type: ExportTarget, params: ExportParams) {
+    switch (type) {
+      case "local":
+        return new LocalCloudScript(params);
+      default:
+        throw new Error(`unknown type ${type}`);
+    }
+  }
+
+  static params(): { [key: string]: CloudScriptParams } {
+    return {
+      local: {},
+    };
+  }
+}

packages/cloudscript/local.ts

@@ -0,0 +1,41 @@
+import { ExtVersion } from "@App/app/const";
+import { Script } from "@App/app/repo/scripts";
+import { Value } from "@App/app/repo/value";
+import JSZip from "jszip";
+import packageTpl from "@App/template/cloudcat-package/package.tpl";
+import utilsTpl from "@App/template/cloudcat-package/utils.tpl";
+import indexTpl from "@App/template/cloudcat-package/index.tpl";
+import CloudScript, { ExportCookies, ExportParams } from "./cloudscript";
+
+// 导出到本地,一个可执行到npm包
+export default class LocalCloudScript implements CloudScript {
+  zip: JSZip;
+
+  params: ExportParams;
+
+  constructor(params: ExportParams) {
+    this.zip = params.zip! as JSZip;
+    this.params = params;
+  }
+
+  exportCloud(script: Script, code: string, values: Value[], cookies: ExportCookies[]): Promise<void> {
+    this.zip.file("userScript.js", code);
+    this.zip.file("cookies.js", `exports.cookies = ${JSON.stringify(cookies)}`);
+    this.zip.file("values.js", `exports.values = ${JSON.stringify(values)}`);
+    this.zip.file(
+      "config.js",
+      `export default ${JSON.stringify({
+        version: ExtVersion,
+        uuid: script.uuid,
+        overwrite: {
+          value: this.params.overwriteValue,
+          cookie: this.params.overwriteCookie,
+        },
+      })}`
+    );
+    this.zip.file("package.json", <string>packageTpl);
+    this.zip.file("utils.js", <string>utilsTpl);
+    this.zip.file("index.js", <string>indexTpl);
+    return Promise.resolve();
+  }
+}

packages/filesystem/baidu/baidu.ts

@@ -1,5 +1,6 @@
 import { AuthVerify } from "../auth";
-import FileSystem, { File, FileReader, FileWriter } from "../filesystem";
+import type FileSystem from "../filesystem";
+import type { File, FileReader, FileWriter } from "../filesystem";
 import { joinPath } from "../utils";
 import { BaiduFileReader, BaiduFileWriter } from "./rw";
 

packages/filesystem/baidu/rw.ts

@@ -1,6 +1,5 @@
-import { calculateMd5 } from "@App/pkg/utils/utils";
-import { MD5 } from "crypto-js";
-import { File, FileReader, FileWriter } from "../filesystem";
+import type { File, FileReader, FileWriter } from "../filesystem";
+import { calculateMd5, md5OfText } from "@App/pkg/utils/crypto";
 import BaiduFileSystem from "./baidu";
 
 export class BaiduFileReader implements FileReader {
@@ -55,7 +54,7 @@ export class BaiduFileWriter implements FileWriter {
     if (content instanceof Blob) {
       return calculateMd5(content);
     }
-    return MD5(content).toString();
+    return md5OfText(content);
   }
 
   async write(content: string | Blob): Promise<void> {

packages/filesystem/factory.ts

@@ -4,7 +4,7 @@ import GoogleDriveFileSystem from "./googledrive/googledrive";
 import OneDriveFileSystem from "./onedrive/onedrive";
 import WebDAVFileSystem from "./webdav/webdav";
 import ZipFileSystem from "./zip/zip";
-import i18n from "@App/locales/locales";
+import { t } from "@App/locales/locales";
 
 export type FileSystemType = "zip" | "webdav" | "baidu-netdsik" | "onedrive" | "googledrive";
 
@@ -50,13 +50,13 @@ export default class FileSystemFactory {
     return {
       webdav: {
         authType: {
-          title: i18n.t("auth_type"),
+          title: t("auth_type"),
           type: "select",
           options: ["password", "digest", "none", "token"],
         },
-        url: { title: i18n.t("url") },
-        username: { title: i18n.t("username") },
-        password: { title: i18n.t("password"), type: "password" },
+        url: { title: t("url") },
+        username: { title: t("username") },
+        password: { title: t("password"), type: "password" },
       },
       "baidu-netdsik": {},
       onedrive: {},