34 |
36 | ) : (
37 |
38 | Not Found
39 |
40 | )
41 | }
42 |
4 |
9 | )
10 | }
--------------------------------------------------------------------------------
/.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/extensions.json
17 | .idea
18 | .DS_Store
19 | *.suo
20 | *.ntvs*
21 | *.njsproj
22 | *.sln
23 | *.sw?
24 |
25 | client-dist
26 | server-dist
27 | visualizer.html
28 | temp
29 |
--------------------------------------------------------------------------------
/client/src/hooks/useScrollToTop.ts:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react'
2 | import { useLocation } from 'react-router-dom'
3 |
4 | export default function useScrollToTop(callback: () => void) {
5 | const { pathname } = useLocation()
6 |
7 | useEffect(() => {
8 | if (typeof callback === 'function') {
9 | callback()
10 | }
11 | window.scrollTo({
12 | top: 0
13 | })
14 | }, [pathname, callback])
15 | }
--------------------------------------------------------------------------------
/client/src/hooks/useLocalStorage.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'react'
2 |
3 | export default function useLocalStorage5 | 6 | Loading . . . 7 |
8 |
20 |
21 |
22 |
24 |
25 |
26 | )
27 |
--------------------------------------------------------------------------------
/client/src/router.tsx:
--------------------------------------------------------------------------------
1 | import { Navigate, createHashRouter } from 'react-router-dom'
2 | import Home from '@/pages/Home'
3 |
4 | const router = createHashRouter([
5 | {
6 | path: '/',
7 | element:
25 |
44 |
26 |
43 |
27 |
42 |
28 |
29 |
30 |
31 |
32 | 33 | {chapterInfo?.rawName} 34 |
35 |
36 |
40 |
41 |
32 |
33 |
34 | }
35 | -
53 | {imageListPath.map((imagePath, index) => {
54 | return
69 | Not Found
70 |
}
71 |
41 |
65 |
42 |
64 |
43 |
52 | }
53 |
63 |
44 |
45 | 
46 | 
47 |
48 |
49 | {
50 | bookInfoList?.length > 0 &&
51 |
54 |
55 |
56 |
57 |
61 |
62 | setShowMenu(!showMenu)}>
63 |
64 | {children}
65 |
66 |
67 |
8 | 一款漫画浏览器(搭配comic-book-dl使用)
9 | 开源 | 高效 | 易用
10 | 
14 |
79 |
80 |
81 |
82 |
44 |
62 |
49 | 
50 |
51 |
52 |
61 | {bookName}
53 |{bookInfo.author}
54 |{bookInfo.desc}
55 |56 | 57 | 来源 58 | 59 |
60 |
65 | Not Found
66 |
67 | }
68 |
44 | ——— Not Found ———
}>
51 |
52 |
53 |
63 |
64 |
65 |
66 | )
67 | }
68 |
69 | function renderItem(bookInfo: BookInfo, text: string) {
70 | text = text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
71 | const textReg = new RegExp(`${text}`, 'g')
72 | const showNameEl = bookInfo.name.replace(textReg, `${text}` )
73 | const lastChapter = bookInfo.lastChapter
74 | return (
75 |
76 |
88 | )
89 | }
--------------------------------------------------------------------------------
/client/src/api/index.ts:
--------------------------------------------------------------------------------
1 | const API = {
2 | comicBookList: '/api/comicBookList',
3 | comicBook: '/api/comicBook',
4 | comicChapter: '/api/comicChapter',
5 | cleanCache: '/api/cleanCache'
6 | }
7 |
8 | interface CommonResponse
77 |
80 |
81 |
82 |
87 | 84 |
85 |最新: {lastChapter?.rawName}
86 |上次阅读
43 |44 | {/* 继续阅读: */} 45 | 46 | 53 | {historyChapterItem.rawName} 54 | 55 | 56 |
57 | 58 | } 59 |章节列表
60 |
61 |
76 |
62 |
71 |
75 | 63 | 最新: 64 | 67 | {lastChapters?.rawName} 68 | 69 |
70 |-
77 | {
78 | chapters.map((chapter) => {
79 | return (
80 |
- 81 | 88 | {chapter.rawName} 89 | 90 | 91 | ) 92 | }) 93 | } 94 |
29 | 30 | 31 | {exist.rawChapterName} 32 |
33 | ) : <> 34 | ) 35 | } 36 | 37 | export default function BookList({bookInfoList}: Readonly
71 | {/* className="block hover:bg-p-4/20 dark:hover:text-p-3" */}
72 |
73 |
100 | )
101 | })
102 | }
103 |
110 |
111 | )
112 | }
--------------------------------------------------------------------------------
/client/src/pages/Chapter/ChapterFooter/index.tsx:
--------------------------------------------------------------------------------
1 | import { lazy, useCallback, useContext, useState } from 'react'
2 | import { Link, useNavigate, useParams } from 'react-router-dom'
3 | import { message } from 'antd'
4 | import { Virtuoso } from 'react-virtuoso'
5 | import { BookInfoContext, ChapterInfoContext } from '@/pages/Chapter/Provider'
6 | import useScrollToTop from '@/hooks/useScrollToTop'
7 |
8 | interface Props {
9 | show: boolean,
10 | chapterName: string
11 | }
12 |
13 | const Drawer = lazy(() => import('antd/lib/drawer'))
14 |
15 | export default function ChapterFooter(props: Readonly
74 |
98 |
99 |
78 |
81 |
85 | 82 | {bookInfo.lastChapter.rawName} 83 |
84 |
86 |
97 |
87 |
93 | 88 | {bookInfo.name} 89 |
90 |{bookInfo.author}
91 |{bookInfo.desc}
92 |