codfrm/scriptcat-mv3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整

Browse Source
This commit is contained in:
王一之
2024-12-20 18:05:18 +08:00
parent 177594b638
commit d15e9171f7
9 changed files with 142 additions and 590 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/service/manager/index.ts → src/app/service/offscreen/index.ts
View File

@ -1,8 +1,8 @@
import { Server } from "@Packages/message/server";
// offscreen环境的管理器
export class Manager {
private api: Server = new Server();
export class OffscreenManager {
private api: Server = new Server("offscreen");
initManager() {
// 监听消息

3
src/app/service/service_worker/index.ts
View File

@ -120,7 +120,7 @@ export default class ServiceWorkerManager {
});
}
private api: Server = new Server();
private api: Server = new Server("service_worker");
private mq: MessageQueue = new MessageQueue();
@ -133,6 +133,7 @@ export default class ServiceWorkerManager {
initManager() {
// 监听消息
this.api.on("getInstallInfo", this.getInstallInfo);
this.api.on("messageQueue", this.mq.handler());
this.listenerScriptInstall();
}

25
src/offscreen.ts
View File

@ -1,10 +1,8 @@
import { Connect, Server } from "@Packages/message";
import { ExtServer } from "@Packages/message/extension";
import { WindowServer } from "@Packages/message/window";
import migrate from "./app/migrate";
import LoggerCore from "./app/logger/core";
import DBWriter from "./app/logger/db_writer";
import { LoggerDAO } from "./app/repo/logger";
import { OffscreenManager } from "./app/service/offscreen";
function main() {
// 初始化数据库
@ -16,23 +14,10 @@ function main() {
labels: { env: "offscreen" },
});
loggerCore.logger().debug("offscreen start");
// 与sandbox建立连接
const server = new Server(new WindowServer(window));
server.on("connection", (con) => {
const wrapCon = new Connect(con);
wrapCon.on("forward", (data, resp) => {
console.log(data);
});
});
// 监听扩展消息
const extServer = new Server(new ExtServer());
extServer.on("connection", (con) => {
const wrapCon = new Connect(con);
wrapCon.on("recv", (data, resp) => {
console.log(data);
resp("service_wwww");
});
});
// 初始化管理器
const manager = new OffscreenManager();
manager.initManager();
}
main();

10
src/pages/install/App.tsx
View File

@ -1,6 +1,6 @@
import { Avatar, Button, Grid, Message, Space, Switch, Tag, Tooltip, Typography } from "@arco-design/web-react";
import CodeEditor from "../components/CodeEditor";
import { useState } from "react";
import { useEffect, useState } from "react";
import { Metadata, Script, SCRIPT_STATUS_DISABLE, SCRIPT_STATUS_ENABLE } from "@App/app/repo/scripts";
import { Subscribe } from "@App/app/repo/subscribe";
import { i18nDescription, i18nName } from "@App/locales/locales";
@ -72,6 +72,14 @@ function App() {
},
};
useEffect(() => {
const url = new URL(window.location.href);
const uuid = url.searchParams.get("uuid");
if (!uuid) {
return;
}
});
return (
<div className="h-full">
<div className="h-full">

468
src/pages/install/description.tsx
View File

@ -1,468 +0,0 @@
import React, { useEffect, useState } from "react";
import {
Avatar,
Button,
Grid,
Message,
Space,
Switch,
Tag,
Tooltip,
Typography,
} from "@arco-design/web-react";
import ScriptController from "@App/app/service/script/controller";
import {
prepareScriptByCode,
prepareSubscribeByCode,
ScriptInfo,
} from "@App/pkg/utils/script";
import {
Metadata,
Script,
SCRIPT_STATUS_DISABLE,
SCRIPT_STATUS_ENABLE,
} from "@App/app/repo/scripts";
import { nextTime } from "@App/pkg/utils/utils";
import IoC from "@App/app/ioc";
import { Subscribe, SUBSCRIBE_STATUS_ENABLE } from "@App/app/repo/subscribe";
import SubscribeController from "@App/app/service/subscribe/controller";
import { useTranslation } from "react-i18next";
import { i18nDescription, i18nName } from "@App/locales/locales";
import CodeEditor from "../components/CodeEditor";
type Permission = { label: string; color?: string; value: string[] }[];
const closeWindow = () => {
window.close();
};
export default function Description() {
const [permission, setPermission] = useState<Permission>([]);
const [metadata, setMetadata] = useState<Metadata>({});
// 脚本信息包括脚本代码、下载url，但是不包括解析代码后得到的metadata，通过background的缓存获取
const [info, setInfo] = useState<ScriptInfo>();
// 对脚本详细的描述
const [description, setDescription] = useState<any>();
// 是系统检测到脚本更新时打开的窗口会有一个倒计时
const [countdown, setCountdown] = useState<number>(-1);
// 是否为更新
const [isUpdate, setIsUpdate] = useState<boolean>(false);
// 脚本信息
const [upsertScript, setUpsertScript] = useState<Script | Subscribe>();
// 更新的情况下会有老版本的脚本信息
const [oldScript, setOldScript] = useState<Script | Subscribe>();
// 脚本开启状态
const [enable, setEnable] = useState<boolean>(false);
const scriptCtrl = IoC.instance(ScriptController) as ScriptController;
const subscribeCtrl = IoC.instance(
SubscribeController
) as SubscribeController;
const [isSub, setIsSub] = useState<boolean>(false);
// 按钮文案
const [btnText, setBtnText] = useState<string>();
const { t } = useTranslation();
// 不推荐的内容标签与描述
const antifeatures: {
[key: string]: { color: string; title: string; description: string };
} = {
"referral-link": {
color: "purple",
title: t("antifeature_referral_link_title"),
description: t("antifeature_referral_link_description"),
},
ads: {
color: "orange",
title: t("antifeature_ads_title"),
description: t("antifeature_ads_description"),
},
payment: {
color: "magenta",
title: t("antifeature_payment_title"),
description: t("antifeature_payment_description"),
},
miner: {
color: "orangered",
title: t("antifeature_miner_title"),
description: t("antifeature_miner_description"),
},
membership: {
color: "blue",
title: t("antifeature_membership_title"),
description: t("antifeature_membership_description"),
},
tracking: {
color: "pinkpurple",
title: t("antifeature_tracking_title"),
description: t("antifeature_tracking_description"),
},
};
useEffect(() => {
if (isSub) {
setBtnText(isUpdate ? t("update_subscribe")! : t("install_subscribe")!);
} else {
setBtnText(isUpdate ? t("update_script")! : t("install_script")!);
}
}, [isSub, isUpdate]);
useEffect(() => {
if (countdown === -1) {
return;
}
setTimeout(() => {
setCountdown((time) => {
if (time > 0) {
return time - 1;
}
if (time === 0) {
closeWindow();
}
return time;
});
}, 1000);
}, [countdown]);
const url = new URL(window.location.href);
const uuid = url.searchParams.get("uuid");
if (!uuid) {
return <p>{t("invalid_link")}</p>;
}
useEffect(() => {
scriptCtrl.fetchScriptInfo(uuid).then(async (resp: ScriptInfo) => {
if (!resp) {
return;
}
let prepare:
| { script: Script; oldScript?: Script }
| { subscribe: Subscribe; oldSubscribe?: Subscribe };
let action: Script | Subscribe;
if (resp.isSubscribe) {
setIsSub(true);
prepare = await prepareSubscribeByCode(resp.code, resp.url);
action = prepare.subscribe;
setOldScript(prepare.oldSubscribe);
delete prepare.oldSubscribe;
} else {
if (resp.isUpdate) {
prepare = await prepareScriptByCode(resp.code, resp.url, resp.uuid);
} else {
prepare = await prepareScriptByCode(resp.code, resp.url);
}
action = prepare.script;
setOldScript(prepare.oldScript);
delete prepare.oldScript;
}
setEnable(action.status === SUBSCRIBE_STATUS_ENABLE);
if (resp.source === "system") {
setCountdown(60);
}
const meta = action.metadata;
if (!meta) {
return;
}
const perm: Permission = [];
if (resp.isSubscribe) {
perm.push({
label: t("subscribe_install_label"),
color: "#ff0000",
value: meta.scripturl,
});
}
if (meta.match) {
perm.push({ label: t("script_runs_in"), value: meta.match });
}
if (meta.connect) {
perm.push({
label: t("script_has_full_access_to"),
color: "#F9925A",
value: meta.connect,
});
}
if (meta.require) {
perm.push({ label: t("script_requires"), value: meta.require });
}
setUpsertScript(action);
if (action.id !== 0) {
setIsUpdate(true);
}
setPermission(perm);
setMetadata(meta);
setInfo(resp);
const desList = [];
let isCookie = false;
metadata.grant?.forEach((val) => {
if (val === "GM_cookie") {
isCookie = true;
}
});
if (isCookie) {
desList.push(
<Typography.Text type="error" key="cookie">
{t("cookie_warning")}
</Typography.Text>
);
}
if (meta.crontab) {
desList.push(
<Typography.Text key="crontab">
{t("scheduled_script_description_1")}
</Typography.Text>
);
desList.push(
<Typography.Text key="cronta-nexttime">
{t("scheduled_script_description_2", {
expression: meta.crontab[0],
time: nextTime(meta.crontab[0]),
})}
</Typography.Text>
);
} else if (meta.background) {
desList.push(
<Typography.Text key="background">
{t("background_script_description")}
</Typography.Text>
);
}
if (desList.length) {
setDescription(<div>{desList.map((item) => item)}</div>);
}
// 修改网页显示title
document.title = `${
action.id === 0 ? t("install_script") : t("update_script")
} - ${meta.name} - ScriptCat`;
});
}, []);
return (
<div className="h-full">
<Grid.Row gutter={8}>
<Grid.Col flex={1} className="flex-col p-8px">
<Space direction="vertical">
<div>
{upsertScript?.metadata.icon && (
<Avatar size={32} shape="square" style={{ marginRight: "8px" }}>
<img
src={upsertScript.metadata.icon[0]}
alt={upsertScript?.name}
/>
</Avatar>
)}
<Typography.Text bold className="text-size-lg">
{upsertScript && i18nName(upsertScript)}
<Tooltip
content={
isSub
? t("subscribe_source_tooltip")
: t("script_status_tooltip")
}
>
<Switch
style={{ marginLeft: "8px" }}
checked={enable}
onChange={(checked) => {
setUpsertScript((script) => {
if (!script) {
return script;
}
script.status = checked
? SCRIPT_STATUS_ENABLE
: SCRIPT_STATUS_DISABLE;
setEnable(checked);
return script;
});
}}
/>
</Tooltip>
</Typography.Text>
</div>
<div>
<Typography.Text bold>
{upsertScript && i18nDescription(upsertScript)}
</Typography.Text>
</div>
<div>
<Typography.Text bold>
{t("author")}: {metadata.author}
</Typography.Text>
</div>
<div>
<Typography.Text
bold
style={{
overflowWrap: "break-word",
wordBreak: "break-all",
maxHeight: "70px",
display: "block",
overflowY: "auto",
}}
>
{t("source")}: {info?.url}
</Typography.Text>
</div>
<div className="text-end">
<Space>
<Button
type="primary"
size="small"
onClick={() => {
if (!upsertScript) {
Message.error(t("script_info_load_failed")!);
return;
}
if (isSub) {
subscribeCtrl
.upsert(upsertScript as Subscribe)
.then(() => {
Message.success(t("subscribe_success")!);
setBtnText(t("subscribe_success")!);
setTimeout(() => {
closeWindow();
}, 200);
})
.catch((e) => {
Message.error(`${t("subscribe_failed")}: ${e}`);
});
return;
}
scriptCtrl
.upsert(upsertScript as Script)
.then(() => {
if (isUpdate) {
Message.success(t("install.update_success")!);
setBtnText(t("install.update_success")!);
} else {
Message.success(t("install_success")!);
setBtnText(t("install_success")!);
}
setTimeout(() => {
closeWindow();
}, 200);
})
.catch((e) => {
Message.error(`${t("install_failed")}: ${e}`);
});
}}
>
{btnText}
</Button>
<Button
type="primary"
status="danger"
size="small"
onClick={() => {
if (countdown === -1) {
closeWindow();
} else {
setCountdown(-1);
}
}}
>
{countdown === -1
? t("close")
: `${t("stop")} (${countdown})`}
</Button>
</Space>
</div>
</Space>
</Grid.Col>
<Grid.Col flex={1} className="p-8px">
<Space direction="vertical">
<div>
<Space>
{oldScript && (
<Tooltip
content={`${t("current_version")}: v${
oldScript.metadata.version[0]
}`}
>
<Tag bordered>{oldScript.metadata.version[0]}</Tag>
</Tooltip>
)}
{metadata.version && (
<Tooltip
color="red"
content={`${t("update_version")}: v${metadata.version[0]}`}
>
<Tag bordered color="red">
{metadata.version[0]}
</Tag>
</Tooltip>
)}
{(metadata.background || metadata.crontab) && (
<Tooltip color="green" content={t("background_script_tag")}>
<Tag bordered color="green">
{t("background_script")}
</Tag>
</Tooltip>
)}
{metadata.crontab && (
<Tooltip color="green" content={t("scheduled_script_tag")}>
<Tag bordered color="green">
{t("scheduled_script")}
</Tag>
</Tooltip>
)}
{metadata.antifeature &&
metadata.antifeature.map((antifeature) => {
const item = antifeature.split(" ")[0];
return (
antifeatures[item] && (
<Tooltip
color={antifeatures[item].color}
content={antifeatures[item].description}
>
<Tag bordered color={antifeatures[item].color}>
{antifeatures[item].title}
</Tag>
</Tooltip>
)
);
})}
</Space>
</div>
{description && description}
<div>
<Typography.Text type="error">
{t("install_from_legitimate_sources_warning")}
</Typography.Text>
</div>
</Space>
</Grid.Col>
<Grid.Col span={24}>
<Grid.Row>
{permission.map((item) => (
<Grid.Col
key={item.label}
span={8}
style={{
maxHeight: "200px",
overflowY: "auto",
overflowX: "auto",
boxSizing: "border-box",
}}
className="p-8px"
>
<Typography.Text bold color={item.color}>
{item.label}
</Typography.Text>
{item.value.map((v) => (
<div key={v}>
<Typography.Text
style={{ wordBreak: "unset", color: item.color }}
>
{v}
</Typography.Text>
</div>
))}
</Grid.Col>
))}
</Grid.Row>
</Grid.Col>
</Grid.Row>
<CodeEditor
id="show-code"
code={upsertScript?.code || undefined}
diffCode={oldScript?.code || ""}
/>
</div>
);
}

10
src/sandbox.ts
View File

@ -1,11 +1,3 @@
import { Connect } from "@Packages/message";
import { windowConnect } from "@Packages/message/window";
function main() {
const client = new Connect(windowConnect(window, window.parent));
client.emit("recv", "123", (resp: string) => {
console.log("sandbox", resp);
});
}
function main() {}
main();