Function ScriptSetting

src/pages/components/ScriptSetting/index.tsx:31–225

({ script, visible, onCancel, onOk })

  onOk: () => void;
  onCancel: () => void;
}> = ({ script, visible, onCancel, onOk }) => {
  const [scriptTags, setScriptTags] = useState<string[]>([]);
  const [checkUpdateUrl, setCheckUpdateUrl] = useState<string>("");
  const [checkUpdate, setCheckUpdate] = useState<boolean>(false);
  const [scriptRunEnv, setScriptRunEnv] = useState<string>("all");
  const [scriptRunAt, setScriptRunAt] = useState<string>("default");

  const { t } = useTranslation();

  const scriptSettingData = useMemo(() => {
    const ret = [
      {
        label: t("script_run_env.title"),
        value: (
          <Select
            value={scriptRunEnv}
            options={[
              { label: t("script_setting.default"), value: "default" },
              { label: t("script_run_env.all"), value: "all" },
              { label: t("script_run_env.normal-tabs"), value: "normal-tabs" },
              { label: t("script_run_env.incognito-tabs"), value: "incognito-tabs" },
            ]}
            onChange={(value) => {
              setScriptRunEnv(value);
              scriptClient.updateMetadata(script.uuid, "run-in", value === "default" ? [] : [value]).then(() => {
                Message.success(t("update_success"));
              });
            }}
          />
        ),
      },
      {
        label: t("script_run_at.title"),
        value: (
          <Select
            value={scriptRunAt}
            options={[
              { label: t("script_setting.default"), value: "default" },
              { label: "document-start", value: "document-start" },
              { label: "document-body", value: "document-body" },
              { label: "document-end", value: "document-end" },
              { label: "document-idle", value: "document-idle" },
              { label: "early-start", value: "early-start" },
            ]}
            onChange={(value) => {
              setScriptRunAt(value);
              const earlyStart: string[] = [];
              const runAt: string[] = [];
              if (value === "early-start") {
                earlyStart.push("");
                runAt.push("document-start");
              } else if (value !== "default") {
                runAt.push(value);
              }
              Promise.all([
                scriptClient.updateMetadata(script.uuid, "early-start", earlyStart),
                scriptClient.updateMetadata(script.uuid, "run-at", runAt),
              ]).then(() => {