├── packages
    ├── feiyu
    │   ├── .prettierignore
    │   ├── .stylelintignore
    │   ├── .eslintignore
    │   ├── src
    │   │   ├── utils
    │   │   │   ├── env.ts
    │   │   │   ├── clone.ts
    │   │   │   ├── m3u8
    │   │   │   │   └── valid.ts
    │   │   │   ├── flatten.ts
    │   │   │   ├── string.ts
    │   │   │   ├── xml.ts
    │   │   │   ├── feiyu
    │   │   │   │   └── useFeiyuSearch.ts
    │   │   │   ├── douban
    │   │   │   │   ├── useSearchKeywords.ts
    │   │   │   │   └── useSearchHotMovies.ts
    │   │   │   ├── clipborad.ts
    │   │   │   ├── types.ts
    │   │   │   ├── abort.ts
    │   │   │   ├── p-timeout.ts
    │   │   │   ├── is.ts
    │   │   │   ├── base.ts
    │   │   │   ├── dom.ts
    │   │   │   └── diff.ts
    │   │   ├── vite-env.d.ts
    │   │   ├── components
    │   │   │   ├── AspectRatio
    │   │   │   │   ├── style.css
    │   │   │   │   └── index.tsx
    │   │   │   ├── SearchEmpty.tsx
    │   │   │   ├── LazyImage
    │   │   │   │   ├── style.css
    │   │   │   │   └── LazyImage.tsx
    │   │   │   ├── InputKey
    │   │   │   │   ├── index.tsx
    │   │   │   │   └── style.css
    │   │   │   ├── LongText.tsx
    │   │   │   ├── SwitchDark.tsx
    │   │   │   ├── Stack
    │   │   │   │   ├── position.tsx
    │   │   │   │   └── index.tsx
    │   │   │   ├── Loading
    │   │   │   │   └── index.tsx
    │   │   │   ├── Text.tsx
    │   │   │   ├── Box.tsx
    │   │   │   ├── Tab
    │   │   │   │   ├── state.ts
    │   │   │   │   └── index.tsx
    │   │   │   ├── Flex.tsx
    │   │   │   └── Dialog.tsx
    │   │   ├── hooks
    │   │   │   ├── useRefCallback.ts
    │   │   │   ├── useID.ts
    │   │   │   ├── usePrevious.ts
    │   │   │   ├── useInterval.ts
    │   │   │   ├── useUnmount.ts
    │   │   │   ├── useRebuild.ts
    │   │   │   ├── useMediaQuery.ts
    │   │   │   ├── useAbort.ts
    │   │   │   ├── useInit.ts
    │   │   │   ├── useDesktopUpdater.ts
    │   │   │   ├── useScreen.ts
    │   │   │   ├── usePWA.ts
    │   │   │   ├── useSearchHistory.ts
    │   │   │   ├── useDarkMode.ts
    │   │   │   ├── useMeasure.ts
    │   │   │   ├── useBreakpoint.ts
    │   │   │   └── useSearchDatas.ts
    │   │   ├── pages
    │   │   │   ├── settings
    │   │   │   │   └── style.css
    │   │   │   ├── home
    │   │   │   │   ├── useHomePages.tsx
    │   │   │   │   ├── index.tsx
    │   │   │   │   ├── hot
    │   │   │   │   │   ├── style.css
    │   │   │   │   │   └── index.tsx
    │   │   │   │   └── play
    │   │   │   │   │   ├── style.css
    │   │   │   │   │   ├── xg-preset.ts
    │   │   │   │   │   └── player.tsx
    │   │   │   ├── history
    │   │   │   │   └── index.tsx
    │   │   │   ├── favorite
    │   │   │   │   └── index.tsx
    │   │   │   ├── playlist
    │   │   │   │   └── index.tsx
    │   │   │   └── index.tsx
    │   │   ├── app
    │   │   │   ├── TitleBar
    │   │   │   │   ├── styles.css
    │   │   │   │   └── index.tsx
    │   │   │   ├── RootPages.tsx
    │   │   │   ├── index.tsx
    │   │   │   ├── MyHeader.tsx
    │   │   │   ├── style.css
    │   │   │   ├── SideMenu.tsx
    │   │   │   └── initAPP.tsx
    │   │   ├── main.tsx
    │   │   ├── data
    │   │   │   ├── movies.ts
    │   │   │   ├── config
    │   │   │   │   ├── types.ts
    │   │   │   │   └── storage.ts
    │   │   │   └── default.ts
    │   │   ├── services
    │   │   │   ├── storage
    │   │   │   │   └── storage.ts
    │   │   │   ├── routes
    │   │   │   │   ├── index.tsx
    │   │   │   │   ├── listener.tsx
    │   │   │   │   ├── location.ts
    │   │   │   │   └── router.ts
    │   │   │   └── cache
    │   │   │   │   └── index.ts
    │   │   ├── styles
    │   │   │   ├── colors.ts
    │   │   │   └── scrollbar.css
    │   │   ├── index.css
    │   │   └── overlays
    │   │   │   └── APPConfigModal.tsx
    │   ├── public
    │   │   ├── logo.gif
    │   │   ├── pwa
    │   │   │   ├── logo-192.png
    │   │   │   └── logo-512.png
    │   │   └── logo.svg
    │   ├── .prettierrc
    │   ├── scripts
    │   │   ├── web.ts
    │   │   ├── desktop.ts
    │   │   ├── docker.sh
    │   │   ├── utils
    │   │   │   └── io.ts
    │   │   ├── pwa.ts
    │   │   └── test.ts
    │   ├── tsconfig.node.json
    │   ├── README.md
    │   ├── .stylelintrc.js
    │   ├── .vscode
    │   │   ├── settings.json
    │   │   └── launch.json
    │   ├── tsconfig.json
    │   ├── index.html
    │   ├── .eslintrc.js
    │   ├── package.json
    │   ├── .gitignore
    │   └── vite.config.ts
    ├── feiyu-desktop
    │   ├── src-tauri
    │   │   ├── build.rs
    │   │   ├── .gitignore
    │   │   ├── icons
    │   │   │   ├── 32x32.png
    │   │   │   ├── icon.icns
    │   │   │   ├── icon.ico
    │   │   │   ├── icon.png
    │   │   │   ├── 128x128.png
    │   │   │   ├── 128x128@2x.png
    │   │   │   ├── StoreLogo.png
    │   │   │   ├── Square30x30Logo.png
    │   │   │   ├── Square44x44Logo.png
    │   │   │   ├── Square71x71Logo.png
    │   │   │   ├── Square89x89Logo.png
    │   │   │   ├── Square107x107Logo.png
    │   │   │   ├── Square142x142Logo.png
    │   │   │   ├── Square150x150Logo.png
    │   │   │   ├── Square284x284Logo.png
    │   │   │   └── Square310x310Logo.png
    │   │   ├── images
    │   │   │   ├── nsis_header.bmp
    │   │   │   ├── nsis_sidebar.bmp
    │   │   │   ├── wix_banner.png
    │   │   │   ├── wix_dialog.png
    │   │   │   └── dmg-background.jpg
    │   │   ├── gen
    │   │   │   └── schemas
    │   │   │   │   └── capabilities.json
    │   │   ├── src
    │   │   │   └── main.rs
    │   │   ├── Cargo.toml
    │   │   ├── capabilities
    │   │   │   └── main.json
    │   │   └── tauri.conf.json
    │   ├── app-icon.png
    │   ├── src
    │   │   ├── index.js
    │   │   ├── index.web.js
    │   │   ├── platform.js
    │   │   ├── index.d.ts
    │   │   ├── updater.js
    │   │   └── index.desktop.js
    │   ├── README.md
    │   ├── .gitignore
    │   ├── package.json
    │   └── scripts
    │   │   ├── dist.js
    │   │   ├── io.js
    │   │   └── updater.js
    ├── feiyu-proxy
    │   ├── .gitignore
    │   ├── .dockerignore
    │   ├── tsup.config.ts
    │   ├── tsconfig.json
    │   ├── package.json
    │   ├── src
    │   │   ├── proxy.ts
    │   │   ├── utils
    │   │   │   ├── scf
    │   │   │   │   ├── response.ts
    │   │   │   │   ├── events.ts
    │   │   │   │   ├── types.ts
    │   │   │   │   └── context.ts
    │   │   │   ├── is.ts
    │   │   │   └── base.ts
    │   │   └── index.ts
    │   ├── server.js
    │   ├── Dockerfile
    │   └── README.md
    ├── feiyu-website
    │   ├── src
    │   │   ├── components
    │   │   │   ├── Feature
    │   │   │   │   ├── style.css
    │   │   │   │   └── index.jsx
    │   │   │   ├── Icons
    │   │   │   │   ├── index.jsx
    │   │   │   │   ├── IconMac.jsx
    │   │   │   │   ├── IconGithub.jsx
    │   │   │   │   └── IconWindows.jsx
    │   │   │   └── Button
    │   │   │   │   ├── index.jsx
    │   │   │   │   ├── style.css
    │   │   │   │   └── Download.jsx
    │   │   ├── main.jsx
    │   │   ├── App.jsx
    │   │   ├── hooks
    │   │   │   ├── useShadow.js
    │   │   │   ├── useHover.js
    │   │   │   └── useMousePosition.js
    │   │   ├── layouts
    │   │   │   ├── Footer.jsx
    │   │   │   ├── Header.jsx
    │   │   │   ├── Features.jsx
    │   │   │   └── Intro.jsx
    │   │   ├── utils
    │   │   │   └── os.js
    │   │   └── index.css
    │   ├── public
    │   │   ├── screenshots
    │   │   │   ├── home.webp
    │   │   │   ├── play.webp
    │   │   │   ├── size.webp
    │   │   │   ├── search.webp
    │   │   │   ├── platform.webp
    │   │   │   └── subscribe.webp
    │   │   └── logo.svg
    │   ├── vite.config.js
    │   ├── README.md
    │   ├── .gitignore
    │   ├── index.html
    │   └── package.json
    └── feiyu-docker
    │   ├── .dockerignore
    │   ├── Dockerfile
    │   └── README.md
├── screenshots
    ├── play.webp
    ├── home-preview.jpg
    ├── play-preview.jpg
    └── mobile-preview.jpg
├── TODO.md
├── CHANGELOG.md
├── feiyu.example.json
└── .gitignore


/packages/feiyu/.prettierignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | build
3 | dist


--------------------------------------------------------------------------------
/packages/feiyu/.stylelintignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | build
3 | dist


--------------------------------------------------------------------------------
/packages/feiyu/.eslintignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | build
3 | dist
4 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/build.rs:
--------------------------------------------------------------------------------
1 | fn main() {
2 |     tauri_build::build()
3 | }
4 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/env.ts:
--------------------------------------------------------------------------------
1 | // @ts-ignore
2 | export const envs = import.meta.env;
3 | 


--------------------------------------------------------------------------------
/screenshots/play.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/screenshots/play.webp


--------------------------------------------------------------------------------
/packages/feiyu-proxy/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
3 | api
4 | .env
5 | .DS_Store
6 | .vercel
7 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Feature/style.css:
--------------------------------------------------------------------------------
1 | .feature + .feature {
2 |   margin-top: 6rem;
3 | }
4 | 


--------------------------------------------------------------------------------
/screenshots/home-preview.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/screenshots/home-preview.jpg


--------------------------------------------------------------------------------
/screenshots/play-preview.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/screenshots/play-preview.jpg


--------------------------------------------------------------------------------
/packages/feiyu/public/logo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu/public/logo.gif


--------------------------------------------------------------------------------
/screenshots/mobile-preview.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/screenshots/mobile-preview.jpg


--------------------------------------------------------------------------------
/packages/feiyu-docker/.dockerignore:
--------------------------------------------------------------------------------
1 | # 排除全部文件
2 | **/*
3 | 
4 | # 保留相关构建文件
5 | !dist
6 | !httpd.conf
7 | !busybox.conf
8 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/app-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/app-icon.png


--------------------------------------------------------------------------------
/packages/feiyu/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="vite/client" />
2 | /// <reference types="vite-plugin-pwa/client" />
3 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/.gitignore:
--------------------------------------------------------------------------------
1 | # Generated by Cargo
2 | # will have compiled files and executables
3 | /target/
4 | 
5 | 


--------------------------------------------------------------------------------
/packages/feiyu/public/pwa/logo-192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu/public/pwa/logo-192.png


--------------------------------------------------------------------------------
/packages/feiyu/public/pwa/logo-512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu/public/pwa/logo-512.png


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/clone.ts:
--------------------------------------------------------------------------------
1 | export const deepClone = <T = any>(obj: any): T => {
2 |   return JSON.parse(JSON.stringify(obj));
3 | };
4 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/32x32.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/icon.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/icon.icns


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/icon.ico


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/icon.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/128x128.png


--------------------------------------------------------------------------------
/packages/feiyu-docker/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM lipanski/docker-static-website:latest
2 | 
3 | COPY dist .
4 | 
5 | CMD ["/busybox-httpd", "-f", "-v", "-p", "3000"]
6 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/public/screenshots/home.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-website/public/screenshots/home.webp


--------------------------------------------------------------------------------
/packages/feiyu-website/public/screenshots/play.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-website/public/screenshots/play.webp


--------------------------------------------------------------------------------
/packages/feiyu-website/public/screenshots/size.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-website/public/screenshots/size.webp


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/128x128@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/128x128@2x.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/StoreLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/StoreLogo.png


--------------------------------------------------------------------------------
/packages/feiyu-website/public/screenshots/search.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-website/public/screenshots/search.webp


--------------------------------------------------------------------------------
/packages/feiyu/src/components/AspectRatio/style.css:
--------------------------------------------------------------------------------
1 | .aspect-ratio-box .arco-image-img {
2 |   width: 100%;
3 |   height: 100%;
4 |   object-fit: cover;
5 | }
6 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/images/nsis_header.bmp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/images/nsis_header.bmp


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/images/nsis_sidebar.bmp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/images/nsis_sidebar.bmp


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/images/wix_banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/images/wix_banner.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/images/wix_dialog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/images/wix_dialog.png


--------------------------------------------------------------------------------
/packages/feiyu-website/public/screenshots/platform.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-website/public/screenshots/platform.webp


--------------------------------------------------------------------------------
/packages/feiyu-website/public/screenshots/subscribe.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-website/public/screenshots/subscribe.webp


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square30x30Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square30x30Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square44x44Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square44x44Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square71x71Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square71x71Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square89x89Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square89x89Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/images/dmg-background.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/images/dmg-background.jpg


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square107x107Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square107x107Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square142x142Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square142x142Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square150x150Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square150x150Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square284x284Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square284x284Logo.png


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/icons/Square310x310Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/idootop/feiyu-player/HEAD/packages/feiyu-desktop/src-tauri/icons/Square310x310Logo.png


--------------------------------------------------------------------------------
/packages/feiyu/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 |   "semi": true,
3 |   "singleQuote": true,
4 |   "tabWidth": 2,
5 |   "useTabs": false,
6 |   "trailingComma": "all",
7 |   "endOfLine": "lf"
8 | }
9 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/.dockerignore:
--------------------------------------------------------------------------------
 1 | # 排除全部文件
 2 | **/*
 3 | 
 4 | # 只保留构建相关的文件
 5 | !src
 6 | !server.js
 7 | !package.json
 8 | !tsconfig.json
 9 | !tsup.config.ts
10 | !package-lock.json
11 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/SearchEmpty.tsx:
--------------------------------------------------------------------------------
1 | import { Empty } from '@arco-design/web-react';
2 | 
3 | export const SearchEmpty = () => {
4 |   return <Empty description="空空如也，喵呜 ฅ'ω'ฅ" />;
5 | };
6 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/LazyImage/style.css:
--------------------------------------------------------------------------------
 1 | .fill-img {
 2 |   width: 100%;
 3 | }
 4 | 
 5 | .fill-img .arco-image-img {
 6 |   width: 100%;
 7 |   aspect-ratio: 80 / 112;
 8 |   object-fit: cover;
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useRefCallback.ts:
--------------------------------------------------------------------------------
1 | import { useRef } from "react";
2 | 
3 | export const useRefCallback = <T = any>(fn: any) => {
4 |   const ref = useRef<T>();
5 |   ref.current = fn;
6 |   return ref;
7 | };


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/settings/style.css:
--------------------------------------------------------------------------------
1 | .subscribe-title .arco-dropdown-popup-visible .arco-icon-down {
2 |   transform: rotate(180deg);
3 | }
4 | 
5 | .table-row:hover {
6 |   background: var(--color-bg-card);
7 | }
8 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useID.ts:
--------------------------------------------------------------------------------
1 | import { useRef } from "react";
2 | 
3 | let id = 0;
4 | export const newID = () => (id++).toString()
5 | 
6 | export const useID = () => {
7 |   const ref = useRef(newID());
8 |   return ref.current
9 | }


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/useHomePages.tsx:
--------------------------------------------------------------------------------
1 | import { usePages } from '@/services/routes/page';
2 | 
3 | export const useHomePages = () => {
4 |   return usePages({
5 |     parent: '/home/',
6 |     index: 'hot',
7 |   });
8 | };
9 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src/index.js:
--------------------------------------------------------------------------------
 1 | class _FeiyuDesktop {
 2 |   isDesktop = false;
 3 |   isMac = false;
 4 |   isWindows = false;
 5 |   isLinux = false;
 6 |   init() {}
 7 | }
 8 | 
 9 | export const FeiyuDesktop = new _FeiyuDesktop();
10 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src/index.web.js:
--------------------------------------------------------------------------------
 1 | class _FeiyuDesktop {
 2 |   isDesktop = false;
 3 |   isMac = false;
 4 |   isWindows = false;
 5 |   isLinux = false;
 6 |   init() {}
 7 | }
 8 | 
 9 | export const FeiyuDesktop = new _FeiyuDesktop();
10 | 


--------------------------------------------------------------------------------
/packages/feiyu/scripts/web.ts:
--------------------------------------------------------------------------------
1 | import { copyFile } from './utils/io';
2 | 
3 | export const main = async () => {
4 |   const dir = 'node_modules/feiyu-desktop/src';
5 |   await copyFile(`${dir}/index.web.js`, `${dir}/index.js`);
6 | };
7 | 
8 | main();
9 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/vite.config.js:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "vite";
2 | import react from "@vitejs/plugin-react";
3 | 
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 |   plugins: [react()],
7 |   server: { host: true },
8 | });
9 | 


--------------------------------------------------------------------------------
/packages/feiyu/scripts/desktop.ts:
--------------------------------------------------------------------------------
1 | import { copyFile } from './utils/io';
2 | 
3 | export const main = async () => {
4 |   const dir = 'node_modules/feiyu-desktop/src';
5 |   await copyFile(`${dir}/index.desktop.js`, `${dir}/index.js`);
6 | };
7 | 
8 | main();
9 | 


--------------------------------------------------------------------------------
/packages/feiyu/tsconfig.node.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "composite": true,
 4 |     "module": "ESNext",
 5 |     "moduleResolution": "Node",
 6 |     "allowSyntheticDefaultImports": true
 7 |   },
 8 |   "include": ["vite.config.ts"]
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/feiyu/README.md:
--------------------------------------------------------------------------------
 1 | # 飞鱼网页版
 2 | 
 3 | ```bash
 4 | # 克隆本项目
 5 | git clone https://github.com/idootop/feiyu-player && cd feiyu-player
 6 | 
 7 | # 切换到项目所在路径
 8 | cd packages/feiyu
 9 | 
10 | # 安装依赖，并启动本地项目
11 | pnpm install && pnpm build:web && pnpm dev
12 | ```
13 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Icons/index.jsx:
--------------------------------------------------------------------------------
 1 | export function getIconProps({ size = "1.5rem" }) {
 2 |   return {
 3 |     fill: "currentColor",
 4 |     width: "256",
 5 |     height: "256",
 6 |     viewBox: "0 0 256 256",
 7 |     style: { width: size, height: size },
 8 |   };
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/usePrevious.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useRef } from 'react';
 2 | 
 3 | export const usePrevious = <T = any>(value: T) => {
 4 |   const ref = useRef<any>();
 5 | 
 6 |   useEffect(() => {
 7 |     ref.current = value;
 8 |   }, [value]);
 9 | 
10 |   return ref;
11 | };
12 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/TitleBar/styles.css:
--------------------------------------------------------------------------------
 1 | .titlebar {
 2 |   display: flex;
 3 |   gap: 6px;
 4 |   position: fixed;
 5 |   top: 8px;
 6 |   left: 8px;
 7 | }
 8 | 
 9 | .feiyu-content {
10 |   color: #fff;
11 |   background: #1f1f1f;
12 |   font-size: 12px;
13 |   padding: 4px 8px;
14 |   border-radius: 4px;
15 | }


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/m3u8/valid.ts:
--------------------------------------------------------------------------------
 1 | import { http } from '@/services/http';
 2 | 
 3 | export const isValidM3U8 = async (m3u8: string) => {
 4 |   const result = await http.get(m3u8, undefined, {
 5 |     cache: true,
 6 |     cacheEmpty: true,
 7 |   });
 8 |   return result?.includes('#EXTM3U');
 9 | };
10 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/main.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import ReactDOM from 'react-dom/client'
 3 | import App from './App.jsx'
 4 | import './index.css'
 5 | 
 6 | ReactDOM.createRoot(document.getElementById('root')).render(
 7 |   <React.StrictMode>
 8 |     <App />
 9 |   </React.StrictMode>,
10 | )
11 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/README.md:
--------------------------------------------------------------------------------
 1 | # 飞鱼桌面版
 2 | 
 3 | 桌面版基于 [Tauri](https://tauri.app/) 构建，请确保已正确配置开发环境。
 4 | 
 5 | ```bash
 6 | # 克隆本项目
 7 | git clone https://github.com/idootop/feiyu-player && cd feiyu-player
 8 | 
 9 | # 切换到项目所在路径
10 | cd packages/feiyu-desktop
11 | 
12 | # 安装依赖，并启动本地项目
13 | pnpm install && pnpm dev
14 | ```
15 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/README.md:
--------------------------------------------------------------------------------
 1 | ### 🔍 海量资源，随心搜索
 2 | 
 3 | 支持多种视频源，聚合搜索，看你想看。
 4 | 
 5 | ### 🔗 一键订阅，自由分享
 6 | 
 7 | 一键订阅视频源，找资源不求人。
 8 | 
 9 | ### ✨ 极简高颜值，给你极致观影体验
10 | 
11 | 极简设计，亮暗色模式，颜值即正义。
12 | 
13 | ### ⚡️ 体积小巧，快如闪电
14 | 
15 | 极至精简，安装包不足 10 MB
16 | 
17 | ### 💻 全平台支持，随时随地，想看就看
18 | 
19 | 网页，Windows，macOS，Linux 统统不在话下
20 | 


--------------------------------------------------------------------------------
/packages/feiyu/scripts/docker.sh:
--------------------------------------------------------------------------------
 1 | rm -rf dist \
 2 |     && pnpm build:web
 3 | 
 4 | cd ../feiyu-docker \
 5 |     && rm -rf dist \
 6 |     && cp -r ../feiyu/dist .
 7 |     
 8 | docker build \
 9 |     --platform linux/amd64,linux/arm64,linux/arm/v7 \
10 |     -t idootop/feiyu:2.2.0 \
11 |     -t idootop/feiyu:latest . --push 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/InputKey/index.tsx:
--------------------------------------------------------------------------------
 1 | import './style.css';
 2 | 
 3 | import { Box, BoxProps } from '../Box';
 4 | 
 5 | export const InputKey = (props?: BoxProps) => {
 6 |   return (
 7 |     <Box {...props} className="ac-navbar-search-input-key">
 8 |       {props?.children}
 9 |     </Box>
10 |   );
11 | };
12 | 


--------------------------------------------------------------------------------
/TODO.md:
--------------------------------------------------------------------------------
 1 | # TODOs
 2 | 
 3 | - ~夜间模式~
 4 | - ~代理请求~
 5 | - ~请求缓存~
 6 | - ~首页热门电影推荐 COS 缓存~
 7 | - ~PWA 更新提示~
 8 | - ~片源可用性检测~
 9 | - ~网页 Metadata 更新~
10 | - ~导入导出~
11 | - ~Docker~
12 | - ~PC 客户端（Tauri~
13 | - ~自动构建（Github action）~
14 | - ~Windows 视频全屏~
15 | - ~桌面端版本自动更新~
16 | - ~搜索历史~
17 | - 记忆播放位置
18 | - 历史记录
19 | - 时长统计
20 | - M3U8 下载
21 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/main.tsx:
--------------------------------------------------------------------------------
 1 | import './index.css';
 2 | import './styles/scrollbar.css';
 3 | 
 4 | import ReactDOM from 'react-dom/client';
 5 | 
 6 | import { App } from './app';
 7 | import { LRouter } from './services/routes';
 8 | 
 9 | ReactDOM.createRoot(document.getElementById('app') as any).render(
10 |   <LRouter>
11 |     <App />
12 |   </LRouter>,
13 | );
14 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useInterval.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | 
 3 | export const useInterval = (callback: () => void, duration = 100) => {
 4 |   useEffect(() => {
 5 |     const timer = setInterval(() => {
 6 |       callback?.();
 7 |     }, duration);
 8 |     return () => {
 9 |       clearInterval(timer);
10 |     };
11 |   }, [callback, duration]);
12 | };
13 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/tsup.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from "tsup";
 2 | 
 3 | export default defineConfig(() => ({
 4 |   entry: ["src/proxy.ts"],
 5 |   outDir: "api",
 6 |   target: "node16",
 7 |   platform: "node",
 8 |   format: ["esm"],
 9 |   sourcemap: false,
10 |   treeshake: true,
11 |   minify: true,
12 |   clean: true,
13 |   shims: true,
14 |   dts: false,
15 | }));
16 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/RootPages.tsx:
--------------------------------------------------------------------------------
 1 | import { kRoutePages } from '@/pages';
 2 | import { LRoute, LRoutes } from '@/services/routes';
 3 | 
 4 | export const RootPages = () => {
 5 |   return (
 6 |     <LRoutes parent="/">
 7 |       {kRoutePages.map((e) => {
 8 |         return <LRoute key={e.key} path={e.key} builder={e.pageBuilder} />;
 9 |       })}
10 |     </LRoutes>
11 |   );
12 | };
13 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | pnpm-debug.log*
 8 | lerna-debug.log*
 9 | 
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | 
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/data/movies.ts:
--------------------------------------------------------------------------------
 1 | import { pickOne } from '../utils/base';
 2 | 
 3 | export const randomMovie = () => {
 4 |   return pickOne([
 5 |     '请回答1988',
 6 |     '漫长的季节',
 7 |     '白色巨塔',
 8 |     '非自然死亡',
 9 |     '半泽直树',
10 |     '孤独又灿烂的神鬼怪',
11 |     '想见你',
12 |     '我们与恶的距离',
13 |     '俗女养成记',
14 |     '爱的迫降',
15 |     '恶作剧之吻',
16 |     '悠长假期',
17 |     '东京爱情故事',
18 |   ]);
19 | };
20 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useUnmount.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useRef } from 'react';
 2 | 
 3 | /**
 4 |  * const isUnmountRef = useUnmount()
 5 |  *
 6 |  * const isUnmount = isUnmountRef.current
 7 |  */
 8 | export const useUnmount = () => {
 9 |   const ref = useRef(false);
10 |   useEffect(() => {
11 |     return () => {
12 |       ref.current = true;
13 |     };
14 |   }, []);
15 |   return ref;
16 | };
17 | 


--------------------------------------------------------------------------------
/packages/feiyu/public/logo.svg:
--------------------------------------------------------------------------------
1 | <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
2 | <path d="M70 0H10C4.47715 0 0 4.47715 0 10V70C0 75.5229 4.47715 80 10 80H70C75.5229 80 80 75.5229 80 70V10C80 4.47715 75.5229 0 70 0Z" fill="black"/>
3 | <path d="M32 20C45.8564 39.6364 59.7128 39.6364 32 59.2727" stroke="white" stroke-width="11.9996" stroke-linecap="round"/>
4 | </svg>
5 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/flatten.ts:
--------------------------------------------------------------------------------
 1 | import { Fragment } from 'react';
 2 | 
 3 | export const flattenChildren = (children: any) => {
 4 |   return Array.isArray(children)
 5 |     ? [].concat(
 6 |         ...children.map((c) =>
 7 |           c?.type === Fragment
 8 |             ? flattenChildren(c.props.children)
 9 |             : flattenChildren(c),
10 |         ),
11 |       )
12 |     : [children];
13 | };
14 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/LongText.tsx:
--------------------------------------------------------------------------------
 1 | import { Text } from './Text';
 2 | 
 3 | const _longText = Array(100).fill('________').join('________');
 4 | 
 5 | export const LongText = () => {
 6 |   return (
 7 |     <Text
 8 |       style={{
 9 |         visibility: 'hidden',
10 |         fontSize: '1px',
11 |         lineHeight: '0.1px',
12 |       }}
13 |     >
14 |       {_longText}
15 |     </Text>
16 |   );
17 | };
18 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/App.jsx:
--------------------------------------------------------------------------------
 1 | import { Features } from "./layouts/Features";
 2 | import { Footer } from "./layouts/Footer";
 3 | import { Header } from "./layouts/Header";
 4 | import { Intro } from "./layouts/Intro";
 5 | 
 6 | function App() {
 7 |   return (
 8 |     <>
 9 |       <Header />
10 |       <Intro />
11 |       <Features />
12 |       <Footer />
13 |     </>
14 |   );
15 | }
16 | 
17 | export default App;
18 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "outDir": "dist",
 4 |     "strict": true,
 5 |     "declaration": true,
 6 |     "target": "esnext",
 7 |     "module": "esnext",
 8 |     "noImplicitAny": false,
 9 |     "esModuleInterop": true,
