✨ 根据安装url生成安装主页按钮 #134

Author: CodFrm

build/assets/logo/github.png

@@ -1,6 +1,6 @@
 {
   "name": "scriptcat",
-  "version": "0.11.4",
+  "version": "0.12.0",
   "description": "脚本猫,一个可以执行用户脚本的浏览器扩展,万物皆可脚本化,让你的浏览器可以做更多的事情!",
   "author": "CodFrm",
   "license": "GPLv3",

package.json

@@ -1,4 +1,4 @@
-export const ExtVersion = "0.11.4";
+export const ExtVersion = "0.12.0";
 
 export const ExtServer = "https://ext.scriptcat.org/";
 

src/app/const.ts

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "ScriptCat",
-  "version": "0.11.4",
+  "version": "0.12.0",
   "author": "CodFrm",
   "description": "脚本猫,一个用户脚本管理器,支持后台脚本、定时脚本、页面脚本,可编写脚本每天帮你自动处理事务.",
   "options_ui": {

src/manifest.json

@@ -30,6 +30,7 @@ import {
   IconCode,
   IconCommon,
   IconEdit,
+  IconGithub,
   IconHome,
   IconLink,
   IconMenu,
@@ -75,6 +76,60 @@ import { scriptListSort } from "./utils";
 
 type ListType = Script & { loading?: boolean };
 
+// 安装url转home主页
+function installUrlToHome(installUrl: string) {
+  try {
+    // 解析scriptcat
+    if (installUrl.indexOf("scriptcat.org") !== -1) {
+      const id = installUrl.split("/")[5];
+      return (
+        <Button
+          type="text"
+          iconOnly
+          size="small"
+          target="_blank"
+          href={`https://scriptcat.org/script-show-page/${id}`}
+        >
+          <img width={16} height={16} src="/assets/logo.png" alt="" />
+        </Button>
+      );
+    }
+    if (installUrl.indexOf("greasyfork.org") !== -1) {
+      const id = installUrl.split("/")[4];
+      return (
+        <Button
+          type="text"
+          iconOnly
+          size="small"
+          target="_blank"
+          href={`https://greasyfork.org/scripts/${id}`}
+        >
+          <img width={16} height={16} src="/assets/logo/gf.png" alt="" />
+        </Button>
+      );
+    }
+    if (installUrl.indexOf("raw.githubusercontent.com") !== -1) {
+      const repo = `${installUrl.split("/")[3]}/${installUrl.split("/")[4]}`;
+      return (
+        <Button
+          type="text"
+          iconOnly
+          size="small"
+          target="_blank"
+          href={`https://github.com/${repo}`}
+          style={{
+            color: "var(--color-text-1)",
+          }}
+          icon={<IconGithub />}
+        />
+      );
+    }
+  } catch (e) {
+    // ignore error
+  }
+  return undefined;
+}
+
 function getValues(script: Script) {
   const { config } = script;
   return (IoC.instance(ValueManager) as ValueManager)
@@ -392,8 +447,13 @@ function ScriptList() {
       key: "home",
       width: 100,
       render(col, item: Script) {
+        let home;
+        if (!item.metadata.homepageurl) {
+          home = installUrlToHome(item.downloadUrl || "");
+        }
         return (
           <Space size="mini">
+            {home && <Tooltip content="脚本主页">{home}</Tooltip>}
             {item.metadata.homepage && (
               <Tooltip content="脚本主页">
                 <Button

src/pages/options/routes/ScriptList.tsx

@@ -111,6 +111,7 @@ const config: Configuration = {
         { from: `${src}/manifest.json`, to: `${dist}/ext` },
         { from: `${assets}/_locales`, to: `${dist}/ext/_locales` },
         { from: `${assets}/logo.png`, to: `${dist}/ext/assets` },
+        { from: `${assets}/logo`, to: `${dist}/ext/assets/logo` },
       ],
     }),
     new CleanWebpackPlugin(),