docs: 📝 simplify download buttons and supplement documentation

README.md

@@ -76,15 +76,6 @@ docker run -d --name mediago -p 8899:8899 -v /root/mediago:/root/mediago registr
 - [【mediago】 linux v3.0.0](https://github.com/caorushizi/mediago/releases/download/v3.0.0/mediago-setup-linux-amd64-3.0.0.deb)
 - 【mediago】 docker v3.0 `docker run -d --name mediago -p 8899:8899 -v /root/mediago:/root/mediago registry.cn-beijing.aliyuncs.com/caorushizi/mediago:v3.0.0`
 
-#### 国内下载
-
-- [【mediago】 windows(安装版) v3.0.0](https://static.ziying.site/mediago/mediago-setup-win32-x64-3.0.0.exe)
-- [【mediago】 windows(便携版) v3.0.0](https://static.ziying.site/mediago/mediago-portable-win32-x64-3.0.0.exe)
-- [【mediago】 macos arm64（apple 芯片） v3.0.0](https://static.ziying.site/mediago/mediago-setup-darwin-arm64-3.0.0.dmg)
-- [【mediago】 macos x64（intel 芯片） v3.0.0](https://static.ziying.site/mediago/mediago-setup-darwin-x64-3.0.0-beta.5.dmg)
-- [【mediago】 linux v3.0.0](https://static.ziying.site/mediago/mediago-setup-linux-amd64-3.0.0.deb)
-- 【mediago】 docker v3.0 `docker run -d --name mediago -p 8899:8899 -v /root/mediago:/root/mediago registry.cn-beijing.aliyuncs.com/caorushizi/mediago:v3.0.0`
-
 ### docker 宝塔面板一键部署（推荐）
 
 1. 安装宝塔面板，前往 [宝塔面板](https://www.bt.cn/new/download.html?r=dk_mediago) 官网，选择正式版的脚本下载安装

packages/backend/README.md

@@ -0,0 +1 @@
+# backend

packages/main/README.md

@@ -0,0 +1 @@
+# Main Process

packages/mobile/README.md

@@ -1,30 +1 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+# Mobile

packages/plugin/README.md

@@ -1,30 +1 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
-
-- Configure the top-level `parserOptions` property like this:
-
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
-```
-
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+# Plugins

packages/renderer/README.md

@@ -0,0 +1 @@
+# Renderer Process

packages/renderer/package.json

@@ -19,7 +19,6 @@
     "@radix-ui/react-checkbox": "^1.1.1",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-slot": "^1.1.0",
-    "@reduxjs/toolkit": "^2.2.5",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",
     "ahooks": "^3.8.0",
@@ -39,7 +38,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-i18next": "^14.1.2",
-    "react-redux": "^9.1.2",
     "react-router-dom": "^6.23.1",
     "socket.io-client": "^4.8.0",
     "sort-by": "^1.2.0",

packages/renderer/src/App.tsx

@@ -1,8 +1,6 @@
 import { ConfigProvider, theme } from "antd";
 import React, { FC, Suspense, lazy, useEffect } from "react";
-import { useDispatch } from "react-redux";
 import { BrowserRouter, Route, Routes } from "react-router-dom";
-import { setAppStore, increase, setBrowserStore, PageMode } from "./store";
 import "dayjs/locale/zh-cn";
 import zhCN from "antd/locale/zh_CN";
 import useElectron from "./hooks/electron";
@@ -14,6 +12,9 @@ import { ThemeContext } from "./context/ThemeContext";
 import { SessionStore, useSessionStore } from "./store/session";
 import { useShallow } from "zustand/react/shallow";
 import { DOWNLOAD_FAIL, DOWNLOAD_SUCCESS, PAGE_LOAD } from "./const";
+import { useAppStore, setAppStoreSelector } from "./store/app";
+import { PageMode, setBrowserSelector, useBrowserStore } from "./store/browser";
+import { downloadStoreSelector, useDownloadStore } from "./store/download";
 
 const AppLayout = lazy(() => import("./layout/App"));
 const HomePage = lazy(() => import("./pages/HomePage"));
@@ -32,12 +33,14 @@ const sessionSelector = (s: SessionStore) => ({
 });
 
 const App: FC = () => {
-  const dispatch = useDispatch();
   const [appTheme, setAppTheme] = React.useState<"dark" | "light">("light");
   const { addIpcListener, removeIpcListener, getMachineId } = useElectron();
   const { setUpdateAvailable, setUploadChecking } = useSessionStore(
     useShallow(sessionSelector),
   );
+  const { setAppStore } = useAppStore(useShallow(setAppStoreSelector));
+  const { setBrowserStore } = useBrowserStore(useShallow(setBrowserSelector));
+  const { increase } = useDownloadStore(useShallow(downloadStoreSelector));
 
   const themeChange = (event: MediaQueryListEvent) => {
     if (event.matches) {
@@ -49,17 +52,19 @@ const App: FC = () => {
 
   // 监听store变化
   const onAppStoreChange = (event: any, store: AppStore) => {
-    dispatch(setAppStore(store));
+    setAppStore(store);
   };
 
   const onReceiveDownloadItem = () => {
-    dispatch(increase());
+    increase();
   };
 
   const onChangePrivacy = () => {
-    dispatch(setBrowserStore({ url: "", title: "", mode: PageMode.Default }));
+    setBrowserStore({ url: "", title: "", mode: PageMode.Default });
   };
 
+  console.log("App.tsx: onAppStoreChange", onAppStoreChange);
+
   useEffect(() => {
     const updateAvailable = () => {
       setUpdateAvailable(true);

packages/renderer/src/components/DownloadForm.tsx

@@ -15,7 +15,6 @@ import { ConfigStore, useConfigStore } from "@/store/config";
 import { useShallow } from "zustand/react/shallow";
 import { useAsyncEffect, useMemoizedFn } from "ahooks";
 import { DownloadType } from "@/types";
-import { EpisodeNumber } from "./EpisodeNumber";
 import { tdApp } from "@/utils";
 import { ADD_TO_LIST, DOWNLOAD_NOW } from "@/const";
 import useElectron from "@/hooks/electron";
@@ -249,12 +248,10 @@ export default forwardRef<DownloadFormRef, DownloadFormProps>(
             <Form.Item noStyle shouldUpdate>
               {(form) => {
                 const isBatch = form.getFieldValue("batch");
-                const isM3u8 = form.getFieldValue("type") === "m3u8";
                 if (isBatch) {
                   return null;
                 }
 
-                const canChangeType = isM3u8;
                 return (
                   <Form.Item
                     shouldUpdate
@@ -266,13 +263,8 @@ export default forwardRef<DownloadFormRef, DownloadFormProps>(
                         message: t("pleaseEnterCorrectFomeInfo"),
                       },
                     ]}
-                    tooltip={canChangeType && t("canUseMouseWheelToAdjust")}
                   >
-                    <EpisodeNumber
-                      canChangeType={canChangeType}
-                      isEdit={isEdit}
-                      usePrevData={usePrevData}
-                    />
+                    <Input placeholder={t("pleaseEnterVideoName")} />
                   </Form.Item>
                 );
               }}

packages/renderer/src/layout/App.tsx

@@ -1,22 +1,22 @@
 import React, { FC, useEffect } from "react";
 import { Outlet, useLocation } from "react-router-dom";
 import useElectron from "../hooks/electron";
-import { useDispatch } from "react-redux";
-import { setAppStore } from "../store";
 import { useAsyncEffect } from "ahooks";
 import { AppHeader } from "./AppHeader";
 import { AppSideBar } from "./AppSideBar";
 import { tdApp } from "@/utils";
 import { CHANGE_PAGE } from "@/const";
+import { useAppStore, setAppStoreSelector } from "@/store/app";
+import { useShallow } from "zustand/react/shallow";
 
 const App: FC = () => {
   const { getAppStore: ipcGetAppStore } = useElectron();
-  const dispatch = useDispatch();
   const location = useLocation();
+  const { setAppStore } = useAppStore(useShallow(setAppStoreSelector));
 
   useAsyncEffect(async () => {
     const store = await ipcGetAppStore();
-    dispatch(setAppStore(store));
+    setAppStore(store);
   }, []);
 
   useEffect(() => {

packages/renderer/src/layout/AppSideBar.tsx

@@ -2,8 +2,6 @@ import React, { cloneElement, PropsWithChildren, ReactElement } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { Badge } from "antd";
 import useElectron from "../hooks/electron";
-import { useDispatch, useSelector } from "react-redux";
-import { selectAppStore, setAppStore, clearCount, selectCount } from "../store";
 import { useTranslation } from "react-i18next";
 import { cn, isWeb } from "@/utils";
 import {
@@ -17,6 +15,12 @@ import {
 import siderBg from "@/assets/images/sider-bg.png";
 import { SessionStore, useSessionStore } from "@/store/session";
 import { useShallow } from "zustand/react/shallow";
+import {
+  useAppStore,
+  appStoreSelector,
+  setAppStoreSelector,
+} from "@/store/app";
+import { downloadStoreSelector, useDownloadStore } from "@/store/download";
 
 function processLocation(pathname: string) {
   let name = pathname;
@@ -83,9 +87,11 @@ export function AppSideBar({ className }: Props) {
   const { t } = useTranslation();
   const location = useLocation();
   const navigate = useNavigate();
-  const dispatch = useDispatch();
-  const count = useSelector(selectCount);
-  const appStore = useSelector(selectAppStore);
+  const { count, clearCount } = useDownloadStore(
+    useShallow(downloadStoreSelector),
+  );
+  const appStore = useAppStore(useShallow(appStoreSelector));
+  const { setAppStore } = useAppStore(useShallow(setAppStoreSelector));
   const { updateAvailable } = useSessionStore(useShallow(sessionSelector));
 
   const activeKey = processLocation(location.pathname);
@@ -94,7 +100,7 @@ export function AppSideBar({ className }: Props) {
     e.stopPropagation();
     e.preventDefault();
 
-    dispatch(setAppStore({ openInNewWindow: true }));
+    setAppStore({ openInNewWindow: true });
     if (location.pathname === "/source") {
       navigate("/");
     }
@@ -109,7 +115,7 @@ export function AppSideBar({ className }: Props) {
         <AppMenuItem
           link="/"
           onClick={() => {
-            dispatch(clearCount());
+            clearCount();
           }}
           activeKey={activeKey}
           icon={<ListIcon />}

packages/renderer/src/main.tsx

@@ -1,8 +1,6 @@
 import "antd/dist/reset.css";
 import React, { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import { Provider } from "react-redux";
-import store from "./store";
 import dayjs from "dayjs";
 import "dayjs/locale/zh-cn";
 import { tdApp } from "./utils";
@@ -15,8 +13,6 @@ tdApp.init();
 
 createRoot(document.getElementById("root") as HTMLElement).render(
   <StrictMode>
-    <Provider store={store}>
-      <App />
-    </Provider>
+    <App />
   </StrictMode>,
 );

packages/renderer/src/pages/HomePage/components/DownloadItem.tsx

@@ -5,8 +5,6 @@ import { DownloadStatus } from "@/types";
 import { Progress } from "antd";
 import { PauseCircleOutlined, PlayCircleOutlined } from "@ant-design/icons";
 import { useTranslation } from "react-i18next";
-import { useSelector } from "react-redux";
-import { selectAppStore } from "@/store";
 import selectedBg from "@/assets/images/select-item-bg.png";
 import {
   DownloadIcon,
@@ -28,6 +26,8 @@ import {
   STOP_DOWNLOAD,
 } from "@/const";
 import { TerminalDrawer } from "./TerminalDrawer";
+import { useAppStore, appStoreSelector } from "@/store/app";
+import { useShallow } from "zustand/react/shallow";
 
 interface Props {
   item: VideoStat;
@@ -50,7 +50,7 @@ export function DownloadItem({
   onShowEditForm,
   progress,
 }: Props) {
-  const appStore = useSelector(selectAppStore);
+  const appStore = useAppStore(useShallow(appStoreSelector));
   const { t } = useTranslation();
   const { openPlayerWindow } = useElectron();
 

packages/renderer/src/pages/HomePage/index.tsx

@@ -3,8 +3,6 @@ import PageContainer from "../../components/PageContainer";
 import { useMemoizedFn, useMount, usePagination } from "ahooks";
 import useElectron from "../../hooks/electron";
 import { DownloadFilter, DownloadType } from "../../types";
-import { useSelector } from "react-redux";
-import { selectAppStore } from "../../store";
 import { useTranslation } from "react-i18next";
 import { DownloadList } from "./components";
 import DownloadForm, {
@@ -21,6 +19,7 @@ import { useShallow } from "zustand/react/shallow";
 import { isDownloadType, isWeb, randomName, tdApp } from "@/utils";
 import { CLICK_DOWNLOAD } from "@/const";
 import { useLocation } from "react-router-dom";
+import { useAppStore, appStoreSelector } from "@/store/app";
 
 interface Props {
   filter?: DownloadFilter;
@@ -42,7 +41,7 @@ const HomePage: FC<Props> = ({ filter = DownloadFilter.list }) => {
     downloadNow,
     getLocalIP,
   } = useElectron();
-  const appStore = useSelector(selectAppStore);
+  const appStore = useAppStore(useShallow(appStoreSelector));
   const { t } = useTranslation();
   const [localIP, setLocalIP] = useState<string>("");
   const newFormRef = useRef<DownloadFormRef>(null);

packages/renderer/src/pages/SettingPage/index.tsx

@@ -23,8 +23,11 @@ import {
   FolderOpenOutlined,
   UploadOutlined,
 } from "@ant-design/icons";
-import { selectAppStore, setAppStore } from "../../store";
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useAppStore,
+  appStoreSelector,
+  setAppStoreSelector,
+} from "@/store/app";
 import useElectron from "../../hooks/electron";
 import { useMemoizedFn, useRequest } from "ahooks";
 import { AppLanguage, AppTheme } from "../../types";
@@ -75,10 +78,10 @@ const SettingPage: React.FC = () => {
     removeIpcListener,
     installUpdate,
   } = useElectron();
-  const dispatch = useDispatch();
   const { t } = useTranslation();
   const formRef = useRef<FormInstance<AppStore>>();
-  const settings = useSelector(selectAppStore);
+  const settings = useAppStore(useShallow(appStoreSelector));
+  const { setAppStore } = useAppStore(useShallow(setAppStoreSelector));
   const { data: envPath } = useRequest(getEnvPath);
   const [messageApi, contextHolder] = message.useMessage();
   const { updateAvailable, updateChecking } = useSessionStore(
@@ -95,7 +98,7 @@ const SettingPage: React.FC = () => {
   const onSelectDir = async () => {
     const local = await onSelectDownloadDir();
     if (local) {
-      dispatch(setAppStore({ local }));
+      setAppStore({ local });
       formRef.current?.setFieldValue("local", local);
     }
   };
@@ -119,7 +122,7 @@ const SettingPage: React.FC = () => {
           await ipcSetAppStore(key, values[key]);
         }
       }
-      dispatch(setAppStore(values));
+      setAppStore(values);
     } catch (e: any) {
       messageApi.error(e.message);
     }