10 |     "moduleResolution": "node",
11 |     "resolveJsonModule": true
12 |   },
13 |   "include": ["./src", "src/proxy.ts"],
14 |   "exclude": ["node_modules"]
15 | }
16 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Button/index.jsx:
--------------------------------------------------------------------------------
 1 | import "./style.css";
 2 | 
 3 | export function Button({ secondary, url, download, style, children }) {
 4 |   return (
 5 |     <a
 6 |       className={
 7 |         "button " + (secondary ? "button-secondary" : "button-primary")
 8 |       }
 9 |       href={url}
10 |       style={style}
11 |       download={download}
12 |       target="_blank"
13 |     >
14 |       {children}
15 |     </a>
16 |   );
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/services/storage/storage.ts:
--------------------------------------------------------------------------------
 1 | import { jsonDecode, jsonEncode } from '@/utils/base';
 2 | 
 3 | export const storage = {
 4 |   set(key: string, data: any) {
 5 |     try {
 6 |       localStorage.setItem(key, jsonEncode({ data }) ?? '');
 7 |       return true;
 8 |     } catch {
 9 |       return false;
10 |     }
11 |   },
12 |   get(key: string) {
13 |     const data = localStorage.getItem(key);
14 |     return jsonDecode(data ?? '{}')?.data;
15 |   },
16 | };
17 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/string.ts:
--------------------------------------------------------------------------------
 1 | export function formateDate(timestamp: number) {
 2 |     const date = new Date(timestamp);
 3 |     date.setHours(date.getHours() + 8); // 设置为 UTC+8 时区
 4 |     return date.toISOString().substring(0, 10);
 5 | }
 6 | 
 7 | export function formateDateTime(timestamp: number) {
 8 |     const date = new Date(timestamp);
 9 |     date.setHours(date.getHours() + 8); // 设置为 UTC+8 时区
10 |     return date.toISOString().substring(0, 16).replaceAll('T', ' ');
11 | }


--------------------------------------------------------------------------------
/packages/feiyu-website/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-CN">
 3 | 
 4 | <head>
 5 |   <meta charset="UTF-8" />
 6 |   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 8 |   <title>飞鱼</title>
 9 |   <meta name="description" content="一个漂亮得不像实力派的在线视频播放器 ✨" />
10 | </head>
11 | 
12 | <body>
13 |   <div id="root"></div>
14 |   <script type="module" src="/src/main.jsx"></script>
15 | </body>
16 | 
17 | </html>


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/xml.ts:
--------------------------------------------------------------------------------
 1 | let xml;
 2 | export const parseXML = async (xmlStr: string) => {
 3 |   if (!xml) {
 4 |     const { XMLParser } = await import('fast-xml-parser');
 5 |     xml = new XMLParser({
 6 |       trimValues: true,
 7 |       textNodeName: '_t',
 8 |       ignoreAttributes: false,
 9 |       attributeNamePrefix: '_',
10 |       parseAttributeValue: true,
11 |     });
12 |   }
13 |   try {
14 |     return xml.parse(xmlStr);
15 |   } catch {
16 |     return undefined;
17 |   }
18 | };
19 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # v2.2.0
 2 | 
 3 | ## ✨ 新功能
 4 | 
 5 | - 更新 `xgplayer-hls.js` 提升视频加载稳定性
 6 | - 开放视频倍速功能
 7 | - 新增搜索历史功能
 8 | 
 9 | ## 🐛 修复
10 | 
11 | - 修复剧集名称过长时布局溢出的问题
12 | - 修复 Safari 滚动条样式
13 | 
14 | ## 🚗 其他
15 | 
16 | - update Tauri to 2.0
17 | - update XSta to v2.1.0
18 | - 移除电影解说和伦理片过滤开关
19 | - 移除 IPFS 相关配置和代码
20 | - 去除从 cid、ep 初始化当前播放剧集的逻辑
21 | - 导出订阅时不再生成链接，直接写入粘贴板
22 | - 分享影片直接写入搜索关键词到粘贴板
23 | 
24 | # v2.1.0
25 | 
26 | - 新增 Docker 版 feiyu-proxy
27 | - 修复一些已知问题，优化使用体验
28 | 
29 | # v2.0.0
30 | 
31 | 第一版发布 ✨
32 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/SwitchDark.tsx:
--------------------------------------------------------------------------------
 1 | import { Button } from '@arco-design/web-react';
 2 | import { IconMoon, IconSun } from '@arco-design/web-react/icon';
 3 | 
 4 | import { useDarkMode } from '@/hooks/useDarkMode';
 5 | 
 6 | export const SwitchDark = () => {
 7 |   const { isDarkMode, switchDarkMode } = useDarkMode();
 8 |   return (
 9 |     <Button
10 |       shape="circle"
11 |       type="secondary"
12 |       onClick={switchDarkMode}
13 |       icon={isDarkMode ? <IconMoon /> : <IconSun />}
14 |     />
15 |   );
16 | };
17 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useRebuild.ts:
--------------------------------------------------------------------------------
 1 | import { useCallback, useRef, useState } from "react";
 2 | 
 3 | export const useRebuild = () => {
 4 |   const [flag, setFlag] = useState(false);
 5 |   return useCallback(() => {
 6 |     setFlag(!flag);
 7 |   }, [flag]);
 8 | };
 9 | 
10 | export const useRebuildRef = () => {
11 |   const ref = useRef({
12 |     rebuild: () => undefined as any,
13 |   });
14 |   const [flag, setFlag] = useState(false);
15 |   ref.current.rebuild = () => {
16 |     setFlag(!flag);
17 |   };
18 |   return ref;
19 | };


--------------------------------------------------------------------------------
/packages/feiyu-proxy/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "feiyu-proxy",
 3 |   "version": "2.1.0",
 4 |   "type": "module",
 5 |   "engines": {
 6 |     "node": ">=16"
 7 |   },
 8 |   "scripts": {
 9 |     "build": "tsup",
10 |     "start": "npm run build && vercel dev",
11 |     "server": "node server.js",
12 |     "deploy": "vercel deploy --prod"
13 |   },
14 |   "dependencies": {
15 |     "axios": "^0.27.2"
16 |   },
17 |   "devDependencies": {
18 |     "@types/node": "^20.14.2",
19 |     "tsup": "^8.1.0",
20 |     "typescript": "^5.4.5"
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "feiyu-website",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "type": "module",
 6 |   "scripts": {
 7 |     "dev": "vite",
 8 |     "build": "vite build",
 9 |     "preview": "vite preview"
10 |   },
11 |   "dependencies": {
12 |     "react": "^18.2.0",
13 |     "react-dom": "^18.2.0"
14 |   },
15 |   "devDependencies": {
16 |     "@types/react": "^18.2.66",
17 |     "@types/react-dom": "^18.2.22",
18 |     "@vitejs/plugin-react": "^4.2.1",
19 |     "vite": "^5.2.0"
20 |   }
21 | }
22 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/feiyu/useFeiyuSearch.ts:
--------------------------------------------------------------------------------
 1 | import { useSearchDatas } from '@/hooks/useSearchDatas';
 2 | 
 3 | import { feiyu, FeiyuMovie } from '.';
 4 | 
 5 | export const useFeiyuSearch = () => {
 6 |   return useSearchDatas<string, FeiyuMovie>({
 7 |     onlyCallback: true,
 8 |     onSearch(config) {
 9 |       const { query, signal, callback } = config;
10 |       return feiyu.search(query, {
11 |         callback,
12 |         signal,
13 |       });
14 |     },
15 |     isEqual: (a, b) => (a?.trim() ?? '') === b.trim(),
16 |   });
17 | };
18 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/hooks/useShadow.js:
--------------------------------------------------------------------------------
 1 | import { useMousePosition } from "./useMousePosition";
 2 | 
 3 | export function useShadow() {
 4 |   const { offset, ref: shadowRef } = useMousePosition();
 5 |   const shadowX = Math.round(offset.x * 0.1);
 6 |   const shadowY = Math.round(offset.y * 0.1);
 7 |   const shadowBlur = Math.round(Math.sqrt(offset.x ** 2 + offset.y ** 2) * 0.1);
 8 |   const shadowColor = "rgba(0, 0, 0, 0.3)";
 9 |   const shadow = `${shadowX}px ${shadowY}px ${shadowBlur}px ${shadowColor}`;
10 |   return { shadowRef, shadow };
11 | }
12 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/proxy.ts:
--------------------------------------------------------------------------------
 1 | import { main } from "./index";
 2 | import { generateAPIEvent } from "./utils/scf/events";
 3 | 
 4 | export default async function handler(request, response) {
 5 |   const req = generateAPIEvent({
 6 |     method: request.method as any,
 7 |     path: request.url?.replace("/api", ""),
 8 |     headers: request.headers,
 9 |     query: request.query as any,
10 |     data: request.body,
11 |   });
12 |   const results = await main(req);
13 |   response.writeHead(results.statusCode, results.headers);
14 |   response.end(results.body);
15 | }
16 | 


--------------------------------------------------------------------------------
/packages/feiyu/.stylelintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   plugins: ['stylelint-scss', 'stylelint-order'],
 3 |   extends: 'stylelint-config-standard',
 4 |   rules: {
 5 |     // recommended rules
 6 |     'at-rule-no-unknown': null,
 7 |     'scss/at-rule-no-unknown': true,
 8 |     'scss/selector-no-redundant-nesting-selector': true,
 9 |     'order/order': ['custom-properties', 'declarations'],
10 |     'order/properties-order': ['width', 'height'],
11 |     'selector-type-no-unknown': [true, { ignoreTypes: [] }],
12 |     'selector-class-pattern': null,
13 |   },
14 | };
15 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/layouts/Footer.jsx:
--------------------------------------------------------------------------------
 1 | export function Footer() {
 2 |   return (
 3 |     <div
 4 |       className="row"
 5 |       style={{
 6 |         marginTop: "4rem",
 7 |         justifyContent: "center",
 8 |         fontSize: "1rem",
 9 |         fontWeight: "bold",
10 |       }}
11 |     >
12 |       Made with&nbsp;<span className="heart">❤️</span>&nbsp;by&nbsp;
13 |       <a
14 |         href="https://github.com/idootop"
15 |         target="_blank"
16 |         style={{ color: "#2e5df6" }}
17 |       >
18 |         Del.Wang
19 |       </a>
20 |     </div>
21 |   );
22 | }
23 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useMediaQuery.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useState } from 'react';
 2 | 
 3 | export const useMediaQuery = (query: string): boolean => {
 4 |   const [matches, setMatches] = useState(false);
 5 |   useEffect(() => {
 6 |     const matchQueryList = window.matchMedia(query);
 7 |     const handleChange = (e) => {
 8 |       setMatches(e.matches);
 9 |     };
10 |     matchQueryList.addEventListener('change', handleChange);
11 |     return () => {
12 |       matchQueryList.removeEventListener('change', handleChange);
13 |     };
14 |   }, [query]);
15 |   return matches;
16 | };
17 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/history/index.tsx:
--------------------------------------------------------------------------------
 1 | import { Box } from '@/components/Box';
 2 | 
 3 | import { PageBuilder } from '../../app';
 4 | 
 5 | const History = () => {
 6 |   return (
 7 |     <Box
 8 |       width="100%"
 9 |       height="80vh"
10 |       display="flex"
11 |       justifyContent="center"
12 |       alignItems="center"
13 |       fontSize="36px"
14 |       fontWeight="bold"
15 |       color="var(--color-text-1)"
16 |     >
17 |       History
18 |     </Box>
19 |   );
20 | };
21 | 
22 | export default (
23 |   <PageBuilder>
24 |     <History />
25 |   </PageBuilder>
26 | );
27 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/favorite/index.tsx:
--------------------------------------------------------------------------------
 1 | import { Box } from '@/components/Box';
 2 | 
 3 | import { PageBuilder } from '../../app';
 4 | 
 5 | const Favorite = () => {
 6 |   return (
 7 |     <Box
 8 |       width="100%"
 9 |       height="80vh"
10 |       display="flex"
11 |       justifyContent="center"
12 |       alignItems="center"
13 |       fontSize="36px"
14 |       fontWeight="bold"
15 |       color="var(--color-text-1)"
16 |     >
17 |       Favorite
18 |     </Box>
19 |   );
20 | };
21 | 
22 | export default (
23 |   <PageBuilder>
24 |     <Favorite />
25 |   </PageBuilder>
26 | );
27 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/playlist/index.tsx:
--------------------------------------------------------------------------------
 1 | import { Box } from '@/components/Box';
 2 | 
 3 | import { PageBuilder } from '../../app';
 4 | 
 5 | const Playlist = () => {
 6 |   return (
 7 |     <Box
 8 |       width="100%"
 9 |       height="80vh"
10 |       display="flex"
11 |       justifyContent="center"
12 |       alignItems="center"
13 |       fontSize="36px"
14 |       fontWeight="bold"
15 |       color="var(--color-text-1)"
16 |     >
17 |       Playlist
18 |     </Box>
19 |   );
20 | };
21 | 
22 | export default (
23 |   <PageBuilder>
24 |     <Playlist />
25 |   </PageBuilder>
26 | );
27 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/styles/colors.ts:
--------------------------------------------------------------------------------
 1 | export const colors = {
 2 |   primary: 'rgb(var(--primary-6))',
 3 |   primaryHover: 'rgb(var(--primary-5))',
 4 |   primaryActive: 'rgb(var(--primary-7))',
 5 |   primaryDisable: 'rgb(var(--primary-3))',
 6 |   bg: 'var(--color-bg-1)',
 7 |   bg2: 'var(--color-bg-2)',
 8 |   bg3: 'var(--color-bg-3)',
 9 |   text: 'var(--color-text-1)',
10 |   text2: 'var(--color-text-2)',
11 |   text3: 'var(--color-text-3)',
12 |   gray: 'rgb(var(--gray-1))',
13 |   card: 'var(--color-bg-card)',
14 |   border: 'var(--color-border)',
15 |   red: 'rgb(var(--danger-6))',
16 | };
17 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src/platform.js:
--------------------------------------------------------------------------------
 1 | import { type as osType } from "@tauri-apps/plugin-os";
 2 | 
 3 | export async function getPlatform() {
 4 |   const type = await osType();
 5 |   return {
 6 |     isMac: type === "macos",
 7 |     isWindows: type === "windows",
 8 |     isLinux: type === "linux",
 9 |   };
10 | }
11 | 
12 | export async function isMac() {
13 |   return (await osType()) === "macos";
14 | }
15 | 
16 | export async function isWindows() {
17 |   return (await osType()) === "windows";
18 | }
19 | 
20 | export async function isLinux() {
21 |   return (await osType()) === "linux";
22 | }
23 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/server.js:
--------------------------------------------------------------------------------
 1 | import http from "http";
 2 | import { parse } from "url";
 3 | import apiProxy from "./api/proxy.js";
 4 | 
 5 | const server = http.createServer((req, res) => {
 6 |   const { pathname } = parse(req.url);
 7 |   if (pathname.startsWith("/api/proxy")) {
 8 |     apiProxy(req, res);
 9 |   } else {
10 |     res.writeHead(200, { "Content-Type": "text/plain; charset=utf-8" });
11 |     res.end("Hello World!");
12 |   }
13 | });
14 | 
15 | const PORT = process.env.PORT || 3000;
16 | server.listen(PORT, () => {
17 |   console.log(`Server is running on port ${PORT}`);
18 | });
19 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Stack/position.tsx:
--------------------------------------------------------------------------------
 1 | import { BoxProps } from '../Box';
 2 | 
 3 | export type AlignTypes =
 4 |   | 'center'
 5 |   | 'topLeft'
 6 |   | 'topRight'
 7 |   | 'bottomLeft'
 8 |   | 'bottomRight'
 9 |   | 'centerLeft'
10 |   | 'centerRight'
11 |   | 'topCenter'
12 |   | 'bottomCenter';
13 | 
14 | export interface PositionProps {
15 |   top: number | string;
16 |   left: number | string;
17 |   right: number | string;
18 |   bottom: number | string;
19 |   align: AlignTypes;
20 | }
21 | 
22 | export const Position = (p: BoxProps & Partial<PositionProps>) =>
23 |   p.children as any;
24 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useAbort.ts:
--------------------------------------------------------------------------------
 1 | import { useRef } from 'react';
 2 | 
 3 | import { getAbort } from '@/utils/abort';
 4 | 
 5 | export const useAbort = () => {
 6 |   const ref = useRef(getAbort());
 7 |   const preRef = useRef<any>();
 8 |   const finalRef = useRef<{
 9 |     signal: AbortSignal;
10 |     abortPre: () => void;
11 |   }>();
12 |   finalRef.current = {
13 |     signal: ref.current.signal,
14 |     abortPre: () => {
15 |       preRef.current?.abort();
16 |       preRef.current = ref.current;
17 |       ref.current = getAbort();
18 |     },
19 |   };
20 | 
21 |   return finalRef;
22 | };
23 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useInit.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useRef } from "react";
 2 | 
 3 | import { isNotEqual } from "@/utils/diff";
 4 | 
 5 | export const useInit = <T>(fn: () => T, deps?: any[]): T => {
 6 |   const ref = useRef<any>({
 7 |     result: 404,
 8 |     deps: undefined,
 9 |   });
10 |   if (ref.current.result === 404 || isNotEqual(ref.current.deps, deps)) {
11 |     ref.current.result = fn();
12 |     ref.current.deps = deps;
13 |   }
14 | 
15 |   return ref.current.result;
16 | };
17 | 
18 | export const useDispose = (fn: () => void) => {
19 |   useEffect(() => {
20 |     return fn;
21 |   }, []);
22 | };


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/gen/schemas/capabilities.json:
--------------------------------------------------------------------------------
1 | {"default":{"identifier":"default","description":"Capability for the main window","local":true,"windows":["main"],"permissions":["core:path:default","core:event:default","core:window:default","core:app:default","core:resources:default","core:menu:default","core:tray:default","cors-fetch:default","core:window:allow-close","core:window:allow-minimize","core:window:allow-toggle-maximize","core:window:allow-start-dragging","core:window:allow-is-fullscreen","core:window:allow-set-fullscreen","shell:allow-open","updater:default","process:allow-restart","os:allow-os-type"]}}


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/src/main.rs:
--------------------------------------------------------------------------------
 1 | // Prevents additional console window on Windows in release, DO NOT REMOVE!!
 2 | #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
 3 | 
 4 | fn main() {
 5 |     tauri::Builder::default()
 6 |         .plugin(tauri_plugin_os::init())
 7 |         .plugin(tauri_plugin_shell::init())
 8 |         .plugin(tauri_plugin_process::init())
 9 |         .plugin(tauri_plugin_cors_fetch::init())
10 |         .plugin(tauri_plugin_updater::Builder::new().build())
11 |         .run(tauri::generate_context!())
12 |         .expect("error while running tauri application");
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Button/style.css:
--------------------------------------------------------------------------------
 1 | .button {
 2 |   display: flex;
 3 |   justify-content: center;
 4 |   align-items: center;
 5 |   padding: 1rem 2rem;
 6 |   gap: 0.5rem;
 7 |   font-size: 1.2rem;
 8 |   font-weight: 600;
 9 |   border-radius: 1rem;
10 | }
11 | 
12 | .button-primary {
13 |   color: white;
14 |   background: black;
15 | }
16 | .button-primary:hover {
17 |   background: rgb(51, 51, 51);
18 | }
19 | 
20 | .button-secondary {
21 |   color: black;
22 |   background: rgb(249, 250, 251);
23 |   border: 1px solid rgba(0, 0, 0, 0.1);
24 | }
25 | .button-secondary:hover {
26 |   background: white;
27 | }
28 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useDesktopUpdater.ts:
--------------------------------------------------------------------------------
 1 | import { FeiyuDesktop } from 'feiyu-desktop';
 2 | import { useXState } from 'xsta';
 3 | 
 4 | import { useInit } from './useInit';
 5 | 
 6 | const kDesktopUpdater = 'kDesktopUpdater';
 7 | export const useDesktopUpdater = () => {
 8 |   const [needUpdate, setNeedUpdate] = useXState(kDesktopUpdater);
 9 |   useInit(async () => {
10 |     const needUpdate = await FeiyuDesktop.updater?.needUpdate();
11 |     setNeedUpdate(needUpdate);
12 |   });
13 | 
14 |   return {
15 |     needUpdate,
16 |     async update() {
17 |       await FeiyuDesktop.updater?.update();
18 |     },
19 |   };
20 | };
21 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/douban/useSearchKeywords.ts:
--------------------------------------------------------------------------------
 1 | import { useSearchDatas } from '@/hooks/useSearchDatas';
 2 | 
 3 | import { douban, DoubanSearchDetail } from '.';
 4 | 
 5 | export const useSearchKeywords = () => {
 6 |   return useSearchDatas<string, DoubanSearchDetail>({
 7 |     onlyCallback: true,
 8 |     onSearch(config) {
 9 |       const { query, signal, callback } = config;
10 |       // return douban.search(query, signal) as any;
11 |       return douban.searchMovies(query, {
12 |         callback,
13 |         signal,
14 |       });
15 |     },
16 |     isEqual: (a, b) => (a?.trim() ?? '') === b.trim(),
17 |   });
18 | };
19 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:20.14.0-alpine as env-amd64
 2 | FROM node:20.14.0-alpine as env-arm64
 3 | FROM arm32v7/node:18.20.3-alpine as env-arm
 4 | 
 5 | FROM env-$TARGETARCH as base
 6 | WORKDIR /app
 7 | 
 8 | FROM base as runtime
 9 | COPY . .
10 | RUN --mount=type=cache,target=/root/.npm \
11 |     npm install --production
12 | 
13 | FROM runtime as dist
14 | RUN --mount=type=cache,target=/root/.npm \
15 |     npm install && npm run build
16 | 
17 | FROM base as release
18 | 
19 | COPY server.js .
20 | COPY package.json .
21 | COPY --from=dist /app/api ./api
22 | COPY --from=runtime /app/node_modules ./node_modules
23 | 
24 | CMD npm run server
25 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Loading/index.tsx:
--------------------------------------------------------------------------------
 1 | import { Spin } from '@arco-design/web-react';
 2 | import { useEffect, useState } from 'react';
 3 | 
 4 | import { useUnmount } from '@/hooks/useUnmount';
 5 | 
 6 | export const Loading = (props?: { size?: number; delay?: number }) => {
 7 |   const { size = 40, delay = 200 } = props ?? {};
 8 |   const [inited, setInited] = useState(false);
 9 |   const isUnmountRef = useUnmount();
10 |   useEffect(() => {
11 |     setTimeout(() => {
12 |       if (!isUnmountRef.current) {
13 |         setInited(true);
14 |       }
15 |     }, delay);
16 |   }, []);
17 |   return inited || delay < 1 ? <Spin size={size} /> : <div></div>;
18 | };
19 | 


--------------------------------------------------------------------------------
/packages/feiyu/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "files.eol": "\n",
 3 |   "editor.tabSize": 2,
 4 |   "editor.formatOnSave": true,
 5 |   "editor.defaultFormatter": "esbenp.prettier-vscode",
 6 |   "eslint.validate": [
 7 |     "javascript",
 8 |     "javascriptreact",
 9 |     "typescript",
10 |     "typescriptreact"
11 |   ],
12 |   "editor.codeActionsOnSave": {
13 |     "source.fixAll.eslint": "explicit"
14 |   },
15 |   "typescript.tsdk": "node_modules/typescript/lib",
16 |   "search.exclude": {
17 |     "**/.git": true,
18 |     "**/node_modules": true,
19 |     "*.lock": true
20 |   },
21 |   "files.exclude": {
22 |     "**/.git": true,
23 |     "**/node_modules": true
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useScreen.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect, useRef, useState } from 'react';
 2 | 
 3 | export const useScreen = () => {
 4 |   const ref = useRef<any>();
 5 |   const [screen, setScreen] = useState({
 6 |     width: window.innerWidth,
 7 |     height: window.innerHeight,
 8 |   });
 9 |   ref.current = setScreen;
10 | 
11 |   const _handleResize = () => {
12 |     ref.current({
13 |       width: window.innerWidth,
14 |       height: window.innerHeight,
15 |     });
16 |   };
17 | 
18 |   useEffect(() => {
19 |     window.addEventListener('resize', _handleResize);
20 |     return () => window.removeEventListener('resize', _handleResize);
21 |   }, []);
22 | 
23 |   return screen;
24 | };
25 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/public/logo.svg:
--------------------------------------------------------------------------------
 1 | <svg width="424" height="424" viewBox="0 0 424 424" fill="none"
 2 |     xmlns="http://www.w3.org/2000/svg">
 3 |     <g clip-path="url(#clip0_10_2)">
 4 |         <rect width="424" height="424" fill="black"/>
 5 |         <path d="M371 0H53C23.7289 0 0 23.7289 0 53V371C0 400.271 23.7289 424 53 424H371C400.271 424 424 400.271 424 371V53C424 23.7289 400.271 0 371 0Z" fill="black"/>
 6 |         <path d="M169.6 106C243.039 210.073 316.478 210.073 169.6 314.145" stroke="white" stroke-width="63.5979" stroke-linecap="round"/>
 7 |     </g>
 8 |     <defs>
 9 |         <clipPath id="clip0_10_2">
10 |             <rect width="424" height="424" rx="90" fill="white"/>
11 |         </clipPath>
12 |     </defs>
13 | </svg>
14 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Feature/index.jsx:
--------------------------------------------------------------------------------
 1 | import "./style.css";
 2 | 
 3 | export function Feature({ title, description, image, url }) {
 4 |   return (
 5 |     <div className="feature">
 6 |       <p style={{ fontSize: "2rem", fontWeight: "bold" }}>{title}</p>
 7 |       <p
 8 |         style={{
 9 |           margin:'0.5rem 0 2rem 0',
10 |           fontSize: "1.5rem",
11 |           fontWeight: "normal",
12 |           color: "rgba(0,0,0,50%)",
13 |         }}
14 |       >
15 |         {description}
16 |       </p>
17 |       <a href={url} target="_blank">
18 |         <img
19 |           src={image}
20 |           style={{
21 |             width: "100%",
22 |           }}
23 |         />
24 |       </a>
25 |     </div>
26 |   );
27 | }
28 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/utils/os.js:
--------------------------------------------------------------------------------
 1 | let { platform, userAgent, maxTouchPoints } = navigator;
 2 | userAgent = userAgent.toLowerCase();
 3 | platform = platform?.toLowerCase() || userAgent;
 4 | maxTouchPoints = maxTouchPoints || 1;
 5 | 
 6 | export const kIsIOS =
 7 |   /ipad|iphone|ipod/i.test(platform) ||
 8 |   (/mac/i.test(platform) && maxTouchPoints > 1);
 9 | 
10 | export const kIsAndroid =
11 |   /android/i.test(platform) || /android/i.test(userAgent);
12 | 
13 | export const kIsMac =
14 |   !kIsIOS && (/mac/i.test(platform) || /mac/i.test(userAgent));
15 | 
16 | export const kIsWindows = /win/i.test(platform) || /windows/i.test(userAgent);
17 | 
18 | export const kIsLinux =
19 |   !kIsAndroid && (/linux/i.test(platform) || /linux/i.test(userAgent));
20 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/InputKey/style.css:
--------------------------------------------------------------------------------
 1 | .ac-navbar-search-input-key {
 2 |   display: flex;
 3 |   flex-direction: row;
 4 |   justify-content: center;
 5 |   align-items: center;
 6 |   padding: 0 3px;
 7 |   margin: 0 0 0 4px;
 8 |   min-width: 17.21px;
 9 |   height: 20px;
10 |   left: 117px;
11 |   top: 6px;
12 |   background: #fff;
13 |   border: 1px solid #c9cdd4;
14 |   box-shadow: 0 1px 0 #c9cdd4;
15 |   border-radius: 3px;
16 |   font-size: 12px;
17 |   color: var(--color-text-3);
18 |   cursor: pointer;
19 | }
20 | 
21 | body[arco-theme="dark"] .ac-navbar-search-input-key {
22 |   background: #202022;
23 |   border: 1px solid hsl(0deg 0% 100% / 12%);
24 |   box-shadow: 0 1px 0 hsl(0deg 0% 100% / 12%);
25 |   color: hsl(0deg 0% 100% / 40%);
26 | }
27 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "feiyu-desktop",
 3 |   "private": true,
 4 |   "version": "2.0.0",
 5 |   "type": "module",
 6 |   "files": [
 7 |     "src"
 8 |   ],
 9 |   "module": "src/index.js",
10 |   "types": "src/index.d.ts",
11 |   "scripts": {
12 |     "icon": "tauri icon",
13 |     "dev": "tauri dev",
14 |     "build": "pnpm build:feiyu && pnpm tauri build",
15 |     "build:feiyu": "cd ../feiyu && pnpm build:desktop"
16 |   },
17 |   "dependencies": {
18 |     "@tauri-apps/api": "^2",
19 |     "@tauri-apps/plugin-os": "^2.0.0",
20 |     "@tauri-apps/plugin-process": "^2.0.0",
21 |     "@tauri-apps/plugin-updater": "^2.0.0"
22 |   },
23 |   "devDependencies": {
24 |     "@tauri-apps/cli": "2",
25 |     "fs-extra": "^11.2.0"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/clipborad.ts:
--------------------------------------------------------------------------------
 1 | import { Message } from '@arco-design/web-react';
 2 | 
 3 | import { showCopyModal } from '@/pages/settings/modals';
 4 | 
 5 | import { jsonEncode } from './base';
 6 | 
 7 | export const clipboard = {
 8 |   async read() {
 9 |     try {
10 |       return await navigator.clipboard?.readText();
11 |     } catch {
12 |       return null;
13 |     }
14 |   },
15 |   async write(text?: string) {
16 |     if (!text) {
17 |       return false;
18 |     }
19 |     try {
20 |       await navigator.clipboard?.writeText(text);
21 |       Message.success('已复制到粘贴板');
22 |     } catch {
23 |       showCopyModal(text);
24 |     }
25 |     return true;
26 |   },
27 |   async writeJSON(data?: any) {
28 |     return clipboard.write(jsonEncode(data));
29 |   },
30 | };
31 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/Cargo.toml:
--------------------------------------------------------------------------------
 1 | [package]
 2 | name = "feiyu-desktop"
 3 | version = "2.0.0"
 4 | description = "一个漂亮得不像实力派的在线视频播放器 ✨"
 5 | authors = ["Del.Wang"]
 6 | license = "GPL-3.0-only"
 7 | repository = "https://github.com/idootop/feiyu-player"
 8 | edition = "2021"
 9 | 
10 | # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
11 | 
12 | [build-dependencies]
13 | tauri-build = { version = "2", features = [] }
14 | 
15 | [dependencies]
16 | tauri = { version = "2", features = ["macos-private-api"] }
17 | tauri-plugin-os = "2"
18 | tauri-plugin-shell = "2"
19 | tauri-plugin-process = "2"
20 | tauri-plugin-updater = "2"
21 | tauri-plugin-cors-fetch = "2.1.1"
22 | serde = { version = "1", features = ["derive"] }
23 | serde_json = "1"
24 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src/index.d.ts:
--------------------------------------------------------------------------------
 1 | import { invoke } from "@tauri-apps/api/core";
 2 | import { Update } from "@tauri-apps/plugin-updater";
 3 | import { WebviewWindow } from "@tauri-apps/api/webviewWindow";
 4 | 
 5 | declare class Updater {
 6 |   checking: boolean;
 7 |   updater?: Update;
 8 |   needUpdate: () => Promise<boolean>;
 9 |   update: () => Promise<void>;
10 |   check: () => Promise<Update | undefined>;
11 |   download: () => Promise<boolean>;
12 | }
13 | 
14 | declare class _FeiyuDesktop {
15 |   isDesktop: boolean;
16 |   isMac: boolean;
17 |   isWindows: boolean;
18 |   isLinux: boolean;
19 |   init: () => Promise<void>;
20 |   invoke?: typeof invoke;
21 |   window?: WebviewWindow;
22 |   updater?: Updater;
23 | }
24 | declare const FeiyuDesktop: _FeiyuDesktop;
25 | export { FeiyuDesktop };
26 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/usePWA.ts:
--------------------------------------------------------------------------------
 1 | import { useRegisterSW } from 'virtual:pwa-register/react';
 2 | import { useXState } from 'xsta';
 3 | 
 4 | const kInstalledPWA = 'kInstalledPWA';
 5 | export const usePWA = () => {
 6 |   const [installed, setInstalled] = useXState(kInstalledPWA);
 7 |   const {
 8 |     offlineReady: [offlineReady, setOfflineReady],
 9 |     needRefresh: [needRefresh, setNeedRefresh],
10 |     updateServiceWorker,
11 |   } = useRegisterSW({
12 |     onRegisteredSW() {
13 |       setInstalled(true);
14 |     },
15 |   });
16 | 
17 |   return {
18 |     installed,
19 |     offlineReady,
20 |     needUpdate: needRefresh,
21 |     update() {
22 |       updateServiceWorker(true);
23 |     },
24 |     cancel() {
25 |       setOfflineReady(false);
26 |       setNeedRefresh(false);
27 |     },
28 |   };
29 | };
30 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useSearchHistory.ts:
--------------------------------------------------------------------------------
 1 | import { useXState } from 'xsta';
 2 | 
 3 | import { storage } from '@/services/storage/storage';
 4 | import { toSet } from '@/utils/base';
 5 | 
 6 | const _key = 'kSearchHistory';
 7 | export const useSearchHistory = () => {
 8 |   const [history, setValue] = useXState<string[]>(
 9 |     _key,
10 |     storage.get(_key) || [],
11 |   );
12 | 
13 |   const updateValue = (data: string[]) => {
14 |     storage.set(_key, data);
15 |     setValue(data);
16 |   };
17 | 
18 |   const addHistory = (keyword: string) => {
19 |     const data = toSet([keyword, ...history]);
20 |     updateValue(data);
21 |   };
22 | 
23 |   const clearHistory = () => {
24 |     updateValue([]);
25 |   };
26 | 
27 |   return {
28 |     history,
29 |     addHistory,
30 |     clearHistory,
31 |   };
32 | };
33 | 


--------------------------------------------------------------------------------
/packages/feiyu/.vscode/launch.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": "0.2.0",
 3 |   "configurations": [
 4 |     {
 5 |       "name": "Launch Chrome",
 6 |       "type": "pwa-chrome",
 7 |       "request": "launch",
 8 |       "url": "http://localhost:3000/",
 9 |       "webRoot": "${workspaceFolder}"
10 |     },
11 |     {
12 |       "name": "Test.ts",
13 |       "type": "node",
14 |       "request": "launch",
15 |       "args": ["${workspaceFolder}/scripts/test.ts"],
16 |       "runtimeArgs": [
17 |         "-r",
18 |         "ts-node/register",
19 |         "-r",
20 |         "tsconfig-paths/register"
21 |       ],
22 |       "cwd": "${workspaceRoot}",
23 |       "protocol": "inspector",
24 |       "internalConsoleOptions": "openOnSessionStart",
25 |       "env": {
26 |         "NODE_ENV": "development"
27 |       }
28 |     }
29 |   ]
30 | }
31 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/hooks/useHover.js:
--------------------------------------------------------------------------------
 1 | import { useState, useEffect, useRef } from "react";
 2 | 
 3 | export function useHover() {
 4 |   const [isHovered, setIsHovered] = useState(false);
 5 |   const hoverRef = useRef(null);
 6 | 
 7 |   const handleMouseEnter = () => setIsHovered(true);
 8 |   const handleMouseLeave = () => setIsHovered(false);
 9 | 
10 |   useEffect(() => {
11 |     const node = hoverRef.current;
12 |     if (node) {
13 |       node.addEventListener("mouseenter", handleMouseEnter);
14 |       node.addEventListener("mouseleave", handleMouseLeave);
15 | 
16 |       return () => {
17 |         node.removeEventListener("mouseenter", handleMouseEnter);
18 |         node.removeEventListener("mouseleave", handleMouseLeave);
19 |       };
20 |     }
21 |   }, [hoverRef.current]);
22 | 
23 |   return { hoverRef, isHovered };
24 | }
25 | 


--------------------------------------------------------------------------------
/packages/feiyu/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "ESNext",
 4 |     "module": "commonjs",
 5 |     "moduleResolution": "Node",
 6 |     "useDefineForClassFields": true,
 7 |     "lib": ["DOM", "DOM.Iterable", "ESNext", "WebWorker"],
 8 |     "allowJs": false,
 9 |     "noImplicitAny": false,
10 |     "skipLibCheck": true,
11 |     "allowSyntheticDefaultImports": true,
12 |     "strict": true,
13 |     "forceConsistentCasingInFileNames": true,
14 |     "esModuleInterop": true,
15 |     "resolveJsonModule": true,
16 |     "isolatedModules": true,
17 |     "noEmit": true,
18 |     "jsx": "react-jsx",
19 |     "sourceMap": true,
20 |     "paths": {
21 |       "@/*": ["./src/*"]
22 |     }
23 |   },
24 |   "include": ["src", "scripts", ".config.ts", "src/data/default.ts"],
25 |   "references": [{ "path": "./tsconfig.node.json" }]
26 | }
27 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/index.css:
--------------------------------------------------------------------------------
 1 | *,
 2 | *::after,
 3 | *::before {
 4 |   box-sizing: border-box;
 5 | }
 6 | 
 7 | html,
 8 | body,
 9 | :root {
10 |   margin: 0;
11 |   font-family: system-ui;
12 |   font-size: 14px;
13 |   line-height: 20px;
14 |   font-weight: 400;
15 |   text-rendering: optimizelegibility;
16 |   -webkit-font-smoothing: antialiased;
17 |   -moz-osx-font-smoothing: grayscale;
18 |   text-size-adjust: 100%;
19 |   -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
20 | }
21 | 
22 | body {
23 |   --color-bg-card: rgb(var(--gray-1));
24 |   --color-border: #ebecf0;
25 | }
26 | 
27 | body[arco-theme='dark'] {
28 |   --color-bg-card: var(--color-bg-3);
29 |   --color-border: #2e2e31;
30 | }
31 | 
32 | a:focus,
33 | input:focus,
34 | p:focus,
35 | div:focus {
36 |   -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
37 | }
38 | 
39 | .arco-dropdown {
40 |   z-index: 2;
41 | }


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/capabilities/main.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "../gen/schemas/desktop-schema.json",
 3 |   "identifier": "default",
 4 |   "description": "Capability for the main window",
 5 |   "windows": ["main"],
 6 |   "permissions": [
 7 |     "core:path:default",
 8 |     "core:event:default",
 9 |     "core:window:default",
10 |     "core:app:default",
11 |     "core:resources:default",
12 |     "core:menu:default",
13 |     "core:tray:default",
14 |     "cors-fetch:default",
15 |     "core:window:allow-close",
16 |     "core:window:allow-minimize",
17 |     "core:window:allow-toggle-maximize",
18 |     "core:window:allow-start-dragging",
19 |     "core:window:allow-is-fullscreen",
20 |     "core:window:allow-set-fullscreen",
21 |     "shell:allow-open",
22 |     "updater:default",
23 |     "process:allow-restart",
24 |     "os:allow-os-type"
25 |   ]
26 | }
27 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/layouts/Header.jsx:
--------------------------------------------------------------------------------
 1 | import { IconGithub } from "../components/Icons/IconGithub";
 2 | 
 3 | export function Header() {
 4 |   return (
 5 |     <div className="row" style={{ justifyContent: "space-between" }}>
 6 |       <a className="row" href="/">
 7 |         <img
 8 |           src="/logo.svg"
 9 |           style={{
10 |             height: "2rem",
11 |             marginRight: "0.8rem",
12 |           }}
13 |         />
14 |         <p
15 |           style={{
16 |             fontSize: "1.8rem",
17 |             fontWeight: "bold",
18 |           }}
19 |         >
20 |           飞鱼
21 |         </p>
22 |       </a>
23 |       <a
24 |         className="row"
25 |         href="https://github.com/idootop/feiyu-player"
26 |         target="_blank"
27 |       >
28 |         <IconGithub size="2rem" />
29 |       </a>
30 |     </div>
31 |   );
32 | }
33 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/types.ts:
--------------------------------------------------------------------------------
 1 | import { CSSProperties, FC, ReactNode } from 'react';
 2 | 
 3 | // Generics
 4 | 
 5 | /**
 6 |  * `['name', 'email']` becomes `'name' | 'email'`
 7 |  */
 8 | export type ArrayElement<ArrayType extends readonly unknown[]> =
 9 |   ArrayType[number];
10 | 
11 | export type DeepPartial<T> = T extends object
12 |   ? {
13 |       [P in keyof T]?: DeepPartial<T[P]>;
14 |     }
15 |   : T;
16 | 
17 | // 此处放一些全局类型
18 | 
19 | export type LComponent<T = any> = FC<T>;
20 | 
21 | export type LNode = ReactNode;
22 | 
23 | export type LCSS = CSSProperties;
24 | 
25 | export type Callback<T = any> = () => T;
26 | 
27 | export type CallbackWith<T = any, R = any> = (v: T) => R;
28 | 
29 | export type VoidCallback = () => void;
30 | 
31 | export type AsyncVoidCallback = () => Promise<void>;
32 | 
33 | export type VoidCallbackWith<T> = (v: T) => void;
34 | 
35 | export type LNodeBuilder = () => LNode;
36 | 


--------------------------------------------------------------------------------
/packages/feiyu-docker/README.md:
--------------------------------------------------------------------------------
 1 | # 飞鱼 Docker
 2 | 
 3 | ## 使用方法
 4 | 
 5 | 飞鱼提供 Docker 镜像一键部署，用户无需手动编译即可快速体验。
 6 | 
 7 | [![Docker Image Version](https://img.shields.io/docker/v/idootop/feiyu?color=%23086DCD&label=docker%20image)](https://hub.docker.com/r/idootop/feiyu)
 8 | 
 9 | ```shell
10 | docker run -d -p 4399:3000 idootop/feiyu:latest
11 | ```
12 | 
13 | 启动成功后，即可通过 [http://localhost:4399](http://localhost:4399) 访问飞鱼。
14 | 
15 | **自定义配置**
16 | 
17 | 如需自定义默认配置(如视频源等)，可在本地创建 `feiyu.json` 配置文件，并按如下方式挂载启动:
18 | 
19 | ```shell
20 | docker run -d -p 4399:3000 -v $(pwd)/feiyu.json:/app/feiyu.json idootop/feiyu:latest
21 | ```
22 | 
23 | ## 本地开发
24 | 
25 | ```bash
26 | # 克隆本项目
27 | git clone https://github.com/idootop/feiyu-player
28 | cd feiyu-player/packages/feiyu
29 | 
30 | # 构建 feiyu 网页版
31 | pnpm build:web
32 | 
33 | # 复制产物
34 | cd ../feiyu-docker
35 | rm -rf dist && cp -r ../feiyu/dist .
36 | 
37 | # 构建镜像
38 | docker build -t feiyu .
39 | ```
40 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/utils/scf/response.ts:
--------------------------------------------------------------------------------
 1 | import { jsonEncode } from '../base';
 2 | 
 3 | const _contentTypes: any = {
 4 |   json: 'application/json; charset=utf-8',
 5 |   html: 'text/html; charset=utf-8',
 6 |   text: 'text/plain; charset=utf-8',
 7 |   xml: 'text/xml; charset=utf-8',
 8 | };
 9 | 
10 | export const scfResponse = (
11 |   body: any,
12 |   config?: {
13 |     code?: number;
14 |     type?: 'json' | 'html' | 'text' | 'xml' | string;
15 |     headers?: Record<string, string>;
16 |   },
17 | ) => {
18 |   const { code = 200, type = 'json', headers } = config ?? {};
19 |   return {
20 |     isBase64Encoded: false,
21 |     statusCode: code,
22 |     headers: {
23 |       'content-type': _contentTypes[type] ?? type,
24 |       ...headers,
25 |       'access-control-allow-origin': '*', // 允许跨域请求
26 |       'access-control-allow-headers': '*',
27 |     },
28 |     body: type.toLowerCase().includes('json') ? jsonEncode(body) : body,
29 |   };
30 | };
31 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/hooks/useMousePosition.js:
--------------------------------------------------------------------------------
 1 | import { useState, useEffect, useRef } from "react";
 2 | 
 3 | export function useMousePosition() {
 4 |   const ref = useRef(null);
 5 |   const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
 6 |   const [offset, setOffset] = useState({ x: 0, y: 0 });
 7 |   useEffect(() => {
 8 |     const handleMouseMove = (event) => {
 9 |       setMousePosition({ x: event.clientX, y: event.clientY });
10 |       if (ref.current) {
11 |         const rect = ref.current.getBoundingClientRect();
12 |         setOffset({
13 |           x: event.clientX - (rect.left + rect.width / 2),
14 |           y: event.clientY - (rect.top + rect.height / 2),
15 |         });
16 |       }
17 |     };
18 |     window.addEventListener("mousemove", handleMouseMove);
19 |     return () => {
20 |       window.removeEventListener("mousemove", handleMouseMove);
21 |     };
22 |   }, []);
23 | 
24 |   return { ...mousePosition, offset, ref };
25 | }
26 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/index.tsx:
--------------------------------------------------------------------------------
 1 | import {
 2 |   IconFile,
 3 |   IconHome,
 4 |   IconSchedule,
 5 |   IconSettings,
 6 |   IconStar,
 7 | } from '@arco-design/web-react/icon';
 8 | 
 9 | import { getPageBuilder, RoutePage } from '@/services/routes/page';
10 | 
11 | // @ts-ignore
12 | const modules = import.meta.glob(['./**/index.tsx']) as any;
13 | 
14 | export const kRoutePages: RoutePage[] = [
15 |   {
16 |     title: '首页',
17 |     key: 'home',
18 |     icon: <IconHome />,
19 |   },
20 |   {
21 |     title: '播放列表',
22 |     key: 'playlist',
23 |     icon: <IconFile />,
24 |   },
25 |   {
26 |     title: '我的收藏',
27 |     key: 'favorite',
28 |     icon: <IconStar />,
29 |   },
30 |   {
31 |     title: '播放历史',
32 |     key: 'history',
33 |     icon: <IconSchedule />,
34 |   },
35 |   {
36 |     title: '设置',
37 |     key: 'settings',
38 |     icon: <IconSettings />,
39 |   },
40 | ].map((page) => ({
41 |   ...page,
42 |   pageBuilder: getPageBuilder(modules, page.key),
43 | }));
44 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/abort.ts:
--------------------------------------------------------------------------------
 1 | export interface AbortConfig {
 2 |   signal?: AbortSignal;
 3 | }
 4 | 
 5 | export const withAbort = <T = any>(
 6 |   p: Promise<T>,
 7 |   signal?: AbortSignal,
 8 | ): Promise<T> => {
 9 |   return new Promise((resolve, reject) => {
10 |     if (signal?.aborted) {
11 |       reject('abort');
12 |     }
13 |     const _listener = () => reject('abort');
14 |     signal?.addEventListener('abort', _listener);
15 |     p.then((result) => {
16 |       signal?.removeEventListener('abort', _listener);
17 |       resolve(result);
18 |     }).catch((err) => {
19 |       signal?.removeEventListener('abort', _listener);
20 |       reject(err);
21 |     });
22 |   });
23 | };
24 | 
25 | export const getAbort = () => {
26 |   let controller = new AbortController();
27 |   const signal = controller.signal;
28 |   return {
29 |     signal,
30 |     abort: () => {
31 |       controller?.abort();
32 |       controller = null as any;
33 |     },
34 |   };
35 | };
36 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Text.tsx:
--------------------------------------------------------------------------------
 1 | import { Typography } from '@arco-design/web-react';
 2 | import { forwardRef } from 'react';
 3 | 
 4 | import { BoxProps, getBoxProps } from './Box';
 5 | 
 6 | interface TextProps extends BoxProps {
 7 |   maxLines?: number;
 8 |   /**
 9 |    * 是否展示折叠展开
10 |    */
11 |   expandable?: boolean;
12 |   /**
13 |    * 使用 css 计算省略符号
14 |    */
15 |   cssEllipsis?: boolean;
16 | }
17 | 
18 | export const Text = forwardRef((props: TextProps, _ref: any) => {
19 |   const { children, maxLines, expandable, cssEllipsis } = props;
20 |   const boxProps = getBoxProps(props);
21 |   return (
22 |     <Typography.Paragraph
23 |       {...boxProps}
24 |       spacing="close"
25 |       ellipsis={
26 |         maxLines
27 |           ? {
28 |               rows: maxLines,
29 |               expandable,
30 |               cssEllipsis,
31 |             }
32 |           : undefined
33 |       }
34 |     >
35 |       {children}
36 |     </Typography.Paragraph>
37 |   );
38 | });
39 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/index.tsx:
--------------------------------------------------------------------------------
 1 | import { LRoute, LRoutes } from '@/services/routes';
 2 | import {
 3 |   getPageBuilder,
 4 |   RoutePage,
 5 |   useFallbackToIndex,
 6 | } from '@/services/routes/page';
 7 | 
 8 | // @ts-ignore
 9 | const modules = import.meta.glob(['./**/index.tsx']) as any;
10 | 
11 | const pages: RoutePage[] = [
12 |   // 子页面
13 |   'hot',
14 |   'search',
15 |   'play',
16 | ].map((page) => ({
17 |   key: page,
18 |   pageBuilder: getPageBuilder(modules, page),
19 | }));
20 | 
21 | const parent = '/home/';
22 | const index = pages[0].key;
23 | 
24 | export const useHomeIndexFallback = () => {
25 |   return useFallbackToIndex(pages, { parent, index });
26 | };
27 | 
28 | const Home = () => {
29 |   useHomeIndexFallback();
30 |   return (
31 |     <LRoutes parent={parent}>
32 |       {pages.map((e) => {
33 |         return <LRoute key={e.key} path={e.key} builder={e.pageBuilder} />;
34 |       })}
35 |     </LRoutes>
36 |   );
37 | };
38 | 
39 | export default <Home />;
40 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/styles/scrollbar.css:
--------------------------------------------------------------------------------
 1 | .arco-modal-wrapper {
 2 |   scrollbar-width: none !important;
 3 | }
 4 | 
 5 | .arco-modal-wrapper::-webkit-scrollbar {
 6 |   display: none !important;
 7 | }
 8 | 
 9 | .hide-scrollbar {
10 |   scrollbar-width: none !important;
11 | }
12 | 
13 | .hide-scrollbar::-webkit-scrollbar {
14 |   display: none !important;
15 | }
16 | 
17 | .normal-scrollbar {
18 |   scrollbar-width: thin;
19 |   scrollbar-color: transparent transparent;
20 | }
21 | 
22 | .normal-scrollbar:hover {
23 |   scrollbar-color: var(--color-neutral-3) transparent;
24 | }
25 | 
26 | .normal-scrollbar::-webkit-scrollbar {
27 |   width: 8px;
28 |   height: 8px;
29 | }
30 | 
31 | .normal-scrollbar::-webkit-scrollbar-thumb {
32 |   border-radius: 8px;
33 |   background-color: transparent;
34 | }
35 | 
36 | .normal-scrollbar::-webkit-scrollbar-track {
37 |   background-color: transparent;
38 | }
39 | 
40 | .normal-scrollbar:hover::-webkit-scrollbar-thumb {
41 |   background-color: var(--color-neutral-3);
42 | }


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Icons/IconMac.jsx:
--------------------------------------------------------------------------------
 1 | import { getIconProps } from ".";
 2 | 
 3 | export function IconMac(p) {
 4 |   const props = getIconProps(p);
 5 |   return (
 6 |     <svg {...props}>
 7 |       <path d="M197.874 136.523C197.551 104.102 224.314 88.554 225.51 87.7815C210.472 65.7765 187.047 62.762 178.699 62.4135C158.764 60.395 139.8 74.1505 129.683 74.1505C119.591 74.1505 103.978 62.712 87.4448 63.0125C65.7158 63.3355 45.6803 75.647 34.4918 95.1075C11.9158 134.282 28.7103 192.318 50.7143 224.089C61.4663 239.64 74.2873 257.108 91.1208 256.484C107.331 255.837 113.461 245.995 133.06 245.995C152.658 245.995 158.167 256.484 175.322 256.162C192.766 255.838 203.818 240.312 214.495 224.713C226.843 206.671 231.927 189.204 232.226 188.307C231.839 188.13 198.211 175.247 197.874 136.523ZM165.64 41.3805C174.575 30.541 180.605 15.5025 178.96 0.5C166.091 1.024 150.491 9.0725 141.258 19.8875C132.972 29.4815 125.721 44.794 127.664 59.4965C142.031 60.6175 156.696 52.1955 165.64 41.3805Z" />
 8 |     </svg>
 9 |   );
10 | }
11 | 


--------------------------------------------------------------------------------
/packages/feiyu/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="zh-CN">
 3 | 
 4 | <head>
 5 |   <meta charset="UTF-8" />
 6 |   <meta name="renderer" content="webkit">
 7 |   <meta name="referrer" content="no-referrer">
 8 |   <meta name="viewport"
 9 |     content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
10 |   <title>
11 |     <%- title %>
12 |   </title>
13 |   <meta name="description" content="<%- description %>">
14 |   <!-- PWA -->
15 |   <link rel="icon" href="/logo.svg" type="image/svg+xml">
16 |   <meta name="mobile-web-app-capable" content="yes">
17 |   <meta name="apple-mobile-web-app-capable" content="yes">
18 |   <link rel="apple-touch-icon" href="/pwa/logo-192.png">
19 |   <link rel="mask-icon" href="/logo.svg" color="#ffffff">
20 |   <meta name="msapplication-TileColor" content="#ffffff">
21 |   <meta name="theme-color" content="#ffffff">
22 | </head>
23 | 
24 | <body>
25 |   <div id="app"></div>
26 |   <script type="module" src="/src/main.tsx"></script>
27 | </body>
28 | 
29 | </html>


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useDarkMode.ts:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | import { useXState } from 'xsta';
 3 | 
 4 | import { storage } from '@/services/storage/storage';
 5 | 
 6 | 
 7 | const _darkModeKey = 'isDarkMode';
 8 | 
 9 | export const useDarkMode = () => {
10 |   const [isDarkMode, setIsDarkMode] = useXState<boolean>(_darkModeKey);
11 |   const switchDarkMode: any = () => {
12 |     if (isDarkMode) {
13 |       document.body.setAttribute('arco-theme', 'light');
14 |     } else {
15 |       document.body.setAttribute('arco-theme', 'dark');
16 |     }
17 |     setIsDarkMode(!isDarkMode);
18 |     storage.set(_darkModeKey, !isDarkMode);
19 |   };
20 |   useEffect(() => {
21 |     if (isDarkMode === undefined) {
22 |       const _isDark = storage.get(_darkModeKey) === true;
23 |       setIsDarkMode(_isDark);
24 |       if (!_isDark) {
25 |         document.body.setAttribute('arco-theme', 'light');
26 |       } else {
27 |         document.body.setAttribute('arco-theme', 'dark');
28 |       }
29 |     }
30 |   }, []);
31 |   return { isDarkMode, switchDarkMode };
32 | };
33 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/douban/useSearchHotMovies.ts:
--------------------------------------------------------------------------------
 1 | import { XSta } from 'xsta';
 2 | 
 3 | import { appConfig } from '@/data/config';
 4 | import { useSearchDatas } from '@/hooks/useSearchDatas';
 5 | import { http } from '@/services/http';
 6 | 
 7 | import { isArray, isString } from '../is';
 8 | import { DoubanHotMovie } from '.';
 9 | 
10 | export const kHotMoviesKey = 'kHotMovies';
11 | export const getHotMovies = () => XSta.get<DoubanHotMovie[]>(kHotMoviesKey);
12 | 
13 | export const useSearchHotMovies = () => {
14 |   return useSearchDatas<any, DoubanHotMovie>({
15 |     isEqual: () => false,
16 |     async onSearch() {
17 |       const currenHotMovies = XSta.get(kHotMoviesKey);
18 |       if (currenHotMovies) return currenHotMovies;
19 |       const hotMovies = (await appConfig.get()).hotMovies;
20 |       const movies = isString(hotMovies)
21 |         ? await http.get(hotMovies as string)
22 |         : hotMovies;
23 |       if (!isArray(movies)) {
24 |         return []; // 非预期数据
25 |       }
26 |       XSta.set(kHotMoviesKey, movies);
27 |       return movies;
28 |     },
29 |   });
30 | };
31 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Button/Download.jsx:
--------------------------------------------------------------------------------
 1 | import { kIsLinux, kIsMac, kIsWindows } from "../../utils/os";
 2 | import { Button } from ".";
 3 | import { IconMac } from "../Icons/IconMac";
 4 | import { IconLinux } from "../Icons/IconLinux";
 5 | import { IconWindows } from "../Icons/IconWindows";
 6 | import { IconGithub } from "../Icons/IconGithub";
 7 | 
 8 | const kReleasePage = "https://github.com/idootop/feiyu-player/releases";
 9 | const kDownloadPath = kReleasePage + "/download/latest/";
10 | 
11 | export function Download() {
12 |   const Icon = kIsMac
13 |     ? IconMac
14 |     : kIsWindows
15 |     ? IconWindows
16 |     : kIsLinux
17 |     ? IconLinux
18 |     : IconGithub;
19 | 
20 |   const download = kIsMac
21 |     ? "feiyu_macos_universal.dmg"
22 |     : kIsWindows
23 |     ? "feiyu_windows_x86_64.exe"
24 |     : kIsLinux
25 |     ? "feiyu_linux_x86_64.deb"
26 |     : false;
27 | 
28 |   return (
29 |     <Button
30 |       url={download ? kDownloadPath + download : kReleasePage}
31 |       download={download}
32 |     >
33 |       <Icon />
34 |       下载
35 |     </Button>
36 |   );
37 | }
38 | 


--------------------------------------------------------------------------------
/packages/feiyu/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   env: {
 3 |     es2021: true,
 4 |     browser: true,
 5 |     commonjs: true,
 6 |     worker: true,
 7 |     serviceworker: true,
 8 |   },
 9 |   parser: '@typescript-eslint/parser',
10 |   parserOptions: {
11 |     ecmaVersion: 'latest',
12 |     lib: ['dom', 'esnext', 'webworker'],
13 |   },
14 |   plugins: ['@typescript-eslint', 'import', 'simple-import-sort'],
15 |   extends: [
16 |     'eslint:recommended',
17 |     'plugin:@typescript-eslint/recommended',
18 |     'prettier',
19 |   ],
20 |   rules: {
21 |     '@typescript-eslint/ban-ts-comment': 'off',
22 |     '@typescript-eslint/no-explicit-any': 'off',
23 |     'simple-import-sort/imports': 'error',
24 |     'simple-import-sort/exports': 'error',
25 |     'import/first': 'error',
26 |     'import/newline-after-import': 'error',
27 |     'import/no-duplicates': 'error',
28 |     '@typescript-eslint/no-non-null-assertion': 'off',
29 |     '@typescript-eslint/explicit-module-boundary-types': 'off',
30 |     '@typescript-eslint/no-unused-vars': [
31 |       'error',
32 |       { argsIgnorePattern: '^_', varsIgnorePattern: '^_' },
33 |     ],
34 |   },
35 | };
36 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/data/config/types.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 资源站
 3 |  */
 4 | interface SearchProvider {
 5 |   /**
 6 |    * 资源站名称
 7 |    */
 8 |   key: string;
 9 |   /**
10 |    * 资源站接口
11 |    */
12 |   api: string;
13 | }
14 | 
15 | /**
16 |  * 热门电影
17 |  */
18 | export interface HotMovie {
19 |   id: string; //      '26302614'
20 |   isNew: boolean; //   false
21 |   title: string; //   '请回答1988'
22 |   cover: string; //   'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2272563445.jpg'
23 |   rate: string; //    '9.7'
24 | }
25 | 
26 | /**
27 |  * 订阅配置
28 |  */
29 | export interface Subscribe {
30 |   /**
31 |    * 配置版本号 (1.0.0)
32 |    */
33 |   version: string;
34 |   /**
35 |    * 订阅名称（不可编辑）
36 |    */
37 |   name: string;
38 |   /**
39 |    * 订阅链接（本地配置无此参数）
40 |    */
41 |   server?: string;
42 |   /**
43 |    * 最后更新时间
44 |    */
45 |   lastUpdate: number;
46 |   /**
47 |    * 完整配置
48 |    */
49 |   feiyu: FeiyuConfig;
50 | }
51 | 
52 | export type FeiyuConfig = {
53 |   /**
54 |    * 资源站列表
55 |    */
56 |   videoSources?: SearchProvider[];
57 |   /**
58 |    * 首页热门电影
59 |    */
60 |   hotMovies?: HotMovie[] | string;
61 |   /**
62 |    * 网络请求代理地址
63 |    */
64 |   proxy?: string;
65 | };
66 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/layouts/Features.jsx:
--------------------------------------------------------------------------------
 1 | import { Feature } from "../components/Feature";
 2 | 
 3 | export function Features() {
 4 |   return (
 5 |     <div
 6 |       style={{
 7 |         marginTop: "4rem",
 8 |       }}
 9 |     >
10 |       <Feature
11 |         title="🐳 海量资源，随心搜索"
12 |         description="支持多种视频源，聚合搜索，看你想看"
13 |         image="/screenshots/search.webp"
14 |       />
15 |       <Feature
16 |         title="🦀 一键订阅，自由分享"
17 |         description="一键订阅视频源，从此找资源不求人"
18 |         image="/screenshots/subscribe.webp"
19 |       />
20 |       <Feature
21 |         title="🦋 界面极简，超高颜值"
22 |         description="颜值即正义，给你极致观影体验"
23 |         image="/screenshots/play.webp"
24 |       />
25 |       <Feature
26 |         title="🦄 体积小巧，快如闪电"
27 |         description="极至精简，安装包不足 10 MB"
28 |         image="/screenshots/size.webp"
29 |         url="https://github.com/idootop/feiyu-player/releases/tag/latest"
30 |       />
31 |       <Feature
32 |         title="🐟 随时随地，想看就看"
33 |         description="网页、Windows、macOS、Linux 全平台支持"
34 |         image="/screenshots/platform.webp"
35 |         url="https://github.com/idootop/feiyu-player/releases/tag/latest"
36 |       />
37 |     </div>
38 |   );
39 | }
40 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/data/default.ts:
--------------------------------------------------------------------------------
 1 | import { FeiyuConfig } from './config/types';
 2 | 
 3 | export default {
 4 |   proxy: 'https://example.vercel.app/api/proxy',
 5 |   videoSources: [
 6 |     {
 7 |       key: '视频源',
 8 |       api: 'https://api1.example.com/api.php/provide/vod/at/xml',
 9 |     },
10 |   ],
11 |   hotMovies: [
12 |     {
13 |       id: '35588177',
14 |       isNew: false,
15 |       title: '漫长的季节',
16 |       cover:
17 |         'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2890906384.jpg',
18 |       rate: '9.4',
19 |     },
20 |     {
21 |       id: '26302614',
22 |       isNew: false,
23 |       title: '请回答1988',
24 |       cover:
25 |         'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2272563445.jpg',
26 |       rate: '9.7',
27 |     },
28 |     {
29 |       id: '25848328',
30 |       isNew: false,
31 |       title: '最后生还者 第一季',
32 |       cover:
33 |         'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2884221114.jpg',
34 |       rate: '9.1',
35 |     },
36 |     {
37 |       id: '36722428',
38 |       isNew: false,
39 |       title: '思想验证区域：The Community',
40 |       cover:
41 |         'https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2903848858.jpg',
42 |       rate: '9.5',
43 |     },
44 |   ],
45 | } as FeiyuConfig;
46 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useMeasure.ts:
--------------------------------------------------------------------------------
 1 | import { useLayoutEffect, useRef } from 'react';
 2 | 
 3 | import { isNotEqual } from '@/utils/diff';
 4 | 
 5 | import { useInterval } from './useInterval';
 6 | 
 7 | export interface Size {
 8 |   width: number;
 9 |   height: number;
10 | }
11 | export const useMeasure = (props: {
12 |   onResize: (size: Size) => void;
13 |   useInterval?: boolean;
14 | }) => {
15 |   const { onResize, useInterval: _useInterval = true } = props;
16 |   const elRef = useRef<HTMLElement>();
17 |   const sizeRef = useRef({
18 |     width: 0,
19 |     height: 0,
20 |   });
21 | 
22 |   // 使用轮训的方式，监听尺寸变化
23 |   useInterval(
24 |     () => {
25 |       if (_useInterval && elRef.current) {
26 |         const currentSize = {
27 |           width: elRef.current.clientWidth,
28 |           height: elRef.current.clientHeight,
29 |         };
30 |         if (isNotEqual(sizeRef.current, currentSize)) {
31 |           onResize(currentSize);
32 |           sizeRef.current = currentSize;
33 |         }
34 |       }
35 |     },
36 |     _useInterval ? 100 : 1000 * 60 * 60 * 24,
37 |   );
38 | 
39 |   // 只在初始化时获取一次
40 |   useLayoutEffect(() => {
41 |     if (elRef.current) {
42 |       onResize({
43 |         width: elRef.current.clientWidth,
44 |         height: elRef.current.clientHeight,
45 |       });
46 |     }
47 |   }, []);
48 | 
49 |   return elRef;
50 | };
51 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Box.tsx:
--------------------------------------------------------------------------------
 1 | import { CSSProperties, forwardRef, MouseEventHandler, ReactNode } from 'react';
 2 | 
 3 | import { isArray } from '@/utils/is';
 4 | 
 5 | export interface BaseStyles {
 6 |   size?: string | number;
 7 | }
 8 | 
 9 | export interface BaseProps extends BaseStyles {
10 |   style?: CSSProperties;
11 |   extStyle?: CSSProperties;
12 |   children?: ReactNode;
13 |   id?: string;
14 |   className?: string | string[];
15 |   onClick?: MouseEventHandler | undefined;
16 | }
17 | 
18 | export type BoxProps = CSSProperties & BaseProps;
19 | 
20 | export const getBoxProps = (props: BoxProps) => {
21 |   const {
22 |     style,
23 |     id,
24 |     className: _class,
25 |     onClick,
26 |     extStyle = {},
27 |     size,
28 |     ...styles
29 |   } = props ?? {};
30 |   if (size) {
31 |     extStyle.width = size;
32 |     extStyle.height = size;
33 |   }
34 |   const className = isArray(_class) ? (_class as any)!.join(' ') : _class;
35 |   return {
36 |     id,
37 |     onClick,
38 |     className,
39 |     style: {
40 |       ...style,
41 |       ...styles,
42 |       ...extStyle,
43 |     },
44 |   };
45 | };
46 | 
47 | export const Box = forwardRef((props: BoxProps, ref: any) => {
48 |   const { children } = props;
49 |   const boxProps = getBoxProps(props);
50 |   return (
51 |     <div ref={ref} {...boxProps}>
52 |       {children}
53 |     </div>
54 |   );
55 | });
56 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Tab/state.ts:
--------------------------------------------------------------------------------
 1 | import { VoidCallback } from '@/utils/types';
 2 | 
 3 | export interface TabPageConfig {
 4 |   key: string;
 5 |   inited?: boolean;
 6 |   pageBuilder: () => any;
 7 | }
 8 | 
 9 | export class TabPageController {
10 |   private _key: string;
11 |   private _pages: TabPageConfig[];
12 | 
13 |   private _currentPage: string;
14 | 
15 |   constructor(p: { key: string; pages: TabPageConfig[]; initPage?: string }) {
16 |     const { key, pages, initPage = pages[0].key } = p;
17 |     this._key = key;
18 |     this._pages = pages.map((e) => {
19 |       return {
20 |         key: e.key,
21 |         inited: e.key === initPage,
22 |         pageBuilder: e.pageBuilder,
23 |       };
24 |     });
25 |     this._currentPage = initPage;
26 |   }
27 | 
28 |   get key() {
29 |     return this._key;
30 |   }
31 | 
32 |   get pages() {
33 |     return this._pages;
34 |   }
35 | 
36 |   get currentPage() {
37 |     return this.getPage(this._currentPage)!;
38 |   }
39 | 
40 |   rebuild?: VoidCallback;
41 |   jumpTo(key: string): void {
42 |     const targetPage = this.getPage(key);
43 |     if (targetPage !== undefined) {
44 |       this._currentPage = targetPage.key;
45 |       targetPage.inited = true;
46 |       this.rebuild?.();
47 |     }
48 |   }
49 | 
50 |   getPage(key: string): TabPageConfig | undefined {
51 |     return this._pages.find((e) => e.key === key);
52 |   }
53 | }
54 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/utils/scf/events.ts:
--------------------------------------------------------------------------------
 1 | import { jsonEncode } from '../base';
 2 | import { isObject } from '../is';
 3 | import { APIContext, APIEvent, TimerContext, TimerEvent } from './types';
 4 | 
 5 | export const generateTimerEvent = (e: Partial<TimerContext>): TimerEvent => {
 6 |   return {
 7 |     Type: 'Timer',
 8 |     TriggerName: e.name ?? 'EveryDay',
 9 |     Time: e.time ?? '2019-02-21T11:49:00Z',
10 |     Message: e.message ?? 'user define msg body',
11 |   };
12 | };
13 | 
14 | export const generateAPIEvent = (e: Partial<APIContext>): APIEvent => {
15 |   return {
16 |     httpMethod: e.method ?? 'POST',
17 |     isBase64Encoded: false,
18 |     path: e.path ?? '/svg-avatar',
19 |     body: isObject(e.data) ? jsonEncode(e.data) : e.data,
20 |     queryString: (e.query ?? {}) as any,
21 |     headers: {
22 |       'user-agent':
23 |         e.userAgent ??
24 |         'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:106.0) Gecko/20100101 Firefox/106.0',
25 |       'x-api-requestid': e.traceid ?? '22293325848152463c398df3e21c7389',
26 |       'x-b3-traceid': e.traceid ?? '22293325848152463c398df3e21c7389',
27 |       'x-api-scheme': 'https',
28 |       ...e.headers,
29 |     },
30 |     requestContext: {
31 |       path: e.path ?? '/svg-avatar',
32 |       serviceId: 'service-886k0uiy',
33 |       sourceIp: e.sourceIp ?? '50.7.158.186',
34 |       stage: e.stage ?? 'release',
35 |     },
36 |   };
37 | };
38 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Icons/IconGithub.jsx:
--------------------------------------------------------------------------------
 1 | import { getIconProps } from ".";
 2 | 
 3 | export function IconGithub(p) {
 4 |   const props = getIconProps(p);
 5 |   return (
 6 |     <svg {...props}>
 7 |       <path d="M128 2.9541C57.3056 2.9541 0 60.3493 0 131.172C0 187.812 36.672 235.876 87.5392 252.823C93.9392 254 96.2688 250.045 96.2688 246.64C96.2688 243.607 96.1664 235.53 96.1024 224.842C60.4928 232.586 52.9792 207.652 52.9792 207.652C47.168 192.829 38.7712 188.887 38.7712 188.887C27.1488 180.951 39.6544 181.104 39.6544 181.104C52.4928 182 59.2512 194.314 59.2512 194.314C70.6688 213.898 89.216 208.24 96.4992 204.964C97.6768 196.682 100.979 191.037 104.64 187.837C76.224 184.599 46.336 173.591 46.336 124.464C46.336 110.474 51.328 99.0181 59.5072 90.0581C58.1888 86.8197 53.7984 73.7765 60.7616 56.1381C60.7616 56.1381 71.5136 52.6821 95.9616 69.2709C106.403 66.4231 117.177 64.9726 128 64.9573C138.827 64.9753 149.604 66.4258 160.051 69.2709C184.486 52.6821 195.213 56.1253 195.213 56.1253C202.202 73.7765 197.798 86.8197 196.493 90.0581C204.685 99.0181 209.651 110.474 209.651 124.464C209.651 173.719 179.712 184.561 151.206 187.735C155.802 191.69 159.885 199.511 159.885 211.479C159.885 228.605 159.731 242.442 159.731 246.64C159.731 250.071 162.035 254.064 168.538 252.81C194.025 244.259 216.181 227.916 231.876 206.089C247.57 184.262 256.009 158.055 256 131.172C256 60.3493 198.682 2.9541 128 2.9541Z" />
 8 |     </svg>
 9 |   );
10 | }
11 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/components/Icons/IconWindows.jsx:
--------------------------------------------------------------------------------
 1 | import { getIconProps } from ".";
 2 | 
 3 | export function IconWindows(p) {
 4 |   const props = getIconProps(p);
 5 |   return (
 6 |     <svg {...props}>
 7 |       <path d="M157.546 13.6039C190.332 9.33346 223.015 4.43159 255.813 0.22998C256.169 25.9447 255.847 51.6595 255.962 77.3742C255.836 92.2979 256.226 107.233 255.767 122.145C221.351 122.582 186.923 122.203 152.495 122.329C140.544 122.203 128.594 122.628 116.655 122.099C116.23 87.9815 116.506 53.8406 116.506 19.7227C130.063 16.8986 143.908 15.9114 157.546 13.6039Z" />
 8 |       <path d="M0.146535 35.3008C35.1025 30.6171 69.9896 25.3593 105.003 21.1118C105.083 54.7361 105.026 88.3605 105.037 121.996C100.193 122.283 95.3485 122.444 90.504 122.375C60.3695 122.1 30.2121 122.708 0.0891322 122.077C0.0202534 93.1475 -0.094541 64.2184 0.146535 35.3008Z" />
 9 |       <path d="M0.100615 135.13C35.0795 135.13 70.047 135.072 105.026 135.164C105.037 168.375 105.072 201.586 105.014 234.809C80.9413 232.34 57.0748 228.196 33.0591 225.361C22.1303 223.444 11.0753 222.445 0.12357 220.688C-0.0601063 192.173 -0.0141833 163.645 0.100615 135.13Z" />
10 |       <path d="M116.747 135.129C163.079 135.095 209.412 135.129 255.744 135.118C256.192 175.331 255.928 215.556 255.87 255.77C209.481 249.537 163.091 243.269 116.77 236.587C116.517 232.122 116.322 227.645 116.402 223.168C116.724 193.825 116.024 164.46 116.747 135.129Z" />
11 |     </svg>
12 |   );
13 | }
14 | 


--------------------------------------------------------------------------------
/feiyu.example.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": "1.0.0",
 3 |   "name": "默认订阅",
 4 |   "feiyu": {
 5 |     "proxy": "https://example.vercel.app/api/proxy",
 6 |     "videoSources": [
 7 |       {
 8 |         "key": "视频源1",
 9 |         "api": "https://api1.example.com/api.php/provide/vod/at/xml"
10 |       },
11 |       {
12 |         "key": "视频源2",
13 |         "api": "https://api2.example.com/api.php/provide/vod/at/xml"
14 |       }
15 |     ],
16 |     "hotMovies": [
17 |       {
18 |         "id": "35588177",
19 |         "isNew": false,
20 |         "title": "漫长的季节",
21 |         "cover": "https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2890906384.jpg",
22 |         "rate": "9.4"
23 |       },
24 |       {
25 |         "id": "26302614",
26 |         "isNew": false,
27 |         "title": "请回答1988",
28 |         "cover": "https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2272563445.jpg",
29 |         "rate": "9.7"
30 |       },
31 |       {
32 |         "id": "25848328",
33 |         "isNew": false,
34 |         "title": "最后生还者 第一季",
35 |         "cover": "https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2884221114.jpg",
36 |         "rate": "9.1"
37 |       },
38 |       {
39 |         "id": "36722428",
40 |         "isNew": false,
41 |         "title": "思想验证区域：The Community",
42 |         "cover": "https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2903848858.jpg",
43 |         "rate": "9.5"
44 |       }
45 |     ]
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/README.md:
--------------------------------------------------------------------------------
 1 | # 飞鱼 Proxy
 2 | 
 3 | 有些视频源可能无法直接在网页端使用，这是由于浏览器的同源策略限制，无法直接访问第三方资源。
 4 | 
 5 | 为解决此跨域问题，飞鱼提供了一个专用的请求代理服务：飞鱼 Proxy。
 6 | 
 7 | > 注意: 此代理服务并非常规的 http_proxy，而是使用飞鱼私有的代理协议，不兼容其他代理服务。
 8 | 
 9 | ## Vercel 部署
10 | 
11 | 你可以使用以下命令，免费部署飞鱼 Proxy 到 [Vercel](https://vercel.com):
12 | 
13 | ```bash
14 | # 克隆本项目
15 | git clone https://github.com/idootop/feiyu-player && cd feiyu-player
16 | 
17 | # 切换到项目所在路径
18 | cd packages/feiyu-proxy-vercel
19 | 
20 | # 安装并更新 Vercel CLI 到最新版本
21 | npm install -g vercel@latest
22 | 
23 | # 安装依赖，部署项目
24 | npm install && npm run build && npm run deploy
25 | ```
26 | 
27 | 执行最后一条命令后，Vercel CLI 会启动浏览器并引导你完成免费注册和部署过程。
28 | 
29 | 待部署完成后，你会获得一个访问地址，请将此地址复制，并按照下面的示例，正确填入订阅配置中。
30 | 
31 | ```json
32 | {
33 |   "proxy": "https://example.vercel.app/api/proxy"
34 | }
35 | ```
36 | 
37 | 这样就可以通过该代理服务，正常搜索和访问各种第三方视频资源了。
38 | 
39 | ## Docker 部署
40 | 
41 | 或者你也可以使用 Docker 镜像，在自己的服务器上部署飞鱼 Proxy。
42 | 
43 | [![Docker Image Version](https://img.shields.io/docker/v/idootop/feiyu?color=%23086DCD&label=docker%20image)](https://hub.docker.com/r/idootop/feiyu-proxy)
44 | 
45 | ```shell
46 | docker run -d -p 4399:3000 idootop/feiyu-proxy:latest
47 | ```
48 | 
49 | 待部署完成后，按照下面的示例，将 Proxy 地址正确填入订阅配置中。
50 | 
51 | ```json
52 | {
53 |   "proxy": "https://[服务器 IP/域名]:[端口]/api/proxy"
54 | }
55 | ```
56 | 
57 | ## 本地开发
58 | 
59 | 如果你想要在本地开发构建 Docker 镜像，可参考如下教程：
60 | 
61 | ```shell
62 | # 构建
63 | docker build -t feiyu-proxy .
64 | 
65 | # 运行
66 | docker run -d -p 4399:3000 feiyu-proxy
67 | ```
68 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/scripts/dist.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | import path from "path";
 4 | import { copyFile, getFiles } from "./io.js";
 5 | 
 6 | async function main() {
 7 |   const args = process.argv.slice(2);
 8 |   const [target, appName] = args;
 9 |   const bundleDir = path.resolve(`src-tauri/target/${target}/release/bundle`);
10 |   let outputs = {};
11 |   switch (process.platform) {
12 |     case "darwin":
13 |       outputs = {
14 |         dmg: [".dmg"],
15 |         macos: [".app", ".app.tar.gz", ".app.tar.gz.sig"],
16 |       };
17 |       break;
18 |     case "win32":
19 |       outputs = {
20 |         msi: [".msi", ".msi.zip", ".msi.zip.sig"],
21 |         nsis: [".exe", ".nsis.zip", ".nsis.zip.sig"],
22 |       };
23 |       break;
24 |     case "linux":
25 |       outputs = {
26 |         deb: [".deb"],
27 |         rpm: [".rpm"],
28 |         appimage: [".AppImage", ".AppImage.tar.gz", ".AppImage.tar.gz.sig"],
29 |       };
30 |       break;
31 |     default:
32 |       console.log("未知操作系统");
33 |   }
34 |   for (const dir in outputs) {
35 |     const files = await getFiles(path.join(bundleDir, dir));
36 |     for (const filename of files) {
37 |       const suffix = outputs[dir].find((e) => filename.endsWith(e));
38 |       if (suffix) {
39 |         await copyFile(
40 |           path.join(bundleDir, dir, filename),
41 |           path.join("dist", appName + suffix)
42 |         );
43 |         console.log(`✅ ${appName + suffix}`);
44 |       }
45 |     }
46 |   }
47 | }
48 | 
49 | main();
50 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/hot/style.css:
--------------------------------------------------------------------------------
 1 | .movie-grid {
 2 |   display: grid;
 3 |   list-style: none;
 4 |   gap: 20px;
 5 |   grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
 6 |   transition: grid-template-columns 0.3s ease-in-out;
 7 | }
 8 | 
 9 | @media only screen and (max-width: 960px) and (min-width: 801px) {
10 |   .movie-grid {
11 |     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
12 |   }
13 | }
14 | 
15 | @media only screen and (max-width: 800px) and (min-width: 751px) {
16 |   .movie-grid {
17 |     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
18 |   }
19 | }
20 | 
21 | @media only screen and (max-width: 750px) {
22 |   .movie-grid {
23 |     grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
24 |   }
25 | }
26 | 
27 | .movie-grid .arco-image {
28 |   overflow: hidden;
29 |   transition: transform 0.3s, box-shadow 0.5s;
30 | }
31 | 
32 | .movie-grid .arco-image:hover {
33 |   transform: scale(1.05);
34 |   box-shadow: 0 10px 30px -5px rgb(0 0 0 / 30%);
35 | }
36 | 
37 | .no-scale .arco-image:hover {
38 |   transform: none !important;
39 |   box-shadow: 0 5px 15px -5px rgb(0 0 0 / 30%);
40 | }
41 | 
42 | body[arco-theme='dark'] .movie-grid .arco-image:hover {
43 |   box-shadow: 0 10px 30px -5px rgb(255 255 255 / 30%);
44 | }
45 | 
46 | body[arco-theme='dark'] .no-scale .arco-image:hover {
47 |   box-shadow: 0 5px 15px -5px rgb(255 255 255 / 30%);
48 | }
49 | 
50 | .star {
51 |   color: rgb(var(--gold-6));
52 | }
53 | 
54 | body[arco-theme='dark'] .star {
55 |   color: rgb(var(--gold-5));
56 | }


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src/updater.js:
--------------------------------------------------------------------------------
 1 | import { check } from "@tauri-apps/plugin-updater";
 2 | import { relaunch } from "@tauri-apps/plugin-process";
 3 | import { getPlatform, isWindows } from "./platform";
 4 | 
 5 | class Updater {
 6 |   checking = false;
 7 |   updater = undefined;
 8 |   async needUpdate() {
 9 |     const available = await this.check();
10 |     if (available) {
11 |       if (await isWindows()) {
12 |         // Windows 下载完更新后会自动重启安装更新
13 |         return true;
14 |       }
15 |       // macOS, linux 自动下载更新
16 |       return this.download();
17 |     }
18 |     return false;
19 |   }
20 |   async update() {
21 |     if (await isWindows()) {
22 |       await this.download();
23 |     }
24 |     await relaunch();
25 |   }
26 |   async check() {
27 |     if (this.updater) {
28 |       return this.updater?.available;
29 |     }
30 |     if (!this.checking) {
31 |       this.checking = new Promise(async (resolve) => {
32 |         this.updater = await check().catch(() => undefined);
33 |         resolve(this.updater?.available);
34 |       });
35 |     }
36 |     return this.checking;
37 |   }
38 |   async download() {
39 |     if (this.updater?.available) {
40 |       let finished = false;
41 |       await this.updater
42 |         ?.downloadAndInstall((progress) => {
43 |           if (progress.event === "Finished") {
44 |             finished = true;
45 |           }
46 |         })
47 |         .catch(() => undefined);
48 |       return finished;
49 |     }
50 |     return false;
51 |   }
52 | }
53 | 
54 | export const updater = new Updater();
55 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Flex.tsx:
--------------------------------------------------------------------------------
 1 | import { forwardRef } from 'react';
 2 | 
 3 | import { Box, BoxProps } from './Box';
 4 | 
 5 | export const Row = forwardRef((props: BoxProps, ref: any) => {
 6 |   return (
 7 |     <Box
 8 |       ref={ref}
 9 |       {...props}
10 |       extStyle={{
11 |         display: 'flex',
12 |         flexDirection: 'row',
13 |         alignItems: props?.style?.alignItems ?? props?.alignItems ?? 'center',
14 |       }}
15 |     >
16 |       {props?.children}
17 |     </Box>
18 |   );
19 | });
20 | 
21 | export const Column = forwardRef((props: BoxProps, ref: any) => {
22 |   return (
23 |     <Box
24 |       ref={ref}
25 |       {...props}
26 |       extStyle={{
27 |         display: 'flex',
28 |         flexDirection: 'column',
29 |         alignItems: props?.style?.alignItems ?? props?.alignItems ?? 'center',
30 |       }}
31 |     >
32 |       {props?.children}
33 |     </Box>
34 |   );
35 | });
36 | 
37 | export const Expand = forwardRef((props: BoxProps, ref: any) => {
38 |   const newProps = { flex: 1, display: 'flex', ...(props as any) };
39 |   return (
40 |     <Box ref={ref} {...newProps}>
41 |       {props?.children}
42 |     </Box>
43 |   );
44 | });
45 | 
46 | export const Center = forwardRef((props: BoxProps, ref: any) => {
47 |   return (
48 |     <Box
49 |       ref={ref}
50 |       {...props}
51 |       extStyle={{
52 |         display: 'flex',
53 |         flexDirection: 'row',
54 |         justifyContent: 'center',
55 |         alignItems: 'center',
56 |       }}
57 |     >
58 |       {props?.children}
59 |     </Box>
60 |   );
61 | });
62 | 


--------------------------------------------------------------------------------
/packages/feiyu/scripts/utils/io.ts:
--------------------------------------------------------------------------------
 1 | import fs from 'fs';
 2 | import path from 'path';
 3 | 
 4 | export const readString = (filePath: string): string => {
 5 |   return fs.readFileSync(filePath, 'utf8');
 6 | };
 7 | 
 8 | export const writeString = (filePath: string, content: string): void => {
 9 |   fs.writeFileSync(filePath, content, 'utf8');
10 | };
11 | 
12 | export const existDir = (dir: string): boolean => {
13 |   try {
14 |     const stats = fs.statSync(dir);
15 |     return stats.isDirectory();
16 |   } catch (_) {
17 |     return false;
18 |   }
19 | };
20 | 
21 | export const newDir = (dirname: string): boolean => {
22 |   fs.mkdirSync(dirname, { recursive: true });
23 |   return existDir(dirname);
24 | };
25 | 
26 | export const moveFile = async (from: string, to: string) => {
27 |   if (!fs.existsSync(from)) {
28 |     return false;
29 |   }
30 |   const dirname = path.dirname(to);
31 |   if (!fs.existsSync(dirname)) {
32 |     fs.mkdirSync(dirname, { recursive: true });
33 |   }
34 |   return new Promise<boolean>((resolve) => {
35 |     fs.rename(from, to, (err) => {
36 |       resolve(err ? false : true);
37 |     });
38 |   });
39 | };
40 | 
41 | export const copyFile = async (from: string, to: string) => {
42 |   if (!fs.existsSync(from)) {
43 |     return false;
44 |   }
45 |   const dirname = path.dirname(to);
46 |   if (!fs.existsSync(dirname)) {
47 |     fs.mkdirSync(dirname, { recursive: true });
48 |   }
49 |   return new Promise<boolean>((resolve) => {
50 |     fs.copyFile(from, to, (err: any) => {
51 |       resolve(err ? false : true);
52 |     });
53 |   });
54 | };
55 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/LazyImage/LazyImage.tsx:
--------------------------------------------------------------------------------
 1 | import './style.css';
 2 | 
 3 | import { Image } from '@arco-design/web-react';
 4 | import { useState } from 'react';
 5 | import LazyLoad from 'react-lazy-load';
 6 | 
 7 | import { colors } from '@/styles/colors';
 8 | 
 9 | import { AspectRatio } from '../AspectRatio';
10 | 
11 | interface LazyImageProps {
12 |   src: string;
13 |   width?: string;
14 |   height?: string;
15 |   aspectRatio?: number;
16 |   onload?: () => void;
17 | }
18 | 
19 | export const LazyImage = (props: LazyImageProps) => {
20 |   const {
21 |     src,
22 |     width = '100%',
23 |     height = '182px',
24 |     aspectRatio = 80 / 112,
25 |   } = props;
26 |   const [loaded, setLoaded] = useState(false);
27 |   const onload = () => {
28 |     props.onload?.();
29 |     setLoaded(true);
30 |   };
31 |   return (
32 |     <AspectRatio aspectRatio={aspectRatio} width={width} height={height}>
33 |       {({ isSupport, ...size }) => (
34 |         <LazyLoad
35 |           width={isSupport ? (loaded ? '100%' : width) : size.width}
36 |           height={isSupport ? (loaded ? '100%' : height) : size.height}
37 |           onContentVisible={onload}
38 |         >
39 |           <Image
40 |             preview={false}
41 |             className={isSupport ? 'fill-img' : undefined}
42 |             src={src}
43 |             style={{
44 |               ...size,
45 |               objectFit: 'cover',
46 |               background: colors.card,
47 |             }}
48 |             referrerPolicy="no-referrer"
49 |           />
50 |         </LazyLoad>
51 |       )}
52 |     </AspectRatio>
53 |   );
54 | };
55 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useBreakpoint.ts:
--------------------------------------------------------------------------------
 1 | import { useXConsumer, XSta } from 'xsta';
 2 | 
 3 | const _getBreakpoint = () => {
 4 |   const width = window.innerWidth;
 5 |   if (width < 576) {
 6 |     return { isXS: true, isMobile: true };
 7 |   }
 8 |   if (width >= 576 && width < 768) {
 9 |     return { isSM: true, isMobile: true };
10 |   }
11 |   if (width >= 768 && width < 992) {
12 |     return { isMD: true, isPad: true };
13 |   }
14 |   if (width >= 992 && width < 1200) {
15 |     return { isLG: true, isPC: true };
16 |   }
17 |   if (width >= 1200 && width < 1600) {
18 |     return { isXL: true, isPC: true };
19 |   }
20 |   if (width >= 1600 && width < 2000) {
21 |     return { isXXL: true, isPC: true };
22 |   }
23 |   return { isXXXL: true, isPC: true };
24 | };
25 | 
26 | interface DeviceSize {
27 |   isMobile: boolean;
28 |   isPC: boolean;
29 |   isPad: boolean;
30 |   isXS: boolean;
31 |   isSM: boolean;
32 |   isMD: boolean;
33 |   isLG: boolean;
34 |   isXL: boolean;
35 |   isXXL: boolean;
36 |   isXXXL: boolean;
37 | }
38 | 
39 | const kScreenReSizeListenerKey = 'kScreenReSizeListenerKey';
40 | let _initScreenReSizeListener = false;
41 | const initScreenReSizeListener = () => {
42 |   if (!_initScreenReSizeListener) {
43 |     // 全局只初始化一次
44 |     setInterval(() => {
45 |       XSta.set(kScreenReSizeListenerKey, _getBreakpoint());
46 |     }, 100);
47 |     _initScreenReSizeListener = true;
48 |   }
49 | };
50 | 
51 | export const useBreakpoint = (): DeviceSize => {
52 |   initScreenReSizeListener();
53 |   const [breakpoint] = useXConsumer(kScreenReSizeListenerKey);
54 |   return breakpoint ?? _getBreakpoint();
55 | };
56 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/play/style.css:
--------------------------------------------------------------------------------
 1 | #player {
 2 |   width: 100% !important;
 3 |   height: auto !important;
 4 | }
 5 | 
 6 | .player-fullscreen {
 7 |   position: fixed !important;
 8 |   top: 0 !important;
 9 |   left: 0 !important;
10 |   width: 100vw !important;
11 |   height: 100vh !important;
12 |   z-index: 100 !important;
13 | }
14 | 
15 | .hide-fullscreen {
16 |   display: none !important;
17 | }
18 | 
19 | .xgplayer xg-trigger .time-preview span.xg-cur {
20 |   color: #2d5cf6 !important;
21 | }
22 | 
23 | .xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {
24 |   background-color: #2d5cf6 !important;
25 | }
26 | 
27 | .xgplayer .xgplayer-progress-played {
28 |   background: linear-gradient(-90deg, #2d5cf6 0%, #2d5cf6 100%) !important;
29 | }
30 | 
31 | .xgplayer .xgplayer-drag {
32 |   background: #2d5cf6 !important;
33 | }
34 | 
35 | .xgplayer .xgplayer-progress .xgplayer-progress-btn {
36 |   background: rgba(57, 91, 237, 0.304093) !important;
37 |   border: 0.5px solid rgba(57, 91, 237, 0.056545) !important;
38 |   box-shadow: 0 0 1px #2d5cf662 !important;
39 | }
40 | 
41 | .play-button {
42 |   display: flex;
43 |   flex-direction: column;
44 |   justify-content: center;
45 |   align-items: center;
46 | }
47 | 
48 | .play-button svg {
49 |   border-radius: 100%;
50 |   color: rgba(255, 255, 255, 0.8);
51 | }
52 | 
53 | .play-button svg:hover {
54 |   color: rgba(255, 255, 255, 1);
55 | }
56 | 
57 | .no-next {
58 |   display: none !important;
59 | }
60 | 
61 | .xgplayer .xg-options-list li {
62 |   margin: 6px 0;
63 | }
64 | 
65 | .xgplayer .xg-options-list li:hover,
66 | .xgplayer .xg-options-list li.selected {
67 |   color: #2d5cf6 !important;
68 |   font-weight: bold;
69 | }
70 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/TitleBar/index.tsx:
--------------------------------------------------------------------------------
 1 | import './styles.css';
 2 | 
 3 | import { Tooltip } from '@arco-design/web-react';
 4 | import { FeiyuDesktop } from 'feiyu-desktop';
 5 | 
 6 | const TitleButton = (props: {
 7 |   color: string;
 8 |   onClick: VoidFunction;
 9 |   tip: string;
10 | }) => {
11 |   const { color, onClick, tip } = props;
12 |   return (
13 |     <Tooltip
14 |       content={tip}
15 |       position="bottom"
16 |       prefixCls="feiyu"
17 |       style={{ zIndex: 11 }}
18 |     >
19 |       <div
20 |         style={{
21 |           width: '12px',
22 |           height: '12px',
23 |           borderRadius: '50%',
24 |           backgroundColor: color,
25 |           cursor: 'pointer',
26 |           display: 'flex',
27 |           justifyContent: 'center',
28 |           alignItems: 'center',
29 |         }}
30 |         onClick={onClick}
31 |       />
32 |     </Tooltip>
33 |   );
34 | };
35 | 
36 | export const TitleBar = () => {
37 |   return (
38 |     <div data-tauri-drag-region className={'titlebar app-header'}>
39 |       <TitleButton
40 |         color="#fe5f57"
41 |         tip="关闭"
42 |         onClick={() => {
43 |           FeiyuDesktop.window?.close();
44 |         }}
45 |       />
46 |       <TitleButton
47 |         color="#febb2e"
48 |         tip={'最小化'}
49 |         onClick={() => {
50 |           FeiyuDesktop.window?.minimize();
51 |         }}
52 |       />
53 |       <TitleButton
54 |         color="#2bc840"
55 |         tip="全屏"
56 |         onClick={async () => {
57 |           const isFullscreen = await FeiyuDesktop.window?.isFullscreen();
58 |           FeiyuDesktop.window?.setFullscreen(!isFullscreen);
59 |         }}
60 |       />
61 |     </div>
62 |   );
63 | };
64 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/utils/is.ts:
--------------------------------------------------------------------------------
 1 | export function isNaN(e: unknown): boolean {
 2 |   return Number.isNaN(e);
 3 | }
 4 | 
 5 | export function isNull(e: unknown): boolean {
 6 |   return e === null;
 7 | }
 8 | 
 9 | export function isUndefined(e: unknown): boolean {
10 |   return e === undefined;
11 | }
12 | 
13 | export function isNullish(e: unknown): boolean {
14 |   return e === null || e === undefined;
15 | }
16 | 
17 | export function isNotNullish(e: unknown): boolean {
18 |   return !isNullish(e);
19 | }
20 | 
21 | export function isEmpty(e: any): boolean {
22 |   if (e?.size ?? 0 > 0) return false;
23 |   return (
24 |     isNaN(e) ||
25 |     isNullish(e) ||
26 |     (isString(e) && (e.length < 1 || !/\S/.test(e))) ||
27 |     (isArray(e) && e.length < 1) ||
28 |     (isObject(e) && Object.keys(e).length < 1)
29 |   );
30 | }
31 | 
32 | export function isNotEmpty(e: unknown): boolean {
33 |   return !isEmpty(e);
34 | }
35 | 
36 | export function isNumber(e: unknown): boolean {
37 |   return typeof e === 'number' && !isNaN(e);
38 | }
39 | 
40 | export function isString(e: unknown): boolean {
41 |   return typeof e === 'string';
42 | }
43 | 
44 | export function isStringNumber(e: any): boolean {
45 |   return isString(e) && isNotEmpty(e) && !isNaN(Number(e));
46 | }
47 | 
48 | export function isArray(e: unknown): boolean {
49 |   return Array.isArray(e);
50 | }
51 | 
52 | export function isObject(e: unknown): boolean {
53 |   return typeof e === 'object' && isNotNullish(e);
54 | }
55 | 
56 | export function isFunction(e: unknown): boolean {
57 |   return typeof e === 'function';
58 | }
59 | 
60 | export function isClass(e: any): boolean {
61 |   return isFunction(e) && e.toString().startsWith('class ');
62 | }
63 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/utils/base.ts:
--------------------------------------------------------------------------------
 1 | export const timestamp = () => new Date().getTime();
 2 | 
 3 | export const delay = async (time: number) =>
 4 |   new Promise<void>((resolve) => setTimeout(resolve, time));
 5 | 
 6 | export const printf = (...v: any[]) => console.log(...v);
 7 | 
 8 | export const printJson = (obj: any) =>
 9 |   console.log(JSON.stringify(obj, undefined, 4));
10 | 
11 | export const firstOf = <T = any>(datas?: T[]) =>
12 |   datas ? (datas.length < 1 ? undefined : datas[0]) : undefined;
13 | 
14 | export const lastOf = <T = any>(datas?: T[]) =>
15 |   datas ? (datas.length < 1 ? undefined : datas[datas.length - 1]) : undefined;
16 | 
17 | export const randomInt = (min: number, max?: number) => {
18 |   if (!max) {
19 |     max = min;
20 |     min = 0;
21 |   }
22 |   return Math.floor(Math.random() * (max - min + 1) + min);
23 | };
24 | 
25 | export const pickOne = <T = any>(datas: T[]) =>
26 |   datas.length < 1 ? undefined : datas[randomInt(datas.length - 1)];
27 | 
28 | export const range = (start: number, end?: number) => {
29 |   if (!end) {
30 |     end = start;
31 |     start = 0;
32 |   }
33 |   return Array.from({ length: end - start }, (_, index) => start + index);
34 | };
35 | 
36 | export const toSet = <T = any>(datas: T[]) => Array.from(new Set(datas));
37 | 
38 | export function jsonEncode(obj: any, prettier = false) {
39 |   try {
40 |     return prettier ? JSON.stringify(obj, undefined, 4) : JSON.stringify(obj);
41 |   } catch (error) {
42 |     return undefined;
43 |   }
44 | }
45 | 
46 | export function jsonDecode(json: string | undefined) {
47 |   if (json == undefined) return undefined;
48 |   try {
49 |     return JSON.parse(json!);
50 |   } catch (error) {
51 |     return undefined;
52 |   }
53 | }
54 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/p-timeout.ts:
--------------------------------------------------------------------------------
 1 | // https://github.com/sindresorhus/p-timeout/blob/main/index.js
 2 | 
 3 | export class TimeoutError extends Error {
 4 |   constructor(message: string) {
 5 |     super(message);
 6 |     this.name = 'TimeoutError';
 7 |   }
 8 | }
 9 | 
10 | export interface ClearablePromise<T> extends Promise<T> {
11 |   clear: () => void;
12 | }
13 | 
14 | /**
15 | Timeout a promise after a specified amount of time.
16 | @example
17 | ```
18 | await pTimeout(delayedPromise(), 300);
19 | ```
20 | */
21 | export default function pTimeout<ValueType, ReturnType = ValueType>(
22 |   promise: PromiseLike<ValueType>,
23 |   milliseconds = 3000,
24 | ): ClearablePromise<ValueType | ReturnType> {
25 |   const customTimers = { setTimeout, clearTimeout };
26 | 
27 |   let timer: any;
28 | 
29 |   const cancelablePromise: any = new Promise((resolve, reject) => {
30 |     timer = customTimers.setTimeout.call(
31 |       undefined,
32 |       () => {
33 |         const errorMessage = `Promise timed out after ${milliseconds} milliseconds`;
34 |         const timeoutError = new TimeoutError(errorMessage);
35 | 
36 |         if (typeof (promise as any).cancel === 'function') {
37 |           (promise as any).cancel();
38 |         }
39 | 
40 |         reject(timeoutError);
41 |       },
42 |       milliseconds,
43 |     );
44 | 
45 |     (async () => {
46 |       try {
47 |         resolve(await promise);
48 |       } catch (error) {
49 |         reject(error);
50 |       } finally {
51 |         customTimers.clearTimeout.call(undefined, timer);
52 |       }
53 |     })();
54 |   });
55 | 
56 |   cancelablePromise.clear = () => {
57 |     customTimers.clearTimeout.call(undefined, timer);
58 |     timer = undefined;
59 |   };
60 | 
61 |   return cancelablePromise;
62 | }
63 | 


--------------------------------------------------------------------------------
/packages/feiyu/scripts/pwa.ts:
--------------------------------------------------------------------------------
 1 | import { moveFile, readString, writeString } from './utils/io';
 2 | 
 3 | const output = 'dist';
 4 | const index = 'index.html';
 5 | const manifest = 'manifest.webmanifest';
 6 | const registerSW = 'registerSW.js';
 7 | const sw = 'sw.js';
 8 | 
 9 | export const main = async () => {
10 |   // 替换 index.html 中的 registerSW 路径
11 |   const indexPath = `${output}/${index}`;
12 |   let indexText = readString(indexPath);
13 |   indexText = indexText.replace(/\/pwa/g, '');
14 |   indexText = indexText.replace(/"\/logo-/g, '"/pwa/logo-');
15 |   indexText = indexText.replace('"/' + manifest, '"/pwa/' + manifest);
16 |   indexText = indexText.replace('"/' + registerSW, '"/pwa/' + registerSW);
17 |   writeString(indexPath, indexText);
18 |   // 替换 manifest 中的图片路径
19 |   const manifestPath = `${output}/${manifest}`;
20 |   let manifestText = readString(manifestPath);
21 |   manifestText = manifestText.replace(/pwa/g, '');
22 |   manifestText = manifestText.replace(/\/logo-/g, '/pwa/logo-');
23 |   writeString(manifestPath, manifestText);
24 |   // 移动 manifest 和 registerSW 文件到 pwa 目录下
25 |   await moveFile(`${output}/${registerSW}`, `${output}/pwa/${registerSW}`);
26 |   await moveFile(`${output}/${manifest}`, `${output}/pwa/${manifest}`);
27 |   // 更新 sw 中的缓存文件路径
28 |   const swPath = `${output}/pwa/${sw}`;
29 |   let swText = readString(swPath);
30 |   swText = swText.replace('workbox', 'pwa/workbox');
31 |   swText = swText.replace(/\.\.\//g, '');
32 |   swText = swText.replace(/"logo-/g, '"pwa/logo-');
33 |   swText = swText.replace(manifest, 'pwa/' + manifest);
34 |   swText = swText.replace(registerSW, 'pwa/' + registerSW);
35 |   writeString(swPath, swText);
36 |   await moveFile(swPath, `${output}/${sw}`);
37 | };
38 | 
39 | main().catch(() => undefined);
40 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/AspectRatio/index.tsx:
--------------------------------------------------------------------------------
 1 | import './style.css';
 2 | 
 3 | import { useEffect, useRef, useState } from 'react';
 4 | 
 5 | import { Box, BoxProps } from '../Box';
 6 | 
 7 | export const isSupportAspectRatio = () => CSS.supports('aspect-ratio', '3/4');
 8 | 
 9 | export const AspectRatio = (
10 |   props: Omit<BoxProps, 'children' | 'className'> & {
11 |     aspectRatio: number;
12 |     children: (props: {
13 |       width?: string;
14 |       height?: string;
15 |       isSupport: boolean;
16 |     }) => any;
17 |   },
18 | ) => {
19 |   return isSupportAspectRatio() ? (
20 |     props.children({ isSupport: true })
21 |   ) : (
22 |     <$AspectRatio {...props}>{props.children}</$AspectRatio>
23 |   );
24 | };
25 | 
26 | const $AspectRatio = (
27 |   props: Omit<BoxProps, 'children' | 'className'> & {
28 |     aspectRatio: number;
29 |     children: (props: {
30 |       width?: string;
31 |       height?: string;
32 |       isSupport: boolean;
33 |     }) => any;
34 |   },
35 | ) => {
36 |   const {
37 |     aspectRatio,
38 |     children,
39 |     style,
40 |     width = '100px',
41 |     height = '100px',
42 |     ...restProps
43 |   } = props;
44 |   const [size, setSize] = useState({
45 |     width,
46 |     height,
47 |   });
48 |   const ref = useRef<HTMLDivElement>(null);
49 |   useEffect(() => {
50 |     if (ref.current) {
51 |       setSize({
52 |         width: ref.current.clientWidth + 'px',
53 |         height: ref.current.clientWidth / aspectRatio + 'px',
54 |       });
55 |     }
56 |   }, [ref]);
57 | 
58 |   return (
59 |     <Box
60 |       ref={ref}
61 |       className={'aspect-ratio-box'}
62 |       {...restProps}
63 |       extStyle={{ ...size, ...style }}
64 |     >
65 |       {children({ ...size, isSupport: false } as any)}
66 |     </Box>
67 |   );
68 | };
69 | 


--------------------------------------------------------------------------------
/packages/feiyu/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "feiyu",
 3 |   "version": "2.2.0",
 4 |   "type": "commonjs",
 5 |   "scripts": {
 6 |     "pwa": "ts-node scripts/pwa",
 7 |     "web": "ts-node scripts/web",
 8 |     "desktop": "ts-node scripts/desktop",
 9 |     "dev": "vite --force",
10 |     "build": "vite build --force && pnpm pwa",
11 |     "build:web": "pnpm i && pnpm web && pnpm build",
12 |     "dev:desktop": "pnpm i && pnpm desktop && pnpm dev",
13 |     "build:desktop": "pnpm i && pnpm desktop && pnpm build"
14 |   },
15 |   "dependencies": {
16 |     "@arco-design/web-react": "^2.61.0",
17 |     "fast-xml-parser": "^4.3.6",
18 |     "feiyu-desktop": "file:../feiyu-desktop",
19 |     "isomorphic-unfetch": "^3.1.0",
20 |     "localforage": "^1.10.0",
21 |     "react": "^18.2.0",
22 |     "react-dom": "^18.2.0",
23 |     "react-lazy-load": "^4.0.1",
24 |     "wouter": "^2.12.1",
25 |     "xgplayer": "^3.0.20",
26 |     "xgplayer-hls.js": "^3.0.20",
27 |     "xsta": "^2.1.0"
28 |   },
29 |   "devDependencies": {
30 |     "@types/node": "^18.19.24",
31 |     "@types/react": "^18.2.66",
32 |     "@types/react-dom": "^18.2.22",
33 |     "@typescript-eslint/eslint-plugin": "^5.62.0",
34 |     "@typescript-eslint/parser": "^5.62.0",
35 |     "@vitejs/plugin-legacy": "^4.1.1",
36 |     "@vitejs/plugin-react-swc": "^3.6.0",
37 |     "eslint": "^8.57.0",
38 |     "eslint-config-prettier": "^8.10.0",
39 |     "eslint-plugin-import": "^2.29.1",
40 |     "eslint-plugin-simple-import-sort": "^8.0.0",
41 |     "less": "^4.2.0",
42 |     "prettier": "^2.8.8",
43 |     "stylelint": "^14.16.1",
44 |     "stylelint-config-standard": "^29.0.0",
45 |     "stylelint-order": "^5.0.0",
46 |     "stylelint-scss": "^4.7.0",
47 |     "ts-node": "^10.9.2",
48 |     "tsconfig-paths": "^4.2.0",
49 |     "typescript": "^4.9.5",
50 |     "vite": "^4.5.2",
51 |     "vite-plugin-html": "^3.2.2",
52 |     "vite-plugin-imp": "^2.4.0",
53 |     "vite-plugin-pwa": "^0.16.7",
54 |     "workbox-window": "^7.0.0"
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/overlays/APPConfigModal.tsx:
--------------------------------------------------------------------------------
 1 | import { useXConsumer, useXProvider, XSta } from 'xsta';
 2 | 
 3 | import { Box } from '@/components/Box';
 4 | import { Dialog } from '@/components/Dialog';
 5 | import { Text } from '@/components/Text';
 6 | import { usePages } from '@/services/routes/page';
 7 | 
 8 | const kAPPModals = 'kAPPModals';
 9 | interface APPModals {
10 |   showAPPConfig: boolean;
11 | }
12 | 
13 | export const setAPPModals = (option: Partial<APPModals>) => {
14 |   XSta.set(kAPPModals, {
15 |     ...(XSta.get(kAPPModals) ?? {}),
16 |     ...option,
17 |   });
18 | };
19 | 
20 | const _initAPPModalStates = {
21 |   showAPPConfig: false,
22 | };
23 | export const useInitAPPModals = () => {
24 |   useXProvider<APPModals>(kAPPModals, _initAPPModalStates);
25 | };
26 | 
27 | export const showAPPConfigModal = (flag = true) => {
28 |   setAPPModals({
29 |     ..._initAPPModalStates,
30 |     showAPPConfig: flag,
31 |   });
32 | };
33 | 
34 | export const APPConfigModal = () => {
35 |   const [data] = useXConsumer<APPModals>(kAPPModals);
36 |   const { showAPPConfig } = data ?? {};
37 |   const { jumpToPage } = usePages();
38 |   const closeModal = () => {
39 |     showAPPConfigModal(false);
40 |   };
41 |   return (
42 |     <Dialog
43 |       visible={showAPPConfig}
44 |       title="💡 提示"
45 |       ok="设置"
46 |       onOk={() => {
47 |         closeModal();
48 |         jumpToPage('settings'); // 点击打开设置页面
49 |       }}
50 |       cancel="取消"
51 |       onCancel={closeModal}
52 |     >
53 |       <Box marginBottom="16px">
54 |         <Text
55 |           maxHeight="400px"
56 |           overflowY="scroll"
57 |           fontSize="14px"
58 |           lineHeight="24px"
59 |           className="hide-scrollbar"
60 |         >
61 |           搜索失败，请检查以下事项:
62 |           <br />
63 |           1. 网络连接是否正常
64 |           <br />
65 |           2. 视频源配置是否正确
66 |           <br />
67 |           3. 是否设置了有效的飞鱼 Proxy
68 |         </Text>
69 |       </Box>
70 |     </Dialog>
71 |   );
72 | };
73 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/scripts/io.js:
--------------------------------------------------------------------------------
 1 | import fs from "fs-extra";
 2 | import path from "path";
 3 | 
 4 | export const getFiles = (dir) => {
 5 |   return new Promise((resolve) => {
 6 |     fs.readdir(dir, (err, files) => {
 7 |       resolve(err ? [] : files);
 8 |     });
 9 |   });
10 | };
11 | 
12 | export const copyFile = (from, to) => {
13 |   if (!fs.existsSync(from)) {
14 |     return false;
15 |   }
16 |   const dirname = path.dirname(to);
17 |   if (!fs.existsSync(dirname)) {
18 |     fs.mkdirSync(dirname, { recursive: true });
19 |   }
20 |   return new Promise((resolve) => {
21 |     fs.copy(from, to, (err) => {
22 |       resolve(err ? false : true);
23 |     });
24 |   });
25 | };
26 | 
27 | export const moveFile = (from, to) => {
28 |   if (!fs.existsSync(from)) {
29 |     return false;
30 |   }
31 |   const dirname = path.dirname(to);
32 |   if (!fs.existsSync(dirname)) {
33 |     fs.mkdirSync(dirname, { recursive: true });
34 |   }
35 |   return new Promise((resolve) => {
36 |     fs.rename(from, to, (err) => {
37 |       resolve(err ? false : true);
38 |     });
39 |   });
40 | };
41 | 
42 | export const deleteFile = (filePath) => {
43 |   try {
44 |     fs.rmSync(filePath);
45 |     return true;
46 |   } catch {
47 |     return false;
48 |   }
49 | };
50 | 
51 | export const readString = (filePath) => {
52 |   const dirname = path.dirname(filePath);
53 |   if (!fs.existsSync(dirname)) {
54 |     return undefined;
55 |   }
56 |   return new Promise((resolve) => {
57 |     fs.readFile(filePath, "utf8", (err, data) => {
58 |       resolve(err ? undefined : data);
59 |     });
60 |   });
61 | };
62 | 
63 | export const writeJSON = (filePath, json) => {
64 |   const dirname = path.dirname(filePath);
65 |   if (!fs.existsSync(dirname)) {
66 |     fs.mkdirSync(dirname, { recursive: true });
67 |   }
68 |   const data = JSON.stringify(json);
69 |   return new Promise((resolve) => {
70 |     fs.writeFile(filePath, data, "utf8", (err) => {
71 |       resolve(err ? false : true);
72 |     });
73 |   });
74 | };
75 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/index.tsx:
--------------------------------------------------------------------------------
 1 | import './style.css';
 2 | 
 3 | import { Layout } from '@arco-design/web-react';
 4 | 
 5 | import { Box, BoxProps } from '@/components/Box';
 6 | import { APPConfigModal, useInitAPPModals } from '@/overlays/APPConfigModal';
 7 | import { colors } from '@/styles/colors';
 8 | 
 9 | import { useDisclaimer, useInitAPP } from './initAPP';
10 | import { kHeaderHeight, MyHeader } from './MyHeader';
11 | import { RootPages } from './RootPages';
12 | import { kSideWidth, SideDrawer, SideMenu, useSideMenu } from './SideMenu';
13 | 
14 | const Sider = Layout.Sider;
15 | const Content = Layout.Content;
16 | 
17 | export const App = () => {
18 |   // 初始化APP
19 |   useInitAPP();
20 | 
21 |   // APP 全局弹窗
22 |   useInitAPPModals();
23 | 
24 |   // 免责声明弹窗
25 |   const $Disclaimer = useDisclaimer();
26 | 
27 |   const { hideSideMenu, collapsed } = useSideMenu();
28 | 
29 |   return (
30 |     <>
31 |       <MyHeader />
32 |       <SideDrawer />
33 |       {$Disclaimer}
34 |       <APPConfigModal />
35 |       <Layout>
36 |         <Sider
37 |           collapsed={collapsed}
38 |           width={kSideWidth}
39 |           style={{
40 |             height: '100vh',
41 |             display: hideSideMenu ? 'none' : 'block',
42 |           }}
43 |         >
44 |           <SideMenu />
45 |         </Sider>
46 |         <Content style={{ background: colors.bg }}>
47 |           <Box width="100%" height="100vh">
48 |             <RootPages />
49 |           </Box>
50 |         </Content>
51 |       </Layout>
52 |     </>
53 |   );
54 | };
55 | 
56 | export const PageBuilder = (props: BoxProps) => {
57 |   return (
58 |     <Box
59 |       className="page normal-scrollbar"
60 |       width="100%"
61 |       height="100vh"
62 |       padding={`calc(${kHeaderHeight} + 20px) calc(20px - 8px - 4px) 20px 20px`}
63 |       borderRight='4px solid transparent'
64 |       overflowY="scroll"
65 |       background={colors.bg}
66 |       {...props}
67 |     >
68 |       {props.children}
69 |     </Box>
70 |   );
71 | };
72 | 


--------------------------------------------------------------------------------
/packages/feiyu/scripts/test.ts:
--------------------------------------------------------------------------------
 1 | import { printf, printJson } from '@/utils/base';
 2 | import { feiyu } from '@/utils/feiyu';
 3 | 
 4 | const test = () => {
 5 |   const descs = [
 6 |     '<p><span style="color: rgb(17, 17, 17); font-family: Helvetica, Arial, sans-serif; font-size: 13px; background-color: rgb(255, 255, 255);">在这个揭示钢铁超人起源的传奇冒险故事里，过去和现在发生了碰撞。在一个被埋葬多年的中国古老王国的废墟上，百万富翁兼发明家托尼。斯塔克进行着挖掘工作，但挖掘进度远远超出了协议规定的部分。他解开了一个古老的预言，预示中国最黑暗和最暴乱朝代的君主Mandarin将会复苏。为了对 付这股极具破坏性的力量，托尼打造了一套盔甲，并装备上先进武器。为了阻止这个他亲手带到地球的邪恶力量，托尼必须要成为自己有生以来最伟大的发明 -- 钢铁超人！这个新生的战士必须到地球的四个角落同Mandarin的追随者元素战士 -- 4个操纵着土、水、风和火元素力量的战士 战斗！但像预言所说的那样,钢铁超人是否有足够的能力挑战命运，阻止这股邪恶力量意图对地球的破坏呢？</span></p>',
 7 |     '<p>　　和德普前妻艾梅柏约会，被侃爷列为竞选总统顾问，被称为现实版钢铁侠； 涉足互联网、太空探索、人工智能、可持续发展能源多个领域，梦想在火星上建立一个自给自足的城市； 快来看特斯拉、SpaceX老板伊隆·马斯克(ElonMusk)的传奇人生， 志不嫌远，梦不嫌大，只要你想去做，没有什么不可能~</p>',
 8 |     '<p>　　在这个揭示钢铁超人起源的传奇冒险故事里，过去和现在发生了碰撞。在一个被埋葬多年的中国古老王国的废墟上，百万富翁兼发明家托尼。斯塔克进行着挖掘工作，但挖掘进度远远超出了协议规定的部分。他解开了一个古老的预言，预示中国最黑暗和最暴乱朝代的君主Mandarin将会复苏。为了对 付这股极具破坏性的力量，托尼打造了一套盔甲，并装备上先进武器。为了阻止这个他亲手带到地球的邪恶力量，托尼必须要成为自己有生以来最伟大的发明 -- 钢铁超人！这个新生的战士必须到地球的四个角落同Mandarin的追随者元素战士 -- 4个操纵着土、水、风和火元素力量的战士 战斗！但像预言所说的那样,钢铁超人是否有足够的能力挑战命运，阻止这股邪恶力量意图对地球的破坏呢？</p>',
 9 |     '<p>斯塔克军火公司是美军在全球范围内第一大军火供应商，其新任掌门人托尼•斯塔克（小罗伯特·唐尼 Robert Downey Jr. 饰）风流倜傥，天资聪颖。他与公司元老俄巴迪亚•斯坦（杰夫·布里吉斯 Jeff Bridges 饰）合作无间，共同将斯塔克公司的业务推向顶峰。现 实生活中的托尼热衷收集名贵跑车，搞点儿发明创造，当然露水姻缘更不可少。所幸他身边有维吉尼亚•波茨（格温妮斯·帕特洛 Gwyneth Paltrow 饰）这样的好助手细心打理一切，才让他能自由自在过着贵公子的生活。&nbsp;　　在前往中东为军方展示新型武器的途中，托尼一众遭到恐怖分子袭击。他被弹片击中险些丧命，在英森博士的帮助下，托尼体内移植了一颗核动力的人工心脏。恐怖分子要求托尼制造强大的杀伤性武器，他和英森虚与委蛇，暗中制造了一套由聚变能源驱动的钢铁盔甲。穿上盔甲托尼大闹恐怖分子的基地，回到美国后又对其进行了改进。却不知，接下来有更为黑暗的阴谋等着他……</p>',
10 |   ];
11 |   for (let desc of descs) {
12 |     desc = desc.replace(/[\\n]/g, '').replace(/<.*?>/g, '').trim();
13 |     printf(desc);
14 |   }
15 | };
16 | 
17 | const main = async () => {
18 |   printf(`❌❌❌`);
19 |   const results = await feiyu.search('钢铁侠', {
20 |     callback: (e) => {
21 |       printf(`${e.site} >>> ${e.name}`);
22 |     },
23 |   });
24 |   printJson(results);
25 |   test();
26 |   printf(`✅✅✅`);
27 | };
28 | 
29 | main();
30 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Tab/index.tsx:
--------------------------------------------------------------------------------
 1 | import { useRef } from 'react';
 2 | 
 3 | import { useInit } from '@/hooks/useInit';
 4 | import { useRebuild, useRebuildRef } from '@/hooks/useRebuild';
 5 | import { colors } from '@/styles/colors';
 6 | 
 7 | import { Box } from '../Box';
 8 | import { Center } from '../Flex';
 9 | import { Loading } from '../Loading';
10 | import { Stack } from '../Stack';
11 | import { Position } from '../Stack/position';
12 | import { TabPageController } from './state';
13 | 
14 | export const TabPages = (props: {
15 |   controller: TabPageController;
16 |   currentPage?: string;
17 | }) => {
18 |   const { controller, currentPage } = props;
19 |   const rebuild = useRebuild();
20 |   controller.rebuild = rebuild;
21 |   const _currentPage = currentPage ?? controller.currentPage.key;
22 |   const pages = controller.pages;
23 |   return (
24 |     <Stack size="100%">
25 |       <Center size="100%" background={colors.bg}>
26 |         <Loading />
27 |       </Center>
28 |       {pages.map((e) => {
29 |         const isActive = _currentPage === e.key;
30 |         return (
31 |           <Position
32 |             key={e.key}
33 |             size="100%"
34 |             zIndex={isActive ? 2 : 1}
35 |             visibility={isActive ? 'visible' : 'hidden'}
36 |           >
37 |             <AsyncBuilder builder={e.pageBuilder} inited={e.inited} />
38 |           </Position>
39 |         );
40 |       })}
41 |     </Stack>
42 |   );
43 | };
44 | 
45 | export const AsyncBuilder = (props: {
46 |   builder: () => any;
47 |   inited?: boolean;
48 | }) => {
49 |   const { builder, inited } = props;
50 |   const pageRef = useRef();
51 |   const rebuildRef = useRebuildRef();
52 |   useInit(async () => {
53 |     const page = await builder();
54 |     pageRef.current = page;
55 |     rebuildRef.current.rebuild();
56 |   }, [builder]);
57 |   return inited ? (
58 |     pageRef.current ?? <Box />
59 |   ) : (
60 |     <Center size="100%" background={colors.bg}>
61 |       <Loading />
62 |     </Center>
63 |   );
64 | };
65 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/data/config/storage.ts:
--------------------------------------------------------------------------------
 1 | import { storage } from '@/services/storage/storage';
 2 | 
 3 | import { Subscribe } from './types';
 4 | 
 5 | let localSubscribeStore;
 6 | const _currentSubscribeKey = 'currentSubscribe';
 7 | export const subscribeStorage = {
 8 |   current(): string | undefined {
 9 |     return storage.get(_currentSubscribeKey);
10 |   },
11 |   setCurrent(key: string) {
12 |     return storage.set(_currentSubscribeKey, key);
13 |   },
14 |   async init() {
15 |     if (!localSubscribeStore) {
16 |       const localforage = (await import('localforage')).default;
17 |       localSubscribeStore = localforage.createInstance({
18 |         name: 'feiyu',
19 |         storeName: 'subscribe',
20 |         driver: localforage.INDEXEDDB,
21 |       });
22 |     }
23 |   },
24 |   async get(key: string): Promise<Subscribe | undefined> {
25 |     await subscribeStorage.init();
26 |     return await localSubscribeStore.getItem(key).catch(() => undefined);
27 |   },
28 |   async set(key: string, subscribe: Subscribe): Promise<boolean> {
29 |     await subscribeStorage.init();
30 |     const result = await localSubscribeStore
31 |       .setItem(key, subscribe)
32 |       .catch(() => 'failed');
33 |     return result !== 'failed';
34 |   },
35 |   async getAll(): Promise<Subscribe[]> {
36 |     await subscribeStorage.init();
37 |     const keys = await localSubscribeStore.keys().catch(() => []);
38 |     const results = await Promise.all(
39 |       keys.map((key) => subscribeStorage.get(key)),
40 |     );
41 |     // 筛选非空的订阅
42 |     return results.filter((e) => e);
43 |   },
44 |   async remove(key: string): Promise<boolean> {
45 |     await subscribeStorage.init();
46 |     const result = await localSubscribeStore
47 |       .removeItem(key)
48 |       .catch(() => 'failed');
49 |     return result !== 'failed';
50 |   },
51 |   async clear(): Promise<boolean> {
52 |     await subscribeStorage.init();
53 |     const result = await localSubscribeStore.clear().catch(() => 'failed');
54 |     return result !== 'failed';
55 |   },
56 | };
57 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/is.ts:
--------------------------------------------------------------------------------
 1 | export function isNaN(e: unknown): boolean {
 2 |   return Number.isNaN(e);
 3 | }
 4 | 
 5 | export function isNull(e: unknown): boolean {
 6 |   return e === null;
 7 | }
 8 | 
 9 | export function isUndefined(e: unknown): boolean {
10 |   return e === undefined;
11 | }
12 | 
13 | export function isNullish(e: unknown): boolean {
14 |   return e === null || e === undefined;
15 | }
16 | 
17 | export function isNotNullish(e: unknown): boolean {
18 |   return !isNullish(e);
19 | }
20 | 
21 | export function isEmpty(e: any): boolean {
22 |   if (e?.size ?? 0 > 0) return false;
23 |   return (
24 |     isNaN(e) ||
25 |     isNullish(e) ||
26 |     (isString(e) && (e.length < 1 || !/\S/.test(e))) ||
27 |     (isArray(e) && e.length < 1) ||
28 |     (isObject(e) && Object.keys(e).length < 1)
29 |   );
30 | }
31 | 
32 | export function isNotEmpty(e: unknown): boolean {
33 |   return !isEmpty(e);
34 | }
35 | 
36 | export function isNumber(e: unknown): boolean {
37 |   return typeof e === 'number' && !isNaN(e);
38 | }
39 | 
40 | export function isString(e: unknown): boolean {
41 |   return typeof e === 'string';
42 | }
43 | 
44 | export function isStringNumber(e: any): boolean {
45 |   return isString(e) && isNotEmpty(e) && !isNaN(Number(e));
46 | }
47 | 
48 | export function isArray(e: unknown): boolean {
49 |   return Array.isArray(e);
50 | }
51 | 
52 | export function isObject(e: unknown): boolean {
53 |   return typeof e === 'object' && isNotNullish(e) && !isArray(e);
54 | }
55 | 
56 | export function isFunction(e: unknown): boolean {
57 |   return typeof e === 'function';
58 | }
59 | 
60 | export function isClass(e: any): boolean {
61 |   return isFunction(e) && e.toString().startsWith('class ');
62 | }
63 | 
64 | export function isValidUrl(str: string) {
65 |   const pattern = new RegExp(
66 |     '^(https?:\\/\\/)' + // 协议
67 |       '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // 域名
68 |       '((\\d{1,3}\\.){3}\\d{1,3}))' + // 或IP(v4)地址
69 |       '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // 端口和路径
70 |       '(\\?[;&a-z\\d%_.~+=-]*)?' + // 查询字符串
71 |       '(\\#[-a-z\\d_]*)?$', // fragment locator
72 |     'i',
73 |   );
74 |   return !!pattern.test(str);
75 | }
76 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src/index.desktop.js:
--------------------------------------------------------------------------------
 1 | import { invoke } from "@tauri-apps/api/core";
 2 | import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
 3 | import { updater } from "./updater";
 4 | import { getPlatform } from "./platform";
 5 | 
 6 | class _FeiyuDesktop {
 7 |   isDesktop = true;
 8 |   isMac = false;
 9 |   isWindows = false;
10 |   isLinux = false;
11 | 
12 |   invoke = null;
13 |   window = null;
14 |   updater = updater;
15 | 
16 |   _initialized = false;
17 |   async init() {
18 |     if (this._initialized) {
19 |       return;
20 |     }
21 |     this.invoke = invoke;
22 |     this.window = getCurrentWebviewWindow();
23 |     const platform = await getPlatform();
24 |     this.isMac = platform.isMac;
25 |     this.isWindows = platform.isWindows;
26 |     this.isLinux = platform.isLinux;
27 |     this._initFullScreen();
28 |     this._initWindowsBorder();
29 |     this._initialized = true;
30 |   }
31 | 
32 |   _initWindowsBorder() {
33 |     const htmlElement = document.documentElement;
34 |     const bodyElement = document.body;
35 |     const appBorderElement = document.createElement("div");
36 |     bodyElement.appendChild(appBorderElement);
37 |     [htmlElement, bodyElement].forEach((e) => {
38 |       e.style.background = "transparent";
39 |       e.style.clipPath = "inset(1px round 12px)";
40 |     });
41 |     appBorderElement.style.position = "fixed";
42 |     appBorderElement.style.top = "1px";
43 |     appBorderElement.style.left = "1px";
44 |     appBorderElement.style.zIndex = "10000";
45 |     appBorderElement.style.pointerEvents = "none";
46 |     appBorderElement.style.border = "1px solid rgba(0, 0, 0, 10%)";
47 |     appBorderElement.style.borderRadius = "12px";
48 |     appBorderElement.style.width = "calc(100vw - 2 * 1px)";
49 |     appBorderElement.style.height = "calc(100vh - 2 * 1px)";
50 |   }
51 | 
52 |   _initFullScreen() {
53 |     if (this.isWindows) {
54 |       document.addEventListener("fullscreenchange", async () => {
55 |         const fullscreen = document.fullscreenElement != null;
56 |         await this.window?.setFullscreen(fullscreen);
57 |       });
58 |     }
59 |   }
60 | }
61 | 
62 | export const FeiyuDesktop = new _FeiyuDesktop();
63 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/index.ts:
--------------------------------------------------------------------------------
 1 | import axios from "axios";
 2 | 
 3 | import { jsonDecode } from "./utils/base";
 4 | import { isEmpty } from "./utils/is";
 5 | import { clearHeaders, scfContext } from "./utils/scf/context";
 6 | import { scfResponse } from "./utils/scf/response";
 7 | import { APIContext, SCFEvents } from "./utils/scf/types";
 8 | 
 9 | // Proxy 地址请求头
10 | export const kProxyHeader = "x-proxy-target";
11 | export const kProxyHeaders = "x-proxy-headers";
12 | 
13 | // 默认响应
14 | const defaultResponse = scfResponse("Hello world!", { type: "text" });
15 | 
16 | // header: x-proxy-target
17 | export const main = async (event: SCFEvents) => {
18 |   const ctx = scfContext(event) as APIContext;
19 |   const { path, method, headers, query, data } = ctx;
20 | 
21 |   // 无效的请求
22 |   if (path !== "/proxy" || isEmpty(headers[kProxyHeader])) {
23 |     return defaultResponse;
24 |   }
25 | 
26 |   const target = headers[kProxyHeader];
27 |   const targetHeaders = jsonDecode(headers[kProxyHeaders]) ?? {};
28 |   const cleanHeaders = clearHeaders(headers, [
29 |     "host",
30 |     "origin",
31 |     "referer",
32 |     "x-api-scheme",
33 |     "x-api-requestid",
34 |     "x-forwarded-host",
35 |     "x-forwarded-proto",
36 |     "x-forwarded-port",
37 |     "x-forwarded-for",
38 |     "x-real-ip",
39 |     "x-b3-traceid",
40 |     "x-api-scheme",
41 |     "x-qualifier",
42 |     "requestsource",
43 |     "endpoint-timeout",
44 |     "accept-encoding",
45 |     kProxyHeader,
46 |     kProxyHeaders,
47 |     ...Object.keys(targetHeaders),
48 |   ]);
49 | 
50 |   const response: any = await axios({
51 |     method: method,
52 |     url: target,
53 |     params: query,
54 |     data: data,
55 |     headers: {
56 |       ...cleanHeaders,
57 |       ...targetHeaders,
58 |       referer: target,
59 |       origin: new URL(target).origin,
60 |     },
61 |   }).catch((e) => {
62 |     console.error(e.toString());
63 |     return e.response;
64 |   });
65 | 
66 |   return scfResponse(response?.data, {
67 |     code: response?.status,
68 |     headers: clearHeaders(response?.headers, [
69 |       "content-length",
70 |       "access-control-allow-origin",
71 |       "access-control-allow-headers",
72 |     ]),
73 |   });
74 | };
75 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/utils/scf/types.ts:
--------------------------------------------------------------------------------
 1 | // {
 2 | //   Type: 'Timer',
 3 | //   TriggerName: 'EveryDay',
 4 | //   Time: '2019-03-21T11:49:00Z',
 5 | //   Message: 'user define msg body',
 6 | // }
 7 | export interface TimerEvent {
 8 |   Type: "Timer";
 9 |   TriggerName: string;
10 |   Time: string;
11 |   Message: string;
12 | }
13 | 
14 | // {
15 | //   httpMethod: 'POST',
16 | //   isBase64Encoded: false,
17 | //   path: '/xxx',
18 | //   body: '{"a":123}',
19 | //   queryString: {
20 | //     aaa: '1234',
21 | //   },
22 | //   headers: {
23 | //     'user-agent': 'xxx',
24 | //     'x-api-requestid': 'xxx',
25 | //     'x-b3-traceid': 'xxx',
26 | //     'x-api-scheme': 'https',
27 | //   },
28 | //   requestContext: {
29 | //     httpMethod: 'ANY',
30 | //     identity: {},
31 | //     path: '/xxx',
32 | //     serviceId: 'service-xxx',
33 | //     sourceIp: '50.xxx.xxx.xxx',
34 | //     stage: 'release',
35 | //   },
36 | //   headerParameters: {},
37 | //   pathParameters: {},
38 | //   queryStringParameters: {},
39 | // }
40 | export interface APIEvent {
41 |   httpMethod: "POST" | "GET";
42 |   isBase64Encoded: boolean;
43 |   // Full relative path
44 |   path: string;
45 |   // POST row json string
46 |   body: string;
47 |   // GET query map
48 |   queryString: Record<string, string>;
49 |   headers: Record<string, any>;
50 |   requestContext: {
51 |     // Path category
52 |     path: string;
53 |     serviceId: string;
54 |     sourceIp: string;
55 |     stage: string;
56 |   };
57 | }
58 | 
59 | export type SCFEvents = APIEvent | TimerEvent;
60 | 
61 | export type HttpQuery = Record<string, string | number | boolean | undefined>;
62 | 
63 | interface ContextTypes {
64 |   isTimer?: boolean;
65 |   isAPI?: boolean;
66 | }
67 | 
68 | export interface TimerContext extends ContextTypes {
69 |   isTimer: true;
70 |   name: string;
71 |   time: string;
72 |   message: string;
73 | }
74 | 
75 | export interface APIContext extends ContextTypes {
76 |   isAPI: true;
77 |   stage: string;
78 |   method: "POST" | "GET";
79 |   path: string;
80 |   query: HttpQuery;
81 |   data: any;
82 |   headers: Record<string, any>;
83 |   userAgent: string;
84 |   sourceIp: string;
85 |   traceid: string;
86 | }
87 | 
88 | export type SCFContext = TimerContext | APIContext;
89 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/base.ts:
--------------------------------------------------------------------------------
 1 | export const timestamp = () => new Date().getTime();
 2 | 
 3 | export const delay = async (time: number) =>
 4 |   new Promise<void>((resolve) => setTimeout(resolve, time));
 5 | 
 6 | export const printf = (...v: any[]) => console.log(...v);
 7 | 
 8 | export const printJson = (obj: any) =>
 9 |   console.log(JSON.stringify(obj, undefined, 4));
10 | 
11 | export const firstOf = <T = any>(datas?: T[]) =>
12 |   datas ? (datas.length < 1 ? undefined : datas[0]) : undefined;
13 | 
14 | export const lastOf = <T = any>(datas?: T[]) =>
15 |   datas ? (datas.length < 1 ? undefined : datas[datas.length - 1]) : undefined;
16 | 
17 | export const randomInt = (min: number, max?: number) => {
18 |   if (!max) {
19 |     max = min;
20 |     min = 0;
21 |   }
22 |   return Math.floor(Math.random() * (max - min + 1) + min);
23 | };
24 | 
25 | export const pickOne = <T = any>(datas: T[]) =>
26 |   datas.length < 1 ? undefined : datas[randomInt(datas.length - 1)];
27 | 
28 | export const range = (start: number, end?: number) => {
29 |   if (!end) {
30 |     end = start;
31 |     start = 0;
32 |   }
33 |   return Array.from({ length: end - start }, (_, index) => start + index);
34 | };
35 | 
36 | /**
37 |  * clamp(-1,0,1)=0
38 |  */
39 | export function clamp(num: number, min: number, max: number): number {
40 |   return num < max ? (num > min ? num : min) : max;
41 | }
42 | 
43 | export const toSet = <T = any>(datas: T[], byKey?: (e: T) => any) => {
44 |   if (byKey) {
45 |     const keys = {};
46 |     const newDatas: T[] = [];
47 |     datas.forEach((e) => {
48 |       const key = jsonEncode({ key: byKey(e) }) as any;
49 |       if (!keys[key]) {
50 |         newDatas.push(e);
51 |         keys[key] = true;
52 |       }
53 |     });
54 |     return newDatas;
55 |   }
56 |   return Array.from(new Set(datas));
57 | };
58 | 
59 | export function jsonEncode(obj: any, prettier = false) {
60 |   try {
61 |     return prettier ? JSON.stringify(obj, undefined, 4) : JSON.stringify(obj);
62 |   } catch (error) {
63 |     return undefined;
64 |   }
65 | }
66 | 
67 | export function jsonDecode(json: string | undefined) {
68 |   if (json == undefined) return undefined;
69 |   try {
70 |     return JSON.parse(json!);
71 |   } catch (error) {
72 |     return undefined;
73 |   }
74 | }
75 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | # Logs
  2 | logs
  3 | *.log
  4 | npm-debug.log*
  5 | yarn-debug.log*
  6 | yarn-error.log*
  7 | lerna-debug.log*
  8 | 
  9 | # Diagnostic reports (https://nodejs.org/api/report.html)
 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 11 | 
 12 | # Runtime data
 13 | pids
 14 | *.pid
 15 | *.seed
 16 | *.pid.lock
 17 | 
 18 | # Directory for instrumented libs generated by jscoverage/JSCover
 19 | lib-cov
 20 | 
 21 | # Coverage directory used by tools like istanbul
 22 | coverage
 23 | *.lcov
 24 | 
 25 | # nyc test coverage
 26 | .nyc_output
 27 | 
 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 29 | .grunt
 30 | 
 31 | # Bower dependency directory (https://bower.io/)
 32 | bower_components
 33 | 
 34 | # node-waf configuration
 35 | .lock-wscript
 36 | 
 37 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 38 | build/
 39 | 
 40 | # Dependency directories
 41 | node_modules/
 42 | jspm_packages/
 43 | 
 44 | # TypeScript v1 declaration files
 45 | typings/
 46 | 
 47 | # TypeScript cache
 48 | *.tsbuildinfo
 49 | 
 50 | # Optional npm cache directory
 51 | .npm
 52 | 
 53 | # Optional eslint cache
 54 | .eslintcache
 55 | .stylelintcache
 56 | 
 57 | # Microbundle cache
 58 | .rpt2_cache/
 59 | .rts2_cache_cjs/
 60 | .rts2_cache_es/
 61 | .rts2_cache_umd/
 62 | 
 63 | # Optional REPL history
 64 | .node_repl_history
 65 | 
 66 | # Output of 'npm pack'
 67 | *.tgz
 68 | 
 69 | # Yarn Integrity file
 70 | .yarn-integrity
 71 | 
 72 | # dotenv environment variables file
 73 | .env
 74 | .env.test
 75 | .config.ts
 76 | 
 77 | # misc
 78 | .DS_Store
 79 | 
 80 | # parcel-bundler cache (https://parceljs.org/)
 81 | .cache
 82 | 
 83 | # Next.js build output
 84 | .next
 85 | 
 86 | # Nuxt.js build / generate output
 87 | .nuxt
 88 | dist
 89 | dev-dist
 90 | 
 91 | # Gatsby files
 92 | .cache/
 93 | # Comment in the public line in if your project uses Gatsby and *not* Next.js
 94 | # https://nextjs.org/blog/next-9-1#public-directory-support
 95 | # public
 96 | 
 97 | # vuepress build output
 98 | .vuepress/dist
 99 | 
100 | # Serverless directories
101 | .serverless/
102 | 
103 | # FuseBox cache
104 | .fusebox/
105 | 
106 | # DynamoDB Local files
107 | .dynamodb/
108 | 
109 | # TernJS port file
110 | .tern-port
111 | .vercel
112 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/index.css:
--------------------------------------------------------------------------------
  1 | *,
  2 | *::after,
  3 | *::before {
  4 |   box-sizing: border-box;
  5 | }
  6 | 
  7 | #root {
  8 |   max-width: 1024px;
  9 |   margin: 0 auto;
 10 |   padding: 2rem;
 11 |   text-align: center;
 12 | }
 13 | 
 14 | html,
 15 | body,
 16 | :root {
 17 |   margin: 0;
 18 |   font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
 19 |     Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 20 |   font-size: 14px;
 21 |   font-weight: 400;
 22 |   text-rendering: optimizelegibility;
 23 |   -webkit-font-smoothing: antialiased;
 24 |   -moz-osx-font-smoothing: grayscale;
 25 |   text-size-adjust: 100%;
 26 |   -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
 27 | }
 28 | 
 29 | @media only screen and (max-width: 768px) {
 30 |   html {
 31 |     font-size: 12px !important;
 32 |   }
 33 | }
 34 | 
 35 | a:focus,
 36 | input:focus,
 37 | p:focus,
 38 | div:focus {
 39 |   -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
 40 | }
 41 | 
 42 | p,
 43 | h1,
 44 | h2,
 45 | h3 {
 46 |   margin: 0;
 47 | }
 48 | 
 49 | a {
 50 |   color: inherit;
 51 |   text-decoration: inherit;
 52 | }
 53 | 
 54 | .row {
 55 |   display: flex;
 56 |   flex-direction: row;
 57 |   align-items: center;
 58 | }
 59 | 
 60 | .column {
 61 |   display: flex;
 62 |   flex-direction: column;
 63 |   align-items: center;
 64 | }
 65 | 
 66 | .expand {
 67 |   display: flex;
 68 |   flex: 1;
 69 | }
 70 | 
 71 | .relative {
 72 |   position: relative;
 73 | }
 74 | 
 75 | .absolute {
 76 |   position: absolute;
 77 | }
 78 | 
 79 | .center-x {
 80 |   position: absolute;
 81 |   left: 50%;
 82 |   transform: translateX(-50%);
 83 | }
 84 | 
 85 | .center-y {
 86 |   position: absolute;
 87 |   top: 50%;
 88 |   transform: translateY(-50%);
 89 | }
 90 | 
 91 | @keyframes heartbeat {
 92 |   0% {
 93 |     transform: scale(0.75);
 94 |   }
 95 |   20% {
 96 |     transform: scale(1);
 97 |   }
 98 |   40% {
 99 |     transform: scale(0.75);
100 |   }
101 |   60% {
102 |     transform: scale(1);
103 |   }
104 |   80% {
105 |     transform: scale(0.75);
106 |   }
107 |   100% {
108 |     transform: scale(0.75);
109 |   }
110 | }
111 | 
112 | .heart {
113 |   display: inline-block;
114 |   animation: heartbeat 1.5s ease-in-out both infinite;
115 | }
116 | 


--------------------------------------------------------------------------------
/packages/feiyu/.gitignore:
--------------------------------------------------------------------------------
  1 | # Logs
  2 | logs
  3 | *.log
  4 | npm-debug.log*
  5 | yarn-debug.log*
  6 | yarn-error.log*
  7 | lerna-debug.log*
  8 | 
  9 | # Diagnostic reports (https://nodejs.org/api/report.html)
 10 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 11 | 
 12 | # Runtime data
 13 | pids
 14 | *.pid
 15 | *.seed
 16 | *.pid.lock
 17 | 
 18 | # Directory for instrumented libs generated by jscoverage/JSCover
 19 | lib-cov
 20 | 
 21 | # Coverage directory used by tools like istanbul
 22 | coverage
 23 | *.lcov
 24 | 
 25 | # nyc test coverage
 26 | .nyc_output
 27 | 
 28 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 29 | .grunt
 30 | 
 31 | # Bower dependency directory (https://bower.io/)
 32 | bower_components
 33 | 
 34 | # node-waf configuration
 35 | .lock-wscript
 36 | 
 37 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 38 | build/
 39 | 
 40 | # Dependency directories
 41 | node_modules/
 42 | jspm_packages/
 43 | 
 44 | # TypeScript v1 declaration files
 45 | typings/
 46 | 
 47 | # TypeScript cache
 48 | *.tsbuildinfo
 49 | 
 50 | # Optional npm cache directory
 51 | .npm
 52 | 
 53 | # Optional eslint cache
 54 | .eslintcache
 55 | .stylelintcache
 56 | 
 57 | # Microbundle cache
 58 | .rpt2_cache/
 59 | .rts2_cache_cjs/
 60 | .rts2_cache_es/
 61 | .rts2_cache_umd/
 62 | 
 63 | # Optional REPL history
 64 | .node_repl_history
 65 | 
 66 | # Output of 'npm pack'
 67 | *.tgz
 68 | 
 69 | # Yarn Integrity file
 70 | .yarn-integrity
 71 | 
 72 | # dotenv environment variables file
 73 | .env
 74 | .env.test
 75 | .config.ts
 76 | 
 77 | # misc
 78 | .DS_Store
 79 | 
 80 | # parcel-bundler cache (https://parceljs.org/)
 81 | .cache
 82 | 
 83 | # Next.js build output
 84 | .next
 85 | 
 86 | # Nuxt.js build / generate output
 87 | .nuxt
 88 | dist
 89 | dev-dist
 90 | 
 91 | # Gatsby files
 92 | .cache/
 93 | # Comment in the public line in if your project uses Gatsby and *not* Next.js
 94 | # https://nextjs.org/blog/next-9-1#public-directory-support
 95 | # public
 96 | 
 97 | # vuepress build output
 98 | .vuepress/dist
 99 | 
100 | # Serverless directories
101 | .serverless/
102 | 
103 | # FuseBox cache
104 | .fusebox/
105 | 
106 | # DynamoDB Local files
107 | .dynamodb/
108 | 
109 | # TernJS port file
110 | .tern-port
111 | .vercel
112 | 


--------------------------------------------------------------------------------
/packages/feiyu-proxy/src/utils/scf/context.ts:
--------------------------------------------------------------------------------
 1 | import { jsonDecode } from '../base';
 2 | import { isNotEmpty } from '../is';
 3 | import {
 4 |   APIEvent,
 5 |   HttpQuery,
 6 |   SCFContext,
 7 |   SCFEvents,
 8 |   TimerEvent,
 9 | } from './types';
10 | 
11 | const _isTimerEvent = (e: SCFEvents) => (e as any).Type === 'Timer';
12 | const _isAPIEvent = (e: SCFEvents) => (e as any).requestContext != null;
13 | const _parseQuery = (datas: Record<string, string>) => {
14 |   const newDatas: HttpQuery = {};
15 |   for (const [key, value] of Object.entries(datas)) {
16 |     if (value === '') {
17 |       newDatas[key] = undefined;
18 |     }
19 |     if (value === 'true') newDatas[key] = true;
20 |     if (value === 'false') newDatas[key] = false;
21 |     if (/^(0|-?[1-9]\d*)$/.test(value)) {
22 |       newDatas[key] = parseInt(value, 10);
23 |     }
24 |     newDatas[key] = value;
25 |   }
26 |   return newDatas;
27 | };
28 | 
29 | const _clearKeys = [
30 |   'x-api-requestid',
31 |   'x-b3-traceid',
32 |   'x-api-scheme',
33 |   'requestsource',
34 |   'referer',
35 |   'host',
36 |   'endpoint-timeout',
37 |   'x-qualifier',
38 |   'accept-encoding',
39 | ];
40 | 
41 | export const clearHeaders = (headers: any, clearKeys = _clearKeys) => {
42 |   const _headers: any = {};
43 |   for (const [key, value] of Object.entries(headers ?? {})) {
44 |     if (!clearKeys.includes(key.toLowerCase())) {
45 |       _headers[key] = value;
46 |     }
47 |   }
48 |   return _headers;
49 | };
50 | 
51 | export const scfContext = (e: SCFEvents): SCFContext | undefined => {
52 |   if (_isTimerEvent(e)) {
53 |     e = e as TimerEvent;
54 |     return {
55 |       isTimer: true,
56 |       name: e.TriggerName,
57 |       time: e.Time,
58 |       message: e.Message,
59 |     };
60 |   }
61 |   if (_isAPIEvent(e)) {
62 |     e = e as APIEvent;
63 |     const userAgent = e.headers['user-agent'];
64 |     const traceid = e.headers['x-b3-traceid'];
65 |     return {
66 |       isAPI: true,
67 |       stage: e.requestContext.stage,
68 |       method: e.httpMethod,
69 |       path: e.path,
70 |       headers: e.headers,
71 |       query: _parseQuery(e.queryString),
72 |       data: jsonDecode(e.body) ?? (isNotEmpty(e.body) ? e.body : undefined),
73 |       userAgent,
74 |       traceid,
75 |       sourceIp: e.requestContext.sourceIp,
76 |     };
77 |   }
78 | };
79 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/MyHeader.tsx:
--------------------------------------------------------------------------------
 1 | import { Message } from '@arco-design/web-react';
 2 | import { FeiyuDesktop } from 'feiyu-desktop';
 3 | 
 4 | import { Expand, Row } from '@/components/Flex';
 5 | import { SwitchDark } from '@/components/SwitchDark';
 6 | import { colors } from '@/styles/colors';
 7 | 
 8 | import { useHomePages } from '../pages/home/useHomePages';
 9 | import { SearchButton } from './SearchButton';
10 | import { useSideMenu } from './SideMenu';
11 | import { TitleBar } from './TitleBar';
12 | 
13 | export const kHeaderHeight = '60px';
14 | 
15 | export const MyHeader = () => {
16 |   const { jumpToIndex, isIndexPage } = useHomePages();
17 |   const { hideSideMenu, openSideDrawer } = useSideMenu();
18 | 
19 |   return (
20 |     <div
21 |       className="glass-effect app-header"
22 |       style={{
23 |         position: 'fixed',
24 |         top: '0px',
25 |         zIndex: 10,
26 |       }}
27 |     >
28 |       {FeiyuDesktop.isDesktop && <TitleBar />}
29 |       <div
30 |         data-tauri-drag-region
31 |         style={{
32 |           display: 'flex',
33 |           flexDirection: 'row',
34 |           alignItems: 'center',
35 |           width: '100vw',
36 |           height: kHeaderHeight,
37 |           padding: '0px 20px',
38 |           boxShadow: '0 2px 6px rgba(0,0,0,.05)',
39 |         }}
40 |       >
41 |         <Row
42 |           marginTop={FeiyuDesktop.isDesktop ? '14px' : undefined}
43 |           cursor="pointer"
44 |           onClick={() => {
45 |             if (hideSideMenu) {
46 |               // 移动端点击打开菜单栏
47 |               openSideDrawer();
48 |             } else {
49 |               if (!isIndexPage) {
50 |                 jumpToIndex(); // 回到首页
51 |               } else {
52 |                 Message.info("喵呜 ฅ'ω'ฅ");
53 |               }
54 |             }
55 |           }}
56 |         >
57 |           <img width="24px" height="24px" src="/logo.svg" />
58 |           <span
59 |             style={{
60 |               fontSize: '20px',
61 |               fontWeight: 'bold',
62 |               padding: '0px 10px',
63 |               color: colors.text,
64 |             }}
65 |           >
66 |             飞鱼
67 |           </span>
68 |         </Row>
69 |         <Expand />
70 |         <SearchButton />
71 |         <SwitchDark />
72 |       </div>
73 |     </div>
74 |   );
75 | };
76 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/scripts/updater.js:
--------------------------------------------------------------------------------
 1 | #!/usr/bin/env node
 2 | 
 3 | import path from "path";
 4 | import {
 5 |   copyFile,
 6 |   deleteFile,
 7 |   getFiles,
 8 |   moveFile,
 9 |   readString,
10 |   writeJSON,
11 | } from "./io.js";
12 | 
13 | async function main() {
14 |   const args = process.argv.slice(2);
15 |   const [root, version, notes] = args;
16 |   const targets = {
17 |     "darwin-x86_64": "macos_x86_64.app.tar.gz",
18 |     "darwin-aarch64": "macos_aarch64.app.tar.gz",
19 |     "darwin-universal": "macos_universal.app.tar.gz",
20 |     "windows-x86_64": "windows_x86_64.nsis.zip",
21 |     "windows-aarch64": "windows_aarch64.nsis.zip",
22 |     "windows-i686": "windows_i686.nsis.zip",
23 |     "linux-x86_64": "linux_x86_64.AppImage.tar.gz",
24 |     "linux-i686": "linux_i686.AppImage.tar.gz",
25 |   };
26 |   const files = await getFiles(path.join(root, "dist"));
27 |   const platforms = {};
28 |   for (const target in targets) {
29 |     const suffix = targets[target];
30 |     const updater = files.find((e) => e.endsWith(suffix));
31 |     if (updater) {
32 |       const sig = path.join(root, "dist", updater + ".sig");
33 |       const signature = await readString(sig);
34 |       if (signature) {
35 |         platforms[target] = {
36 |           signature,
37 |           url: `https://github.com/idootop/feiyu-player/releases/download/updater/${updater}`,
38 |         };
39 |         await deleteFile(sig);
40 |         await moveFile(
41 |           path.join(root, "dist", updater),
42 |           path.join(root, "updater", updater)
43 |         );
44 |         console.log(`✅ ${target}`);
45 |       }
46 |     }
47 |   }
48 |   await writeJSON(path.join(root, "updater", "latest.json"), {
49 |     version,
50 |     notes,
51 |     platforms,
52 |     pub_date: new Date().toISOString(),
53 |   });
54 |   const installers = [
55 |     "macos_universal.dmg",
56 |     "windows_x86_64.exe",
57 |     "linux_x86_64.deb",
58 |   ];
59 |   for (const file of files) {
60 |     const match = installers.find((e) => file.endsWith(e));
61 |     if (match) {
62 |       await copyFile(
63 |         path.join(root, "dist", file),
64 |         path.join(root, "installer", file)
65 |       );
66 |     }
67 |     // 移除版本号
68 |     await moveFile(
69 |       path.join(root, "dist", file),
70 |       path.join(root, "dist", file.replace("_" + version, ""))
71 |     );
72 |   }
73 | }
74 | 
75 | main();
76 | 


--------------------------------------------------------------------------------
/packages/feiyu-website/src/layouts/Intro.jsx:
--------------------------------------------------------------------------------
 1 | import { Download } from "../components/Button/Download";
 2 | import { Button } from "../components/Button";
 3 | import { useHover } from "../hooks/useHover";
 4 | import { useShadow } from "../hooks/useShadow";
 5 | 
 6 | export function Intro() {
 7 |   return (
 8 |     <>
 9 |       <div style={{ margin: "6rem 0 4rem 0" }}>
10 |         <Slogan />
11 |         <DownloadArea />
12 |       </div>
13 |       <div className="relative">
14 |         <img
15 |           src="/screenshots/home.webp"
16 |           style={{
17 |             width: "100%",
18 |           }}
19 |         />
20 |         <p
21 |           style={{
22 |             background: "#fff",
23 |             filter: "blur(1rem)",
24 |             width: "calc(100vw - 2rem)",
25 |             height: "30%",
26 |             position: "absolute",
27 |             bottom: "-10%",
28 |             left: "50%",
29 |             transform: "translateX(-50%)",
30 |           }}
31 |         />
32 |       </div>
33 |     </>
34 |   );
35 | }
36 | 
37 | function Slogan() {
38 |   const { hoverRef, isHovered } = useHover();
39 |   const { shadow, shadowRef } = useShadow();
40 | 
41 |   return (
42 |     <>
43 |       <p style={{ fontSize: "3rem", fontWeight: "bold", userSelect: "none" }}>
44 |         追
45 |         <span
46 |           ref={shadowRef}
47 |           style={{
48 |             textShadow: shadow,
49 |           }}
50 |         >
51 |           光影
52 |         </span>
53 |         ，
54 |         <span
55 |           ref={hoverRef}
56 |           style={{
57 |             display: "inline-block",
58 |             width: "9rem",
59 |             textAlign: "center",
60 |           }}
61 |         >
62 |           {!isHovered ? "看世界" : "👀 🌍"}
63 |         </span>
64 |       </p>
65 |       <p
66 |         style={{
67 |           margin: "0.5rem 0 2rem 0",
68 |           fontSize: "1.5rem",
69 |           fontWeight: "normal",
70 |           color: "rgba(0,0,0,50%)",
71 |         }}
72 |       >
73 |         The Light and Shadow, A Brighter World to See
74 |       </p>
75 |     </>
76 |   );
77 | }
78 | 
79 | function DownloadArea() {
80 |   return (
81 |     <div className="row" style={{ gap: "2rem", justifyContent: "center" }}>
82 |       <Download />
83 |       <Button url="https://demo.feiyu-player.xbox.work/#/home/hot" secondary>
84 |         网页版
85 |       </Button>
86 |     </div>
87 |   );
88 | }
89 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Dialog.tsx:
--------------------------------------------------------------------------------
 1 | import { Button, Modal } from '@arco-design/web-react';
 2 | import { ReactNode } from 'react';
 3 | 
 4 | import { isNotEmpty } from '@/utils/is';
 5 | 
 6 | import { Box } from './Box';
 7 | import { Column, Expand, Row } from './Flex';
 8 | import { Text } from './Text';
 9 | 
10 | interface DialogProps {
11 |   ok?: string;
12 |   cancel?: string;
13 |   lead?: string;
14 |   onOk?: () => void;
15 |   onCancel?: () => void;
16 |   onClose?: () => void;
17 |   onLead?: () => void;
18 |   title: string;
19 |   children: ReactNode;
20 |   visible?: boolean;
21 |   okWaiting?: boolean;
22 |   cancelWaiting?: boolean;
23 |   leadWaiting?: boolean;
24 | }
25 | 
26 | export const Dialog = (props: DialogProps) => {
27 |   const {
28 |     ok = '确定',
29 |     cancel = '取消',
30 |     onOk,
31 |     onCancel,
32 |     title,
33 |     children,
34 |     visible,
35 |     okWaiting,
36 |     cancelWaiting,
37 |     lead,
38 |     onLead,
39 |     onClose = onCancel,
40 |     leadWaiting,
41 |   } = props;
42 |   return (
43 |     <Modal
44 |       title={null}
45 |       footer={null}
46 |       visible={visible}
47 |       onCancel={onClose}
48 |       style={{
49 |         width: 'calc( 100% - 20px * 2)',
50 |         maxWidth: '360px',
51 |         margin: '20px',
52 |         boxSizing: 'border-box',
53 |       }}
54 |     >
55 |       <Column borderRadius="4px" padding="20px" alignItems="start">
56 |         <Text
57 |           style={{ fontSize: '16px', fontWeight: '500', paddingBottom: '16px' }}
58 |         >
59 |           {title}
60 |         </Text>
61 |         {children}
62 |         <Row width="100%">
63 |           {lead ? (
64 |             <Button loading={leadWaiting} type="secondary" onClick={onLead}>
65 |               {lead}
66 |             </Button>
67 |           ) : (
68 |             <Box />
69 |           )}
70 |           <Expand />
71 |           {isNotEmpty(cancel) ? (
72 |             <Button
73 |               loading={cancelWaiting}
74 |               type="secondary"
75 |               onClick={onCancel}
76 |               style={{ marginRight: '8px' }}
77 |             >
78 |               {cancel}
79 |             </Button>
80 |           ) : (
81 |             <Box />
82 |           )}
83 |           <Button loading={okWaiting} type="primary" onClick={onOk}>
84 |             {ok}
85 |           </Button>
86 |         </Row>
87 |       </Column>
88 |     </Modal>
89 |   );
90 | };
91 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/components/Stack/index.tsx:
--------------------------------------------------------------------------------
 1 | import { forwardRef } from 'react';
 2 | 
 3 | import { flattenChildren } from '@/utils/flatten';
 4 | 
 5 | import { Box, BoxProps } from '../Box';
 6 | import { PositionProps } from './position';
 7 | 
 8 | export const Stack = forwardRef((props: BoxProps, ref: any) => {
 9 |   const children = props.children as any[];
10 |   if (!Array.isArray(props.children) || props.children.length < 1)
11 |     return props.children;
12 |   // 最底部的元素，撑起 Stack 的宽高
13 |   const target = children![0];
14 |   // 合并子元素中的嵌套列表
15 |   let items = children.slice(1);
16 |   items = flattenChildren(items);
17 |   // 构造 Stack 内容
18 |   const contents = items.map((item: any, index: number) => {
19 |     const p = item.props ?? {};
20 |     const position = _getStackPosition(p);
21 |     const zIndex = p?.zIndex ?? 1;
22 |     const props = { ...p, ...position, zIndex, position: 'absolute' };
23 |     return (
24 |       <Box key={index} {...props}>
25 |         {item}
26 |       </Box>
27 |     );
28 |   });
29 |   return (
30 |     <Box ref={ref} {...{ ...props, position: 'relative' }}>
31 |       {contents}
32 |       {target}
33 |     </Box>
34 |   ) as any;
35 | });
36 | 
37 | const _getStackPosition = (p?: Partial<PositionProps>) => {
38 |   switch (p?.align) {
39 |     case 'topLeft':
40 |       return {
41 |         top: 0,
42 |         left: 0,
43 |       };
44 |     case 'topRight':
45 |       return {
46 |         top: 0,
47 |         right: 0,
48 |       };
49 |     case 'bottomLeft':
50 |       return {
51 |         bottom: 0,
52 |         left: 0,
53 |       };
54 |     case 'bottomRight':
55 |       return {
56 |         bottom: 0,
57 |         right: 0,
58 |       };
59 |     case 'center':
60 |       return {
61 |         top: '50%',
62 |         left: '50%',
63 |         transform: 'translate(-50%, -50%)',
64 |       };
65 |     case 'topCenter':
66 |       return {
67 |         top: 0,
68 |         left: '50%',
69 |         transform: 'translateX(-50%)',
70 |       };
71 |     case 'bottomCenter':
72 |       return {
73 |         bottom: 0,
74 |         left: '50%',
75 |         transform: 'translateX(-50%)',
76 |       };
77 |     case 'centerLeft':
78 |       return {
79 |         left: 0,
80 |         top: '50%',
81 |         transform: 'translateY(-50%)',
82 |       };
83 |     case 'centerRight':
84 |       return {
85 |         right: 0,
86 |         top: '50%',
87 |         transform: 'translateY(-50%)',
88 |       };
89 |     default:
90 |       return {};
91 |   }
92 | };
93 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/services/routes/index.tsx:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | import { Router } from 'wouter';
 3 | import { useXProvider, XSta } from 'xsta';
 4 | 
 5 | import { BoxProps } from '@/components/Box';
 6 | import { AsyncBuilder, TabPages } from '@/components/Tab';
 7 | import { TabPageController } from '@/components/Tab/state';
 8 | import { useInit } from '@/hooks/useInit';
 9 | import { flattenChildren } from '@/utils/flatten';
10 | 
11 | import { useRouterInit } from './listener';
12 | import { multiPathMatcher, useLLocation } from './location';
13 | import { router } from './router';
14 | 
15 | const _lRoutesKey = (key: string, id = '0') => `LRoutes-${key}-${id}`;
16 | /**
17 |  * key 为当前 LRoutes 的 parent
18 |  */
19 | export const getLRoutesController = (key: string, id = '0') =>
20 |   XSta.get<TabPageController>(_lRoutesKey(key, id));
21 | 
22 | export const LRouter = (
23 |   props: BoxProps & { base?: string; hash?: boolean },
24 | ) => {
25 |   const { base = '/', hash = true } = props;
26 |   router.base = base;
27 |   router.hash = hash;
28 |   // 初始化 router
29 |   useRouterInit();
30 |   return (
31 |     <Router hook={useLLocation as any} matcher={multiPathMatcher as any}>
32 |       {props.children}
33 |     </Router>
34 |   );
35 | };
36 | 
37 | export const LRoutes = (props: {
38 |   children: any[];
39 |   /**
40 |    * /path/of/parent/
41 |    */
42 |   parent?: string;
43 |   id?: string;
44 |   keepalive?: boolean;
45 | }) => {
46 |   const { parent: _parent = '/', id, keepalive = true, children } = props;
47 |   let parent = _parent;
48 |   if (!_parent.endsWith('/')) {
49 |     parent = _parent + '/';
50 |   }
51 |   // 合并子元素中的嵌套列表
52 |   const items = flattenChildren(children);
53 |   const pages: { key: string; pageBuilder: () => any }[] = items.map((e) => ({
54 |     key: e.props.path,
55 |     pageBuilder: e.props.builder,
56 |   }));
57 |   // 解析当前 match 的页面（默认 fallback 到第一个页面）
58 |   const [location] = useLLocation();
59 |   const current =
60 |     pages.find((e) => location.startsWith(parent + e.key)) ?? pages[0];
61 |   if (!keepalive) {
62 |     return <AsyncBuilder builder={current.pageBuilder} inited={true} />;
63 |   }
64 |   // 创建 Tab Controller
65 |   const key = _lRoutesKey(parent, id);
66 |   const controller = useInit(
67 |     () =>
68 |       new TabPageController({
69 |         key,
70 |         pages,
71 |       }),
72 |   );
73 |   useXProvider(key, controller);
74 |   useEffect(() => {
75 |     controller.jumpTo(current.key);
76 |   }, [current.key]);
77 |   return <TabPages controller={controller} currentPage={current.key} />;
78 | };
79 | 
80 | export const LRoute = (_p: { path: string; builder: () => any }) => {
81 |   return <div />;
82 | };
83 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/dom.ts:
--------------------------------------------------------------------------------
  1 | export const createDom = (props: {
  2 |   tagName?: string;
  3 |   innerHTML?: string;
  4 |   attrs?: Record<string, any>;
  5 |   className?: string;
  6 | }) => {
  7 |   const { tagName = 'div', innerHTML = '', attrs = {}, className = '' } = props;
  8 |   const dom = document.createElement(tagName);
  9 |   dom.className = className;
 10 |   dom.innerHTML = innerHTML;
 11 |   Object.keys(attrs).forEach((item) => {
 12 |     const key = item;
 13 |     const value = attrs[item];
 14 |     if (tagName === 'video' || tagName === 'audio') {
 15 |       if (value) {
 16 |         dom.setAttribute(key, value);
 17 |       }
 18 |     } else {
 19 |       dom.setAttribute(key, value);
 20 |     }
 21 |   });
 22 |   return dom;
 23 | };
 24 | 
 25 | export function hasClass(el: HTMLElement, className: string) {
 26 |   if (!el) {
 27 |     return false;
 28 |   }
 29 | 
 30 |   if (el.classList) {
 31 |     return Array.prototype.some.call(
 32 |       el.classList,
 33 |       (item) => item === className,
 34 |     );
 35 |   } else if (el.className) {
 36 |     return !!el.className.match(new RegExp('(\\s|^)' + className + '(\\s|$)'));
 37 |   } else {
 38 |     return false;
 39 |   }
 40 | }
 41 | 
 42 | export function addClass(el: HTMLElement, className: string) {
 43 |   if (!el) {
 44 |     return;
 45 |   }
 46 | 
 47 |   if (el.classList) {
 48 |     className
 49 |       .replace(/(^\s+|\s+$)/g, '')
 50 |       .split(/\s+/g)
 51 |       .forEach((item) => {
 52 |         item && el.classList.add(item);
 53 |       });
 54 |   } else if (!hasClass(el, className)) {
 55 |     el.className += ' ' + className;
 56 |   }
 57 | }
 58 | 
 59 | export function removeClass(el: HTMLElement, className: string) {
 60 |   if (!el) {
 61 |     return;
 62 |   }
 63 | 
 64 |   if (el.classList) {
 65 |     className.split(/\s+/g).forEach((item) => {
 66 |       el.classList.remove(item);
 67 |     });
 68 |   } else if (hasClass(el, className)) {
 69 |     className.split(/\s+/g).forEach((item) => {
 70 |       const reg = new RegExp('(\\s|^)' + item + '(\\s|$)');
 71 |       el.className = el.className.replace(reg, ' ');
 72 |     });
 73 |   }
 74 | }
 75 | 
 76 | export function toggleClass(el: HTMLElement, className: string) {
 77 |   if (!el) {
 78 |     return;
 79 |   }
 80 | 
 81 |   className.split(/\s+/g).forEach((item) => {
 82 |     if (hasClass(el, item)) {
 83 |       removeClass(el, item);
 84 |     } else {
 85 |       addClass(el, item);
 86 |     }
 87 |   });
 88 | }
 89 | 
 90 | export function findDom(el = document, sel: string) {
 91 |   let dom: any;
 92 |   try {
 93 |     dom = el.querySelector(sel);
 94 |   } catch (e) {
 95 |     if (sel.indexOf('#') === 0) {
 96 |       dom = el.getElementById(sel.slice(1));
 97 |     }
 98 |   }
 99 |   return dom;
100 | }
101 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/services/routes/listener.tsx:
--------------------------------------------------------------------------------
 1 | import { useEffect } from 'react';
 2 | 
 3 | import { useInit } from '@/hooks/useInit';
 4 | import { ArrayElement } from '@/utils/types';
 5 | 
 6 | import { getLocation, useInitLocationListener } from './location';
 7 | import { router } from './router';
 8 | 
 9 | type RouteEvent = ArrayElement<
10 |   ['popstate', 'pushState', 'replaceState', 'hashchange']
11 | >;
12 | 
13 | export const kRoutEvents: RouteEvent[] = [
14 |   'popstate',
15 |   'pushState',
16 |   'replaceState',
17 |   'hashchange',
18 | ];
19 | 
20 | export const useListenLocationUpdates = (callback: (event: any) => void) => {
21 |   useEffect(() => {
22 |     for (const event of kRoutEvents) {
23 |       addEventListener(event, callback);
24 |     }
25 |     return () => {
26 |       for (const event of kRoutEvents) {
27 |         removeEventListener(event, callback);
28 |       }
29 |     };
30 |   }, []);
31 | };
32 | 
33 | const getPath = (url: URL) => {
34 |   return getLocation(url.pathname, url.hash);
35 | };
36 | export const useRouterInit = () => {
37 |   useInit(() => {
38 |     router.init();
39 |   });
40 |   // 路由变化监听（轮询）
41 |   useInitLocationListener();
42 |   // 路由变化监听（响应式）
43 |   useListenLocationUpdates((event: any) => {
44 |     let to: string | undefined = '/';
45 |     switch (event.type) {
46 |       case 'pushState':
47 |         router.push(getLocation(event.arguments[2]), {
48 |           query: router.currentQuery,
49 |           action: false,
50 |         });
51 |         break;
52 |       case 'replaceState':
53 |         router.pop(undefined, { action: false });
54 |         router.push(getLocation(event.arguments[2]), {
55 |           query: router.currentQuery,
56 |           action: false,
57 |           replace: true,
58 |         });
59 |         break;
60 |       case 'hashchange':
61 |         to = getPath(new URL(event.newURL));
62 |         if (to === router.prePage) {
63 |           // 后退
64 |           router.pop(undefined, { action: false });
65 |         }
66 |         if (to !== router.prePage) {
67 |           // 前进
68 |           router.push(to, {
69 |             query: router.currentQuery,
70 |             action: false,
71 |           });
72 |         }
73 |         break;
74 |       case 'popstate':
75 |         if (router.hash) {
76 |           // popstate 可能是页面前进或后退，都会造成 hashchange
77 |           break;
78 |         }
79 |         to = getPath(new URL(event.target.location.href));
80 |         if (to === router.prePage) {
81 |           // 后退
82 |           router.pop(undefined, { action: false });
83 |         }
84 |         if (to !== router.prePage) {
85 |           // 前进
86 |           router.push(to, {
87 |             query: router.currentQuery,
88 |             action: false,
89 |           });
90 |         }
91 |         break;
92 |       default:
93 |         break;
94 |     }
95 |   });
96 | };
97 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/utils/diff.ts:
--------------------------------------------------------------------------------
  1 | // 来源：https://github.com/AsyncBanana/microdiff
  2 | 
  3 | interface Difference {
  4 |   type: 'CREATE' | 'REMOVE' | 'CHANGE';
  5 |   path: (string | number)[];
  6 |   value?: any;
  7 | }
  8 | interface Options {
  9 |   cyclesFix: boolean;
 10 | }
 11 | 
 12 | const t = true;
 13 | const richTypes = { Date: t, RegExp: t, String: t, Number: t };
 14 | 
 15 | export function isEqual(oldObj: any, newObj: any): boolean {
 16 |   return (
 17 |     diff(
 18 |       {
 19 |         obj: oldObj,
 20 |       },
 21 |       { obj: newObj },
 22 |     ).length < 1
 23 |   );
 24 | }
 25 | 
 26 | export const isNotEqual = (oldObj: any, newObj: any) =>
 27 |   !isEqual(oldObj, newObj);
 28 | 
 29 | function diff(
 30 |   obj: Record<string, any> | any[],
 31 |   newObj: Record<string, any> | any[],
 32 |   options: Partial<Options> = { cyclesFix: true },
 33 |   _stack: Record<string, any>[] = [],
 34 | ): Difference[] {
 35 |   const diffs: Difference[] = [];
 36 |   const isObjArray = Array.isArray(obj);
 37 | 
 38 |   for (const key in obj) {
 39 |     const objKey = obj[key];
 40 |     const path = isObjArray ? Number(key) : key;
 41 |     if (!(key in newObj)) {
 42 |       diffs.push({
 43 |         type: 'REMOVE',
 44 |         path: [path],
 45 |       });
 46 |       continue;
 47 |     }
 48 |     const newObjKey = newObj[key];
 49 |     const areObjects =
 50 |       typeof objKey === 'object' && typeof newObjKey === 'object';
 51 |     if (
 52 |       objKey &&
 53 |       newObjKey &&
 54 |       areObjects &&
 55 |       !richTypes[Object.getPrototypeOf(objKey).constructor.name] &&
 56 |       (options.cyclesFix ? !_stack.includes(objKey) : true)
 57 |     ) {
 58 |       const nestedDiffs = diff(
 59 |         objKey,
 60 |         newObjKey,
 61 |         options,
 62 |         options.cyclesFix ? _stack.concat([objKey]) : [],
 63 |       );
 64 |       // eslint-disable-next-line prefer-spread
 65 |       diffs.push.apply(
 66 |         diffs,
 67 |         nestedDiffs.map((difference) => {
 68 |           difference.path.unshift(path);
 69 |           return difference;
 70 |         }),
 71 |       );
 72 |     } else if (
 73 |       objKey !== newObjKey &&
 74 |       !(
 75 |         areObjects &&
 76 |         (Number.isNaN(objKey)
 77 |           ? String(objKey) === String(newObjKey)
 78 |           : Number(objKey) === Number(newObjKey))
 79 |       )
 80 |     ) {
 81 |       diffs.push({
 82 |         path: [path],
 83 |         type: 'CHANGE',
 84 |         value: newObjKey,
 85 |       });
 86 |     }
 87 |   }
 88 | 
 89 |   const isNewObjArray = Array.isArray(newObj);
 90 |   for (const key in newObj) {
 91 |     if (!(key in obj)) {
 92 |       diffs.push({
 93 |         type: 'CREATE',
 94 |         path: [isNewObjArray ? Number(key) : key],
 95 |         value: newObj[key],
 96 |       });
 97 |     }
 98 |   }
 99 |   return diffs;
100 | }
101 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/play/xg-preset.ts:
--------------------------------------------------------------------------------
 1 | import { I18N } from 'xgplayer';
 2 | import ZH from 'xgplayer/es/lang/zh-cn';
 3 | import Thumbnail from 'xgplayer/es/plugins/common/thumbnail';
 4 | import Enter from 'xgplayer/es/plugins/enter';
 5 | import Error from 'xgplayer/es/plugins/error';
 6 | import Fullscreen from 'xgplayer/es/plugins/fullscreen';
 7 | import GapJump from 'xgplayer/es/plugins/gapJump';
 8 | import Keyboard from 'xgplayer/es/plugins/keyboard';
 9 | import Mobile from 'xgplayer/es/plugins/mobile';
10 | import PC from 'xgplayer/es/plugins/pc';
11 | import PIPIcon from 'xgplayer/es/plugins/pip';
12 | import PlayIcon from 'xgplayer/es/plugins/play';
13 | import PlaybackRate from 'xgplayer/es/plugins/playbackRate';
14 | import Poster from 'xgplayer/es/plugins/poster';
15 | import Progress from 'xgplayer/es/plugins/progress';
16 | import MiniProgress from 'xgplayer/es/plugins/progress/miniProgress';
17 | import ProgressPreview from 'xgplayer/es/plugins/progressPreview';
18 | import Prompt from 'xgplayer/es/plugins/prompt';
19 | import Start from 'xgplayer/es/plugins/start';
20 | import TimeIcon from 'xgplayer/es/plugins/time';
21 | import TimeSegments from 'xgplayer/es/plugins/time/timesegments';
22 | import Volume from 'xgplayer/es/plugins/volume';
23 | import WaitingTimeoutJump from 'xgplayer/es/plugins/waitingTimeoutJump';
24 | import sniffer from 'xgplayer/es/utils/sniffer';
25 | 
26 | import { HlsPlugin, Loading, PlayNext, Replay } from './xg-plugins';
27 | 
28 | // @ts-ignore
29 | ZH.TEXT.FULLSCREEN_TIPS = '全屏';
30 | 
31 | I18N.use(ZH);
32 | 
33 | export class XgPreset {
34 |   plugins: any[];
35 |   ignores: any[];
36 |   i18n: any[];
37 | 
38 |   constructor(options, playerConfig) {
39 |     const simulateMode =
40 |       playerConfig && playerConfig.isMobileSimulateMode === 'mobile';
41 | 
42 |     const vodPlugins = [
43 |       TimeSegments,
44 |       Progress,
45 |       MiniProgress,
46 |       ProgressPreview,
47 |       TimeIcon,
48 |     ];
49 | 
50 |     const contolsIcons = [
51 |       ...vodPlugins,
52 |       PlayIcon,
53 |       Fullscreen,
54 |       PlayNext,
55 |       Volume,
56 |       PIPIcon,
57 |       PlaybackRate,
58 |     ];
59 | 
60 |     const layers = [
61 |       Replay,
62 |       Poster,
63 |       Start,
64 |       Loading,
65 |       Enter,
66 |       Error,
67 |       Prompt,
68 |       Thumbnail,
69 |     ];
70 | 
71 |     this.plugins = [
72 |       HlsPlugin,
73 |       ...contolsIcons,
74 |       ...layers,
75 |       GapJump,
76 |       WaitingTimeoutJump,
77 |     ];
78 |     const mode = simulateMode ? 'mobile' : sniffer.device;
79 |     switch (mode) {
80 |       case 'pc':
81 |         this.plugins.push(...[Keyboard, PC]);
82 |         break;
83 |       case 'mobile':
84 |         this.plugins.push(...[Mobile]);
85 |         break;
86 |       default:
87 |         this.plugins.push(...[Keyboard, PC]);
88 |     }
89 |     if (sniffer.os.isIpad) {
90 |       this.plugins.push(PC);
91 |     }
92 |     this.ignores = [];
93 |     this.i18n = [];
94 |   }
95 | }
96 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/style.css:
--------------------------------------------------------------------------------
  1 | .app-header {
  2 |   -webkit-user-select: none;
  3 |   -moz-user-select: none;
  4 |   -ms-user-select: none;
  5 |   user-select: none;
  6 | }
  7 | 
  8 | .glass-effect {
  9 |   -webkit-backdrop-filter: blur(10px);
 10 |   backdrop-filter: blur(10px);
 11 |   background: rgba(255, 255, 255, 0.8);
 12 | }
 13 | 
 14 | .arco-btn-loading::before {
 15 |   background: transparent !important;
 16 | }
 17 | 
 18 | body[arco-theme='dark'] .glass-effect {
 19 |   background: rgba(0, 0, 0, 0.8);
 20 | }
 21 | 
 22 | div[data-type='offscreen-wrapper'] {
 23 |   width: 100% !important;
 24 | }
 25 | 
 26 | .arco-layout-sider {
 27 |   z-index: 3 !important;
 28 | }
 29 | 
 30 | .arco-menu-selected {
 31 |   background: rgb(var(--primary-6)) !important;
 32 |   color: var(--color-bg-white) !important;
 33 | }
 34 | 
 35 | .arco-menu-selected .arco-icon {
 36 |   color: var(--color-bg-white) !important;
 37 | }
 38 | 
 39 | /* 通知横幅 */
 40 | .arco-notification {
 41 |   margin-bottom: 0 !important;
 42 | }
 43 | 
 44 | /* 移动端样式 */
 45 | @media only screen and (max-width: 768px) {
 46 |   .arco-modal-search {
 47 |     width: 100% !important;
 48 |     top: 0 !important;
 49 |   }
 50 | 
 51 |   .zoomModal-appear,
 52 |   .zoomModal-enter-active,
 53 |   .zoomModal-exit-active,
 54 |   .fadeModal-appear,
 55 |   .fadeModal-enter-active,
 56 |   .fadeModal-exit-active {
 57 |     transition: none !important;
 58 |   }
 59 | 
 60 |   /* 通知横幅 */
 61 |   .arco-notification {
 62 |     width: 100% !important;
 63 |   }
 64 | 
 65 |   .arco-notification-wrapper-bottomRight {
 66 |     width: 100%;
 67 |     bottom: 0 !important;
 68 |     right: 0 !important;
 69 |     padding: 20px;
 70 |   }
 71 | }
 72 | 
 73 | .ac-navbar-search-input {
 74 |   width: 140px;
 75 |   height: 32px;
 76 |   display: flex;
 77 |   align-items: center;
 78 |   justify-content: space-between;
 79 |   background-color: var(--color-fill-2);
 80 |   border-radius: 2px;
 81 |   padding: 0 8px;
 82 |   margin: 0 24px;
 83 |   transition: all 0.2s;
 84 |   cursor: pointer;
 85 | }
 86 | 
 87 | .ac-navbar-search-input-placeholder {
 88 |   color: var(--color-text-3);
 89 |   margin: 0 6px;
 90 |   vertical-align: 1px;
 91 |   user-select: none;
 92 | }
 93 | 
 94 | .ac-navbar-search-input:hover {
 95 |   background-color: var(--color-fill-3);
 96 | }
 97 | 
 98 | .arco-modal {
 99 |   border-radius: 10px !important;
100 | }
101 | 
102 | .arco-modal-content {
103 |   padding: 0 !important;
104 | }
105 | 
106 | .arco-drawer-content {
107 |   padding: 0 !important;
108 | }
109 | 
110 | div.arco-typography,
111 | p.arco-typography {
112 |   margin-bottom: 0 !important;
113 | }
114 | 
115 | .arco-rate-character:not(:last-child) {
116 |   margin-right: 2px !important;
117 | }
118 | 
119 | .arco-rate-character .arco-icon {
120 |   width: 16px !important;
121 |   height: 16px !important;
122 | }
123 | 
124 | .arco-rate-inner {
125 |   min-height: auto !important;
126 | }
127 | 
128 | .arco-list-item:hover {
129 |   background: var(--color-secondary-hover);
130 | }
131 | 
132 | .arco-list-item:hover .arco-rate-character {
133 |   color: var(--color-secondary-active);
134 | }


--------------------------------------------------------------------------------
/packages/feiyu/src/services/routes/location.ts:
--------------------------------------------------------------------------------
  1 | import makeMatcher from 'wouter/matcher';
  2 | import { navigate, useLocationProperty } from 'wouter/use-location';
  3 | import { useXConsumer, XSta } from 'xsta';
  4 | 
  5 | import { useInit } from '@/hooks/useInit';
  6 | import { useInterval } from '@/hooks/useInterval';
  7 | import { isEmpty } from '@/utils/is';
  8 | 
  9 | import { router } from './router';
 10 | 
 11 | const defaultMatcher = makeMatcher();
 12 | 
 13 | /*
 14 |  * A custom routing matcher function that supports multipath routes
 15 |  */
 16 | export const multiPathMatcher = (patterns, path) => {
 17 |   for (const pattern of [patterns].flat()) {
 18 |     const [match, params] = defaultMatcher(pattern, path);
 19 |     if (match) return [match, params];
 20 |   }
 21 | 
 22 |   return [false, null];
 23 | };
 24 | 
 25 | const _getLocation = (hash: string | undefined) =>
 26 |   isEmpty(hash) ? '/' : hash!.replace(/^#/, '').split('?')[0];
 27 | 
 28 | /**
 29 |  * /path/to/page
 30 |  */
 31 | export const getLocation = (path?: string, hash?: string) => {
 32 |   let _path = router.hash
 33 |     ? _getLocation(isEmpty(hash) ? window.location.hash : hash)
 34 |     : path ?? window.location.pathname;
 35 |   if (_path?.startsWith(router.base)) {
 36 |     // 替换 base path
 37 |     const base = router.base.replace(/\/$/, '');
 38 |     _path = _path!.replace(base, '');
 39 |   }
 40 |   return isEmpty(_path) ? '/' : _path;
 41 | };
 42 | 
 43 | /**
 44 |  * to: /path/to/page
 45 |  */
 46 | export const lNavigate = (
 47 |   to: string,
 48 |   options?: {
 49 |     replace?: boolean;
 50 |   },
 51 | ) => {
 52 |   // 去掉 basepath 最后的 /
 53 |   const base = router.base.replace(/\/$/, '');
 54 |   const path = base + (router.hash ? '/#' : '') + to;
 55 |   navigate(path, options);
 56 | };
 57 | 
 58 | export const addSearchParams = (query: Record<string, any>) => {
 59 |   const url = new URL(window.location.href.replace('#/', ''));
 60 |   const currentQuery = {};
 61 |   url.searchParams.forEach((value, key) => {
 62 |     currentQuery[key] = value;
 63 |   });
 64 |   const currentPage = router.currentPage!;
 65 |   router.replace(currentPage.path, {
 66 |     query: { ...currentQuery, ...query },
 67 |     data: currentPage.data,
 68 |   });
 69 | };
 70 | 
 71 | let oldPath;
 72 | export const useInitLocationListener = () => {
 73 |   useInterval(() => {
 74 |     const currentPath = window.location.href;
 75 |     if (oldPath !== currentPath) {
 76 |       // 路径变更，刷新路由
 77 |       refreshLocation();
 78 |     }
 79 |     oldPath = currentPath;
 80 |   }, 100);
 81 | };
 82 | 
 83 | const kLocationRefresh = 'kLocationRefresh';
 84 | export const refreshLocation = () => {
 85 |   XSta.set(kLocationRefresh, !XSta.get(kLocationRefresh));
 86 | };
 87 | export const useLLocation = (): [
 88 |   string,
 89 |   (
 90 |     to: string,
 91 |     options?: {
 92 |       replace?: boolean | undefined;
 93 |     },
 94 |   ) => void,
 95 | ] => {
 96 |   useInit(() => {
 97 |     if (isEmpty(XSta.get(kLocationRefresh))) {
 98 |       XSta.set(kLocationRefresh, false);
 99 |     }
100 |   });
101 |   useXConsumer(kLocationRefresh);
102 |   const location = useLocationProperty(getLocation);
103 |   return [location, lNavigate];
104 | };
105 | 


--------------------------------------------------------------------------------
/packages/feiyu/vite.config.ts:
--------------------------------------------------------------------------------
  1 | import legacy from '@vitejs/plugin-legacy';
  2 | import react from '@vitejs/plugin-react-swc';
  3 | import * as path from 'path';
  4 | import { defineConfig, splitVendorChunkPlugin } from 'vite';
  5 | import { createHtmlPlugin } from 'vite-plugin-html';
  6 | import vitePluginImp from 'vite-plugin-imp';
  7 | import { VitePWA } from 'vite-plugin-pwa';
  8 | 
  9 | const title = '飞鱼';
 10 | const description = '一个漂亮得不像实力派的在线视频播放器✨';
 11 | 
 12 | export default defineConfig({
 13 |   plugins: [
 14 |     react(),
 15 |     // 分包加载
 16 |     splitVendorChunkPlugin(),
 17 |     // @arco-design 组件样式按需加载
 18 |     vitePluginImp({
 19 |       libList: [
 20 |         {
 21 |           libName: '@arco-design/web-react',
 22 |           camel2DashComponentName: false,
 23 |           style: (name) => {
 24 |             return [
 25 |               '@arco-design/web-react/lib/style/index.less',
 26 |               `@arco-design/web-react/lib/${name}/style/index.less`,
 27 |             ];
 28 |           },
 29 |         },
 30 |       ],
 31 |     }),
 32 |     // html 压缩 + 元数据替换
 33 |     createHtmlPlugin({
 34 |       minify: true,
 35 |       inject: {
 36 |         data: {
 37 |           title,
 38 |           description,
 39 |         },
 40 |       },
 41 |     }),
 42 |     // PWA
 43 |     VitePWA({
 44 |       outDir: 'dist/pwa',
 45 |       registerType: 'prompt',
 46 |       workbox: {
 47 |         globPatterns: ['../**/*.{js,css,html,jpg,png,svg,gif}'],
 48 |         globIgnores: ['**/node_modules/**/*', 'pwa/sw.js', 'pwa/workbox-*.js'],
 49 |       },
 50 |       manifest: {
 51 |         lang: 'zh-CN',
 52 |         name: title,
 53 |         short_name: title,
 54 |         description: description,
 55 |         theme_color: '#ffffff',
 56 |         display: 'standalone',
 57 |         orientation: 'portrait',
 58 |         icons: [
 59 |           {
 60 |             src: 'pwa/logo-192.png',
 61 |             sizes: '192x192',
 62 |             type: 'image/png',
 63 |           },
 64 |           {
 65 |             src: 'pwa/logo-512.png',
 66 |             sizes: '512x512',
 67 |             type: 'image/png',
 68 |           },
 69 |           {
 70 |             src: 'pwa/logo-512.png',
 71 |             sizes: '512x512',
 72 |             type: 'image/png',
 73 |             purpose: 'maskable',
 74 |           },
 75 |         ],
 76 |       },
 77 |     }),
 78 |     // 兼容旧版浏览器
 79 |     legacy(),
 80 |   ],
 81 |   envPrefix: 'k',
 82 |   resolve: {
 83 |     alias: [{ find: '@', replacement: path.resolve(__dirname, 'src/') }],
 84 |   },
 85 |   server: {
 86 |     host: '0.0.0.0',
 87 |     port: 3000,
 88 |     strictPort: true,
 89 |     open: false,
 90 |   },
 91 |   build: {
 92 |     minify: true,
 93 |     chunkSizeWarningLimit: 1024, // 1MB
 94 |     rollupOptions: {
 95 |       output: {
 96 |         manualChunks(id) {
 97 |           if (id.includes('node_modules')) {
 98 |             const lib = id.split('node_modules/')[1].split('/')[0];
 99 |             if (
100 |               ['@arco-design', 'localforage', 'lodash', 'dayjs'].includes(lib)
101 |             ) {
102 |               return lib;
103 |             }
104 |           }
105 |         },
106 |       },
107 |     },
108 |   },
109 | });
110 | 


--------------------------------------------------------------------------------
/packages/feiyu-desktop/src-tauri/tauri.conf.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "$schema": "../node_modules/@tauri-apps/cli/schema.json",
  3 |   "productName": "飞鱼",
  4 |   "version": "1.0.0",
  5 |   "identifier": "xbox.work.feiyu",
  6 |   "build": {
  7 |     "beforeDevCommand": "cd ../feiyu && pnpm dev:desktop",
  8 |     "devUrl": "http://localhost:3000",
  9 |     "frontendDist": "../../feiyu/dist"
 10 |   },
 11 |   "app": {
 12 |     "withGlobalTauri": true,
 13 |     "macOSPrivateApi": true,
 14 |     "windows": [
 15 |       {
 16 |         "title": "飞鱼",
 17 |         "width": 950,
 18 |         "height": 650,
 19 |         "minWidth": 310,
 20 |         "minHeight": 600,
 21 |         "shadow": false,
 22 |         "center": true,
 23 |         "decorations": false,
 24 |         "transparent": true,
 25 |         "hiddenTitle": true,
 26 |         "titleBarStyle": "Overlay"
 27 |       }
 28 |     ],
 29 |     "security": {
 30 |       "csp": null
 31 |     }
 32 |   },
 33 |   "plugins": {
 34 |     "updater": {
 35 |       "active": true,
 36 |       "dialog": false,
 37 |       "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEQ3MDIyQ0IxQTBDRjZBNUEKUldSYWFzK2dzU3dDMTY0MjJtVFA2ZnVLK0NZWUl6MlV0ejdJSCtzMHQvV3RtcG1LZDJYcGFjdUoK",
 38 |       "endpoints": [
 39 |         "https://github.com/idootop/feiyu-player/releases/download/updater/latest.json"
 40 |       ]
 41 |     }
 42 |   },
 43 |   "bundle": {
 44 |     "active": true,
 45 |     "targets": "all",
 46 |     "copyright": "Copyright © 2023 Del.Wang",
 47 |     "shortDescription": "一个漂亮得不像实力派的在线视频播放器 ✨",
 48 |     "longDescription": "The light and shadow, a brighter world to see.",
 49 |     "icon": [
 50 |       "icons/32x32.png",
 51 |       "icons/128x128.png",
 52 |       "icons/128x128@2x.png",
 53 |       "icons/icon.icns",
 54 |       "icons/icon.ico"
 55 |     ],
 56 |     "macOS": {
 57 |       "entitlements": null,
 58 |       "frameworks": [],
 59 |       "providerShortName": null,
 60 |       "signingIdentity": null,
 61 |       "dmg": {
 62 |         "background": "images/dmg-background.jpg",
 63 |         "appPosition": {
 64 |           "x": 180,
 65 |           "y": 170
 66 |         },
 67 |         "applicationFolderPosition": {
 68 |           "x": 480,
 69 |           "y": 170
 70 |         },
 71 |         "windowSize": {
 72 |           "height": 400,
 73 |           "width": 660
 74 |         }
 75 |       }
 76 |     },
 77 |     "windows": {
 78 |       "digestAlgorithm": "sha256",
 79 |       "timestampUrl": "",
 80 |       "webviewInstallMode": {
 81 |         "type": "embedBootstrapper"
 82 |       },
 83 |       "wix": {
 84 |         "language": ["zh-CN"],
 85 |         "bannerPath": "images/wix_banner.png",
 86 |         "dialogImagePath": "images/wix_dialog.png"
 87 |       },
 88 |       "nsis": {
 89 |         "headerImage": "images/nsis_header.bmp",
 90 |         "sidebarImage": "images/nsis_sidebar.bmp",
 91 |         "installerIcon": "icons/icon.ico",
 92 |         "languages": ["SimpChinese"]
 93 |       }
 94 |     },
 95 |     "linux": {
 96 |       "deb": {
 97 |         "depends": ["libwebkit2gtk-4.1-dev"]
 98 |       },
 99 |       "rpm": {
100 |         "depends": ["webkit2gtk4.1-devel"]
101 |       },
102 |       "appimage": {
103 |         "bundleMediaFramework": true
104 |       }
105 |     }
106 |   }
107 | }
108 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/services/cache/index.ts:
--------------------------------------------------------------------------------
  1 | let localStore;
  2 | 
  3 | let _caches: Record<string, { expiredTime: number; data: any }> = {};
  4 | 
  5 | export const cache = {
  6 |   cacheDuration: 24 * 60 * 60 * 1000,
  7 |   async init() {
  8 |     if (!localStore) {
  9 |       const localforage = (await import('localforage')).default;
 10 |       localStore = localforage.createInstance({
 11 |         name: 'feiyu',
 12 |         storeName: 'cache',
 13 |         driver: localforage.INDEXEDDB,
 14 |       });
 15 |     }
 16 |   },
 17 |   async get<T = any>(key: string): Promise<T | undefined> {
 18 |     await cache.init();
 19 |     const _cache =
 20 |       _caches[key] ?? (await localStore.getItem(key).catch(() => undefined));
 21 |     if (!_cache) return undefined;
 22 |     const expired = Date.now() > _cache.expiredTime;
 23 |     if (!expired) return _cache.data;
 24 |   },
 25 |   /**
 26 |    * 默认 data 为空时不更新值，可使用 force 强制更新空值
 27 |    */
 28 |   async set(
 29 |     key: string,
 30 |     data: any,
 31 |     config?: { force?: boolean; cacheDuration?: number },
 32 |   ) {
 33 |     await cache.init();
 34 |     const { force, cacheDuration = cache.cacheDuration } = config ?? {};
 35 |     if (force || data) {
 36 |       _caches[key] = {
 37 |         data: data,
 38 |         expiredTime: Date.now() + cacheDuration,
 39 |       };
 40 |       await localStore.setItem(key, _caches[key]).catch(() => undefined);
 41 |     }
 42 |   },
 43 |   /**
 44 |    * 清除已过期的缓存
 45 |    */
 46 |   async clearExpired() {
 47 |     await cache.init();
 48 |     let keys = await localStore.keys().catch(() => []);
 49 |     const expiredKeys: string[] = [];
 50 |     // 找到内存中已过期的 key
 51 |     const currentKeys = Object.keys(_caches);
 52 |     currentKeys.forEach((key) => {
 53 |       const _cache = _caches[key];
 54 |       if (Date.now() > (_cache?.expiredTime ?? 0)) {
 55 |         expiredKeys.push(key);
 56 |       }
 57 |     });
 58 |     // 找到本地存储中已过期的 key
 59 |     keys = keys.filter((e) => !currentKeys.includes(e));
 60 |     await Promise.all(
 61 |       keys.map((key) => {
 62 |         (async () => {
 63 |           const _cache: any = await localStore
 64 |             .getItem(key)
 65 |             .catch(() => undefined);
 66 |           if (Date.now() > (_cache?.expiredTime ?? 0)) {
 67 |             expiredKeys.push(key);
 68 |           }
 69 |         })();
 70 |       }),
 71 |     );
 72 |     // 清空本地和内存中过期的 key
 73 |     await Promise.all(
 74 |       expiredKeys.map((key) =>
 75 |         (async () => {
 76 |           delete _caches[key];
 77 |           await localStore.removeItem(key).catch(() => undefined);
 78 |         })(),
 79 |       ),
 80 |     );
 81 |   },
 82 |   /**
 83 |    * 清除缓存
 84 |    */
 85 |   async reset() {
 86 |     await cache.init();
 87 |     _caches = {};
 88 |     await localStore.clear().catch(() => undefined);
 89 |   },
 90 | 
 91 |   async readOrWrite<R = any>(
 92 |     cacheKey: string,
 93 |     onWrite: () => Promise<R | undefined>,
 94 |     cacheEmpty?: boolean,
 95 |   ): Promise<R | undefined> {
 96 |     const cacheData = await cache.get(cacheKey);
 97 |     if (cacheEmpty ? cacheData : cacheData?.data) {
 98 |       return cacheData.data;
 99 |     }
100 |     const data = await onWrite();
101 |     cache.set(cacheKey, { data });
102 |     return data;
103 |   },
104 | };
105 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/hot/index.tsx:
--------------------------------------------------------------------------------
  1 | import './style.css';
  2 | 
  3 | import { Rate } from '@arco-design/web-react';
  4 | 
  5 | import { PageBuilder } from '@/app';
  6 | import { Box } from '@/components/Box';
  7 | import { Column, Row } from '@/components/Flex';
  8 | import { LazyImage } from '@/components/LazyImage/LazyImage';
  9 | import { Loading } from '@/components/Loading';
 10 | import { SearchEmpty } from '@/components/SearchEmpty';
 11 | import { Text } from '@/components/Text';
 12 | import { useInit } from '@/hooks/useInit';
 13 | import { colors } from '@/styles/colors';
 14 | import { DoubanHotMovie } from '@/utils/douban';
 15 | import { useSearchHotMovies } from '@/utils/douban/useSearchHotMovies';
 16 | 
 17 | import { useHomePages } from '../useHomePages';
 18 | 
 19 | const Hot = () => {
 20 |   const {
 21 |     refresh,
 22 |     initial,
 23 |     searching,
 24 |     datas: hotMovies,
 25 |     noData,
 26 |   } = useSearchHotMovies();
 27 |   const { jumpToPage } = useHomePages();
 28 |   useInit(refresh);
 29 |   return initial ? (
 30 |     <Box />
 31 |   ) : searching && noData ? (
 32 |     <Column width="100%" height="calc(80vh - 60px)" justifyContent="center">
 33 |       <Loading />
 34 |     </Column>
 35 |   ) : noData ? (
 36 |     <Column
 37 |       width="100%"
 38 |       height="calc(80vh - 60px)"
 39 |       justifyContent="center"
 40 |       onClick={refresh}
 41 |       cursor="pointer"
 42 |     >
 43 |       <SearchEmpty />
 44 |     </Column>
 45 |   ) : (
 46 |     <>
 47 |       <Box className="movie-grid">
 48 |         {[...hotMovies].map((movie) => (
 49 |           <MovieItem key={movie.id} movie={movie} jumpToPage={jumpToPage} />
 50 |         ))}
 51 |       </Box>
 52 |       <Row
 53 |         width="100%"
 54 |         height="65px"
 55 |         marginTop="20px"
 56 |         justifyContent="center"
 57 |         color={colors.text3}
 58 |       >
 59 |         {searching ? <Loading size={18} /> : <Box />}
 60 |         <Box marginLeft={searching ? '8px' : '0px'}>
 61 |           {searching ? '加载中...' : "没有更多了，喵呜 ฅ'ω'ฅ"}
 62 |         </Box>
 63 |       </Row>
 64 |     </>
 65 |   );
 66 | };
 67 | 
 68 | export default (
 69 |   <PageBuilder>
 70 |     <Hot />
 71 |   </PageBuilder>
 72 | );
 73 | 
 74 | const MovieItem = (props: { movie: DoubanHotMovie; jumpToPage: any }) => {
 75 |   const { movie, jumpToPage } = props;
 76 | 
 77 |   const onClick = async () => {
 78 |     jumpToPage('search', {
 79 |       query: {
 80 |         movie: movie.title,
 81 |       },
 82 |     });
 83 |   };
 84 | 
 85 |   return (
 86 |     <Column width="100%" cursor="pointer" onClick={onClick}>
 87 |       <LazyImage src={movie.cover} />
 88 |       <Row
 89 |         className="star"
 90 |         style={{
 91 |           padding: '10px 0 5px 0',
 92 |           fontWeight: 'bold',
 93 |         }}
 94 |       >
 95 |         <Rate
 96 |           defaultValue={parseFloat(movie.rate) / 2}
 97 |           allowHalf
 98 |           readonly
 99 |           style={{
100 |             marginRight: '4px',
101 |           }}
102 |         />
103 |         {movie.rate === '0' ? '未知' : movie.rate}
104 |       </Row>
105 |       <Text
106 |         maxLines={1}
107 |         style={{
108 |           width: '100%',
109 |           textAlign: 'center',
110 |           color: colors.text3,
111 |           fontWeight: '500',
112 |         }}
113 |       >
114 |         {movie.title}
115 |       </Text>
116 |     </Column>
117 |   );
118 | };
119 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/hooks/useSearchDatas.ts:
--------------------------------------------------------------------------------
  1 | import { useCallback, useRef } from 'react';
  2 | 
  3 | import { useAbort } from '@/hooks/useAbort';
  4 | 
  5 | import { useRebuildRef } from './useRebuild';
  6 | 
  7 | const _isEqual = (a: any, b: any) => a === b;
  8 | 
  9 | export const useSearchDatas = <Q = any, R = any>(config: {
 10 |   onSearch: (props: {
 11 |     query: Q;
 12 |     signal: AbortSignal;
 13 |     callback: (data: R) => void;
 14 |   }) => Promise<R[] | undefined>;
 15 |   initialDatas?: R[];
 16 |   isEqual?: (a: Q | undefined, b: Q) => boolean;
 17 |   onlyCallback?: boolean;
 18 | }): {
 19 |   search: (query: Q) => void;
 20 |   refresh: () => void;
 21 |   initial: boolean;
 22 |   searching: boolean;
 23 |   reset: () => void;
 24 |   datas: R[];
 25 |   query: Q | undefined;
 26 |   noData: boolean;
 27 |   sort: (compareFn: (a: R, b: R) => number) => void;
 28 | } => {
 29 |   const {
 30 |     onSearch,
 31 |     initialDatas,
 32 |     isEqual = _isEqual,
 33 |     onlyCallback = false,
 34 |   } = config;
 35 | 
 36 |   // Search status
 37 |   const abortRef = useAbort();
 38 |   const ref = useRef({
 39 |     query: undefined as any,
 40 |     searching: false,
 41 |     datas: [] as any[],
 42 |     initial: true,
 43 |   });
 44 |   const abortSearch = () => {
 45 |     abortRef.current!.abortPre();
 46 |   };
 47 | 
 48 |   // Datas
 49 |   let datas = ref.current.datas;
 50 |   const initial = ref.current.initial;
 51 |   datas = initial ? initialDatas ?? [] : datas;
 52 | 
 53 |   // Add new data
 54 |   const rebuildRef = useRebuildRef();
 55 |   const addData = useCallback((data: R) => {
 56 |     ref.current.datas.push(data);
 57 |     rebuildRef.current.rebuild();
 58 |   }, []);
 59 | 
 60 |   const _search = useCallback(async (newQuery: Q) => {
 61 |     abortSearch(); // 终止之前的搜索 promise 和 callback
 62 |     ref.current.initial = false;
 63 |     ref.current.query = newQuery;
 64 |     ref.current.datas = []; // 清除之前的搜索结果
 65 |     ref.current.searching = true; // 开始搜索
 66 |     rebuildRef.current.rebuild();
 67 |     // 搜索
 68 |     const currentSignal = abortRef.current!.signal;
 69 |     const datas = await onSearch({
 70 |       query: newQuery,
 71 |       signal: currentSignal,
 72 |       callback: (data) => {
 73 |         if (!currentSignal?.aborted) {
 74 |           addData(data);
 75 |         }
 76 |       },
 77 |     }).catch(() => undefined);
 78 |     if (!currentSignal?.aborted) {
 79 |       ref.current.searching = false; // 搜索结束
 80 |       if (!onlyCallback && datas) {
 81 |         ref.current.datas = datas;
 82 |       }
 83 |     }
 84 |     rebuildRef.current.rebuild();
 85 |   }, []);
 86 | 
 87 |   const reset = useCallback(() => {
 88 |     abortSearch(); // 终止之前的搜索 promise 和 callback
 89 |     ref.current.initial = true;
 90 |     ref.current.query = undefined;
 91 |     ref.current.datas = []; // 清除之前的搜索结果
 92 |     ref.current.searching = false; // 搜索结束
 93 |     rebuildRef.current.rebuild();
 94 |   }, []);
 95 | 
 96 |   return {
 97 |     initial,
 98 |     searching: ref.current.searching,
 99 |     search: (newQuery: Q) => {
100 |       if (isEqual(ref.current.query, newQuery)) {
101 |         return;
102 |       }
103 |       return _search(newQuery);
104 |     },
105 |     refresh: () => {
106 |       return _search(ref.current.query);
107 |     },
108 |     reset,
109 |     datas,
110 |     query: ref.current.query,
111 |     noData: datas.length < 1,
112 |     sort: (compareFn) => {
113 |       ref.current.datas = ref.current.datas.sort(compareFn);
114 |       rebuildRef.current.rebuild();
115 |     },
116 |   };
117 | };
118 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/SideMenu.tsx:
--------------------------------------------------------------------------------
  1 | import { Drawer, Menu, Message } from '@arco-design/web-react';
  2 | import { useXState, XSta } from 'xsta';
  3 | 
  4 | import { Box } from '@/components/Box';
  5 | import { Row } from '@/components/Flex';
  6 | import { useScreen } from '@/hooks/useScreen';
  7 | import { kRoutePages } from '@/pages';
  8 | import { usePages } from '@/services/routes/page';
  9 | import { colors } from '@/styles/colors';
 10 | 
 11 | import { kHeaderHeight } from './MyHeader';
 12 | 
 13 | const MenuItem = Menu.Item;
 14 | 
 15 | export const kSideWidth = 200;
 16 | const kShowSideDrawer = 'showSideDrawer';
 17 | const closeSideDrawer = () => XSta.set(kShowSideDrawer, false);
 18 | export const useSideMenu = () => {
 19 |   const [showSideDrawer, setShowSideDrawer] = useXState(kShowSideDrawer);
 20 |   const { width } = useScreen();
 21 |   const { location } = usePages();
 22 |   const hideSideMenu =
 23 |     width < 650 || // 移动端
 24 |     (location === '/home/play' && width < 1250); // 播放页
 25 |   return {
 26 |     collapsed: width < 910,
 27 |     hideSideMenu,
 28 |     showSideDrawer,
 29 |     openSideDrawer() {
 30 |       setShowSideDrawer(true);
 31 |     },
 32 |     closeSideDrawer() {
 33 |       setShowSideDrawer(false);
 34 |     },
 35 |   };
 36 | };
 37 | 
 38 | const MyMenu = (props?: { isDrawer?: boolean }) => {
 39 |   const { isDrawer = false } = props ?? {};
 40 |   const showLogo = isDrawer;
 41 |   const { currentPage, jumpToPage, isIndexPage } = usePages();
 42 |   const { jumpToIndex } = usePages({ parent: '/home', index: 'hot' });
 43 |   return (
 44 |     <Menu
 45 |       mode="vertical"
 46 |       selectedKeys={[currentPage!]}
 47 |       style={{ height: '100%' }}
 48 |       tooltipProps={{
 49 |         mini: true,
 50 |         prefixCls: 'feiyu',
 51 |         style: {
 52 |           zIndex: 11,
 53 |         },
 54 |       }}
 55 |     >
 56 |       <Row
 57 |         style={{
 58 |           height: kHeaderHeight,
 59 |           marginBottom: '4px',
 60 |           width: '100%',
 61 |           justifyContent: 'center',
 62 |         }}
 63 |       >
 64 |         {showLogo ? (
 65 |           <Row
 66 |             cursor="pointer"
 67 |             onClick={() => {
 68 |               // 收起侧边栏
 69 |               closeSideDrawer();
 70 |               if (!isIndexPage) {
 71 |                 jumpToIndex(); // 回到首页
 72 |               } else {
 73 |                 Message.info("喵呜 ฅ'ω'ฅ");
 74 |               }
 75 |             }}
 76 |           >
 77 |             <img width="24px" height="24px" src="/logo.svg" />
 78 |             <span
 79 |               style={{
 80 |                 fontSize: '20px',
 81 |                 fontWeight: 'bold',
 82 |                 padding: '0px 10px',
 83 |                 color: colors.text,
 84 |               }}
 85 |             >
 86 |               飞鱼
 87 |             </span>
 88 |           </Row>
 89 |         ) : (
 90 |           <Box />
 91 |         )}
 92 |       </Row>
 93 |       {kRoutePages.map((page) => {
 94 |         return (
 95 |           <MenuItem
 96 |             key={page.key}
 97 |             renderItemInTooltip={() => page.title}
 98 |             onClick={() => {
 99 |               // 收起侧边栏
100 |               closeSideDrawer();
101 |               // 跳转页面
102 |               const available = ['home', 'settings'].includes(page.key);
103 |               if (available) {
104 |                 if (page.key === 'home') {
105 |                   jumpToIndex();
106 |                 } else {
107 |                   jumpToPage(page.key);
108 |                 }
109 |               } else {
110 |                 Message.info('Coming soon');
111 |               }
112 |             }}
113 |           >
114 |             {page.icon}
115 |             {page.title}
116 |           </MenuItem>
117 |         );
118 |       })}
119 |     </Menu>
120 |   );
121 | };
122 | 
123 | export const SideMenu = () => <MyMenu key="SideMenu" />;
124 | 
125 | export const SideDrawer = () => {
126 |   const { showSideDrawer, closeSideDrawer } = useSideMenu();
127 |   return (
128 |     <Drawer
129 |       width={kSideWidth}
130 |       height="100vh"
131 |       title={null}
132 |       footer={null}
133 |       closable={false}
134 |       visible={showSideDrawer}
135 |       placement="left"
136 |       onCancel={closeSideDrawer}
137 |       mountOnEnter
138 |       unmountOnExit
139 |     >
140 |       <MyMenu key="SideDrawer" isDrawer />
141 |     </Drawer>
142 |   );
143 | };
144 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/services/routes/router.ts:
--------------------------------------------------------------------------------
  1 | import { delay, firstOf, lastOf } from '@/utils/base';
  2 | 
  3 | import { getLocation, lNavigate } from './location';
  4 | 
  5 | export interface NavigateOption {
  6 |   data?: any;
  7 |   query?: Record<string, any>;
  8 |   action?: boolean;
  9 |   replace?: boolean;
 10 | }
 11 | 
 12 | class Router {
 13 |   /**
 14 |    * 网页 /base/
 15 |    */
 16 |   base = '/';
 17 |   /**
 18 |    * 是否使用 hashRoute
 19 |    */
 20 |   hash = false;
 21 |   /**
 22 |    * 获取当前页面路径
 23 |    *
 24 |    * /pages/page
 25 |    */
 26 |   get current(): string {
 27 |     return getLocation();
 28 |   }
 29 | 
 30 |   /**
 31 |    * 获取上个页面传递给当前页面的参数
 32 |    */
 33 |   get currentData(): any {
 34 |     return lastOf(this._pages)?.data;
 35 |   }
 36 | 
 37 |   /**
 38 |    * 当前页面的 query 参数
 39 |    */
 40 |   get currentQuery(): Record<string, string> {
 41 |     const url = new URL(window.location.href.replace('#/', ''));
 42 |     const query = {};
 43 |     url.searchParams.forEach((value, key) => {
 44 |       query[key] = value;
 45 |     });
 46 |     return query;
 47 |   }
 48 | 
 49 |   /**
 50 |    * 根路由
 51 |    */
 52 |   get root(): string {
 53 |     return firstOf(this._pages)?.path ?? this.current;
 54 |   }
 55 | 
 56 |   /**
 57 |    * 当前是否为根路由
 58 |    */
 59 |   get isRoot(): boolean {
 60 |     return this._pages.length < 1 || this.root === this.current;
 61 |   }
 62 | 
 63 |   /**
 64 |    * 当前路由堆栈
 65 |    */
 66 |   private _pages: {
 67 |     path: string;
 68 |     query?: Record<string, string>;
 69 |     data: any;
 70 |     resolve: any;
 71 |   }[] = [];
 72 | 
 73 |   get pages() {
 74 |     return this._pages;
 75 |   }
 76 | 
 77 |   get history(): string[] {
 78 |     return this._pages.map((e) => e.path);
 79 |   }
 80 | 
 81 |   get currentPage() {
 82 |     return lastOf(this._pages);
 83 |   }
 84 | 
 85 |   get prePage(): string | undefined {
 86 |     return this._pages.length > 1
 87 |       ? this._pages[this._pages.length - 2].path
 88 |       : undefined;
 89 |   }
 90 | 
 91 |   init(): void {
 92 |     this._pages = [];
 93 |     this.push(this.current, {
 94 |       query: this.currentQuery,
 95 |       action: false,
 96 |       init: true,
 97 |     });
 98 |   }
 99 | 
100 |   /**
101 |    * 打开新页面
102 |    */
103 |   push<R = any>(
104 |     to: string,
105 |     options?: NavigateOption & { init?: boolean },
106 |   ): Promise<R> {
107 |     const { query = {}, action = true, replace, init, data } = options ?? {};
108 |     if (!action && !replace && !init && to === lastOf(this.history)) {
109 |       // 非手动触发的路由变更
110 |       return delay(0) as any;
111 |     }
112 |     // 拼接带 query 的 path
113 |     const origin = window.location.origin;
114 |     const toURL = new URL(origin + to);
115 |     Object.entries(query).forEach(([key, value]) => {
116 |       toURL.searchParams.append(key, value);
117 |     });
118 |     // 解析 query
119 |     const _query = {};
120 |     toURL.searchParams.forEach((value, key) => {
121 |       _query[key] = value;
122 |     });
123 |     const newPathWithQuery = toURL.href.replace(origin, '');
124 |     // 等待下个页面返回数据
125 |     return new Promise((resolve) => {
126 |       this._pages.push({
127 |         path: to,
128 |         query: _query,
129 |         data,
130 |         resolve,
131 |       });
132 |       if (action) {
133 |         // 跳转到新页面
134 |         lNavigate(newPathWithQuery, { replace });
135 |       }
136 |     });
137 |   }
138 | 
139 |   /**
140 |    * 返回上一页
141 |    */
142 |   pop<T = any>(data?: T, options?: { action?: boolean }): void {
143 |     const { action = true } = options ?? {};
144 |     if (action) {
145 |       // 返回上一页
146 |       window.history.back();
147 |     }
148 |     // 找到最后一页
149 |     const prePage = lastOf(this._pages);
150 |     // 将 data 返回给上一页
151 |     prePage?.resolve(data);
152 |     // 删除最后一页
153 |     this._pages.splice(this._pages.length - 1, 1);
154 |   }
155 | 
156 |   /**
157 |    * 替换页面
158 |    */
159 |   replace<R = any>(
160 |     to: string,
161 |     options?: Pick<NavigateOption, 'data' | 'query'>,
162 |   ): Promise<R> {
163 |     this.pop(undefined, { action: false });
164 |     return this.push(to, {
165 |       ...options,
166 |       replace: true,
167 |       action: true,
168 |     });
169 |   }
170 | 
171 |   /**
172 |    * 连续返回多层页面
173 |    */
174 |   pops(times = 1): void {
175 |     for (let i = 0; i < times; i++) {
176 |       this.pop();
177 |     }
178 |   }
179 | }
180 | 
181 | export const router = new Router();
182 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/pages/home/play/player.tsx:
--------------------------------------------------------------------------------
  1 | import 'xgplayer/dist/index.min.css';
  2 | import './style.css';
  3 | 
  4 | import { forwardRef, useEffect, useRef } from 'react';
  5 | import XgPlayer, { Events } from 'xgplayer/es/player';
  6 | import { XSta } from 'xsta';
  7 | 
  8 | import { Box } from '@/components/Box';
  9 | import { lastOf } from '@/utils/base';
 10 | import { addClass, removeClass } from '@/utils/dom';
 11 | 
 12 | import { isPlayPage } from '.';
 13 | import { XgPreset } from './xg-preset';
 14 | 
 15 | const kPlayerKey = 'kPlayerKey';
 16 | 
 17 | interface PlayerConfig {
 18 |   current: string;
 19 |   playList: string[];
 20 |   onPlayNext: (next: string, idx: number) => void;
 21 |   pause?: boolean;
 22 | }
 23 | 
 24 | // todo 记忆并恢复上次播放历史进度
 25 | export const Player = forwardRef(
 26 |   (props: PlayerConfig & { current?: string }, ref: any) => {
 27 |     const player = useRef<XgPlayer>();
 28 | 
 29 |     // 离开当前页面时，暂停播放。重新激活时，恢复播放。
 30 |     useEffect(() => {
 31 |       if (props.pause && player.current?.play) {
 32 |         player.current?.pause();
 33 |       }
 34 |       if (!props.pause && player.current?.pause) {
 35 |         player.current?.play();
 36 |       }
 37 |     }, [props.pause]);
 38 | 
 39 |     // 播放地址变更
 40 |     useEffect(() => {
 41 |       if (!isPlayPage()) return;
 42 |       if (!props.current && player.current) {
 43 |         // 没有选中的视频
 44 |         player.current.src = '';
 45 |         return;
 46 |       }
 47 |       XSta.set(kPlayerKey, props);
 48 |       setTimeout(() => {
 49 |         const { current, playList } = XSta.get<PlayerConfig>(kPlayerKey) ?? {};
 50 |         if (!player.current) {
 51 |           // 初始化视频播放器
 52 |           player.current = new XgPlayer({
 53 |             id: 'player',
 54 |             url: current,
 55 |             pip: true,
 56 |             autoplay: true,
 57 |             crossOrigin: true,
 58 |             videoInit: true,
 59 |             fluid: true,
 60 |             lang: 'zh-cn',
 61 |             presets: [XgPreset],
 62 |             playNext: { urlList: playList },
 63 |             playbackRate: {
 64 |               list: [
 65 |                 {
 66 |                   text: 'x2',
 67 |                   rate: 2,
 68 |                 },
 69 |                 {
 70 |                   text: 'x1.5',
 71 |                   rate: 1.5,
 72 |                 },
 73 |                 {
 74 |                   text: 'x1',
 75 |                   iconText: '倍速',
 76 |                   rate: 1,
 77 |                 },
 78 |                 {
 79 |                   text: 'x0.5',
 80 |                   rate: 0.5,
 81 |                 },
 82 |               ],
 83 |             },
 84 |           });
 85 |           player.current.on(Events.PLAYNEXT, () => {
 86 |             const { current, playList, onPlayNext } =
 87 |               XSta.get<PlayerConfig>(kPlayerKey)!;
 88 |             const hasNext = lastOf(playList) !== current;
 89 |             if (hasNext) {
 90 |               // 选中并播放下一集
 91 |               const currentIdx = playList.indexOf(current);
 92 |               const nextVideo = playList[currentIdx + 1];
 93 |               playerSwitchURL(player.current, nextVideo);
 94 |               onPlayNext?.(nextVideo, currentIdx + 1);
 95 |             }
 96 |           });
 97 |         }
 98 |         // 播放当前视频
 99 |         playerSwitchURL(player.current, current);
100 |         // 是否有下一集
101 |         const hasNext = lastOf(playList) !== current;
102 |         // 控制下一集按钮是否显示
103 |         const playNextDoms = [
104 |           document.getElementsByClassName(
105 |             'xgplayer-playnext',
106 |           )[0] as HTMLElement,
107 |           document.getElementsByClassName('playnext-button')[0] as HTMLElement,
108 |         ];
109 |         playNextDoms.forEach((playNextDom) => {
110 |           if (hasNext) {
111 |             removeClass(playNextDom, 'no-next');
112 |           } else {
113 |             addClass(playNextDom, 'no-next');
114 |           }
115 |         });
116 |       }, 100);
117 |     }, [props.current]);
118 | 
119 |     return <Box ref={ref} id="player" width="100%" />;
120 |   },
121 | );
122 | 
123 | const playerSwitchURL = (player, url) => {
124 |   if (!player || !url) {
125 |     return;
126 |   }
127 |   player.pause();
128 |   player.currentTime = 0;
129 |   if (player.switchURL) {
130 |     player.switchURL(url);
131 |   } else {
132 |     player.src = url;
133 |   }
134 |   player.config.url = url;
135 |   player.play();
136 | };
137 | 


--------------------------------------------------------------------------------
/packages/feiyu/src/app/initAPP.tsx:
--------------------------------------------------------------------------------
  1 | import { Button, Message, Notification } from '@arco-design/web-react';
  2 | import { FeiyuDesktop } from 'feiyu-desktop';
  3 | import { useEffect, useState } from 'react';
  4 | import { registerSW } from 'virtual:pwa-register';
  5 | 
  6 | import { Box } from '@/components/Box';
  7 | import { Dialog } from '@/components/Dialog';
  8 | import { Text } from '@/components/Text';
  9 | import { appConfig } from '@/data/config';
 10 | import { useDesktopUpdater } from '@/hooks/useDesktopUpdater';
 11 | import { useInit } from '@/hooks/useInit';
 12 | import { usePWA } from '@/hooks/usePWA';
 13 | import { useRebuildRef } from '@/hooks/useRebuild';
 14 | import { cache } from '@/services/cache';
 15 | import { useFallbackToIndex } from '@/services/routes/page';
 16 | import { storage } from '@/services/storage/storage';
 17 | 
 18 | import { kRoutePages } from '../pages';
 19 | 
 20 | const _initAPP = async (rebuildRef: any) => {
 21 |   // 初始化桌面环境
 22 |   await FeiyuDesktop.init();
 23 |   // 初始化APP配置信息
 24 |   await appConfig.init();
 25 |   // 注册 service worker（自动更新）
 26 |   registerSW({ immediate: true });
 27 |   // 清除已过期的本地缓存
 28 |   cache.clearExpired();
 29 |   // 刷新 APP 页面
 30 |   rebuildRef.current.rebuild();
 31 | };
 32 | 
 33 | export const useInitAPP = () => {
 34 |   // 当没有在其他子页面时，默认转到首页
 35 |   useFallbackToIndex(kRoutePages, { parent: '/' });
 36 | 
 37 |   // APP 初始化
 38 |   const rebuildRef = useRebuildRef();
 39 |   useInit(() => {
 40 |     _initAPP(rebuildRef).catch((e) => {
 41 |       console.trace('❌ initAPP error', e);
 42 |     });
 43 |   }, []);
 44 | 
 45 |   // APP 升级弹窗
 46 |   useUpdateAPP();
 47 | };
 48 | 
 49 | const useUpdateAPP = () => {
 50 |   let { needUpdate, update } = usePWA();
 51 |   const { needUpdate: needUpdateDesktop, update: updateDesktop } =
 52 |     useDesktopUpdater();
 53 |   if (needUpdateDesktop) {
 54 |     needUpdate = needUpdateDesktop;
 55 |     update = updateDesktop;
 56 |   }
 57 |   useEffect(() => {
 58 |     if (needUpdate) {
 59 |       const id = 'needUpdate';
 60 |       Notification.info({
 61 |         id,
 62 |         showIcon: false,
 63 |         title: '✨ 发现新版本',
 64 |         content: "是否立即升级？喵呜 ฅ'ω'ฅ",
 65 |         position: 'bottomRight',
 66 |         duration: 0,
 67 |         btn: (
 68 |           <span>
 69 |             <Button
 70 |               type="secondary"
 71 |               size="small"
 72 |               onClick={() => Notification.remove(id)}
 73 |               style={{ margin: '0 12px' }}
 74 |             >
 75 |               取消
 76 |             </Button>
 77 |             <Button
 78 |               type="primary"
 79 |               size="small"
 80 |               onClick={() => {
 81 |                 if (needUpdateDesktop && FeiyuDesktop.isWindows) {
 82 |                   Message.info('开始下载更新，请稍等...');
 83 |                 }
 84 |                 update();
 85 |                 Notification.remove(id);
 86 |               }}
 87 |             >
 88 |               确定
 89 |             </Button>
 90 |           </span>
 91 |         ),
 92 |       });
 93 |     }
 94 |   }, [needUpdate]);
 95 | };
 96 | 
 97 | export const useDisclaimer = () => {
 98 |   const kDisclaimerAgreed = 'kDisclaimerAgreed';
 99 |   const [show, setShow] = useState(false);
100 |   useEffect(() => {
101 |     setTimeout(async () => {
102 |       const agreed = storage.get(kDisclaimerAgreed);
103 |       if (!agreed) {
104 |         setShow(true);
105 |       }
106 |     }, 0);
107 |   }, []);
108 |   return (
109 |     <Dialog
110 |       visible={show}
111 |       title="🚨 免责声明"
112 |       ok="同意"
113 |       onOk={() => {
114 |         setShow(false);
115 |         storage.set(kDisclaimerAgreed, true);
116 |       }}
117 |       cancel="退出"
118 |       onCancel={() => {
119 |         if (FeiyuDesktop.isDesktop) {
120 |           FeiyuDesktop.window?.close();
121 |         } else {
122 |           window.location.href = 'about:blank';
123 |         }
124 |       }}
125 |     >
126 |       <Box marginBottom="16px">
127 |         <Text
128 |           maxHeight="400px"
129 |           overflowY="scroll"
130 |           fontSize="14px"
131 |           lineHeight="24px"
132 |           className="hide-scrollbar"
133 |         >
134 |           最新版本: V2.0 生效日期: 2024年4月1日
135 |           <br />
136 |           1.
137 |           本项目(飞鱼)是一个开源的视频播放器软件，仅供个人合法地点播、学习和研究使用，严禁将其用于任何商业、违法或不当用途，否则由此产生的一切后果由用户自行承担。
138 |           <br />
139 |           2.
140 |           本软件仅作为一个通用播放器使用，不针对任何特定内容提供源，用户应自行判断所播放内容的合法性并承担相应责任，开发者对用户播放的任何内容不承担任何责任。
141 |           <br />
142 |           3.
143 |           用户在使用本软件时，必须完全遵守所在地区的法律法规，严禁将本软件用于任何非法用途，如传播违禁信息、侵犯他人知识版权、破坏网络安全等，否则由此产生的一切后果由用户自行承担。
144 |           <br />
145 |           4.
146 |           用户使用本软件所产生的任何风险或损失(包括但不限于:系统故障、隐私泄露等)，开发者概不负责。用户应明确认知上述风险并自行防范。
147 |           <br />
148 |           5.
149 |           未尽事宜，均依照用户所在地区相关法律法规的规定执行。如本声明与当地法律法规存在冲突，应以法律法规为准。
150 |           <br />
151 |           6.
152 |           用户使用本软件即视为已阅读并同意本声明全部内容。开发者保留随时修订本声明的权利。本声明的最终解释权归本项目开发者所有。
153 |         </Text>
154 |       </Box>
155 |     </Dialog>
156 |   );
157 | };
158 | 


--------------------------------------------------------------------------------