├── .gitignore
├── LICENSE
├── README.md
├── app
    ├── details
    │   ├── layout.tsx
    │   ├── loading.tsx
    │   └── page.tsx
    ├── edittools
    │   ├── edit
    │   │   └── page.tsx
    │   ├── layout.tsx
    │   ├── loading.tsx
    │   └── page.tsx
    ├── error.tsx
    ├── layout.tsx
    ├── page.tsx
    ├── providers.tsx
    ├── search
    │   ├── layout.tsx
    │   ├── loading.tsx
    │   └── page.tsx
    ├── settings
    │   ├── about
    │   │   ├── layout.tsx
    │   │   └── page.tsx
    │   ├── appearence
    │   │   ├── layout.tsx
    │   │   └── page.tsx
    │   ├── layout.tsx
    │   ├── loading.tsx
    │   └── page.tsx
    ├── software
    │   ├── layout.tsx
    │   ├── loading.tsx
    │   └── page.tsx
    ├── style.css
    └── website
    │   ├── layout.tsx
    │   ├── loading.tsx
    │   └── page.tsx
├── components
    ├── edit-sidenav.tsx
    ├── icons.tsx
    ├── navbar.tsx
    ├── primitives.ts
    ├── scroll-wrapper.tsx
    ├── section-header.tsx
    ├── tab-icon.tsx
    ├── theme-switch.tsx
    ├── tools-detail.tsx
    └── website-card.tsx
├── config
    ├── fonts.ts
    ├── site.ts
    └── userevent.ts
├── next-env.d.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
    ├── favicon.ico
    ├── logo@0.5x.png
    ├── next.svg
    └── vercel.svg
├── src-tauri
    ├── .gitignore
    ├── Cargo.lock
    ├── Cargo.toml
    ├── build.rs
    ├── capabilities
    │   └── default.json
    ├── icons
    │   ├── 128x128.png
    │   ├── 128x128@2x.png
    │   ├── 32x32.png
    │   ├── Square107x107Logo.png
    │   ├── Square142x142Logo.png
    │   ├── Square150x150Logo.png
    │   ├── Square284x284Logo.png
    │   ├── Square30x30Logo.png
    │   ├── Square310x310Logo.png
    │   ├── Square44x44Logo.png
    │   ├── Square71x71Logo.png
    │   ├── Square89x89Logo.png
    │   ├── StoreLogo.png
    │   ├── icon.icns
    │   ├── icon.ico
    │   └── icon.png
    ├── src
    │   ├── db.rs
    │   ├── main.rs
    │   ├── native.rs
    │   ├── request.rs
    │   ├── search.rs
    │   └── source.rs
    └── tauri.conf.json
├── statics
    ├── import_tools_config.gif
    ├── myTools设计文档.drawio
    ├── screenshoot-5.webp
    ├── screenshot-1.webp
    ├── screenshot-2.webp
    ├── screenshot-3.webp
    ├── screenshot-4.webp
    └── tools-export.json
├── styles
    └── globals.css
├── tailwind.config.js
├── tsconfig.json
├── types
    └── index.ts
└── utils
    └── github.ts


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | src-tauri/gen/*
3 | src-tauri/target/*
4 | .DS_Store
5 | out
6 | .next


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2023 Next UI
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # myTools
 2 | 
 3 | > 一个基于 `Next.js` + `Tauri` 构建的工具网站管理工具。
 4 | >
 5 |  
 6 | 这个App的目标是能过可持续的为大家分享免费好用的工具网站。对我来说做成一个离线工具相比与一个资源聚合站点有以下几个优势：
 7 | 
 8 | 1. 更加可持续的方式。不需要负担额外的服务器费用；
 9 | 2. 可以做更多自定义的功能，更加方便快捷的使用；
10 | 3. 大家都可以分享自己使用的软件或网站
11 | 
12 | > 说明：应用包，每周更新一次。
13 | 
14 | ### 界面展示
15 | 
16 | | ![](./statics//screenshot-1.webp) | ![](./statics//screenshot-2.webp)|
17 | | --- | --- |
18 | | ![](./statics//screenshot-3.webp) | ![](./statics//screenshot-4.webp) |
19 | 
20 | ### 开始
21 | 1. 下载[配置文件](./statics//tools-export.json)
22 | 2. 点击窗口右上角的设置（⚙️）按钮，然后按照下图进行操作
23 | 3. ![](./statics//import_tools_config.gif)
24 | 
25 | ### 规范
26 | 1. 封面大小：600x400
27 | 2. 预览图大小：1200x800
28 | 3. 图片格式：webp，质量70
29 | 4. 工具说明支持`Markdown`语法，仅支持插入在线图片。
30 | 5. 封面中如果展示软件图片，则图标尺寸为：225x225，背景色推荐色号：`#F7F8FC`
31 | 
32 | ### 开发任务
33 | | 任务 | 状态 | 优先级 | 预览|
34 | | --- | --- | --- | --- |
35 | | 支持单个工具的删除，使用contextWindow | ✅ | 1 | ![](./statics/screenshoot-5.webp)|
36 | | 在线工具源的下载和导入 | ✅  | 1 |测试链接：`https://raw.githubusercontent.com/feint123/myTools/main/statics/tools-export.json`|
37 | | 工具源的更新|✅| 2||
38 | | 工具快捷面板窗口，全局快捷键唤起 |  | 2 ||
39 | | 完善设置页面 || 2 ||
40 | | 页面加载动画使用骨架屏||3||
41 | | 增加必要的系统菜单和Tray| | 3||
42 | | 实现快捷指令 ||3||
43 | | 多语言支持|| 4||
44 | | windows,Linux兼容性测试|| 4||
45 | 
46 | ### 设计文档
47 | 
48 | 参考文件[myTools设计文档.drawio](./statics/myTools设计文档.drawio)(完善中)。请使用`Draw.io`查看。
49 | 
50 | ### Bug记录
51 | 1. ~~编辑页面删除工具后，页面某些情况列表数据不会~~更新~~


--------------------------------------------------------------------------------
/app/details/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import { ScrollWrapper } from "@/components/scroll-wrapper";
 3 | import { ScrollShadow } from "@nextui-org/react";
 4 | import { Suspense } from "react";
 5 | 
 6 | export default function AboutLayout({
 7 |   children,
 8 | }: {
 9 |   children: React.ReactNode;
10 | }) {
11 |   return (
12 |     <section className="flex flex-col items-center justify-center gap-4">
13 |       <ScrollWrapper>
14 |         <div className="max-w-screen-xl w-full text-center justify-center">
15 |           <Suspense>
16 |             {children}
17 |           </Suspense>
18 |         </div>
19 |       </ScrollWrapper>
20 |     </section>
21 |   );
22 | }
23 | 


--------------------------------------------------------------------------------
/app/details/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from "@nextui-org/react";
2 | 
3 | export default function Loading() {
4 |     // You can add any UI inside Loading, including a Skeleton.
5 |     return <Spinner />
6 |   }


--------------------------------------------------------------------------------
/app/details/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { useRouter, useSearchParams } from "next/navigation";
 4 | import ToolsDetail from "@/components/tools-detail";
 5 | 
 6 | export default function DetailPage() {
 7 |  
 8 |   const params = useSearchParams()
 9 |   const toolId = params.get("toolId");
10 |   return (
11 |     <ToolsDetail toolsId={toolId??""}/>
12 |   )
13 | }
14 | 


--------------------------------------------------------------------------------
/app/edittools/edit/page.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | 
  4 | import { Button, Input, Select, SelectItem, Switch, Textarea } from "@nextui-org/react";
  5 | import { useEffect, useState } from "react";
  6 | import { AiOutlineAppstore, AiOutlineAudio, AiOutlineBug, AiOutlineCloud, AiOutlineCode, AiOutlineFileWord, AiOutlineInbox, AiOutlinePicture, AiOutlineRobot, AiOutlineVideoCamera } from "react-icons/ai";
  7 | import { ConfigProvider, theme, Upload, UploadProps } from "antd";
  8 | 
  9 | import { RcFile, UploadFile } from "antd/es/upload";
 10 | import { ToolsItem } from "@/app/settings/page";
 11 | import { invoke } from "@tauri-apps/api/core";
 12 | import { getCurrent } from "@tauri-apps/api/webviewWindow";
 13 | import { listen, TauriEvent, UnlistenFn } from "@tauri-apps/api/event";
 14 | import { useRouter, useSearchParams } from "next/navigation";
 15 | import { boldCommand, imageCommand, italicCommand, linkCommand, useTextAreaMarkdownEditor } from "react-headless-mde";
 16 | import { Menu, MenuItem } from "@tauri-apps/api/menu";
 17 | import Markdown from "react-markdown";
 18 | import remarkGfm from "remark-gfm";
 19 | import "github-markdown-css"
 20 | import { motion } from "framer-motion";
 21 | 
 22 | 
 23 | 
 24 | 
 25 | const getBase64 = (file: RcFile): Promise<string> =>
 26 |   new Promise((resolve, reject) => {
 27 |     const reader = new FileReader();
 28 |     reader.readAsDataURL(file);
 29 |     reader.onload = () => {
 30 |       resolve(reader.result as string);
 31 |     }
 32 |     reader.onerror = (error) => {
 33 |       console.log(error)
 34 |       reject(error);
 35 |     }
 36 |   });
 37 | 
 38 | 
 39 | 
 40 | 
 41 | function isValidUrl(url: string): boolean {
 42 |   url = url.trim();
 43 |   if (url.length == 0) {
 44 |     return false
 45 |   }
 46 |   if (!url.startsWith("http://") || !url.startsWith("https://")) {
 47 |     url = "https://" + url
 48 |   }
 49 |   try {
 50 |     new URL(url);
 51 |     return true;
 52 |   } catch (_) {
 53 |     return false;
 54 |   }
 55 | }
 56 | 
 57 | 
 58 | export type SelectType = 'all' | Iterable<string | number> | undefined
 59 | 
 60 | function FileUploaderWrapper({ children }: { children: React.ReactNode }) {
 61 |   return (
 62 |     <div className="flex flex-col gap-0 w-full bg-default-100 rounded-medium shadow-sm px-3 py-2 mb-2">
 63 |       {children}
 64 |     </div>
 65 |   )
 66 | }
 67 | 
 68 | 
 69 | export default function EditToolsEditPage() {
 70 |   const params = useSearchParams()
 71 |   const toolId = params.get("toolId")
 72 |   const categorys = [{ name: "音频", icon: (<AiOutlineAudio />) }, { name: "视频", icon: (<AiOutlineVideoCamera />) },
 73 |   { name: "图片", icon: (<AiOutlinePicture />) }, { name: "AI", icon: (<AiOutlineRobot />) },
 74 |   { name: "编程", icon: (<AiOutlineCode />) }, { name: "文档", icon: (<AiOutlineFileWord />) },
 75 |   { name: "聚合", icon: (<AiOutlineInbox />) }, { name: "其他", icon: (<AiOutlineBug />) }]
 76 |   const toolTypes = [{ name: "App", value: "app", icon: (<AiOutlineAppstore />) }, { name: "网站", value: "web", icon: (<AiOutlineCloud />) }]
 77 |   const [coverFileList, setCoverFileList] = useState<UploadFile[]>([]);
 78 |   const [previewFileList, setPreviewFileList] = useState<UploadFile[]>([]);
 79 |   const [title, setTitle] = useState<string>("")
 80 |   const [description, setDescription] = useState<string>("")
 81 |   const [pressSubmit, setPressSubmit] = useState(false);
 82 |   const [content, setContent] = useState<string>("")
 83 |   const [selectToolTypes, setSelectToolTypes] = useState<SelectType>()
 84 |   const [selectToolCates, setSelectToolCates] = useState<SelectType>()
 85 |   const [targetUrl, setTargetUrl] = useState<string>("")
 86 |   const [isSubmitLoading, setIsSubmitLoading] = useState(false);
 87 |   const [antTheme, setAntdTheme] = useState("light");
 88 | 
 89 |   const router = useRouter()
 90 |   useEffect(() => {
 91 |     getCurrent().theme().then(theme => {
 92 |       setAntdTheme(theme as string)
 93 |     })
 94 |     listen(TauriEvent.WINDOW_THEME_CHANGED, (event) => {
 95 |       if (typeof event.payload === "string") {
 96 |         setAntdTheme(event.payload)
 97 |       }
 98 |     });
 99 |   }, [setAntdTheme])
100 | 
101 |   const submitTools = async () => {
102 |     setPressSubmit(true)
103 |     if (title.trim().length == 0 || content.trim().length == 0
104 |       || description.trim().length == 0 || targetUrl.trim().length == 0
105 |       || selectToolTypes == undefined || selectToolCates == undefined || !isValidUrl(targetUrl)) {
106 |       return
107 |     }
108 |     setIsSubmitLoading(true)
109 |     let coverUrl = ""
110 |     let file = coverFileList[0]
111 |     if (file && !file.url && file.originFileObj) {
112 |       coverUrl = await getBase64(file.originFileObj) as string;
113 |     } else if (file) {
114 |       coverUrl = file.url ?? ""
115 |     }
116 |     let previewUrls: string[] = []
117 |     for (let i = 0; i < previewFileList.length; i++) {
118 |       let previewFile = previewFileList[i]
119 |       let url = ""
120 |       if (previewFile && previewFile.originFileObj && !previewFile.url) {
121 |         url = await getBase64(previewFile.originFileObj) as string;
122 |       } else if (previewFile) {
123 |         url = previewFile.url ?? ""
124 |       }
125 |       previewUrls.push(url)
126 |     }
127 |     let targetUrlC = targetUrl.trim()
128 |     if (targetUrlC.startsWith("http://")) {
129 |       targetUrlC.replace("http://", "https://")
130 |     } else if (!targetUrlC.includes("https://")) {
131 |       targetUrlC = "https://" + targetUrlC;
132 |     }
133 |     const toolsItem: ToolsItem = {
134 |       id: 0,
135 |       title: title.trim(),
136 |       description: description.trim(),
137 |       target_url: targetUrlC,
138 |       categorys: Array.from(selectToolCates).map(item => item.toString()),
139 |       content: content.trim(),
140 |       cover_image_url: coverUrl,
141 |       preview_image_url: previewUrls,
142 |       tool_type: Array.from(selectToolTypes).map(item => item.toString())[0],
143 |       author: "hello",
144 |       tools_source_id: "",
145 |     }
146 | 
147 | 
148 |     try {
149 |       let id = await invoke("save_local_source_item", { sourceItem: toolsItem });
150 |       setIsSubmitLoading(false)
151 |       router.push(`/edittools?toolId=${id}`)
152 |     } catch (error) {
153 |       console.log(error)
154 |     }
155 |   }
156 | 
157 |   useEffect(() => {
158 |     if (toolId) {
159 |       invoke<ToolsItem[]>("get_source_item_by_id", { itemId: Number.parseInt(toolId) })
160 |         .then((result: ToolsItem[]) => {
161 |           if (result && result.length > 0) {
162 |             setTitle(result[0].title ?? "")
163 |             setDescription(result[0].description ?? "")
164 |             setContent(result[0].content ?? "")
165 |             setTargetUrl((result[0].target_url ?? "").replace("https://", ""))
166 |             setSelectToolTypes(Array.of(result[0].tool_type as string))
167 |             setSelectToolCates(result[0].categorys)
168 |             setCoverFileList([{
169 |               uid: '0',
170 |               name: `image.png`,
171 |               status: 'done',
172 |               url: result[0].cover_image_url,
173 |             }])
174 |             let previewImageUrls = result[0].preview_image_url
175 |             let previewImages: UploadFile[] = []
176 |             if (previewImageUrls && previewImageUrls.length > 0) {
177 |               for (let i = 0; i < previewImageUrls.length; i++) {
178 |                 previewImages.push({
179 |                   uid: `${i}`,
180 |                   name: `image-${i}.png`,
181 |                   status: 'done',
182 |                   url: previewImageUrls[i],
183 |                 })
184 |               }
185 |             }
186 |             setPreviewFileList(previewImages)
187 |           }
188 |         }).catch(e => {
189 |           console.log(e)
190 |         })
191 |     }
192 |     let uninstalSave: UnlistenFn;
193 |     listen("SAVE_TOOLS_INFO", (e) => {
194 |       submitTools()
195 |     }).then(fn => {
196 |       uninstalSave = fn
197 |     })
198 |     return () => {
199 |       if (uninstalSave) {
200 |         uninstalSave()
201 |       }
202 |     }
203 |   }, [setTitle, setDescription, setContent, setTargetUrl, setSelectToolTypes, setSelectToolCates,
204 |     setCoverFileList, setPreviewFileList, toolId, submitTools
205 |   ])
206 | 
207 |   const handleChange: UploadProps['onChange'] = ({ fileList: newFileList }) =>
208 |     setCoverFileList(newFileList);
209 | 
210 |   const handlePreviewChange: UploadProps['onChange'] = ({ fileList: newFileList }) =>
211 |     setPreviewFileList(newFileList);
212 | 
213 |   async function createMenu(e: React.MouseEvent<HTMLElement, MouseEvent>) {
214 |     e.preventDefault()
215 | 
216 |     let linkItem = await MenuItem.new({
217 |       text: "添加链接",
218 |       accelerator: "CmdOrCtrl+Shift+L",
219 |       action: () => {
220 |         commandController.executeCommand('link');
221 |       }
222 |     })
223 | 
224 |     let imageItem = await MenuItem.new({
225 |       text: "插入图片",
226 |       accelerator: "CmdOrCtrl+Shift+I",
227 |       action: () => {
228 |         commandController.executeCommand('image');
229 |       }
230 |     })
231 |     let boldItem = await MenuItem.new({
232 |       text: "加粗",
233 |       accelerator: "CmdOrCtrl+Shift+B",
234 |       action: () => {
235 |         commandController.executeCommand('bold');
236 |       }
237 |     })
238 |     let menu = await Menu.new({
239 |       items: [linkItem, imageItem, boldItem]
240 |     });
241 |     menu.popup()
242 |   }
243 | 
244 | 
245 | 
246 | 
247 |   const { ref, commandController } = useTextAreaMarkdownEditor({
248 |     commandMap: {
249 |       bold: boldCommand,
250 |       italic: italicCommand,
251 |       link: linkCommand,
252 |       image: imageCommand,
253 |     },
254 |   });
255 | 
256 |   return (
257 | 
258 |     <form className="flex flex-col gap-4">
259 |       {/* <Button color="primary" variant="faded" onClick={submitTools} isLoading={isSubmitLoading} className="sticky top-0">保存</Button> */}
260 |       <div className="grid lg:grid-cols-2 grid-cols-1 2xl:grid-cols-3 gap-2">
261 |         <div className="flex flex-col gap-2 w-full">
262 |           <Input isRequired type="text" size="lg" label="标题" placeholder="请输入标题"
263 |             errorMessage="标题不能为空"
264 |             isInvalid={title.trim().length == 0 && pressSubmit} value={title} onValueChange={setTitle} />
265 |           <FileUploaderWrapper>
266 |             <p className="text-xs text-default-600">封面</p>
267 |             <ConfigProvider theme={{ algorithm: antTheme === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm }}>
268 | 
269 |               {/* <ImgCrop modalClassName="backdrop-blur-md" aspect={3 / 2} modalOk="确定" zoomSlider modalCancel="取消"> */}
270 |               <Upload
271 |                 action={getBase64}
272 |                 listType="picture-card"
273 |                 fileList={coverFileList}
274 |                 onChange={handleChange}
275 |                 accept="image/*"
276 |                 className="my-2"
277 |                 showUploadList={{ "showPreviewIcon": false }}
278 |               >
279 |                 {coverFileList.length >= 1 ? null : '+ 上传'}
280 |               </Upload>
281 |               {/* </ImgCrop> */}
282 |             </ConfigProvider>
283 |             <p className="text-xs text-foreground-400 text-right">尺寸：600x400；格式：webp</p>
284 |           </FileUploaderWrapper>
285 |           <Input isRequired type="text" label="描述" placeholder="请输入描述,10~30个字左右"
286 |             errorMessage="描述不能为空"
287 |             isInvalid={description.trim().length == 0 && pressSubmit} value={description} onValueChange={setDescription} />
288 |           <Input isRequired type="url" label="工具地址" placeholder="www.abc.com" startContent={<span className="text-default-400 text-small">https://</span>}
289 |             value={targetUrl} onValueChange={setTargetUrl} isInvalid={!isValidUrl(targetUrl) && pressSubmit}
290 |             errorMessage="请输入正确的网址" />
291 | 
292 |           <div className="flex flex-row gap-4">
293 |             <Select
294 |               isRequired
295 |               label="类型"
296 |               selectionMode="single"
297 |               placeholder="请选择工具类型"
298 |               selectedKeys={selectToolTypes}
299 |               onSelectionChange={setSelectToolTypes}
300 |               errorMessage="工具类型是必选的哦"
301 |               isInvalid={selectToolTypes == undefined && pressSubmit}
302 |               items={toolTypes}
303 |             >
304 |               {
305 |                 item => {
306 |                   return <SelectItem key={item.value} startContent={item.icon}>
307 |                     {item.name}
308 |                   </SelectItem>
309 |                 }
310 |               }
311 |             </Select>
312 |             <Select
313 |               isRequired
314 |               label="分类"
315 |               selectionMode="multiple"
316 |               placeholder="请选择一个分类"
317 |               selectedKeys={selectToolCates}
318 |               onSelectionChange={setSelectToolCates}
319 |               errorMessage="请至少选择一个分类"
320 |               isInvalid={selectToolCates == undefined && pressSubmit}
321 |               items={categorys}
322 |             >
323 |               {
324 |                 item => {
325 |                   return <SelectItem startContent={item.icon} key={item.name}>
326 |                     {item.name}
327 |                   </SelectItem>
328 |                 }
329 |               }
330 |             </Select>
331 |           </div>
332 |           <FileUploaderWrapper>
333 |             <p className="text-xs text-default-600">预览图</p>
334 |             <ConfigProvider theme={{ algorithm: antTheme === 'dark' ? theme.darkAlgorithm : theme.defaultAlgorithm }}>
335 |               {/* <ImgCrop modalClassName="backdrop-blur-md" fillColor="none" aspect={3 / 2} modalOk="确定" zoomSlider modalCancel="取消"> */}
336 |               <Upload
337 |                 action={getBase64}
338 |                 listType="picture-card"
339 |                 fileList={previewFileList}
340 |                 onChange={handlePreviewChange}
341 |                 accept="image/*"
342 |                 className="my-2"
343 |                 showUploadList={{ "showPreviewIcon": false }}
344 |               >
345 |                 {coverFileList.length >= 16 ? null : '+ 上传'}
346 |               </Upload>
347 |               {/* </ImgCrop> */}
348 |             </ConfigProvider>
349 |             <p className="text-xs text-foreground-400 text-right">尺寸：1200x800；格式：webp</p>
350 |           </FileUploaderWrapper>
351 |         </div>
352 |         <div className="2xl:grid 2xl:grid-cols-2 xl:flex xl:flex-col gap-2 2xl:col-span-2">
353 |           <Textarea
354 |             value={content}
355 |             onValueChange={setContent}
356 |             isRequired
357 |             minRows={8}
358 |             label="工具内容"
359 |             placeholder="请输入有用的描述"
360 |             errorMessage="内容不能为空"
361 |             isInvalid={content.trim().length == 0 && pressSubmit}
362 |             ref={ref}
363 |             onContextMenu={(e) => { createMenu(e) }}
364 |             classNames={{
365 |               input: "resize-y min-h-[40px]",
366 |             }}
367 |             description="可以补充工具的优缺点、使用教程或是功能点等信息"
368 |           />
369 | 
370 |           <Markdown remarkPlugins={[remarkGfm]} className="markdown-body bg-default-100 rounded-medium min-h-40
371 |            px-3 py-2 text-wrap break-words border-small border-default-100">
372 |             {content}
373 |           </Markdown>
374 |         </div>
375 | 
376 |       </div>
377 |     </form>
378 |   );
379 | }
380 | 


--------------------------------------------------------------------------------
/app/edittools/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import { EditSidenav } from "@/components/edit-sidenav";
 3 | import { ScrollShadow } from "@nextui-org/react";
 4 | import { motion } from "framer-motion";
 5 | import { Suspense } from "react";
 6 | 
 7 | export default function EditToolsLayout({
 8 |   children,
 9 | }: {
10 |   children: React.ReactNode;
11 | }) {
12 |   return (
13 |     <section className="flex flex-col items-center justify-center gap-4">
14 |       <motion.aside layout initial={{top: 52}} animate={{top:64}} className="col-span-2 fixed top-[64px] left-0 w-[300px] h-full">
15 |         <Suspense>
16 |           <EditSidenav />
17 |         </Suspense>
18 |       </motion.aside>
19 |       <ScrollShadow orientation="vertical" className="h-[calc(100vh-52px)] w-[calc(100vw-300px)] fixed px-8 py-4
20 |         top-[52px] left-[300px] flex flex-col items-center">
21 |         <main className="max-w-screen-xl w-full pt-2">
22 |           <Suspense>
23 |           {children}
24 |           </Suspense>
25 |         </main>
26 |       </ScrollShadow>
27 |     </section>
28 |   );
29 | }
30 | 


--------------------------------------------------------------------------------
/app/edittools/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from "@nextui-org/react";
2 | 
3 | export default function Loading() {
4 |     // You can add any UI inside Loading, including a Skeleton.
5 |     return <div className="h-full w-full items-center flex justify-center"><Spinner /></div>
6 |   }


--------------------------------------------------------------------------------
/app/edittools/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | 
 4 | 
 5 | import { useSearchParams } from "next/navigation";
 6 | import ToolsDetail from "@/components/tools-detail";
 7 | 
 8 | 
 9 | 
10 | export default function EditToolsPage() {
11 | 
12 |   function EditArea() {
13 |     const params = useSearchParams()
14 |     const toolId = params.get("toolId")
15 | 
16 |     return (<div className="pt-0">
17 |       <ToolsDetail toolsId={toolId ?? ""} />
18 |     </div>)
19 | 
20 |   }
21 | 
22 |   return (
23 |       <EditArea />
24 |   )
25 | }
26 | 


--------------------------------------------------------------------------------
/app/error.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useEffect } from "react";
 4 | 
 5 | export default function Error({
 6 |   error,
 7 |   reset,
 8 | }: {
 9 |   error: Error;
10 |   reset: () => void;
11 | }) {
12 |   useEffect(() => {
13 |     // Log the error to an error reporting service
14 |     /* eslint-disable no-console */
15 |     console.error(error);
16 |   }, [error]);
17 | 
18 |   return (
19 |     <div>
20 |       <h2>Something went wrong!</h2>
21 |       <button
22 |         onClick={
23 |           // Attempt to recover by trying to re-render the segment
24 |           () => reset()
25 |         }
26 |       >
27 |         Try again
28 |       </button>
29 |     </div>
30 |   );
31 | }
32 | 


--------------------------------------------------------------------------------
/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import "@/styles/globals.css";
 3 | import { Metadata, Viewport } from "next";
 4 | import { Link } from "@nextui-org/link";
 5 | import clsx from "clsx";
 6 | 
 7 | import { Providers } from "./providers";
 8 | 
 9 | import { siteConfig } from "@/config/site";
10 | import { fontSans } from "@/config/fonts";
11 | import { Navbar } from "@/components/navbar";
12 | import './style.css';
13 | 
14 | // export const metadata: Metadata = {
15 | //   title: {
16 | //     default: siteConfig.name,
17 | //     template: `%s - ${siteConfig.name}`,
18 | //   },
19 | //   description: siteConfig.description,
20 | //   icons: {
21 | //     icon: "/favicon.ico",
22 | //   },
23 | // };
24 | 
25 | // export const viewport: Viewport = {
26 | //   themeColor: [
27 | //     { media: "(prefers-color-scheme: light)", color: "white" },
28 | //     { media: "(prefers-color-scheme: dark)", color: "black" },
29 | //   ],
30 | // };
31 | 
32 | export default function RootLayout({
33 |   children,
34 | }: {
35 |   children: React.ReactNode;
36 | }) {
37 | 
38 |   return (
39 |     <html suppressHydrationWarning lang="en">
40 |       <head />
41 |       <body
42 |         className={clsx(
43 |           "min-h-screen bg-background font-sans antialiased",
44 |           fontSans.variable,
45 |         )}
46 |       >
47 |         <Providers themeProps={{ attribute: "class", defaultTheme: "light" }}>
48 |           <div className="relative flex flex-col h-screen">
49 |             <Navbar />
50 | 
51 |             <main className="container mx-auto max-w-screen-2xl py-8 px-6  flex-grow">
52 |                 {children}
53 |             </main>
54 |           </div>
55 |         </Providers>
56 |       </body>
57 |     </html>
58 |   );
59 | }
60 | 


--------------------------------------------------------------------------------
/app/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Link } from "@nextui-org/link";
 2 | import { Snippet } from "@nextui-org/snippet";
 3 | import { Code } from "@nextui-org/code";
 4 | import { button as buttonStyles } from "@nextui-org/theme";
 5 | 
 6 | import { siteConfig } from "@/config/site";
 7 | import { title, subtitle } from "@/components/primitives";
 8 | import { GithubIcon } from "@/components/icons";
 9 | import { WebsiteCard } from "@/components/website-card";
10 | const websites = [
11 |   {
12 |     title: "NextUI",
13 |     description: "Beautiful, fast and modern React UI library.",
14 |     href: "https://nextui.org",
15 |   },
16 |   {
17 |     title: "NextAuth.js",
18 |     description: "Fast, extensible and flexible authentication for Next.js.",
19 |     href: "https://next-auth.js.org",
20 |   },
21 |   {
22 |     title: "Tailwind CSS",
23 |   }
24 | ]
25 | export default function Home() {
26 | 
27 |   return (
28 |     <section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
29 |       <div className="inline-block max-w-lg text-center justify-center">
30 |         <h1 className={title()}>Make&nbsp;</h1>
31 |         <h1 className={title({ color: "violet" })}>beautiful&nbsp;</h1>
32 |         <br />
33 |         <h1 className={title()}>
34 |           websites regardless of your design experience.
35 |         </h1>
36 |         <h2 className={subtitle({ class: "mt-4" })}>
37 |           Beautiful, fast and modern React UI library.
38 |         </h2>
39 |       </div>
40 | 
41 | 
42 | 
43 |       <div className="mt-8">
44 |         <Snippet hideCopyButton hideSymbol variant="bordered">
45 |           <span>
46 |             Get started by editing <Code color="primary">app/page.tsx</Code>
47 |           </span>
48 |         </Snippet>
49 |       </div>
50 |     </section>
51 |   );
52 | }
53 | 


--------------------------------------------------------------------------------
/app/providers.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import * as React from "react";
 4 | import { NextUIProvider } from "@nextui-org/system";
 5 | import { useRouter } from "next/navigation";
 6 | import { ThemeProvider as NextThemesProvider } from "next-themes";
 7 | import { ThemeProviderProps } from "next-themes/dist/types";
 8 | 
 9 | export interface ProvidersProps {
10 |   children: React.ReactNode;
11 |   themeProps?: ThemeProviderProps;
12 | }
13 | 
14 | export function Providers({ children, themeProps }: ProvidersProps) {
15 |   const router = useRouter();
16 | 
17 |   return (
18 |     <NextUIProvider navigate={router.push}>
19 |       <NextThemesProvider {...themeProps}>{children}</NextThemesProvider>
20 |     </NextUIProvider>
21 |   );
22 | }
23 | 


--------------------------------------------------------------------------------
/app/search/layout.tsx:
--------------------------------------------------------------------------------
 1 | import { EditSidenav } from "@/components/edit-sidenav";
 2 | import { Suspense } from "react";
 3 | 
 4 | export default function EditToolsLayout({
 5 |   children,
 6 | }: {
 7 |   children: React.ReactNode;
 8 | }) {
 9 |   return (
10 |     <section className="flex flex-col items-center justify-center gap-4">
11 |         <main className="flex flex-col items-center w-full">
12 |           <div className="inline-block max-w-screen-xl w-full">
13 |               {children}
14 |           </div>
15 |         </main>
16 |       </section>
17 |   );
18 | }
19 | 


--------------------------------------------------------------------------------
/app/search/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from "@nextui-org/react";
2 | 
3 | export default function Loading() {
4 |     // You can add any UI inside Loading, including a Skeleton.
5 |     return <div className="h-full w-full items-center flex justify-center"><Spinner /></div>
6 |   }


--------------------------------------------------------------------------------
/app/search/page.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | 
  4 | import { Input, Chip, Listbox, ListboxItem, ScrollShadow } from "@nextui-org/react";
  5 | import { useEffect, useMemo, useState } from "react";
  6 | import { AiOutlineArrowRight, AiOutlineDelete } from "react-icons/ai";
  7 | import { ToolsItem } from "@/app/settings/page";
  8 | import { invoke } from "@tauri-apps/api/core";
  9 | import { SlMagnifier } from "react-icons/sl";
 10 | import { motion } from "framer-motion";
 11 | 
 12 | export default function EditToolsPage() {
 13 |   const [searchKeywords, setSearchKeywords] = useState<string>("");
 14 |   const [searchResults, setSearchResults] = useState<ToolsItem[]>([]);
 15 |   function testSearch(inputValue: string) {
 16 |     setSearchKeywords(inputValue)
 17 |     invoke("search_tools", { keywords: inputValue }).then(result => {
 18 |       if (result && result instanceof Array) {
 19 | 
 20 |         let resultItemList = result.map((item: string) => {
 21 |           console.log(JSON.parse(item) as ToolsItem)
 22 |           return JSON.parse(item) as ToolsItem
 23 |         })
 24 |         setSearchResults(resultItemList)
 25 |       }
 26 |     }).catch(e => {
 27 |       console.log(e)
 28 |     })
 29 |   }
 30 | 
 31 |   function appendHistory(words: string) {
 32 |     if (histories.includes(words)) {
 33 |       let index = histories.indexOf(words)
 34 |       histories.splice(index, 1)
 35 |     }
 36 |     histories.unshift(words)
 37 |     localStorage.setItem("search-history", JSON.stringify(histories))
 38 |   }
 39 | 
 40 |   function clearHistory() {
 41 |     localStorage.setItem("search-history", JSON.stringify([]))
 42 |     setHistories([])
 43 |   }
 44 |   const [histories, setHistories] = useState<string[]>([])
 45 | 
 46 |   useEffect(() => {
 47 |     const data = localStorage.getItem("search-history");
 48 |     if (data) {
 49 |       setHistories(JSON.parse(data))
 50 |     }
 51 |   }, []);
 52 | 
 53 |   const bottomContent = useMemo(() => {
 54 |     return (<div className="pb-4 px-2 flex flex-col gap-2 w-full">
 55 |       <div className="flex flex-row justify-between gap-4">
 56 |         <p className="text-sm font-bold text-foreground-500 ml-2">历史搜索</p>
 57 |         <div className="flex gap-2 hover:bg-default-200 text-foreground-500 hover:text-foreground-700 
 58 |         rounded-full px-3 py-1 ease-in-out duration-300"
 59 |           onClick={clearHistory}
 60 |         ><AiOutlineDelete /><span className="text-xs">清空</span></div>
 61 |       </div>
 62 |       <ScrollShadow hideScrollBar orientation="horizontal">
 63 |         <div className="flex flex-row py-1">
 64 |           {histories.map(item =>
 65 |             (<Chip variant="flat" color="warning" key={item} className="mx-1 my-1" onClick={() => { testSearch(item) }}>{item}</Chip>)
 66 |           )}
 67 | 
 68 |         </div>
 69 |       </ScrollShadow>
 70 | 
 71 |     </div>)
 72 |   }, [histories])
 73 | 
 74 |   const emptyContent = useMemo(() => {
 75 |     return <div className="flex flex-col justify-center items-center mb-8 truncate">
 76 |       <p className="text-foreground truncate">没有搜索到和'{searchKeywords}'相关的结果</p>
 77 |       <p className="text-foreground-500 text-sm">请尝试在搜索框中输入更多的关键词</p>
 78 |     </div>
 79 |   }, [searchKeywords])
 80 | 
 81 |   const topContent = useMemo(() => {
 82 |     return (
 83 |       <motion.div layoutId="undoanim">
 84 |         <Input placeholder="请输入关键词" isClearable size="lg" fullWidth startContent={<SlMagnifier />} value={searchKeywords}
 85 |           onValueChange={testSearch} classNames={{
 86 |             inputWrapper: "shadow-none bg-default-200 rounded-b-none rounded-t-xl"
 87 |           }} />
 88 |       </motion.div>)
 89 |   }, [searchKeywords, testSearch])
 90 |   return (
 91 |     <motion.div layout >
 92 |       <div className="flex flex-col gap-2">
 93 | 
 94 |         <Listbox label="工具列表" emptyContent={searchKeywords.length > 0 ? emptyContent : (<div></div>)} variant="flat" className="rounded-xl bg-default-100 border-default-200 border-small"
 95 |           classNames={{
 96 |             list: "max-h-[calc(100vh-200px)] overflow-x-hidden overflow-y-auto px-2 py-1",
 97 |             base: "p-0"
 98 |           }}
 99 |           topContent={topContent}
100 |           bottomContent={searchKeywords.length > 0 ? (<></>) : bottomContent}
101 |           items={searchResults} >
102 |           {
103 |             (item: ToolsItem) => {
104 |               return (
105 |                 <ListboxItem endContent={<AiOutlineArrowRight className="text-default-400" />} textValue={item.title} className="px-3 py-2"
106 |                   key={item.tool_id ?? 0} href={`/details?toolId=${item.tool_id}`} onPress={() => { appendHistory(searchKeywords) }}>
107 |                   <div className="flex gap-2 items-center">
108 |                     <div className="flex flex-col text-left w-full truncate">
109 |                       <span className="text-lg text-default-800 font-thin truncate">{item.title}</span>
110 |                       <span className="text-tiny text-default-400 truncate">{item.description}</span>
111 |                     </div>
112 |                   </div>
113 |                 </ListboxItem>
114 |               )
115 |             }
116 |           }
117 |         </Listbox>
118 | 
119 | 
120 | 
121 |       </div>
122 |     </motion.div>
123 |   )
124 | }
125 | 


--------------------------------------------------------------------------------
/app/settings/about/layout.tsx:
--------------------------------------------------------------------------------
 1 | export default function AboutLayout({
 2 |   children,
 3 | }: {
 4 |   children: React.ReactNode;
 5 | }) {
 6 |   return (
 7 |     <section className="flex flex-col items-center justify-center gap-4 py-0">
 8 |       <div className="inline-block max-w-screen-sm w-full text-center justify-center">
 9 |         {children}
10 |       </div>
11 |     </section>
12 |   );
13 | }
14 | 


--------------------------------------------------------------------------------
/app/settings/about/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { Button, Avatar, Code } from "@nextui-org/react";
 3 | import { AiFillBilibili, AiFillGithub } from "react-icons/ai";
 4 | import { open as openLink } from "@tauri-apps/plugin-shell";
 5 | 
 6 | interface ToolsSource {
 7 |   id: number | undefined;
 8 |   source_id: string | undefined;
 9 |   name: string | undefined;
10 |   url: string | undefined;
11 |   version: number | undefined;
12 |   last_sync: string | undefined;
13 | }
14 | 
15 | interface ToolsItem {
16 |   id: number | undefined;
17 |   title: string | undefined;
18 |   description: string | undefined;
19 |   target_url: string | undefined;
20 |   categorys: [string] | undefined;
21 |   preview_image_url: [string] | undefined;
22 |   content: string | undefined;
23 |   tool_type: string | undefined;
24 | }
25 | export default function AboutPage() {
26 | 
27 |   return (<div className="flex flex-col gap-4 justify-center items-center">
28 |     <div className="gap-2">
29 |       <Avatar isBordered className="w-20 h-20 text-large mb-2" src={"/logo@0.5x.png"} />
30 |       <p className="text-foreground-500">myTools</p>
31 | 
32 |       <p className="text-foreground-500 text-sm">v 0.0.2 alpha</p>
33 |     </div>
34 | 
35 |     <p className="text-foreground-500">
36 |       一个可配置的工具箱，旨在帮助用户快速找到<Code color="success" className="mx-1" size="sm">免费</Code>的工具。<br/>
37 |       欢迎大家分享工具，一起打造一个好用的工具箱。<br/>
38 |       使用过程中遇到问题，可以在仓库中提交
39 |       <Code onClick={() => { openLink("https://github.com/feint123/myTools/issues") }} className="mx-1 cursor-pointer" size="sm">Issues</Code>。
40 |     </p>
41 | 
42 |     <div className="flex flex-row gap-2 justify-center">
43 |       <Button startContent={<AiFillGithub className="text-lg" />} radius="full" size="sm"  
44 |         className="bg-black dark:bg-gray-100  text-default-100" 
45 |         onClick={() => { openLink("https://github.com/feint123/myTools") }}>仓库地址</Button>
46 |       <Button startContent={<AiFillBilibili className="text-lg" />} color="danger" size="sm" radius="full"
47 |         onClick={() => { openLink("https://space.bilibili.com/14270614") }}>求关注</Button>
48 |     </div>
49 | 
50 |   </div>)
51 | }
52 | 


--------------------------------------------------------------------------------
/app/settings/appearence/layout.tsx:
--------------------------------------------------------------------------------
 1 | export default function AppearenceLayout({
 2 |   children,
 3 | }: {
 4 |   children: React.ReactNode;
 5 | }) {
 6 |   return (
 7 |     <section className="flex flex-col items-center justify-center gap-4 py-0">
 8 |       <div className="inline-block max-w-screen-sm w-full text-center justify-center">
 9 |         {children}
10 |       </div>
11 |     </section>
12 |   );
13 | }
14 | 


--------------------------------------------------------------------------------
/app/settings/appearence/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { title } from "@/components/primitives";
 3 | import { Button, useTabs, Selection, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Input, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Snippet, Tab, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, useDisclosure, Chip, Spinner, SortDescriptor } from "@nextui-org/react";
 4 | import { SlOptionsVertical, SlRefresh } from "react-icons/sl";
 5 | import { AiOutlineCopy, AiOutlineDelete, AiOutlineEye, AiOutlinePlus, AiOutlinePushpin, AiOutlineTool, AiTwotoneDelete } from "react-icons/ai";
 6 | import { CiCircleList, CiFileOn } from "react-icons/ci";
 7 | import { open } from "@tauri-apps/plugin-dialog";
 8 | import { useState, useEffect, Key, useMemo } from "react";
 9 | import { invoke } from "@tauri-apps/api/core";
10 | import { StringToBoolean } from "tailwind-variants";
11 | import moment from "moment";
12 | import { AsyncListData, AsyncListLoadOptions, useAsyncList } from "@react-stately/data";
13 | import { ThemeSwitch } from "@/components/theme-switch";
14 | 
15 | interface ToolsSource {
16 |   id: number | undefined;
17 |   source_id: string | undefined;
18 |   name: string | undefined;
19 |   url: string | undefined;
20 |   version: number | undefined;
21 |   last_sync: string | undefined;
22 | }
23 | 
24 | interface ToolsItem {
25 |   id: number | undefined;
26 |   title: string | undefined;
27 |   description: string | undefined;
28 |   target_url: string | undefined;
29 |   categorys: [string] | undefined;
30 | }
31 | export default function AppearencePage() {
32 | 
33 |   return (<div><ThemeSwitch/></div>)
34 | }
35 | 


--------------------------------------------------------------------------------
/app/settings/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | export default function SettingLayout({
 3 |   children,
 4 | }: {
 5 |   children: React.ReactNode;
 6 | }) {
 7 |   return (
 8 |     <section className="flex flex-col items-center justify-center gap-4 py-0">
 9 |       <div className="inline-block w-full text-center justify-center">
10 |         {children}
11 |       </div>
12 |     </section>
13 |   );
14 | }
15 | 


--------------------------------------------------------------------------------
/app/settings/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from "@nextui-org/react";
2 | 
3 | export default function Loading() {
4 |     // You can add any UI inside Loading, including a Skeleton.
5 |     return <Spinner />
6 |   }


--------------------------------------------------------------------------------
/app/settings/page.tsx:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | import { Button, Selection, Dropdown, DropdownItem, DropdownMenu, DropdownTrigger, Input, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, Snippet, Tab, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, useDisclosure, Chip, Spinner, ScrollShadow, Progress } from "@nextui-org/react";
  3 | import { SlOptionsVertical, SlRefresh } from "react-icons/sl";
  4 | import { AiOutlineCopy, AiOutlineDelete, AiOutlinePlus } from "react-icons/ai";
  5 | import { CiCircleList, CiFileOn } from "react-icons/ci";
  6 | import { message, open } from "@tauri-apps/plugin-dialog";
  7 | import { useState, useEffect, useMemo, Dispatch, SetStateAction, useCallback } from "react";
  8 | import { invoke } from "@tauri-apps/api/core";
  9 | import moment from "moment";
 10 | import { AsyncListData, AsyncListLoadOptions, useAsyncList } from "@react-stately/data";
 11 | import { download } from "@tauri-apps/plugin-upload";
 12 | import { appDataDir } from "@tauri-apps/api/path";
 13 | import { emit } from "@tauri-apps/api/event";
 14 | import { UserEvents } from "@/config/userevent";
 15 | import { VscAdd, VscRefresh, VscRemove } from "react-icons/vsc";
 16 | 
 17 | export interface ToolsSource {
 18 |   id: number | undefined;
 19 |   source_id: string | undefined;
 20 |   name: string | undefined;
 21 |   url: string | undefined;
 22 |   version: number | undefined;
 23 |   last_sync: string | undefined;
 24 | }
 25 | 
 26 | export interface ToolsItem {
 27 |   id: number | undefined;
 28 |   tool_id?: number | undefined;
 29 |   title: string | undefined;
 30 |   description: string | undefined;
 31 |   target_url: string | undefined;
 32 |   categorys: string[] | undefined;
 33 |   content: string | undefined;
 34 |   cover_image_url: string | undefined;
 35 |   preview_image_url: string[] | undefined;
 36 |   tool_type: string | undefined;
 37 |   author: string | undefined;
 38 |   tools_source_id: string | undefined;
 39 | }
 40 | export default function SettingsPage() {
 41 | 
 42 |   const [sourceList, setSourceList] = useState<Array<ToolsSource>>(new Array())
 43 |   const { isOpen, onOpen, onOpenChange } = useDisclosure();
 44 |   const { isOpen: isToolsOpen, onOpen: onToolsOpen, onOpenChange: onToolsOpenChange } = useDisclosure();
 45 |   const [currentSourceId, setCurrentSourceId] = useState<String | undefined>(undefined);
 46 | 
 47 |   useEffect(() => {
 48 |     // Perform your side effect here.
 49 |     // For example, fetch data from an API:
 50 |     fetchSource(setSourceList)
 51 |     // Clean up the side effect if necessary:
 52 |     return () => {
 53 |       // Code here will run on component unmount.
 54 |     };
 55 |   }, []);
 56 | 
 57 | 
 58 |   function fetchSource(setData: Dispatch<SetStateAction<ToolsSource[]>>) {
 59 |     invoke("get_all_source", {})
 60 |       .then((result) => {
 61 |         console.log(result)
 62 |         if (result instanceof Array) {
 63 |           setData(result)
 64 |         }
 65 |       })
 66 |       .catch((e) => {
 67 |         console.log(e)
 68 |       })
 69 |   }
 70 | 
 71 | 
 72 |   function ToolsListModal() {
 73 | 
 74 |     const [isToolsLoading, setIsToolsLoading] = useState(true);
 75 |     let toolsList: AsyncListData<ToolsItem> = useAsyncList({
 76 |       async load(state: AsyncListLoadOptions<ToolsItem, string>) {
 77 | 
 78 |         if (isToolsOpen) {
 79 |           console.log("source id", currentSourceId)
 80 |           let result: ToolsItem[] = await invoke("get_source_item", { id: currentSourceId })
 81 |           setIsToolsLoading(false)
 82 |           return {
 83 |             items: result
 84 |           }
 85 |         } else {
 86 |           return {
 87 |             items: []
 88 |           }
 89 |         }
 90 |       },
 91 | 
 92 |       async sort(state: AsyncListLoadOptions<ToolsItem, string>) {
 93 |         return {
 94 |           items: state.items.sort((a: ToolsItem, b: ToolsItem) => {
 95 |             let first = a["title"];
 96 |             let second = b["title"];
 97 |             let cmp = first ?? "" < (second ?? "") ? -1 : 1;
 98 | 
 99 |             if (state.sortDescriptor.direction === "descending") {
100 |               cmp *= -1;
101 |             }
102 | 
103 |             return cmp;
104 |           }),
105 |         };
106 |       }
107 |     })
108 | 
109 | 
110 | 
111 |     return (
112 |       <>
113 |         <Modal isOpen={isToolsOpen} onOpenChange={onToolsOpenChange} size="2xl" backdrop="blur">
114 |           <ModalContent>
115 |             {(onClose) => (
116 |               <>
117 |                 <ModalHeader className="flex flex-col gap-1">工具列表</ModalHeader>
118 |                 <ModalBody>
119 |                   <ScrollShadow hideScrollBar orientation="vertical" className="h-[360px]">
120 |                     <Table shadow="none" isHeaderSticky isStriped aria-label="tools source table" className="text-left"
121 |                       onSortChange={toolsList.sort} sortDescriptor={toolsList.sortDescriptor}>
122 |                       <TableHeader>
123 |                         <TableColumn allowsSorting>标题</TableColumn>
124 |                         <TableColumn >简介</TableColumn>
125 |                         <TableColumn>分类</TableColumn>
126 | 
127 |                       </TableHeader>
128 |                       <TableBody emptyContent={"工具不存在"} items={toolsList.items}
129 |                         isLoading={isToolsLoading}
130 |                         loadingContent={<Spinner label="Loading..." />}>
131 |                         {
132 |                           (item: ToolsItem) => {
133 |                             return (<TableRow key={item.target_url}>
134 |                               <TableCell>{item.title}</TableCell>
135 |                               <TableCell>
136 |                                 <div className="flex flex-col">
137 |                                   <p className="truncate">{item.description}</p>
138 |                                   <p className="text-xs text-foreground-500">{item.target_url}</p>
139 |                                 </div></TableCell>
140 |                               <TableCell>
141 | 
142 |                                 <div className="flex flex-row gap-1">
143 |                                   {item.categorys?.map(cate => <Chip key={cate} size="sm" variant="flat" color="primary">{cate}</Chip>)}
144 |                                 </div>
145 |                               </TableCell>
146 |                             </TableRow>)
147 |                           }
148 |                         }
149 | 
150 |                       </TableBody>
151 |                     </Table>
152 |                   </ScrollShadow>
153 |                 </ModalBody>
154 |                 <ModalFooter>
155 |                   {/* <Button color="danger" variant="flat" size="sm" onPress={onClose}>
156 |                     关闭
157 |                   </Button> */}
158 |                 </ModalFooter>
159 |               </>
160 |             )}
161 |           </ModalContent>
162 |         </Modal>
163 |       </>
164 |     )
165 |   }
166 | 
167 |   function AddSourceModal() {
168 |     const [selectType, setSelectType] = useState<string | number | null | undefined>("1")
169 |     const [filePath, setFilePath] = useState("");
170 |     const [sourceUrl, setSourceUrl] = useState("");
171 |     const [isLoading, setIsLoading] = useState(false);
172 |     async function chooseSourceFile() {
173 |       await open({
174 |         directory: false,
175 |         multiple: false,
176 |         title: '选择工具源配置文件',
177 |         filters: [
178 |           {
179 |             name: 'JSON',
180 |             extensions: ['json'],
181 |           },
182 |         ],
183 |       }).then(async file => {
184 |         if (file) {
185 |           setFilePath(file.path);
186 |         }
187 |       });
188 |     }
189 |     /**
190 |      * 加载在线源
191 |      * @param onClose 
192 |      * @param path 
193 |      */
194 |     async function downloadSource(onClose: () => void, url: string) {
195 |       let appDataDirPath = await appDataDir()
196 |       startLoading()
197 |       let tempPath = appDataDirPath + "/temp.json"
198 |       // 下载临时文件到appdata，（或者文件名使用url的md5值）
199 |       download(url, tempPath, () => {
200 |       }).then(() => {
201 |         appendSource(onClose, 0, tempPath, url)
202 |       }).catch(async (e) => {
203 |         await message(`下载工具源失败【${e}】`, { title: '工具源导入', kind: 'error' });
204 |         finishLoading()
205 |       })
206 |     }
207 |     /**
208 |      * 加载本地源
209 |      * @param onClose 
210 |      * @param path 
211 |      */
212 |     function localSource(onClose: () => void, path: string) {
213 |       startLoading()
214 |       appendSource(onClose, 1, path, "")
215 |     }
216 | 
217 |     function startLoading() {
218 |       setIsLoading(true)
219 |       emit(UserEvents.CHANGE_LOADING, { isLoading: true, tips: "正在导入工具源" })
220 |     }
221 | 
222 |     function finishLoading() {
223 |       setIsLoading(false)
224 |       emit(UserEvents.CHANGE_LOADING, { isLoading: false, tips: "正在导入工具源" })
225 |     }
226 | 
227 |     function appendSource(onClose: () => void, sourceType: number, path: string, url: string) {
228 | 
229 |       invoke("append_source", { "sourceType": sourceType, "path": path, "url": url })
230 |         .then(async () => {
231 |           fetchSource(setSourceList)
232 |           await message(`导入工具源成功`, { title: '工具源导入', kind: 'info' });
233 |         })
234 |         .catch(async (e) => {
235 |           await message(`导入工具源失败【${e}】`, { title: '工具源导入', kind: 'error' });
236 |         })
237 |         .finally(() => {
238 |           finishLoading()
239 |           onClose()
240 |         });
241 |     }
242 |     return (
243 |       <Modal isOpen={isOpen} backdrop="blur" onOpenChange={onOpenChange}>
244 |         <ModalContent>
245 |           {(onClose) => (
246 |             <>
247 |               <ModalHeader className="flex flex-col gap-1">添加工具源</ModalHeader>
248 |               <ModalBody>
249 |                 <Tabs selectedKey={selectType} onSelectionChange={setSelectType}>
250 |                   <Tab key="0" title="网络">
251 |                     <div className="flex flex-col gap-4">
252 |                       <Input startContent={
253 |                         <div className="pointer-events-none flex items-center">
254 |                           <span className="text-default-400 text-small">https://</span>
255 |                         </div>
256 |                       } type="url" label="源地址" placeholder="请输入你想添加的源"
257 |                         value={sourceUrl} onValueChange={setSourceUrl} description="注意：下载过程中，请勿关闭设置窗口哦" />
258 |                     </div>
259 |                   </Tab>
260 |                   <Tab key="1" title="本地">
261 |                     <div className="flex flex-col gap-4">
262 |                       {(filePath && filePath.length > 0) ?
263 |                         <Snippet classNames={{ pre: "break-words line-clamp-1" }}>{filePath}</Snippet>
264 |                         :
265 |                         <></>
266 |                       }
267 |                       <Button variant="faded" startContent={<CiFileOn />} onClick={chooseSourceFile}>请选择文件</Button>
268 |                     </div>
269 | 
270 |                   </Tab>
271 |                 </Tabs>
272 |               </ModalBody>
273 |               <ModalFooter>
274 |                 {selectType as string === "0" ? (
275 |                   <Button isLoading={isLoading} color="primary" variant="faded" size="sm" onClick={() => { downloadSource(onClose, sourceUrl) }}
276 |                     isDisabled={!(sourceUrl && sourceUrl.length > 0)}>
277 |                     添加
278 |                   </Button>
279 |                 ) : (
280 |                   <Button isLoading={isLoading} color="primary" variant="faded" size="sm" onClick={() => { localSource(onClose, filePath) }}
281 |                     isDisabled={!(filePath && filePath.length > 0)}>
282 |                     添加
283 |                   </Button>
284 |                 )
285 |                 }
286 | 
287 |               </ModalFooter>
288 |             </>
289 |           )}
290 |         </ModalContent>
291 |       </Modal>
292 |     )
293 |   }
294 | 
295 | 
296 |   function ToolSourcesSettings() {
297 |     const [selectedSource, setSelectedSource] = useState<Selection>(new Set([]))
298 |     const deleteSources = useCallback(() => {
299 |       let selectId: string[] = []
300 |       if (selectedSource == 'all') {
301 |         selectId = sourceList.map(item => item.source_id as string)
302 |       } else {
303 |         selectId = Array.from(selectedSource).map(item => item.toString())
304 |       }
305 |       deleteSourcesById(selectId)
306 |     }, [selectedSource, sourceList])
307 |     const [selectId, setSelectId] = useState<string[]>([])
308 |     const updateSource = useCallback(async () => {
309 |       let selectId: string[] = []
310 |       if (selectedSource == 'all') {
311 |         selectId = sourceList.map(item => item.source_id as string)
312 |       } else {
313 |         selectId = Array.from(selectedSource).map(item => item.toString())
314 |       }
315 |       for (let i = 0; i < selectId.length; i++) {
316 |         await updateSourceById(selectId[i], sourceList.filter(item => item.source_id == selectId[i])[0].name??"")
317 |       }
318 |       fetchSource(setSourceList)
319 |       await message(`更新完成`, { title: '工具源更新', kind: 'info' });
320 |     }, [selectedSource, sourceList])
321 | 
322 |     async function updateSourceById(sourceId: string, sourceName: string) {
323 |       try {
324 |         await invoke("update_source", { "sourceId": sourceId })
325 |       } catch (e) {
326 |         await message(`更新"${sourceName}"失败【${e}】`, { title: '工具源更新', kind: 'error' });
327 |       }
328 |     }
329 | 
330 |     function getSelectLength() {
331 |       if (selectedSource == 'all') {
332 |         return sourceList.length
333 |       } else {
334 |          return Array.from(selectedSource).length
335 |       }
336 |     }
337 |     function deleteSourcesById(sourceId: string[]) {
338 |       invoke("delete_source", { "sourceIds": sourceId })
339 |         .then(() => {
340 |           fetchSource(setSourceList)
341 |         })
342 |         .catch((e) => {
343 |           console.log(e)
344 |         })
345 |     }
346 | 
347 |     const topContent = useMemo(() => {
348 |       return (
349 |         <div className="flex flex-row gap-2 justify-end">
350 |           <Button isDisabled={getSelectLength() > 0 ? false:true} size="sm" variant="flat" startContent={<VscRefresh />} onClick={updateSource}>更新</Button>
351 |           <Button isDisabled={getSelectLength() > 0 ? false:true} size="sm" color="danger" variant="flat" startContent={<AiOutlineDelete />} onClick={deleteSources}>删除</Button>
352 | 
353 |           <Button color="primary" size="sm" variant="flat" startContent={<VscAdd />} onClick={onOpen}>
354 |             新增
355 |           </Button>
356 |         </div>
357 |       )
358 |     }, [deleteSources, updateSource, onOpen])
359 | 
360 |     function formatSyncTime(timestamp: string) {
361 |       return moment.unix(Number.parseInt(timestamp) / 1000).format('YYYY-MM-DD HH:mm:ss'); // "2023-09-05 12:34:56"
362 |     }
363 |     return (
364 |       <div className="w-full flex flex-col gap-4">
365 |         <AddSourceModal />
366 |         <ToolsListModal />
367 |         <ScrollShadow hideScrollBar orientation="vertical" className="h-[480px]">
368 | 
369 |           <Table shadow="none" aria-label="tools source table" className="text-left w-full"
370 |             selectedKeys={selectedSource}
371 |             onSelectionChange={setSelectedSource}
372 |             selectionMode="multiple"
373 |             topContent={topContent}
374 |           >
375 |             <TableHeader>
376 |               <TableColumn>名称</TableColumn>
377 |               <TableColumn>源地址</TableColumn>
378 |               <TableColumn>版本号</TableColumn>
379 |               <TableColumn>上次同步时间</TableColumn>
380 |               <TableColumn>操作</TableColumn>
381 |             </TableHeader>
382 |             <TableBody emptyContent={"没有任何的工具源"} items={sourceList}>
383 |               {
384 |                 (item: ToolsSource) => {
385 |                   return (<TableRow key={item.source_id}>
386 |                     <TableCell>{item.name}</TableCell>
387 |                     <TableCell>{item.url}</TableCell>
388 |                     <TableCell><Chip size="sm" radius="sm">{item.version}</Chip></TableCell>
389 |                     <TableCell>{formatSyncTime(item.last_sync ?? "")}</TableCell>
390 |                     <TableCell>  <div className="relative flex justify-end items-center gap-2">
391 |                       <Dropdown >
392 |                         <DropdownTrigger>
393 |                           <Button isIconOnly size="sm" variant="light">
394 |                             <SlOptionsVertical className="text-default-300" />
395 |                           </Button>
396 |                         </DropdownTrigger>
397 |                         <DropdownMenu disabledKeys={["update"]}>
398 |                           <DropdownItem key="delete" startContent={<AiOutlineDelete />} onClick={() => { deleteSourcesById([item.source_id ?? ""]) }}>删除</DropdownItem>
399 |                           <DropdownItem key="update" startContent={<SlRefresh />}>更新</DropdownItem>
400 |                           <DropdownItem key="toolsList" startContent={<CiCircleList />} onClick={() => { setCurrentSourceId(item.source_id); onToolsOpen() }}>工具列表</DropdownItem>
401 |                         </DropdownMenu>
402 |                       </Dropdown>
403 |                     </div></TableCell>
404 |                   </TableRow>)
405 |                 }
406 |               }
407 | 
408 |             </TableBody>
409 |           </Table>
410 |         </ScrollShadow>
411 |       </div>
412 |     )
413 |   }
414 | 
415 |   return (
416 |     <ToolSourcesSettings />
417 |   );
418 | }
419 | 


--------------------------------------------------------------------------------
/app/software/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import { ScrollWrapper } from "@/components/scroll-wrapper";
 3 | 
 4 | export default function SoftwareLayout({
 5 |   children,
 6 | }: {
 7 |   children: React.ReactNode;
 8 | }) {
 9 |   return (
10 |     <section className="flex flex-col items-center justify-center gap-4">
11 |       <ScrollWrapper>
12 |         <div className="max-w-screen-xl text-center justify-center">
13 |           {children}
14 |         </div>
15 |       </ScrollWrapper>
16 | 
17 |     </section>
18 |   );
19 | }
20 | 


--------------------------------------------------------------------------------
/app/software/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from "@nextui-org/react";
2 | 
3 | export default function Loading() {
4 |     // You can add any UI inside Loading, including a Skeleton.
5 |     return <Spinner />
6 |   }


--------------------------------------------------------------------------------
/app/software/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { WebsiteCard } from "@/components/website-card";
 4 | import {  Tab, Tabs } from "@nextui-org/react";
 5 | import { AsyncListData, AsyncListLoadOptions, useAsyncList } from "@react-stately/data";
 6 | import { AiOutlineAudio, AiOutlineCode, AiOutlineContainer, AiOutlineDash, AiOutlineFileImage, AiOutlineFileWord, AiOutlineInbox, AiOutlineOpenAI, AiOutlinePlayCircle, AiOutlineRobot, AiOutlineVideoCamera } from "react-icons/ai";
 7 | 
 8 | import { ToolsItem } from "../settings/page";
 9 | import { invoke } from "@tauri-apps/api/core";
10 | import { useSearchParams } from "next/navigation";
11 | import { motion } from "framer-motion";
12 | import { TabIcon } from "@/components/tab-icon";
13 | 
14 | 
15 | interface SoftwareItem {
16 |   category: string,
17 |   items: ToolsItem[]
18 | }
19 | export default function SoftwarePage() {
20 |   // const params = useSearchParams()
21 |   const toolType = "app"
22 |   const tools: AsyncListData<ToolsItem> = useAsyncList({
23 |     async load(state: AsyncListLoadOptions<ToolsItem, string>) {
24 |       let result: ToolsItem[] = []
25 |       try {
26 |         result = await invoke("get_source_items_by_type", { toolType: toolType })
27 |       } catch (err) {
28 |         console.log(err)
29 |       }
30 |       return {
31 |         items: result
32 |       }
33 | 
34 |     },
35 |   })
36 | 
37 | 
38 |   // 根据categorys分组
39 |   const groupedData = Object.entries(tools.items.reduce<Record<string, ToolsItem[]>>((acc, item) => {
40 |     item.categorys?.forEach(category => {
41 |       if (!acc[category]) {
42 |         acc[category] = [];
43 |       }
44 |       acc[category].push(item);
45 |     });
46 |     return acc;
47 |   }, {})).map(([category, items]) => ({ category, items }));
48 | 
49 | 
50 |   function websiteCards(items: ToolsItem[]) {
51 |     return items.map((tool) => (
52 |       <div key={tool.id} >
53 |         <WebsiteCard param={tool} />
54 |       </div>
55 |     ))
56 |   }
57 | 
58 |   //get_source_items_by_type
59 | 
60 |   return (
61 |     <motion.div layout className="pb-8">
62 |       <Tabs aria-label="Options" isVertical={true} items={groupedData} classNames={{"tab":"text-left"}}>
63 |         {
64 |         (item: SoftwareItem) =>  (
65 |            <Tab key={item.category} title={<div className="flex items-center space-x-2">
66 |               <TabIcon category={item.category}/>
67 |               <span>{item.category}</span>
68 |             </div>}>
69 |               <div className="w-full grid 2xl:grid-cols-4 xl:grid-cols-3 sm:grid-cols-1 md:grid-cols-2 gap-4">
70 |                 {websiteCards(item.items)}
71 |               </div>
72 |             </Tab>
73 |           )
74 |         }
75 |       </Tabs>
76 |     </motion.div>
77 | 
78 | 
79 | 
80 |   );
81 | }
82 | 


--------------------------------------------------------------------------------
/app/style.css:
--------------------------------------------------------------------------------
1 | 
2 | 


--------------------------------------------------------------------------------
/app/website/layout.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | import { ScrollWrapper } from "@/components/scroll-wrapper";
 3 | 
 4 | export default function SoftwareLayout({
 5 |   children,
 6 | }: {
 7 |   children: React.ReactNode;
 8 | }) {
 9 |   return (
10 |     <section className="flex flex-col items-center justify-center gap-4">
11 |       <ScrollWrapper>
12 |         <div className="max-w-screen-xl text-center justify-center">
13 |           {children}
14 |         </div>
15 |       </ScrollWrapper>
16 |     </section>
17 |   );
18 | }
19 | 


--------------------------------------------------------------------------------
/app/website/loading.tsx:
--------------------------------------------------------------------------------
1 | import { Spinner } from "@nextui-org/react";
2 | 
3 | export default function Loading() {
4 |     // You can add any UI inside Loading, including a Skeleton.
5 |     return <Spinner />
6 |   }


--------------------------------------------------------------------------------
/app/website/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { WebsiteCard } from "@/components/website-card";
 4 | import { Tab, Tabs } from "@nextui-org/react";
 5 | import { AsyncListData, AsyncListLoadOptions, useAsyncList } from "@react-stately/data";
 6 | import { AiOutlineAudio, AiOutlineCode, AiOutlineFileImage, AiOutlineFileWord, AiOutlineInbox, AiOutlineRobot, AiOutlineVideoCamera } from "react-icons/ai";
 7 | 
 8 | import { ToolsItem } from "../settings/page";
 9 | import { invoke } from "@tauri-apps/api/core";
10 | import { motion } from "framer-motion";
11 | import { TabIcon } from "@/components/tab-icon";
12 | 
13 | 
14 | interface SoftwareItem {
15 |   category: string,
16 |   items: ToolsItem[]
17 | }
18 | export default function SoftwarePage() {
19 |   // const params = useSearchParams()
20 |   const toolType = "web"
21 |   const tools: AsyncListData<ToolsItem> = useAsyncList({
22 |     async load(state: AsyncListLoadOptions<ToolsItem, string>) {
23 |       let result: ToolsItem[] = []
24 |       try {
25 |         result = await invoke("get_source_items_by_type", { toolType: toolType })
26 |       } catch (err) {
27 |         console.log(err)
28 |       }
29 |       return {
30 |         items: result
31 |       }
32 | 
33 |     },
34 |   })
35 | 
36 | 
37 |   // 根据categorys分组
38 |   const groupedData = Object.entries(tools.items.reduce<Record<string, ToolsItem[]>>((acc, item) => {
39 |     item.categorys?.forEach(category => {
40 |       if (!acc[category]) {
41 |         acc[category] = [];
42 |       }
43 |       acc[category].push(item);
44 |     });
45 |     return acc;
46 |   }, {})).map(([category, items]) => ({ category, items }));
47 | 
48 | 
49 |   function websiteCards(items: ToolsItem[]) {
50 |     return items.map((tool) => (
51 |       <div
52 |         key={tool.id} >
53 |         <WebsiteCard param={tool} />
54 |       </div>
55 |     ))
56 |   }
57 | 
58 | 
59 |   //get_source_items_by_type
60 | 
61 |   return (
62 |     <motion.div layout className="pb-8">
63 |       <Tabs aria-label="Options" isVertical={true} items={groupedData} classNames={{ "tab": "text-left" }}>
64 |         {
65 |           (item: SoftwareItem) => (
66 |             <Tab key={item.category} title={<div className="flex items-center space-x-2">
67 |               <TabIcon category={item.category} />
68 |               <span>{item.category}</span>
69 |             </div>}>
70 |               <div className="w-full grid 2xl:grid-cols-4 xl:grid-cols-3 sm:grid-cols-1 md:grid-cols-2 gap-4">
71 |                 {websiteCards(item.items)}
72 |               </div>
73 |             </Tab>
74 |           )
75 |         }
76 |       </Tabs>
77 |     </motion.div>
78 |   );
79 | }
80 | 


--------------------------------------------------------------------------------
/components/edit-sidenav.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import React, { useEffect, useMemo, useState } from "react";
  4 | import { Button, Link, Listbox, ListboxItem, Avatar, Modal, ModalContent, ModalHeader, ModalBody, Table, TableHeader, TableColumn, TableBody, Spinner, TableRow, TableCell, ModalFooter, useDisclosure, ScrollShadow, Chip, Select, SelectItem } from "@nextui-org/react";
  5 | import { AsyncListData, AsyncListLoadOptions, useAsyncList } from "@react-stately/data";
  6 | import { ToolsItem, ToolsSource } from "@/app/settings/page";
  7 | import { invoke } from "@tauri-apps/api/core";
  8 | import { AiOutlineExport, AiOutlineInfoCircle, AiOutlinePlus } from "react-icons/ai";
  9 | import { useRouter, useSearchParams } from "next/navigation";
 10 | import { SelectType } from "@/app/edittools/edit/page";
 11 | import { message, open } from "@tauri-apps/plugin-dialog";
 12 | import { Menu, MenuItem } from "@tauri-apps/api/menu";
 13 | import { ask } from "@tauri-apps/plugin-dialog";
 14 | 
 15 | 
 16 | 
 17 | export const EditSidenav = () => {
 18 | 
 19 |   const router = useRouter()
 20 |   async function createMenu(e: React.MouseEvent<HTMLElement, MouseEvent>, toolId: number) {
 21 |     e.preventDefault()
 22 | 
 23 |     let deleteItem = await MenuItem.new({
 24 |       text: "删除",
 25 |       accelerator: "CmdOrCtrl+Shift+D",
 26 |       action: () => {
 27 |         ask("是否删除该工具", { title: "删除", kind: "warning", okLabel: "确定", cancelLabel: "取消" })
 28 |           .then((ok) => {
 29 |             if (ok) {
 30 |               invoke("delete_source_item_by_id", { itemId: toolId })
 31 |                 .then(async () => {
 32 |                   await message("删除成功", { title: "删除", kind: "info" });
 33 |                   invoke("get_source_item", { id: "" }).then(items=>{
 34 |                     console.log("after delete ",items)
 35 |                     if (items instanceof Array && items.length > 0) {
 36 |                       router.replace(`/edittools?toolId=${items[0].id}&timestamp=${new Date().getTime()}`)
 37 |                     } else {
 38 |                       router.replace(`/edittools/edit`)
 39 |                     }
 40 |                   })
 41 |                 })
 42 |                 .catch(err => {
 43 |                   message(`删除工具失败【${err}】`, { title: "删除", kind: "error" });
 44 |                 })
 45 |             }
 46 | 
 47 |           })
 48 |       }
 49 |     })
 50 |     let editItem = await MenuItem.new({
 51 |       text: "编辑",
 52 |       accelerator: "CmdOrCtrl+Shift+E",
 53 |       action: () => {
 54 |         console.log(toolId)
 55 |         router.replace(`/edittools/edit?toolId=${toolId}`)
 56 |       }
 57 |     })
 58 |     let menu = await Menu.new({
 59 |       items: [editItem, deleteItem]
 60 |     });
 61 |     menu.popup()
 62 |   }
 63 | 
 64 |   const [tools, setTools] = useState<ToolsItem[]>([])
 65 |   const [sources, setSources] = useState<ToolsSource[]>([])
 66 | 
 67 | 
 68 |   const [sourceNameMap,setSourceNameMap] = useState(new Map<string, string>())
 69 | 
 70 | 
 71 |   const { isOpen: isToolsOpen, onOpen: onToolsOpen, onOpenChange: onToolsOpenChange } = useDisclosure();
 72 |   function ToolsListModal() {
 73 |     const [selectedSource, setSelectedSource] = useState<SelectType>()
 74 | 
 75 |     const [isToolsLoading, setIsToolsLoading] = useState(true);
 76 |     let toolsList: AsyncListData<ToolsItem> = useAsyncList({
 77 |       async load(state: AsyncListLoadOptions<ToolsItem, string>) {
 78 | 
 79 |         if (isToolsOpen) {
 80 |           let result: ToolsItem[] = await invoke("get_source_item", { id: "" })
 81 |           setIsToolsLoading(false)
 82 |           return {
 83 |             items: result
 84 |           }
 85 |         } else {
 86 |           return {
 87 |             items: []
 88 |           }
 89 |         }
 90 |       }
 91 |     })
 92 | 
 93 |     function exportData() {
 94 | 
 95 |       open({
 96 |         directory: true,
 97 |         multiple: false,
 98 |         title: '选择导出目录',
 99 |         filters: [
100 |         ],
101 |       }).then(path => {
102 |         if (path) {
103 |           let selectId: number[] = []
104 |           if (selectedSource == 'all') {
105 |             selectId = toolsList.items.map(item => item.id ?? 0)
106 |           } else {
107 |             selectId = Array.from(selectedSource as Iterable<string>).map(item => Number.parseInt(item))
108 |           }
109 |           invoke("export_source", { toolsList: selectId, outPath: path })
110 |             .then(async () => {
111 |               await message(`导出成功, 文件路径【${path}/tools-export.json】`, { title: '工具源导出', kind: 'info' });
112 |             })
113 |             .catch(async err => {
114 |               await message(`导出工具源失败【${err}】`, { title: '工具源导出', kind: 'error' });
115 |             })
116 |         }
117 |       });
118 | 
119 |       // invoke("export_source", {toolsList:[], out_path:""})
120 |     }
121 | 
122 | 
123 |     return (
124 |       <>
125 |         <Modal isOpen={isToolsOpen} onOpenChange={onToolsOpenChange} size="2xl" backdrop="blur">
126 |           <ModalContent>
127 |             {(onClose) => (
128 |               <>
129 |                 <ModalHeader className="flex flex-col gap-1">导出</ModalHeader>
130 |                 <ModalBody>
131 |                   <ScrollShadow hideScrollBar orientation="vertical" className="h-[calc(100vh-280px)]">
132 |                     <Table shadow="none" isHeaderSticky isStriped aria-label="tools source table" selectionMode="multiple"
133 |                       selectedKeys={selectedSource}
134 |                       onSelectionChange={setSelectedSource} className="text-left"
135 |                     >
136 |                       <TableHeader>
137 |                         <TableColumn allowsSorting>标题</TableColumn>
138 |                         <TableColumn>简介</TableColumn>
139 |                       </TableHeader>
140 |                       <TableBody emptyContent={"你还有添加任何工具哟"} items={toolsList.items}
141 |                         isLoading={isToolsLoading}
142 |                         loadingContent={<Spinner label="Loading..." />}>
143 |                         {
144 |                           (item: ToolsItem) => {
145 |                             return (<TableRow key={item.id}>
146 |                               <TableCell>
147 |                                 <div className="flex flex-row gap-2">
148 |                                   <span>{item.title}</span>
149 |                                   <Chip startContent={<AiOutlineInfoCircle />} color="primary" variant="flat" className="text-[0.5rem] h-4 mt-[2px]" size="sm">{sourceNameMap.get(item.tools_source_id??"")}</Chip>
150 |                                 </div>
151 |                               </TableCell>
152 |                               <TableCell>
153 |                                 <div className="flex flex-col">
154 |                                   <p className="truncate">{item.description}</p>
155 |                                   <p className="text-xs text-foreground-500">{item.target_url}</p>
156 |                                 </div></TableCell>
157 |                             </TableRow>)
158 |                           }
159 |                         }
160 | 
161 |                       </TableBody>
162 |                     </Table>
163 |                   </ScrollShadow>
164 |                 </ModalBody>
165 |                 <ModalFooter>
166 |                   <Button startContent={<AiOutlineExport />} color="default" size="sm" variant="flat" onClick={exportData}>导出</Button>
167 |                 </ModalFooter>
168 |               </>
169 |             )}
170 |           </ModalContent>
171 |         </Modal>
172 |       </>
173 |     )
174 |   }
175 |   const topContent = useMemo(() => {
176 |     return (
177 |       <div className="flex flex-row gap-2 justify-start p-2 border-b border-default-200">
178 |         <Button startContent={<AiOutlinePlus />} color="default" size="sm" variant="flat" as={Link} href="/edittools/edit">新建</Button>
179 |         <Button startContent={<AiOutlineExport />} color="default" size="sm" variant="flat" onClick={onToolsOpen}>导出</Button>
180 |       </div>
181 |     )
182 |   }, [onToolsOpen])
183 | 
184 |   const params = useSearchParams();
185 |   const toolId = params.get("toolId")
186 |   const timestamp = params.get("timestamp")
187 |   const [selectedToolId, setSelectedToolId] = useState<SelectType>()
188 |   useEffect(() => {
189 |     if (toolId) {
190 |       setSelectedToolId([toolId])
191 |     }
192 |     invoke("get_source_item", { id: "" }).then(items=>{
193 |       if (items instanceof Array) {
194 |         setTools(items)
195 |       }
196 |     })
197 | 
198 |     invoke("get_all_source", {}).then(items=>{
199 |       if (items instanceof Array) {
200 |         setSources(items)
201 |         setSourceNameMap(new Map(items.map(item=>[item.source_id, item.name])))
202 |       }
203 |     })
204 |   }, [toolId, timestamp])
205 | 
206 |   return (
207 |     <div>
208 |       <ToolsListModal />
209 |       <Listbox topContent={topContent} label="工具列表" emptyContent="没有工具哦" className="rounded-tr-lg bg-default-100 shadow h-[calc(100vh-64px)] px-0 py-2"
210 |         selectedKeys={selectedToolId} onSelectionChange={setSelectedToolId} disallowEmptySelection selectionMode="single" items={tools}
211 |         classNames={{
212 |           list: "max-h-[calc(100vh-64px)] overflow-y-auto overflow-x-hidden px-2",
213 |         }}>
214 |         {
215 |           (item: ToolsItem) => {
216 |             return (
217 |               <ListboxItem className="pl-0" onContextMenu={(e) => { createMenu(e, item.id ?? 0) }} textValue={item.title} key={item.id ?? "0"} href={`/edittools?toolId=${item.id}`} >
218 |                 <div className="flex gap-2 items-center pl-2">
219 |                   <Avatar isBordered alt={item.title} className="flex-shrink-0" size="sm" src={item.cover_image_url} />
220 | 
221 |                   <div className="flex flex-col text-left w-full truncate gap-1">
222 |                     <div className="flex flex-row gap-2">
223 |                       <span className="text-small truncate">{item.title}</span>
224 |                       <Chip startContent={<AiOutlineInfoCircle/>} color="primary" variant="flat" className="text-[0.5rem] h-4 mt-[2px]" size="sm">{sourceNameMap.get(item.tools_source_id??"")}</Chip>
225 |                     </div>
226 | 
227 |                     <span className="text-tiny text-default-400 truncate">{item.description}</span>
228 |                   </div>
229 |                 </div>
230 |               </ListboxItem>
231 |             )
232 |           }
233 |         }
234 |       </Listbox>
235 |     </div>
236 | 
237 | 
238 |   );
239 | }


--------------------------------------------------------------------------------
/components/icons.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react";
  2 | 
  3 | import { IconSvgProps } from "@/types";
  4 | 
  5 | export const Logo: React.FC<IconSvgProps> = ({
  6 |   size = 36,
  7 |   width,
  8 |   height,
  9 |   ...props
 10 | }) => (
 11 |   <svg
 12 |     fill="none"
 13 |     height={size || height}
 14 |     viewBox="0 0 32 32"
 15 |     width={size || width}
 16 |     {...props}
 17 |   >
 18 |     <path
 19 |       clipRule="evenodd"
 20 |       d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
 21 |       fill="currentColor"
 22 |       fillRule="evenodd"
 23 |     />
 24 |   </svg>
 25 | );
 26 | 
 27 | export const DiscordIcon: React.FC<IconSvgProps> = ({
 28 |   size = 24,
 29 |   width,
 30 |   height,
 31 |   ...props
 32 | }) => {
 33 |   return (
 34 |     <svg
 35 |       height={size || height}
 36 |       viewBox="0 0 24 24"
 37 |       width={size || width}
 38 |       {...props}
 39 |     >
 40 |       <path
 41 |         d="M14.82 4.26a10.14 10.14 0 0 0-.53 1.1 14.66 14.66 0 0 0-4.58 0 10.14 10.14 0 0 0-.53-1.1 16 16 0 0 0-4.13 1.3 17.33 17.33 0 0 0-3 11.59 16.6 16.6 0 0 0 5.07 2.59A12.89 12.89 0 0 0 8.23 18a9.65 9.65 0 0 1-1.71-.83 3.39 3.39 0 0 0 .42-.33 11.66 11.66 0 0 0 10.12 0q.21.18.42.33a10.84 10.84 0 0 1-1.71.84 12.41 12.41 0 0 0 1.08 1.78 16.44 16.44 0 0 0 5.06-2.59 17.22 17.22 0 0 0-3-11.59 16.09 16.09 0 0 0-4.09-1.35zM8.68 14.81a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.93 1.93 0 0 1 1.8 2 1.93 1.93 0 0 1-1.8 2zm6.64 0a1.94 1.94 0 0 1-1.8-2 1.93 1.93 0 0 1 1.8-2 1.92 1.92 0 0 1 1.8 2 1.92 1.92 0 0 1-1.8 2z"
 42 |         fill="currentColor"
 43 |       />
 44 |     </svg>
 45 |   );
 46 | };
 47 | 
 48 | export const TwitterIcon: React.FC<IconSvgProps> = ({
 49 |   size = 24,
 50 |   width,
 51 |   height,
 52 |   ...props
 53 | }) => {
 54 |   return (
 55 |     <svg
 56 |       height={size || height}
 57 |       viewBox="0 0 24 24"
 58 |       width={size || width}
 59 |       {...props}
 60 |     >
 61 |       <path
 62 |         d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"
 63 |         fill="currentColor"
 64 |       />
 65 |     </svg>
 66 |   );
 67 | };
 68 | 
 69 | export const GithubIcon: React.FC<IconSvgProps> = ({
 70 |   size = 24,
 71 |   width,
 72 |   height,
 73 |   ...props
 74 | }) => {
 75 |   return (
 76 |     <svg
 77 |       height={size || height}
 78 |       viewBox="0 0 24 24"
 79 |       width={size || width}
 80 |       {...props}
 81 |     >
 82 |       <path
 83 |         clipRule="evenodd"
 84 |         d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
 85 |         fill="currentColor"
 86 |         fillRule="evenodd"
 87 |       />
 88 |     </svg>
 89 |   );
 90 | };
 91 | 
 92 | export const MoonFilledIcon = ({
 93 |   size = 24,
 94 |   width,
 95 |   height,
 96 |   ...props
 97 | }: IconSvgProps) => (
 98 |   <svg
 99 |     aria-hidden="true"
100 |     focusable="false"
101 |     height={size || height}
102 |     role="presentation"
103 |     viewBox="0 0 24 24"
104 |     width={size || width}
105 |     {...props}
106 |   >
107 |     <path
108 |       d="M21.53 15.93c-.16-.27-.61-.69-1.73-.49a8.46 8.46 0 01-1.88.13 8.409 8.409 0 01-5.91-2.82 8.068 8.068 0 01-1.44-8.66c.44-1.01.13-1.54-.09-1.76s-.77-.55-1.83-.11a10.318 10.318 0 00-6.32 10.21 10.475 10.475 0 007.04 8.99 10 10 0 002.89.55c.16.01.32.02.48.02a10.5 10.5 0 008.47-4.27c.67-.93.49-1.519.32-1.79z"
109 |       fill="currentColor"
110 |     />
111 |   </svg>
112 | );
113 | 
114 | export const SunFilledIcon = ({
115 |   size = 24,
116 |   width,
117 |   height,
118 |   ...props
119 | }: IconSvgProps) => (
120 |   <svg
121 |     aria-hidden="true"
122 |     focusable="false"
123 |     height={size || height}
124 |     role="presentation"
125 |     viewBox="0 0 24 24"
126 |     width={size || width}
127 |     {...props}
128 |   >
129 |     <g fill="currentColor">
130 |       <path d="M19 12a7 7 0 11-7-7 7 7 0 017 7z" />
131 |       <path d="M12 22.96a.969.969 0 01-1-.96v-.08a1 1 0 012 0 1.038 1.038 0 01-1 1.04zm7.14-2.82a1.024 1.024 0 01-.71-.29l-.13-.13a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.984.984 0 01-.7.29zm-14.28 0a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a1 1 0 01-.7.29zM22 13h-.08a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zM2.08 13H2a1 1 0 010-2 1.038 1.038 0 011.04 1 .969.969 0 01-.96 1zm16.93-7.01a1.024 1.024 0 01-.71-.29 1 1 0 010-1.41l.13-.13a1 1 0 011.41 1.41l-.13.13a.984.984 0 01-.7.29zm-14.02 0a1.024 1.024 0 01-.71-.29l-.13-.14a1 1 0 011.41-1.41l.13.13a1 1 0 010 1.41.97.97 0 01-.7.3zM12 3.04a.969.969 0 01-1-.96V2a1 1 0 012 0 1.038 1.038 0 01-1 1.04z" />
132 |     </g>
133 |   </svg>
134 | );
135 | 
136 | export const HeartFilledIcon = ({
137 |   size = 24,
138 |   width,
139 |   height,
140 |   ...props
141 | }: IconSvgProps) => (
142 |   <svg
143 |     aria-hidden="true"
144 |     focusable="false"
145 |     height={size || height}
146 |     role="presentation"
147 |     viewBox="0 0 24 24"
148 |     width={size || width}
149 |     {...props}
150 |   >
151 |     <path
152 |       d="M12.62 20.81c-.34.12-.9.12-1.24 0C8.48 19.82 2 15.69 2 8.69 2 5.6 4.49 3.1 7.56 3.1c1.82 0 3.43.88 4.44 2.24a5.53 5.53 0 0 1 4.44-2.24C19.51 3.1 22 5.6 22 8.69c0 7-6.48 11.13-9.38 12.12Z"
153 |       fill="currentColor"
154 |       strokeLinecap="round"
155 |       strokeLinejoin="round"
156 |       strokeWidth={1.5}
157 |     />
158 |   </svg>
159 | );
160 | 
161 | export const SearchIcon = (props: IconSvgProps) => (
162 |   <svg
163 |     aria-hidden="true"
164 |     fill="none"
165 |     focusable="false"
166 |     height="1em"
167 |     role="presentation"
168 |     viewBox="0 0 24 24"
169 |     width="1em"
170 |     {...props}
171 |   >
172 |     <path
173 |       d="M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z"
174 |       stroke="currentColor"
175 |       strokeLinecap="round"
176 |       strokeLinejoin="round"
177 |       strokeWidth="2"
178 |     />
179 |     <path
180 |       d="M22 22L20 20"
181 |       stroke="currentColor"
182 |       strokeLinecap="round"
183 |       strokeLinejoin="round"
184 |       strokeWidth="2"
185 |     />
186 |   </svg>
187 | );
188 | 
189 | export const NextUILogo: React.FC<IconSvgProps> = (props) => {
190 |   const { width, height = 40 } = props;
191 | 
192 |   return (
193 |     <svg
194 |       fill="none"
195 |       height={height}
196 |       viewBox="0 0 161 32"
197 |       width={width}
198 |       xmlns="http://www.w3.org/2000/svg"
199 |       {...props}
200 |     >
201 |       <path
202 |         className="fill-black dark:fill-white"
203 |         d="M55.6827 5V26.6275H53.7794L41.1235 8.51665H40.9563V26.6275H39V5H40.89L53.5911 23.1323H53.7555V5H55.6827ZM67.4831 26.9663C66.1109 27.0019 64.7581 26.6329 63.5903 25.9044C62.4852 25.185 61.6054 24.1633 61.0537 22.9582C60.4354 21.5961 60.1298 20.1106 60.1598 18.6126C60.132 17.1113 60.4375 15.6228 61.0537 14.2563C61.5954 13.0511 62.4525 12.0179 63.5326 11.268C64.6166 10.5379 65.8958 10.16 67.1986 10.1852C68.0611 10.1837 68.9162 10.3468 69.7187 10.666C70.5398 10.9946 71.2829 11.4948 71.8992 12.1337C72.5764 12.8435 73.0985 13.6889 73.4318 14.6152C73.8311 15.7483 74.0226 16.9455 73.9968 18.1479V19.0773H63.2262V17.4194H72.0935C72.1083 16.4456 71.8952 15.4821 71.4714 14.6072C71.083 13.803 70.4874 13.1191 69.7472 12.6272C68.9887 12.1348 68.1022 11.8812 67.2006 11.8987C66.2411 11.8807 65.3005 12.1689 64.5128 12.7223C63.7332 13.2783 63.1083 14.0275 62.6984 14.8978C62.2582 15.8199 62.0314 16.831 62.0352 17.8546V18.8476C62.009 20.0078 62.2354 21.1595 62.6984 22.2217C63.1005 23.1349 63.7564 23.9108 64.5864 24.4554C65.4554 24.9973 66.4621 25.2717 67.4831 25.2448C68.1676 25.2588 68.848 25.1368 69.4859 24.8859C70.0301 24.6666 70.5242 24.3376 70.9382 23.919C71.3183 23.5345 71.6217 23.0799 71.8322 22.5799L73.5995 23.1604C73.3388 23.8697 72.9304 24.5143 72.4019 25.0506C71.8132 25.6529 71.1086 26.1269 70.3314 26.4434C69.4258 26.8068 68.4575 26.9846 67.4831 26.9663V26.9663ZM78.8233 10.4075L82.9655 17.325L87.1076 10.4075H89.2683L84.1008 18.5175L89.2683 26.6275H87.103L82.9608 19.9317L78.8193 26.6275H76.6647L81.7711 18.5169L76.6647 10.4062L78.8233 10.4075ZM99.5142 10.4075V12.0447H91.8413V10.4075H99.5142ZM94.2427 6.52397H96.1148V22.3931C96.086 22.9446 96.2051 23.4938 96.4597 23.9827C96.6652 24.344 96.9805 24.629 97.3589 24.7955C97.7328 24.9548 98.1349 25.0357 98.5407 25.0332C98.7508 25.0359 98.9607 25.02 99.168 24.9857C99.3422 24.954 99.4956 24.9205 99.6283 24.8853L100.026 26.5853C99.8062 26.6672 99.5805 26.7327 99.3511 26.7815C99.0274 26.847 98.6977 26.8771 98.3676 26.8712C97.6854 26.871 97.0119 26.7156 96.3973 26.4166C95.7683 26.1156 95.2317 25.6485 94.8442 25.0647C94.4214 24.4018 94.2097 23.6242 94.2374 22.8363L94.2427 6.52397ZM118.398 5H120.354V19.3204C120.376 20.7052 120.022 22.0697 119.328 23.2649C118.644 24.4235 117.658 25.3698 116.477 26.0001C115.168 26.6879 113.708 27.0311 112.232 26.9978C110.759 27.029 109.302 26.6835 107.996 25.9934C106.815 25.362 105.827 24.4161 105.141 23.2582C104.447 22.0651 104.092 20.7022 104.115 19.319V5H106.08V19.1831C106.061 20.2559 106.324 21.3147 106.843 22.2511C107.349 23.1459 108.094 23.8795 108.992 24.3683C109.993 24.9011 111.111 25.1664 112.242 25.139C113.373 25.1656 114.493 24.9003 115.495 24.3683C116.395 23.8815 117.14 23.1475 117.644 22.2511C118.16 21.3136 118.421 20.2553 118.402 19.1831L118.398 5ZM128 5V26.6275H126.041V5H128Z"
204 |       />
205 |       <path
206 |         className="fill-black dark:fill-white"
207 |         d="M23.5294 0H8.47059C3.79241 0 0 3.79241 0 8.47059V23.5294C0 28.2076 3.79241 32 8.47059 32H23.5294C28.2076 32 32 28.2076 32 23.5294V8.47059C32 3.79241 28.2076 0 23.5294 0Z"
208 |       />
209 |       <path
210 |         className="fill-white dark:fill-black"
211 |         d="M17.5667 9.21729H18.8111V18.2403C18.8255 19.1128 18.6 19.9726 18.159 20.7256C17.7241 21.4555 17.0968 22.0518 16.3458 22.4491C15.5717 22.8683 14.6722 23.0779 13.6473 23.0779C12.627 23.0779 11.7286 22.8672 10.9521 22.4457C10.2007 22.0478 9.5727 21.4518 9.13602 20.7223C8.6948 19.9705 8.4692 19.1118 8.48396 18.2403V9.21729H9.72854V18.1538C9.71656 18.8298 9.88417 19.4968 10.2143 20.0868C10.5362 20.6506 11.0099 21.1129 11.5814 21.421C12.1689 21.7448 12.8576 21.9067 13.6475 21.9067C14.4374 21.9067 15.1272 21.7448 15.7169 21.421C16.2895 21.1142 16.7635 20.6516 17.0844 20.0868C17.4124 19.4961 17.5788 18.8293 17.5667 18.1538V9.21729ZM23.6753 9.21729V22.845H22.4309V9.21729H23.6753Z"
212 |       />
213 |     </svg>
214 |   );
215 | };
216 | 


--------------------------------------------------------------------------------
/components/navbar.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | import {
  3 |   Navbar as NextUINavbar,
  4 |   NavbarContent,
  5 |   NavbarBrand,
  6 |   NavbarItem
  7 | } from "@nextui-org/navbar";
  8 | import { Button } from "@nextui-org/button";
  9 | 
 10 | import { SlMagnifier } from "react-icons/sl";
 11 | import { Spinner, Tab, Tabs, Tooltip } from "@nextui-org/react";
 12 | import { usePathname, useRouter } from "next/navigation";
 13 | import { invoke } from "@tauri-apps/api/core";
 14 | import { AiOutlineAppstore, AiOutlineCloud, AiOutlineEdit, AiOutlineEye, AiOutlineInfoCircle, AiOutlineTool } from "react-icons/ai";
 15 | import { useEffect, useState } from "react";
 16 | import { useTheme } from "next-themes";
 17 | import { emit, listen, TauriEvent, Event } from "@tauri-apps/api/event";
 18 | import { getCurrent } from "@tauri-apps/api/webviewWindow";
 19 | import { VscChevronLeft, VscRefresh, VscSave, VscSettings } from "react-icons/vsc";
 20 | import { ChangeLoadingPayload } from "@/types";
 21 | import { UserEvents } from "@/config/userevent";
 22 | 
 23 | 
 24 | 
 25 | export const Navbar = () => {
 26 |   const { theme, setTheme } = useTheme();
 27 |   const [showLoading, setShowLoading] = useState(false);
 28 |   const [loadingTips, setLoadingTips] = useState("");
 29 |   useEffect(() => {
 30 |     console.log("navbar")
 31 |     setInterval(() => {
 32 |       document.querySelector("nav header")?.setAttribute("data-tauri-drag-region", "true")
 33 |     }, 1000)
 34 |     getCurrent().theme().then(theme => {
 35 |       setTheme(theme as string)
 36 |     }).catch(e => {
 37 |       console.log(e)
 38 |     })
 39 |     listen(TauriEvent.WINDOW_THEME_CHANGED, (event: Event<string>) => {
 40 |         setTheme(event.payload)
 41 |     });
 42 |     listen(UserEvents.CHANGE_LOADING, (event: Event<ChangeLoadingPayload>) => {
 43 |       setShowLoading(event.payload.isLoading)
 44 |       setLoadingTips(event.payload.tips)
 45 |     })
 46 |   }, [])
 47 | 
 48 |   const router = useRouter();
 49 |   let pathname = usePathname();
 50 |   const sourcePathname = pathname;
 51 |   // 对path进行一些预处理
 52 |   if (pathname.includes("/edittools")) {
 53 |     pathname = "/edittools"
 54 |   } else if (pathname.includes("/details")) {
 55 |     pathname = "/details"
 56 |   }
 57 |   const backPageList = ["/details"]
 58 |   function goBack() {
 59 |     router.back();
 60 |   }
 61 | 
 62 |   function openSettingsWindow() {
 63 |     invoke("show_settings").catch(e => {
 64 |       console.log(e)
 65 |     })
 66 |   }
 67 |   function SettingButton() {
 68 |     if (pathname != "/settings") {
 69 |       return (
 70 |         <Tooltip content="设置" size="sm">
 71 |           <Button onClick={openSettingsWindow} variant="light" size="sm" isIconOnly startContent={<VscSettings className="text-lg text-default-600" />}>
 72 |           </Button>
 73 |         </Tooltip>
 74 |       )
 75 |     } else {
 76 |       return <></>
 77 |     }
 78 |   }
 79 | 
 80 |   function SaveButton() {
 81 |     if (sourcePathname.includes("/edittools/edit")) {
 82 |       return (
 83 |         <Tooltip content="保存信息" size="sm">
 84 |           <Button onClick={() => { emit("SAVE_TOOLS_INFO") }} variant="light" size="sm" isIconOnly
 85 |             startContent={<VscSave className="text-lg text-default-600" />}>
 86 |           </Button>
 87 |         </Tooltip>
 88 |       )
 89 |     } else {
 90 |       return <></>
 91 |     }
 92 |   }
 93 |   function NavTitle() {
 94 |     if (pathname == "/settings") {
 95 |       return (
 96 |         <span className="font-bold">设置</span>
 97 |       )
 98 |     } else {
 99 |       return <></>
100 |     }
101 |   }
102 | 
103 |   function LoadingTips() {
104 |     if (showLoading) {
105 |       return (
106 |         <Tooltip content={loadingTips}>
107 |           <Spinner size="sm" />
108 |         </Tooltip>
109 |       )
110 |     } else {
111 |       return <></>
112 |     }
113 |   }
114 | 
115 |   function NavWarpper({ children }: { children: React.ReactNode }) {
116 |     return <NextUINavbar shouldHideOnScroll={false} height={"52px"} className="bg-default-100" data-tauri-drag-region maxWidth="full">{children}</NextUINavbar>
117 |   }
118 |   function OptionNav() {
119 |     if (pathname.includes("/settings")) {
120 |       return (<NavWarpper>
121 |         <NavbarBrand></NavbarBrand>
122 |         <NavbarContent data-tauri-drag-region className="gap-4" justify="center">
123 |           <Tabs selectedKey={pathname} size="sm" radius="full">
124 |             <Tab key="/settings" title={
125 |               <div className="flex items-center space-x-2">
126 |                 <AiOutlineTool />
127 |                 <span>工具源</span>
128 |               </div>
129 |             } href="/settings"></Tab>
130 |             <Tab isDisabled key="/settings/appearence" title={
131 |               <div className="flex items-center space-x-2">
132 |                 <AiOutlineEye />
133 |                 <span>外观</span>
134 |               </div>
135 |             } href="/settings/appearence"></Tab>
136 |             <Tab key="/settings/about" title={
137 |               <div className="flex items-center space-x-2">
138 |                 <AiOutlineInfoCircle />
139 |                 <span>关于</span>
140 |               </div>
141 |             } href="/settings/about"></Tab>
142 |           </Tabs>
143 |         </NavbarContent>
144 |         <NavbarContent data-tauri-drag-region justify="end">
145 |           <NavbarItem>
146 |             <LoadingTips />
147 |           </NavbarItem>
148 |         </NavbarContent>
149 |       </NavWarpper>)
150 |     }
151 |     if (backPageList.includes(pathname)) {
152 |       return (<NavWarpper>
153 |         <NavbarBrand data-tauri-drag-region>
154 |           <Button className="ml-16" onClick={goBack} variant="light" size="sm" isIconOnly startContent={<VscChevronLeft className="text-lg text-default-600" />}></Button>
155 |         </NavbarBrand>
156 |         <NavbarContent data-tauri-drag-region className="gap-4" justify="center">
157 |           <NavTitle />
158 |         </NavbarContent>
159 |         <NavbarContent data-tauri-drag-region justify="end">
160 |           <NavbarItem>
161 |             <SettingButton />
162 |           </NavbarItem>
163 |         </NavbarContent>
164 |       </NavWarpper>
165 |       )
166 |     } else {
167 |       return (<NavWarpper>
168 |         <NavbarBrand data-tauri-drag-region></NavbarBrand>
169 |         <NavbarContent data-tauri-drag-region className="gap-4" justify="center">
170 |           <Tabs size="sm" radius="full" aria-label="Options" selectedKey={pathname}>
171 |             <Tab key="/software" title={<div className="flex items-center space-x-2">
172 |               <AiOutlineAppstore />
173 |               <span>App</span>
174 |             </div>} href="/software" />
175 |             <Tab key="/website" title={<div className="flex items-center space-x-2">
176 |               <AiOutlineCloud />
177 |               <span>网站</span>
178 |             </div>} href="/website" />
179 |             <Tab key="/edittools" title={<div className="flex items-center space-x-2">
180 |               <AiOutlineEdit />
181 |               <span>编辑</span>
182 |             </div>} href="/edittools/edit" />
183 |             <Tab key="/search" title={<div className="flex items-center space-x-2">
184 |               <SlMagnifier />
185 |               <span>搜索</span>
186 |             </div>} href="/search" />
187 |           </Tabs>
188 |         </NavbarContent>
189 |         <NavbarContent data-tauri-drag-region justify="end" className="gap-2">
190 |           <NavbarItem>
191 |             <SaveButton />
192 |           </NavbarItem>
193 |           <NavbarItem>
194 |             <Tooltip content="刷新页面" size="sm">
195 |               <Button onClick={() => { location.reload() }} variant="light" size="sm" isIconOnly startContent={<VscRefresh className="text-lg text-default-600" />}>
196 |               </Button>
197 |             </Tooltip>
198 |           </NavbarItem>
199 |           <NavbarItem>
200 |             <SettingButton />
201 |           </NavbarItem>
202 |         </NavbarContent>
203 |       </NavWarpper>)
204 | 
205 |     }
206 |   }
207 |   return (
208 |     <OptionNav />
209 |   );
210 | };
211 | 


--------------------------------------------------------------------------------
/components/primitives.ts:
--------------------------------------------------------------------------------
 1 | import { tv } from "tailwind-variants";
 2 | 
 3 | export const title = tv({
 4 |   base: "tracking-tight inline font-semibold",
 5 |   variants: {
 6 |     color: {
 7 |       violet: "from-[#FF1CF7] to-[#b249f8]",
 8 |       yellow: "from-[#FF705B] to-[#FFB457]",
 9 |       blue: "from-[#5EA2EF] to-[#0072F5]",
10 |       cyan: "from-[#00b7fa] to-[#01cfea]",
11 |       green: "from-[#6FEE8D] to-[#17c964]",
12 |       pink: "from-[#FF72E1] to-[#F54C7A]",
13 |       foreground: "dark:from-[#FFFFFF] dark:to-[#4B4B4B]",
14 |     },
15 |     size: {
16 |       sm: "text-3xl lg:text-4xl",
17 |       md: "text-[2.3rem] lg:text-5xl leading-9",
18 |       lg: "text-4xl lg:text-6xl",
19 |     },
20 |     fullWidth: {
21 |       true: "w-full block",
22 |     },
23 |   },
24 |   defaultVariants: {
25 |     size: "md",
26 |   },
27 |   compoundVariants: [
28 |     {
29 |       color: [
30 |         "violet",
31 |         "yellow",
32 |         "blue",
33 |         "cyan",
34 |         "green",
35 |         "pink",
36 |         "foreground",
37 |       ],
38 |       class: "bg-clip-text text-transparent bg-gradient-to-b",
39 |     },
40 |   ],
41 | });
42 | 
43 | export const subtitle = tv({
44 |   base: "w-full md:w-1/2 my-2 text-lg lg:text-xl text-default-600 block max-w-full",
45 |   variants: {
46 |     fullWidth: {
47 |       true: "!w-full",
48 |     },
49 |   },
50 |   defaultVariants: {
51 |     fullWidth: true,
52 |   },
53 | });
54 | 


--------------------------------------------------------------------------------
/components/scroll-wrapper.tsx:
--------------------------------------------------------------------------------
1 | import { ScrollShadow } from "@nextui-org/react";
2 | 
3 | export function ScrollWrapper({ children }: { children: React.ReactNode }) {
4 |     return <ScrollShadow orientation="vertical" size={20} className="h-[calc(100vh-52px)] w-full fixed p-8
5 |     top-[52px] justify-center flex">
6 |         {children}
7 |     </ScrollShadow>
8 | }


--------------------------------------------------------------------------------
/components/section-header.tsx:
--------------------------------------------------------------------------------
 1 | import { Button } from "@nextui-org/button";
 2 | import { FC } from "react";
 3 | 
 4 | interface SectionHeaderInfo {
 5 |     title: string | undefined;
 6 | }
 7 | export const SectionHeader: FC<SectionHeaderInfo> = ({ title }) => {
 8 |     return (
 9 |         <div className="flex flex-row items-center justify-between px-2 pb-4">
10 |             <p className="text-lg font-bold mt-2">{title}</p>
11 |             <Button variant="faded" size="sm">查看更多</Button>
12 |         </div>
13 |     );
14 | }
15 | 


--------------------------------------------------------------------------------
/components/tab-icon.tsx:
--------------------------------------------------------------------------------
 1 | import { AiOutlineAudio, AiOutlineCode, AiOutlineFileImage, AiOutlineFileWord, AiOutlineInbox, AiOutlineRobot, AiOutlineTool, AiOutlineVideoCamera } from "react-icons/ai"
 2 | 
 3 | export function TabIcon({ category }: { category: string }) {
 4 | 
 5 |     switch (category) {
 6 |         case "音频":
 7 |             return <AiOutlineAudio />
 8 |         case "视频":
 9 |             return <AiOutlineVideoCamera />
10 |         case "文档":
11 |             return <AiOutlineFileWord />
12 |         case "编程":
13 |             return <AiOutlineCode />
14 |         case "AI":
15 |             return <AiOutlineRobot />
16 |         case "聚合":
17 |             return <AiOutlineInbox />
18 |         case "图片":
19 |             return <AiOutlineFileImage />
20 |         default:
21 |             return <AiOutlineTool />
22 |     }
23 | 
24 | }


--------------------------------------------------------------------------------
/components/theme-switch.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { FC } from "react";
 4 | import { VisuallyHidden } from "@react-aria/visually-hidden";
 5 | import { SwitchProps, useSwitch } from "@nextui-org/switch";
 6 | import { useTheme } from "next-themes";
 7 | import { useIsSSR } from "@react-aria/ssr";
 8 | import clsx from "clsx";
 9 | 
10 | import { SunFilledIcon, MoonFilledIcon } from "@/components/icons";
11 | 
12 | export interface ThemeSwitchProps {
13 |   className?: string;
14 |   classNames?: SwitchProps["classNames"];
15 | }
16 | 
17 | export const ThemeSwitch: FC<ThemeSwitchProps> = ({
18 |   className,
19 |   classNames,
20 | }) => {
21 |   const { theme, setTheme } = useTheme();
22 |   const isSSR = useIsSSR();
23 | 
24 |   const onChange = () => {
25 |     theme === "light" ? setTheme("dark") : setTheme("light");
26 |   };
27 | 
28 |   const {
29 |     Component,
30 |     slots,
31 |     isSelected,
32 |     getBaseProps,
33 |     getInputProps,
34 |     getWrapperProps,
35 |   } = useSwitch({
36 |     isSelected: theme === "light" || isSSR,
37 |     "aria-label": `Switch to ${theme === "light" || isSSR ? "dark" : "light"} mode`,
38 |     onChange,
39 |   });
40 | 
41 |   return (
42 |     <Component
43 |       {...getBaseProps({
44 |         className: clsx(
45 |           "px-px transition-opacity hover:opacity-80 cursor-pointer",
46 |           className,
47 |           classNames?.base,
48 |         ),
49 |       })}
50 |     >
51 |       <VisuallyHidden>
52 |         <input {...getInputProps()} />
53 |       </VisuallyHidden>
54 |       <div
55 |         {...getWrapperProps()}
56 |         className={slots.wrapper({
57 |           class: clsx(
58 |             [
59 |               "w-auto h-auto",
60 |               "bg-transparent",
61 |               "rounded-lg",
62 |               "flex items-center justify-center",
63 |               "group-data-[selected=true]:bg-transparent",
64 |               "!text-default-500",
65 |               "pt-px",
66 |               "px-0",
67 |               "mx-0",
68 |             ],
69 |             classNames?.wrapper,
70 |           ),
71 |         })}
72 |       >
73 |         {!isSelected || isSSR ? (
74 |           <SunFilledIcon size={22} />
75 |         ) : (
76 |           <MoonFilledIcon size={22} />
77 |         )}
78 |       </div>
79 |     </Component>
80 |   );
81 | };
82 | 


--------------------------------------------------------------------------------
/components/tools-detail.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | import { ToolsItem } from "@/app/settings/page"
  3 | import { Avatar, Button, Divider, Link } from "@nextui-org/react"
  4 | import { AsyncListData, AsyncListLoadOptions, useAsyncList } from "@react-stately/data"
  5 | import { invoke } from "@tauri-apps/api/core"
  6 | import { useEffect, useMemo, useState } from "react"
  7 | import { Navigation, Pagination } from "swiper/modules"
  8 | import { Swiper, SwiperSlide } from "swiper/react"
  9 | import 'swiper/css';
 10 | import 'swiper/css/navigation';
 11 | import { open } from "@tauri-apps/plugin-shell"
 12 | import { AiOutlineEdit } from "react-icons/ai"
 13 | import { Image } from "antd"
 14 | import { motion } from "framer-motion"
 15 | import Markdown from "react-markdown"
 16 | import "github-markdown-css"
 17 | import remarkGfm from "remark-gfm"
 18 | 
 19 | export default function ToolsDetail({ toolsId }: { toolsId: string }) {
 20 | 
 21 |   const tools: AsyncListData<ToolsItem> = useAsyncList({
 22 |     async load(state: AsyncListLoadOptions<ToolsItem, string>) {
 23 |       let result: ToolsItem[] = []
 24 |       try {
 25 |         result = await invoke("get_source_item_by_id", { itemId: Number.parseInt(toolsId) })
 26 |       } catch (err) {
 27 |         console.log(err)
 28 |       }
 29 |       return {
 30 |         items: result
 31 |       }
 32 | 
 33 |     },
 34 |   })
 35 | 
 36 | 
 37 | 
 38 |   const swiperSlides = useMemo(() => tools.items[0]?.preview_image_url?.map((image, index) => (
 39 |     <SwiperSlide key={index} className="item-center justify-center align-center">
 40 |       <Image
 41 |         preview={{
 42 |           maskClassName: "rounded-lg",
 43 |           classNames: { mask: "backdrop-blur-md" },
 44 |         }}
 45 |         className="w-full h-full rounded-lg"
 46 |         alt="工具预览"
 47 |         src={image}
 48 |       />
 49 |     </SwiperSlide>
 50 | 
 51 |   )), [tools])
 52 | 
 53 | 
 54 |   const categorySections = []
 55 | 
 56 | 
 57 |   function openOnBroswer(target_url: string | undefined) {
 58 |     if (target_url) {
 59 |       open(target_url);
 60 |     }
 61 |   }
 62 | 
 63 | 
 64 |   useEffect(()=>{
 65 |     document.querySelectorAll(".markdown-body a").forEach((link)=>{
 66 |       link.addEventListener("click", (e) => {
 67 |         e.preventDefault()
 68 |         openOnBroswer(link.getAttribute("href")??"")
 69 |       })
 70 |     })
 71 |   },[openOnBroswer])
 72 | 
 73 |   return (
 74 |     tools.items[0] ? (
 75 |       <motion.div layout initial={{ y: -10, opacity: 0.2 }} animate={{ y: 0, opacity: 1 }}
 76 |         transition={{ type: 'spring', stiffness: 100 }}
 77 |         className="w-full pb-8">
 78 |         <div className="flex flex-row mb-8 gap-4 justify-between text-left">
 79 |           <Avatar size="lg" isBordered radius="lg" className="min-w-[64px] h-[64px]" src={tools.items[0]?.cover_image_url} />
 80 | 
 81 |           <div className="flex flex-col w-full">
 82 |             <div className="flex flex-row gap-1">
 83 |               <h2 className="text-2xl font-semibold line-clamp-1">{tools.items[0]?.title}</h2>
 84 |               <Link href={`/edittools/edit?toolId=${tools.items[0]?.id}`} size="sm"><AiOutlineEdit className="text-lg text-foreground-500" /></Link>
 85 |             </div>
 86 |             <p className="font-light text-base text-gray-500 line-clamp-1 max-w-lg">{tools.items[0]?.description}</p>
 87 |           </div>
 88 |           <Button color="primary" className="my-auto" size="sm" variant="flat" radius="full" onClick={() => { openOnBroswer(tools.items[0]?.target_url) }}>获取</Button>
 89 | 
 90 |         </div>
 91 |         <Divider />
 92 |         {tools.items[0]?.preview_image_url ? (
 93 |           <div>
 94 |             <h2 className="text-xl font-semibold mt-8 mb-4 text-left">预览</h2>
 95 |             <Swiper slidesPerView={3}
 96 |               // centeredSlides={true}
 97 |               spaceBetween={10}
 98 |               navigation={true}
 99 |               modules={[Pagination, Navigation]}
100 |               className="mb-8">
101 | 
102 |               {swiperSlides}
103 |             </Swiper>
104 |           </div>
105 |         ) : (
106 |           <></>
107 |         )
108 |         }
109 | 
110 |         <h2 className="text-xl font-semibold mt-8 mb-4 text-left">说明</h2>
111 |         <Markdown remarkPlugins={[remarkGfm]} className="markdown-body select-text mb-8 py-2 px-3 rounded-lg text-left text-wrap break-words">
112 |           {tools.items[0]?.content}
113 |         </Markdown>
114 | 
115 |       </motion.div>
116 |     ) : (
117 |       <div></div>
118 |     )
119 |   );
120 | }
121 | 


--------------------------------------------------------------------------------
/components/website-card.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | 
 4 | import React, { FC } from "react";
 5 | import { Card, CardFooter, Image, Button, Link, CardHeader, CardBody } from "@nextui-org/react";
 6 | import { ToolsItem } from "@/app/settings/page";
 7 | import { motion } from "framer-motion";
 8 | import { useRouter } from "next/navigation";
 9 | 
10 | 
11 | export const WebsiteCard = ({ param }: { param: ToolsItem }) => {
12 |     const router = useRouter();
13 |     return (
14 |         <Card key={param.id} isPressable onClick={()=>{router.push(`/details?toolId=${param.id}`)}} className="w-[280px] h-[280px] col-span-1">
15 |             <CardHeader className="pb-0 pt-2 px-4 flex-col items-start text-left">
16 |                 <p className="text-tiny uppercase font-bold truncate w-full">{param.categorys?.join("、")}</p>
17 |                 <small className="text-default-500 truncate w-full">{param.description}</small>
18 |                 <h4 className="font-bold text-large truncate w-full">{param.title}</h4>
19 |             </CardHeader>
20 |             <CardBody className="py-2">
21 |                 <motion.div whileHover={{ scale: 1.05 }} // 鼠标悬停时放大到1.1倍
22 |                     transition={{ type: 'spring', stiffness: 100 }}>
23 |                     <Image
24 |                         alt="Card background"
25 |                         className="w-[270px] object-cover rounded-xl h-[180px]"
26 |                         src={param.cover_image_url}
27 |                     />
28 |                 </motion.div>
29 | 
30 | 
31 |             </CardBody>
32 | 
33 |         </Card>
34 | 
35 |     );
36 | }
37 | 


--------------------------------------------------------------------------------
/config/fonts.ts:
--------------------------------------------------------------------------------
 1 | import { Fira_Code as FontMono, Inter as FontSans } from "next/font/google";
 2 | 
 3 | export const fontSans = FontSans({
 4 |   subsets: ["latin"],
 5 |   variable: "--font-sans",
 6 | });
 7 | 
 8 | export const fontMono = FontMono({
 9 |   subsets: ["latin"],
10 |   variable: "--font-mono",
11 | });
12 | 


--------------------------------------------------------------------------------
/config/site.ts:
--------------------------------------------------------------------------------
 1 | export type SiteConfig = typeof siteConfig;
 2 | 
 3 | export const siteConfig = {
 4 |   name: "Next.js + NextUI",
 5 |   description: "Make beautiful websites regardless of your design experience.",
 6 |   navItems: [
 7 |     {
 8 |       label: "Home",
 9 |       href: "/",
10 |     },
11 |     {
12 |       label: "Docs",
13 |       href: "/docs",
14 |     },
15 |     {
16 |       label: "Pricing",
17 |       href: "/pricing",
18 |     },
19 |     {
20 |       label: "Blog",
21 |       href: "/blog",
22 |     },
23 |     {
24 |       label: "About",
25 |       href: "/about",
26 |     },
27 |   ],
28 |   navMenuItems: [
29 |     {
30 |       label: "Profile",
31 |       href: "/profile",
32 |     },
33 |     {
34 |       label: "Dashboard",
35 |       href: "/dashboard",
36 |     },
37 |     {
38 |       label: "Projects",
39 |       href: "/projects",
40 |     },
41 |     {
42 |       label: "Team",
43 |       href: "/team",
44 |     },
45 |     {
46 |       label: "Calendar",
47 |       href: "/calendar",
48 |     },
49 |     {
50 |       label: "Settings",
51 |       href: "/settings",
52 |     },
53 |     {
54 |       label: "Help & Feedback",
55 |       href: "/help-feedback",
56 |     },
57 |     {
58 |       label: "Logout",
59 |       href: "/logout",
60 |     },
61 |   ],
62 |   links: {
63 |     github: "https://github.com/nextui-org/nextui",
64 |     twitter: "https://twitter.com/getnextui",
65 |     docs: "https://nextui.org",
66 |     discord: "https://discord.gg/9b6yyZKmH4",
67 |     sponsor: "https://patreon.com/jrgarciadev",
68 |   },
69 | };
70 | 


--------------------------------------------------------------------------------
/config/userevent.ts:
--------------------------------------------------------------------------------
1 | export const UserEvents = {
2 |     "CHANGE_LOADING": "tauri://change-loading"
3 | }


--------------------------------------------------------------------------------
/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="next" />
2 | /// <reference types="next/image-types/global" />
3 | 
4 | // NOTE: This file should not be edited
5 | // see https://nextjs.org/docs/basic-features/typescript for more information.
6 | 


--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
 1 | /** @type {import('next').NextConfig} */
 2 | 
 3 | 
 4 | const nextConfig = {
 5 |   // Ensure Next.js uses SSG instead of SSR  
 6 |   output: process.env.NODE_ENV === 'production' ? 'export' : null,
 7 |   // output: 'export',
 8 | };
 9 | 
10 | export default nextConfig;


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "next-app-template",
 3 | 	"version": "0.0.1",
 4 | 	"private": true,
 5 | 	"scripts": {
 6 | 		"dev": "next dev --turbo",
 7 | 		"build": "next build",
 8 | 		"start": "next start",
 9 | 		"lint": "eslint . --ext .ts,.tsx -c .eslintrc.json --fix",
10 | 		"tauri": "tauri"
11 | 	},
12 | 	"dependencies": {
13 | 		"@nextui-org/react": "^2.4.2",
14 | 		"@nextui-org/system": "2.2.1",
15 | 		"@nextui-org/theme": "2.2.5",
16 | 		"@react-aria/ssr": "3.9.4",
17 | 		"@react-aria/visually-hidden": "3.8.12",
18 | 		"@react-stately/data": "^3.11.4",
19 | 		"@tauri-apps/api": ">=2.0.0-beta.0",
20 | 		"@tauri-apps/plugin-dialog": "^2.0.0-beta.6",
21 | 		"@tauri-apps/plugin-fs": "^2.0.0-beta.6",
22 | 		"@tauri-apps/plugin-shell": ">=2.0.0-beta.0",
23 | 		"@tauri-apps/plugin-updater": "^2.0.0-beta.7",
24 | 		"@tauri-apps/plugin-upload": "^2.0.0-beta.8",
25 | 		"antd": "^5.19.1",
26 | 		"antd-img-crop": "^4.22.0",
27 | 		"clsx": "2.1.1",
28 | 		"framer-motion": "~11.1.1",
29 | 		"github-markdown-css": "^5.6.1",
30 | 		"intl-messageformat": "^10.5.0",
31 | 		"moment": "^2.30.1",
32 | 		"next": "14.2.4",
33 | 		"next-themes": "^0.2.1",
34 | 		"octokit": "^4.0.2",
35 | 		"react": "18.3.1",
36 | 		"react-dom": "18.3.1",
37 | 		"react-headless-mde": "^2.0.3",
38 | 		"react-icons": "^5.2.1",
39 | 		"react-markdown": "^9.0.1",
40 | 		"remark-gfm": "^4.0.0",
41 | 		"swiper": "^11.1.4"
42 | 	},
43 | 	"devDependencies": {
44 | 		"@tauri-apps/cli": ">=2.0.0-beta.0",
45 | 		"@types/node": "20.5.7",
46 | 		"@types/react": "18.3.3",
47 | 		"@types/react-dom": "18.3.0",
48 | 		"@typescript-eslint/eslint-plugin": "7.2.0",
49 | 		"@typescript-eslint/parser": "7.2.0",
50 | 		"autoprefixer": "10.4.19",
51 | 		"eslint": "^8.57.0",
52 | 		"eslint-config-next": "14.2.1",
53 | 		"eslint-config-prettier": "^8.2.0",
54 | 		"eslint-plugin-import": "^2.26.0",
55 | 		"eslint-plugin-jsx-a11y": "^6.4.1",
56 | 		"eslint-plugin-node": "^11.1.0",
57 | 		"eslint-plugin-prettier": "^5.1.3",
58 | 		"eslint-plugin-react": "^7.23.2",
59 | 		"eslint-plugin-react-hooks": "^4.6.0",
60 | 		"eslint-plugin-unused-imports": "^3.2.0",
61 | 		"internal-ip": "^7.0.0",
62 | 		"postcss": "8.4.38",
63 | 		"tailwind-variants": "0.1.20",
64 | 		"tailwindcss": "3.4.3",
65 | 		"typescript": "5.0.4"
66 | 	}
67 | }
68 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/public/favicon.ico


--------------------------------------------------------------------------------
/public/logo@0.5x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/public/logo@0.5x.png


--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>


--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>


--------------------------------------------------------------------------------
/src-tauri/.gitignore:
--------------------------------------------------------------------------------
1 | # Generated by Cargo
2 | # will have compiled files and executables
3 | /target/
4 | 
5 | # Generated by Tauri
6 | # will have schema files for capabilities auto-completion
7 | /gen/schemas
8 | 


--------------------------------------------------------------------------------
/src-tauri/Cargo.toml:
--------------------------------------------------------------------------------
 1 | [package]
 2 | name = "myTools"
 3 | version = "0.0.2"
 4 | description = "A Tauri App"
 5 | authors = ["you"]
 6 | edition = "2021"
 7 | 
 8 | # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 9 | 
10 | [build-dependencies]
11 | tauri-build = { version = "2.0.0-beta", features = [] }
12 | 
13 | [dependencies]
14 | tauri = { version = "2.0.0-beta", features = ["macos-private-api"] }
15 | tauri-plugin-shell = "2.0.0-beta.9"
16 | serde = { version = "1", features = ["derive"] }
17 | serde_json = "1"
18 | tauri-plugin-fs = "2.0.0-beta.11"
19 | tauri-plugin-dialog = "2.0.0-beta.11"
20 | rusqlite = { version = "0.31.0", features = ["bundled"] }
21 | lazy_static = "1.4.0"
22 | tauri-plugin-log = "2.0.0-beta.8"
23 | log = "0.4"
24 | window-vibrancy = "0.5.0"
25 | tantivy = "0.22.0"
26 | tantivy-jieba = "0.11.0"
27 | tauri-plugin-upload = "2.0.0-beta.9"
28 | reqwest = {version="0.12.5", features= ["blocking"] }
29 | 
30 | [target."cfg(target_os = \"macos\")".dependencies]
31 | cocoa = "0.24"
32 | objc = "0.2"
33 | 
34 | # [target."cfg(not(any(target_os = \"android\", target_os = \"ios\")))".dependencies]
35 | # tauri-plugin-updater = "2.0.0-beta.10"
36 | 
37 | [dependencies.uuid]
38 | version = "1.8.0"
39 | features = [
40 |     "v4",                # Lets you generate random UUIDs
41 |     "fast-rng",          # Use a faster (but still sufficiently random) RNG
42 |     "macro-diagnostics", # Enable better diagnostics for compile-time UUIDs
43 | ]
44 | 


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


--------------------------------------------------------------------------------
/src-tauri/capabilities/default.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "../gen/schemas/desktop-schema.json",
 3 |   "identifier": "default",
 4 |   "description": "Capability for the main window",
 5 |   "windows": [
 6 |     "main",
 7 |     "settings"
 8 |   ],
 9 |   "permissions": [
10 |     "path:default",
11 |     "event:default",
12 |     "window:default",
13 |     "app:default",
14 |     "image:default",
15 |     "resources:default",
16 |     "menu:default",
17 |     "tray:default",
18 |     "shell:allow-open",
19 |     "window:allow-show",
20 |     "window:allow-create",
21 |     "fs:default",
22 |     "fs:allow-open",
23 |     "dialog:default",
24 |     "dialog:allow-open",
25 |     "window:allow-start-dragging",
26 |     "webview:allow-internal-toggle-devtools",
27 |     "log:default",
28 |     "shell:default",
29 |     "fs:allow-appdata-write",
30 |     "fs:allow-create",
31 |     "upload:default"
32 |   ]
33 | }


--------------------------------------------------------------------------------
/src-tauri/icons/128x128.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/128x128.png


--------------------------------------------------------------------------------
/src-tauri/icons/128x128@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/128x128@2x.png


--------------------------------------------------------------------------------
/src-tauri/icons/32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/32x32.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square107x107Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square107x107Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square142x142Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square142x142Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square150x150Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square150x150Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square284x284Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square284x284Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square30x30Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square30x30Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square310x310Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square310x310Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square44x44Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square44x44Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square71x71Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square71x71Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/Square89x89Logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/Square89x89Logo.png


--------------------------------------------------------------------------------
/src-tauri/icons/StoreLogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/StoreLogo.png


--------------------------------------------------------------------------------
/src-tauri/icons/icon.icns:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/icon.icns


--------------------------------------------------------------------------------
/src-tauri/icons/icon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/icon.ico


--------------------------------------------------------------------------------
/src-tauri/icons/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/src-tauri/icons/icon.png


--------------------------------------------------------------------------------
/src-tauri/src/db.rs:
--------------------------------------------------------------------------------
  1 | use std::{
  2 |     fs,
  3 |     path::PathBuf,
  4 |     sync::{atomic::AtomicBool, Arc, Mutex},
  5 |     time,
  6 | };
  7 | 
  8 | use crate::source::{ToolsSource, ToolsSourceItem};
  9 | use lazy_static::lazy_static;
 10 | use log::info;
 11 | use rusqlite::{Connection, Row};
 12 | use tauri::{AppHandle, Manager};
 13 | 
 14 | #[derive(Debug)]
 15 | pub struct DbManager {
 16 |     pub name: String,
 17 |     pub connection: Connection,
 18 | }
 19 | #[derive(Default)]
 20 | pub struct SqlState(pub AtomicBool);
 21 | 
 22 | unsafe impl Sync for DbManager {}
 23 | 
 24 | lazy_static! {
 25 |     pub static ref DB: Arc<Mutex<DbManager>> = Arc::new(Mutex::new(DbManager::default()));
 26 | }
 27 | 
 28 | impl Default for DbManager {
 29 |     fn default() -> Self {
 30 |         let connect = Connection::open_in_memory()
 31 |             .map_err(|err| err.to_string())
 32 |             .unwrap();
 33 | 
 34 |         Self {
 35 |             name: Default::default(),
 36 |             connection: connect,
 37 |         }
 38 |     }
 39 | }
 40 | 
 41 | pub fn init_db_conn(handle: &AppHandle) -> Result<(), String> {
 42 |     let mut db_manager = DB.lock().map_err(|err| err.to_string())?;
 43 |     let mut app_data_dir = handle
 44 |         .path()
 45 |         .app_data_dir()
 46 |         .map_err(|err| err.to_string())?;
 47 |     if !app_data_dir.exists() {
 48 |         fs::create_dir(&app_data_dir).map_err(|err| err.to_string())?;
 49 |     }
 50 |     let app_data_dir_string = app_data_dir.as_mut_os_string();
 51 |     app_data_dir_string.push("/db");
 52 |     let index_path_str = app_data_dir_string.to_str().unwrap();
 53 |     let mut index_path = PathBuf::from(index_path_str);
 54 |     if !index_path.exists() {
 55 |         info!("try create index file");
 56 |         fs::create_dir(&index_path).map_err(|err| err.to_string())?;
 57 |     }
 58 |     info!("create index dir success");
 59 |     let sql_data_file_string = index_path.as_mut_os_string();
 60 |     sql_data_file_string.push("/index.db");
 61 |     let sql_data_file_str = sql_data_file_string.to_str().unwrap();
 62 |     let sql_data_file_path = PathBuf::from(sql_data_file_str);
 63 |     if !sql_data_file_path.exists() {
 64 |         fs::File::create_new(sql_data_file_path.as_path()).map_err(|err| err.to_string())?;
 65 |     }
 66 |     info!("create index file success");
 67 |     db_manager.connection = Connection::open(&index_path)
 68 |         .map_err(|err| err.to_string())
 69 |         .unwrap();
 70 |     // 初始化db
 71 |     db_manager.init(handle);
 72 |     Ok(())
 73 | }
 74 | 
 75 | impl DbManager {
 76 |     fn init(self: &Self, handler: &AppHandle) -> Result<(), String> {
 77 |         let state = handler.state::<SqlState>();
 78 |         if !state.0.load(std::sync::atomic::Ordering::Relaxed) {
 79 |             for sql in vec![
 80 |                 "CREATE TABLE IF NOT EXISTS tools_source (
 81 |                 id INTEGER PRIMARY KEY,
 82 |                 source_id TEXT NOT NULL,
 83 |                 name TEXT NOT NULL,
 84 |                 description TEXT,
 85 |                 version INTEGER NOT NULL,
 86 |                 author TEXT,
 87 |                 url TEXT UNIQUE,
 88 |                 source_type INTEGER NOT NULL,
 89 |                 last_sync TEXT
 90 |                 );",
 91 |                 "CREATE TABLE IF NOT EXISTS tools_source_item (
 92 |                 id INTEGER PRIMARY KEY,
 93 |                 title TEXT NOT NULL,
 94 |                 description TEXT,
 95 |                 cover_image_url TEXT,
 96 |                 preview_image_url TEXT,
 97 |                 target_url TEXT,
 98 |                 content TEXT,
 99 |                 author TEXT,
100 |                 tool_type TEXT,
101 |                 categorys TEXT,
102 |                 tools_source_id TEXT NOT NULL,
103 |                 source_name TEXT,
104 |                 UNIQUE(target_url, tools_source_id)
105 |                 );",
106 |             ] {
107 |                 self.connection
108 |                     .execute(&sql, ())
109 |                     .map_err(|err| err.to_string())?;
110 |             }
111 |             state
112 |                 .0
113 |                 .fetch_and(true, std::sync::atomic::Ordering::Relaxed);
114 |         }
115 |         Ok(())
116 |     }
117 | 
118 |     pub fn add_source(self: &Self, ts: &ToolsSource) -> Result<(), String> {
119 |         self.connection.execute(
120 |             "INSERT OR REPLACE INTO tools_source (source_id, name, description, version, author, url, source_type, last_sync) VALUES (?1, ?2, ?3, ?4, ?5, ?6, ?7, ?8)",
121 |             (&ts.source_id, &ts.name, &ts.description, &ts.version, &ts.author, &ts.url, &ts.source_type,
122 |                  &time::SystemTime::now().duration_since(time::UNIX_EPOCH).unwrap().as_millis().to_string()),
123 |         ).map_err(|err| err.to_string())?;
124 |         Ok(())
125 |     }
126 | 
127 |     pub fn add_source_item(
128 |         self: &Self,
129 |         ts: &ToolsSource,
130 |         item: &ToolsSourceItem,
131 |         handle: &AppHandle,
132 |     ) -> Result<(), String> {
133 |         self.connection.execute(
134 |             "INSERT OR REPLACE INTO tools_source_item (title, description, cover_image_url, preview_image_url, target_url, content, author, tool_type, categorys, tools_source_id, source_name) VALUES (?1, ?2,?3, ?4, ?5, ?6, ?7, ?8, ?9, ?10, ?11)",
135 |             (&item.title, &item.description, &item.cover_image_url, &item.preview_image_url.join("&"), 
136 |             &item.target_url, &item.content, &item.author, &item.tool_type, &item.categorys.join(","), &ts.source_id, &ts.name),
137 |         ).map_err(|err| err.to_string())?;
138 |         Ok(())
139 |     }
140 | 
141 |     pub fn delete_source(
142 |         self: &Self,
143 |         source_ids: &Vec<String>,
144 |         handler: &AppHandle,
145 |     ) -> Result<(), String> {
146 |         let mut prepare = self
147 |             .connection
148 |             .prepare("DELETE FROM tools_source WHERE source_id IN (?1)")
149 |             .map_err(|err| err.to_string())?;
150 |         for ele in source_ids {
151 |             prepare.execute((ele,)).map_err(|err| err.to_string())?;
152 |         }
153 |         Ok(())
154 |     }
155 | 
156 |     pub fn delete_item(self: &Self, source_id: &String) -> Result<(), String> {
157 |         let mut prepare = self
158 |             .connection
159 |             .prepare("DELETE FROM tools_source_item WHERE tools_source_id = ?1")
160 |             .map_err(|err| err.to_string())?;
161 | 
162 |         prepare
163 |             .execute((source_id,))
164 |             .map_err(|err| err.to_string())?;
165 | 
166 |         Ok(())
167 |     }
168 | 
169 |     pub fn deal_source_row(row: &Row) -> rusqlite::Result<ToolsSourceItem> {
170 |         Ok(ToolsSourceItem {
171 |             id: row.get(0)?,
172 |             title: row.get(1)?,
173 |             description: row.get(2)?,
174 |             cover_image_url: row.get(3)?,
175 |             preview_image_url: (row.get::<_, String>(4)?)
176 |                 .split("&")
177 |                 .map(|s| s.to_string())
178 |                 .collect(),
179 |             target_url: row.get(5)?,
180 |             content: row.get(6)?,
181 |             author: row.get(7)?,
182 |             tool_type: row.get(8)?,
183 |             categorys: (row.get::<_, String>(9)?)
184 |                 .split(",")
185 |                 .map(|s| s.to_string())
186 |                 .collect(),
187 |             tools_source_id: row.get(10)?,
188 |             source_name: row.get(11)?,
189 |         })
190 |     }
191 | 
192 |     pub fn get_source_item_by_id(
193 |         self: &Self,
194 |         item_id: i32,
195 |         handler: &AppHandle,
196 |     ) -> Result<Vec<ToolsSourceItem>, String> {
197 |         let mut prepare = self
198 |             .connection
199 |             .prepare("SELECT * FROM tools_source_item WHERE id = ?1")
200 |             .map_err(|err| err.to_string())?;
201 | 
202 |         let rows = prepare
203 |             .query_map((item_id,), Self::deal_source_row)
204 |             .map_err(|err| err.to_string())?;
205 | 
206 |         let mut sources = vec![];
207 |         for source in rows {
208 |             if source.is_ok() {
209 |                 let source = source.unwrap();
210 |                 sources.push(source);
211 |             } else {
212 |                 let err = source.unwrap_err();
213 |                 info!("item error {err}")
214 |             }
215 |         }
216 |         Ok(sources)
217 |     }
218 | 
219 |     pub fn delete_source_item_by_id(
220 |         self: &Self,
221 |         item_id: i32,
222 |         handler: &AppHandle,
223 |     ) -> Result<(), String> {
224 |         let mut prepare = self
225 |             .connection
226 |             .prepare("DELETE FROM tools_source_item WHERE id = ?1")
227 |             .map_err(|err| err.to_string())?;
228 | 
229 |         prepare.execute((item_id,)).map_err(|err| err.to_string())?;
230 | 
231 |         Ok(())
232 |     }
233 | 
234 |     pub fn get_source_item_by_url(
235 |         self: &Self,
236 |         target_url: String,
237 |         source_id: String,
238 |         handler: &AppHandle,
239 |     ) -> Result<Vec<ToolsSourceItem>, String> {
240 |         self.init(&handler)?;
241 |         let mut prepare = self
242 |             .connection
243 |             .prepare(
244 |                 "SELECT * FROM tools_source_item WHERE target_url = ?1 AND tools_source_id = ?2",
245 |             )
246 |             .map_err(|err| err.to_string())?;
247 |         info!("get_source_item_by_url {target_url} {source_id}");
248 |         let rows = prepare
249 |             .query_map((target_url, source_id), Self::deal_source_row)
250 |             .map_err(|err| err.to_string())?;
251 | 
252 |         let mut sources = vec![];
253 |         for source in rows {
254 |             if source.is_ok() {
255 |                 let source = source.unwrap();
256 |                 sources.push(source);
257 |             } else {
258 |                 let err = source.unwrap_err();
259 |                 info!("item error {err}")
260 |             }
261 |         }
262 |         Ok(sources)
263 |     }
264 | 
265 |     pub fn get_source_items_by_type(
266 |         self: &Self,
267 |         tool_type: String,
268 |         handler: &AppHandle,
269 |     ) -> Result<Vec<ToolsSourceItem>, String> {
270 |         let mut prepare = self
271 |             .connection
272 |             .prepare("SELECT * FROM tools_source_item Where tool_type = ?")
273 |             .map_err(|err| err.to_string())?;
274 | 
275 |         let rows = prepare
276 |             .query_map((tool_type,), Self::deal_source_row)
277 |             .map_err(|err| err.to_string())?;
278 | 
279 |         let mut sources = vec![];
280 |         for source in rows {
281 |             if source.is_ok() {
282 |                 let source = source.unwrap();
283 |                 sources.push(source);
284 |             } else {
285 |                 let err = source.unwrap_err();
286 |                 info!("item error {err}")
287 |             }
288 |         }
289 |         Ok(sources)
290 |     }
291 | 
292 |     pub fn get_source_items(
293 |         self: &Self,
294 |         id: String,
295 |         handler: &AppHandle,
296 |     ) -> Result<Vec<ToolsSourceItem>, String> {
297 |         info!("query id is {id}");
298 |         let mut sql_template = "SELECT * FROM tools_source_item Where tools_source_id = ?";
299 |         if id.len() == 0 {
300 |             sql_template = "SELECT * FROM tools_source_item ORDER BY id DESC";
301 |         }
302 |         info!("sql template is {sql_template}");
303 |         let mut prepare = self
304 |             .connection
305 |             .prepare(&sql_template)
306 |             .map_err(|err| err.to_string())?;
307 | 
308 |         let rows;
309 |         if id.len() == 0 {
310 |             rows = prepare
311 |                 .query_map([], Self::deal_source_row)
312 |                 .map_err(|err| err.to_string())?;
313 |         } else {
314 |             rows = prepare
315 |                 .query_map((id,), Self::deal_source_row)
316 |                 .map_err(|err| err.to_string())?;
317 |         }
318 |         let mut sources = vec![];
319 |         for source in rows {
320 |             if source.is_ok() {
321 |                 let source = source.unwrap();
322 |                 sources.push(source);
323 |             } else {
324 |                 let err = source.unwrap_err();
325 |                 info!("item error {err}")
326 |             }
327 |         }
328 |         Ok(sources)
329 |     }
330 | 
331 |     pub fn deal_tools_row(row: &Row) -> rusqlite::Result<ToolsSource> {
332 |         Ok(ToolsSource {
333 |             id: row.get(0)?,
334 |             source_id: row.get(1)?,
335 |             name: row.get(2)?,
336 |             description: row.get(3)?,
337 |             version: row.get(4)?,
338 |             author: row.get(5)?,
339 |             url: row.get(6)?,
340 |             source_type: row.get(7)?,
341 |             last_sync: row.get(8)?,
342 |             items: vec![],
343 |         })
344 |     }
345 | 
346 |     pub fn get_all_source(self: &Self, handle: &AppHandle) -> Result<Vec<ToolsSource>, String> {
347 |         let mut stmt = self
348 |             .connection
349 |             .prepare("SELECT * FROM tools_source")
350 |             .map_err(|err| err.to_string())?;
351 |         let rows = stmt
352 |             .query_map([], Self::deal_tools_row)
353 |             .map_err(|err| err.to_string())?;
354 |         let mut sources = vec![];
355 | 
356 |         for source in rows {
357 |             if source.is_ok() {
358 |                 let source = source.unwrap();
359 |                 sources.push(source);
360 |             } else {
361 |                 let err = source.unwrap_err();
362 |                 info!("source error {err}")
363 |             }
364 |         }
365 | 
366 |         Ok(sources)
367 |     }
368 | 
369 |     pub fn get_source_by_url(
370 |         self: &Self,
371 |         url: String,
372 |         handle: &AppHandle,
373 |     ) -> Result<Vec<ToolsSource>, String> {
374 |         let mut stmt = self
375 |             .connection
376 |             .prepare("SELECT * FROM tools_source where url = ?")
377 |             .map_err(|err| err.to_string())?;
378 |         let rows = stmt
379 |             .query_map((&url,), Self::deal_tools_row)
380 |             .map_err(|err| err.to_string())?;
381 |         let mut sources = vec![];
382 | 
383 |         for source in rows {
384 |             if source.is_ok() {
385 |                 let source = source.unwrap();
386 |                 sources.push(source);
387 |             } else {
388 |                 let err = source.unwrap_err();
389 |                 info!("source error {err}")
390 |             }
391 |         }
392 | 
393 |         Ok(sources)
394 |     }
395 | 
396 |     pub fn get_source_by_id(
397 |         self: &Self,
398 |         source_id: String
399 |     ) -> Result<Option<ToolsSource>, String> {
400 |         let mut stmt = self
401 |             .connection
402 |             .prepare("SELECT * FROM tools_source where source_id = ?")
403 |             .map_err(|err| err.to_string())?;
404 |         let rows = stmt
405 |             .query_map((&source_id,), Self::deal_tools_row)
406 |             .map_err(|err| err.to_string())?;
407 | 
408 |         for source in rows {
409 |             if source.is_ok() {
410 |                 let source = source.unwrap();
411 |                 return Ok(Some(source))
412 |             } else {
413 |                 let err = source.unwrap_err();
414 |                 info!("source error {err}")
415 |             }
416 |         }
417 | 
418 |         Ok(None)
419 |     }
420 | }
421 | 


--------------------------------------------------------------------------------
/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 | pub mod db;
  5 | pub mod request;
  6 | pub mod native;
  7 | pub mod search;
  8 | pub mod source;
  9 | 
 10 | use std::{env, fs, sync::atomic::AtomicBool};
 11 | 
 12 | use db::SqlState;
 13 | use ::log::info;
 14 | use native::{create_main_window, create_setting_window};
 15 | use source::{ToolsSource, ToolsSourceItem};
 16 | use tauri::{
 17 |     App, AppHandle, Manager,
 18 | };
 19 | use uuid::Uuid;
 20 | 
 21 | // Learn more about Tauri commands at https://tauri.app/v1/guides/features/command
 22 | #[tauri::command]
 23 | fn append_source(source_type: i32, path: String, url:String, handle: AppHandle) -> Result<(), String> {
 24 |     let json_content = fs::read_to_string(&path).map_err(|err| err.to_string())?;
 25 |     let mut tools_source = source::parse_source(&json_content)?;
 26 |     info!("append source: {:?}", source_type);
 27 |     if source_type == 0 {
 28 |         // 网络下载
 29 |         tools_source.url = url.to_string().clone();
 30 |     } else {
 31 |         // 本地导入
 32 |         tools_source.url = path.to_string().clone();
 33 |     }
 34 |     tools_source.source_type = source_type;
 35 |     tools_source.source_id = Uuid::new_v4().to_string();
 36 |     source::save_source(&tools_source, &handle)?;
 37 |     Ok(())
 38 | }
 39 | 
 40 | #[tauri::command]
 41 | fn update_source(source_id: String, handle: AppHandle) -> Result<(), String> {
 42 |     source::update_source_by_id(source_id, &handle)?;
 43 |     Ok(())
 44 | }
 45 | 
 46 | #[tauri::command]
 47 | fn get_all_source(handle: tauri::AppHandle) -> Result<Vec<ToolsSource>, String> {
 48 |     let list = source::query_all(&handle)?;
 49 |     Ok(list)
 50 | }
 51 | 
 52 | #[tauri::command]
 53 | fn delete_source(handle: tauri::AppHandle, source_ids: Vec<String>) -> Result<(), String> {
 54 |     source::delete_source(source_ids, &handle)?;
 55 |     Ok(())
 56 | }
 57 | #[tauri::command]
 58 | fn get_source_item(id: String, handle: tauri::AppHandle) -> Result<Vec<ToolsSourceItem>, String> {
 59 |     let list = source::query_items(id, &handle)?;
 60 |     Ok(list)
 61 | }
 62 | 
 63 | #[tauri::command]
 64 | fn get_source_item_by_id(
 65 |     item_id: i32,
 66 |     handle: tauri::AppHandle,
 67 | ) -> Result<Vec<ToolsSourceItem>, String> {
 68 |     let list = source::query_items_by_id(item_id, &handle)?;
 69 |     Ok(list)
 70 | }
 71 | 
 72 | #[tauri::command]
 73 | fn delete_source_item_by_id(item_id: i32, handle: tauri::AppHandle) -> Result<(), String> {
 74 |     source::delete_source_item_by_id(item_id, &handle)?;
 75 |     Ok(())
 76 | }
 77 | 
 78 | #[tauri::command]
 79 | fn get_source_items_by_type(
 80 |     tool_type: String,
 81 |     handle: tauri::AppHandle,
 82 | ) -> Result<Vec<ToolsSourceItem>, String> {
 83 |     let list = source::query_items_by_type(tool_type, &handle)?;
 84 |     Ok(list)
 85 | }
 86 | 
 87 | #[tauri::command]
 88 | fn search_tools(keywords: String, handle: tauri::AppHandle) -> Result<Vec<String>, String> {
 89 |     let result = source::search_tool_items(keywords, &handle)?;
 90 |     Ok(result)
 91 | }
 92 | 
 93 | #[tauri::command]
 94 | fn save_local_source_item(
 95 |     source_item: ToolsSourceItem,
 96 |     handle: tauri::AppHandle,
 97 | ) -> Result<i32, String> {
 98 |     // let source_item = serde_json::from_str(source_item.as_str()).map_err(|err| err.to_string())?;
 99 |     let item_id = source::save_local_tool_item(&source_item, &handle)?;
100 |     Ok(item_id)
101 | }
102 | 
103 | #[tauri::command]
104 | fn export_source(
105 |     tools_list: Vec<i32>,
106 |     out_path: String,
107 |     handle: tauri::AppHandle,
108 | ) -> Result<(), String> {
109 |     source::export_source(tools_list, out_path, &handle)?;
110 |     Ok(())
111 | }
112 | 
113 | #[tauri::command]
114 | fn show_settings(handle: AppHandle) -> Result<(), String> {
115 |     if let Some(window) = handle.get_webview_window("settings") {
116 |         window.show().map_err(|err| err.to_string()).unwrap();
117 |         Ok(())
118 |     } else {
119 |         let setting_window = create_setting_window(&handle);
120 |         setting_window
121 |             .show()
122 |             .map_err(|err| err.to_string())
123 |             .unwrap();
124 |         Ok(())
125 |     }
126 | }
127 | 
128 | fn main() {
129 |     tauri::Builder::default()
130 |         .plugin(tauri_plugin_upload::init())
131 |         // .plugin(tauri_plugin_updater::Builder::new().build())
132 |         .plugin(tauri_plugin_log::Builder::new().build())
133 |         .manage(SqlState(AtomicBool::new(false)))
134 |         // .plugin(tauri_plugin_store::Builder::new().build())
135 |         .plugin(tauri_plugin_dialog::init())
136 |         .plugin(tauri_plugin_fs::init())
137 |         .plugin(tauri_plugin_shell::init())
138 |         .setup(|app| {
139 |             let _ = db::init_db_conn(&app.handle()).unwrap();
140 |             let _ = search::init_index(&app.handle()).unwrap();
141 |             window_design(app)?;
142 |             Ok(())
143 |         })
144 |         .invoke_handler(tauri::generate_handler![
145 |             append_source,
146 |             get_all_source,
147 |             get_source_item,
148 |             delete_source,
149 |             show_settings,
150 |             get_source_item_by_id,
151 |             get_source_items_by_type,
152 |             save_local_source_item,
153 |             search_tools,
154 |             export_source,
155 |             delete_source_item_by_id,
156 |             update_source
157 |         ])
158 |         .run(tauri::generate_context!())
159 |         .expect("error while running tauri application");
160 | }
161 | 
162 | fn window_design(app: &mut App) -> Result<(), Box<dyn std::error::Error>> {
163 |     let _window = create_main_window(&app.handle());
164 |     Ok(())
165 | }
166 | 


--------------------------------------------------------------------------------
/src-tauri/src/native.rs:
--------------------------------------------------------------------------------
  1 | use tauri::WebviewWindow;
  2 | use tauri::{AppHandle, LogicalSize};
  3 | 
  4 | #[cfg(target_os = "macos")]
  5 | pub fn native_windows(
  6 |     window: &tauri::WebviewWindow,
  7 |     vibrancy_radius: Option<f64>,
  8 |     need_toolbar: bool,
  9 | ) {
 10 |     use cocoa::{
 11 |         appkit::{NSWindow, NSWindowToolbarStyle},
 12 |         base::id,
 13 |     };
 14 |     use objc::{class, msg_send, sel, sel_impl};
 15 |     // use window_shadows::set_shadow;
 16 |     use window_vibrancy::{apply_vibrancy, NSVisualEffectMaterial};
 17 | 
 18 |     // set_shadow(window, true).unwrap();
 19 | 
 20 |     apply_vibrancy(
 21 |         window,
 22 |         NSVisualEffectMaterial::Sidebar,
 23 |         None,
 24 |         vibrancy_radius,
 25 |     )
 26 |     .expect("Unsupported platform! 'apply_vibrancy' is only supported on macOS");
 27 | 
 28 |     if need_toolbar {
 29 |         // 添加toolbar让"红绿灯"看起来更自然
 30 |         let ns_window = window.ns_window().unwrap() as id;
 31 |         unsafe {
 32 |             ns_window.setToolbar_(msg_send![class!(NSToolbar), new]);
 33 |             ns_window.setToolbarStyle_(NSWindowToolbarStyle::NSWindowToolbarStyleUnified);
 34 |         }
 35 |     }
 36 | }
 37 | 
 38 | /**
 39 | *  {
 40 |        "fullscreen": false,
 41 |        "height": 600,
 42 |        "resizable": true,
 43 |        "title": "dTools",
 44 |        "width": 800,
 45 |        "titleBarStyle": "Overlay",
 46 |        "hiddenTitle": true,
 47 |        "transparent": true,
 48 |        "minHeight": 600,
 49 |        "minWidth": 800,
 50 |        "label": "main",
 51 |        "acceptFirstMouse": true,
 52 |        "url": "index.html",
 53 |        "tabbingIdentifier": "test"
 54 |      }
 55 | */
 56 | pub fn create_main_window(app: &AppHandle) -> WebviewWindow {
 57 |     #[cfg(target_os = "macos")]
 58 |     let style = tauri::TitleBarStyle::Overlay;
 59 | 
 60 |     #[cfg(target_os = "windows")]
 61 |     let style = tauri::TitleBarStyle::Visible;
 62 | 
 63 |     let main_window = tauri::WebviewWindowBuilder::new(
 64 |         app,
 65 |         "main", /* the unique window label */
 66 |         tauri::WebviewUrl::App("/software".parse().unwrap()),
 67 |     )
 68 |     .decorations(true)
 69 |     .resizable(true)
 70 |     .visible(true)
 71 |     .accept_first_mouse(true)
 72 |     .hidden_title(true)
 73 |     .title_bar_style(style)
 74 |     .build()
 75 |     .expect("failed to build window");
 76 |     main_window
 77 |         .set_size(LogicalSize::new(800, 600))
 78 |         .expect("failed to set size");
 79 |     main_window
 80 |         .set_min_size(Some(LogicalSize::new(800, 600)))
 81 |         .expect("failed to set min size");
 82 | 
 83 |     #[cfg(target_os = "macos")]
 84 |     native_windows(&main_window, None, true);
 85 | 
 86 |     return main_window;
 87 | }
 88 | 
 89 | /**
 90 |  * 创建设置窗口
 91 |  */
 92 | pub fn create_setting_window(app: &AppHandle) -> WebviewWindow {
 93 |     #[cfg(target_os = "macos")]
 94 |     let style = tauri::TitleBarStyle::Overlay;
 95 | 
 96 |     #[cfg(target_os = "windows")]
 97 |     let style = tauri::TitleBarStyle::Visible;
 98 | 
 99 |     let setting_window = tauri::WebviewWindowBuilder::new(
100 |         app,
101 |         "settings", /* the unique window label */
102 |         tauri::WebviewUrl::App("/settings".parse().unwrap()),
103 |     )
104 |     .decorations(true)
105 |     .visible(true)
106 |     .accept_first_mouse(true)
107 |     .hidden_title(true)
108 |     .title_bar_style(style)
109 |     .build()
110 |     .expect("failed to build window");
111 | 
112 |     setting_window
113 |         .set_size(LogicalSize::new(800, 600))
114 |         .expect("failed to set size");
115 |     setting_window
116 |         .set_resizable(false)
117 |         .expect("failed to set resizable");
118 | 
119 |     #[cfg(target_os = "macos")]
120 |     native_windows(&setting_window, None, true);
121 |     return setting_window;
122 | }
123 | 


--------------------------------------------------------------------------------
/src-tauri/src/request.rs:
--------------------------------------------------------------------------------
 1 | use std::{fs::File, io::Write};
 2 | 
 3 | use tauri::{AppHandle, Manager};
 4 | use uuid::Uuid;
 5 | 
 6 | pub fn download_file(url: String, handle: &AppHandle) -> Result<String, String> {
 7 |     let mut app_data_path = handle.path().app_data_dir().map_err(|err| err.to_string())?;
 8 |     let app_data_dir_string = app_data_path.as_mut_os_string();
 9 |     app_data_dir_string.push(format!("/temp-{}.json", Uuid::new_v4().to_string()));
10 |     let temp_file_path = app_data_dir_string.to_str().unwrap();
11 |     let mut file = File::create(temp_file_path).map_err(|err| err.to_string())?;
12 | 
13 |     let resp = reqwest::blocking::get(url).map_err(|err| err.to_string())?;
14 |     if resp.status().is_success() {
15 |         let bytes = resp.bytes().map_err(|err| err.to_string())?;
16 |         file.write_all(&bytes).map_err(|err| err.to_string())?;
17 |     }
18 |     Ok(temp_file_path.clone().to_string())
19 | }


--------------------------------------------------------------------------------
/src-tauri/src/search.rs:
--------------------------------------------------------------------------------
  1 | use lazy_static::lazy_static;
  2 | use log::info;
  3 | use std::{
  4 |     fs,
  5 |     path::{Path, PathBuf},
  6 |     sync::{Arc, Mutex},
  7 | };
  8 | use tantivy::{
  9 |     collector::TopDocs,
 10 |     directory::MmapDirectory,
 11 |     doc, index,
 12 |     query::{self, BooleanQuery, Occur, QueryClone, QueryParser, TermQuery},
 13 |     schema::{
 14 |         self, FieldValue, IndexRecordOption, Schema, TextFieldIndexing, TextOptions, INDEXED,
 15 |         STORED, STRING,
 16 |     },
 17 |     Document, Index, IndexWriter, TantivyDocument, Term,
 18 | };
 19 | use tauri::{AppHandle, Manager};
 20 | 
 21 | use crate::source::ToolsSourceItem;
 22 | 
 23 | #[derive(Default)]
 24 | pub struct ToolsSearch {
 25 |     index_name: String,
 26 |     index: Option<Index>,
 27 | }
 28 | 
 29 | lazy_static! {
 30 |     pub static ref TOOLS_INDEX: Arc<Mutex<ToolsSearch>> =
 31 |         Arc::new(Mutex::new(ToolsSearch::default()));
 32 | }
 33 | 
 34 | pub fn init_index(handle: &AppHandle) -> Result<(), String> {
 35 |     let mut tools_index = TOOLS_INDEX.lock().map_err(|err| err.to_string())?;
 36 |     let index = tools_index.init_index(handle)?;
 37 |     tools_index.index = Some(index);
 38 |     Ok(())
 39 | }
 40 | 
 41 | impl ToolsSearch {
 42 |     fn exists(&self, index_path: &PathBuf) -> Result<bool, String> {
 43 |         let mmDir = MmapDirectory::open(index_path).map_err(|e| e.to_string())?;
 44 |         return Index::exists(&mmDir).map_err(|e| e.to_string());
 45 |     }
 46 | 
 47 |     fn get_schema() -> Schema {
 48 |         let mut schema_builder = Schema::builder();
 49 | 
 50 |         let text_filed_indexing = TextFieldIndexing::default()
 51 |             .set_tokenizer("jieba")
 52 |             .set_index_option(tantivy::schema::IndexRecordOption::WithFreqsAndPositions);
 53 | 
 54 |         let text_options = TextOptions::default()
 55 |             .set_indexing_options(text_filed_indexing)
 56 |             .set_stored();
 57 | 
 58 |         schema_builder.add_i64_field("tool_id", STORED | INDEXED);
 59 |         schema_builder.add_text_field("target_url", STORED | STRING);
 60 |         schema_builder.add_text_field("source_id", STORED | STRING);
 61 |         schema_builder.add_text_field("title", text_options.clone());
 62 |         schema_builder.add_text_field("description", text_options.clone());
 63 |         schema_builder.add_text_field("content", text_options.clone());
 64 | 
 65 |         return schema_builder.build();
 66 |     }
 67 | 
 68 |     pub fn init_index(&self, handle: &AppHandle) -> Result<Index, String> {
 69 |         let mut app_data_dir = handle
 70 |             .path()
 71 |             .app_data_dir()
 72 |             .map_err(|err| err.to_string())?;
 73 |         if !app_data_dir.exists() {
 74 |             fs::create_dir(app_data_dir.as_path()).map_err(|err| err.to_string())?
 75 |         }
 76 |         let app_data_dir_string = app_data_dir.as_mut_os_string();
 77 |         app_data_dir_string.push(format!("/index/{}", self.index_name.clone()));
 78 |         let index_path_str = app_data_dir_string.to_str().unwrap();
 79 |         let index_path = PathBuf::from(index_path_str);
 80 |         if !index_path.exists() {
 81 |             fs::create_dir_all(index_path.as_path()).map_err(|err| err.to_string())?
 82 |         }
 83 |         let tokenizer = tantivy_jieba::JiebaTokenizer {};
 84 |         if self.exists(&index_path).map_err(|e| e.to_string())? {
 85 |             let index = Index::open(MmapDirectory::open(&index_path).map_err(|e| e.to_string())?)
 86 |                 .map_err(|e| e.to_string())?;
 87 |             index.tokenizers().register("jieba", tokenizer);
 88 |             return Ok(index);
 89 |         }
 90 | 
 91 |         let schema = Self::get_schema();
 92 | 
 93 |         let index = tantivy::Index::create_in_dir(&index_path.as_path(), schema.clone())
 94 |             .map_err(|e| e.to_string())?;
 95 | 
 96 |         index.tokenizers().register("jieba", tokenizer);
 97 | 
 98 |         Ok(index)
 99 |     }
100 | 
101 |     pub fn update_index(&self, tool_items: &Vec<ToolsSourceItem>) -> Result<(), String> {
102 |         if let Some(tools_index) = &self.index {
103 |             let schema = Self::get_schema();
104 |             let id = schema.get_field("tool_id").map_err(|err| err.to_string())?;
105 |             let title = schema.get_field("title").map_err(|err| err.to_string())?;
106 |             let description = schema
107 |                 .get_field("description")
108 |                 .map_err(|err| err.to_string())?;
109 |             let content = schema.get_field("content").map_err(|err| err.to_string())?;
110 |             let target_url = schema
111 |                 .get_field("target_url")
112 |                 .map_err(|err| err.to_string())?;
113 |             let source_id = schema
114 |                 .get_field("source_id")
115 |                 .map_err(|err| err.to_string())?;
116 |             let mut index_writer = tools_index
117 |                 .writer(50_000_000)
118 |                 .map_err(|err| err.to_string())?;
119 |             // 更新索引分为 删除和添加 两步
120 |             for ele in tool_items {
121 |                 let url_term = Term::from_field_text(target_url, &ele.target_url.as_str());
122 |                 let source_id_term =
123 |                     Term::from_field_text(source_id, &ele.tools_source_id.as_str());
124 |                 let url_query = TermQuery::new(url_term.clone(), IndexRecordOption::Basic);
125 |                 let source_id_query =
126 |                     TermQuery::new(source_id_term.clone(), IndexRecordOption::Basic);
127 |                 // let tools_exists = self.extract_doc_by_url(&url_term)?;
128 |                 // if tools_exists.is_some() {
129 |                 // }
130 |                 let union_query = BooleanQuery::new(vec![
131 |                     (Occur::Must, url_query.box_clone()),
132 |                     (Occur::Must, source_id_query.box_clone()),
133 |                 ]);
134 |                 let _ = index_writer
135 |                     .delete_query(union_query.box_clone())
136 |                     .map_err(|err| err.to_string())?;
137 |                 index_writer
138 |                     .add_document(doc!(
139 |                         id => ele.id as i64,
140 |                         title => ele.title.as_str(),
141 |                         description => ele.description.as_str(),
142 |                         content => ele.content.as_str(),
143 |                         target_url => ele.target_url.as_str(),
144 |                         source_id => ele.tools_source_id.as_str()
145 |                     ))
146 |                     .map_err(|err| err.to_string())?;
147 |             }
148 | 
149 |             index_writer.commit().map_err(|err| err.to_string())?;
150 |         }
151 |         Ok(())
152 |     }
153 | 
154 |     pub fn delete_by_source_id(&self, tools_source_id: &String) -> Result<(), String> {
155 |         if let Some(tools_index) = &self.index {
156 |             let schema = Self::get_schema();
157 |             let source_id = schema
158 |                 .get_field("source_id")
159 |                 .map_err(|err| err.to_string())?;
160 |             let source_id_term = Term::from_field_text(source_id, &tools_source_id.as_str());
161 |             let mut index_writer: IndexWriter = tools_index
162 |                 .writer(50_000_000)
163 |                 .map_err(|err| err.to_string())?;
164 |             index_writer.delete_term(source_id_term);
165 |             index_writer.commit().map_err(|err| err.to_string())?;
166 |         }
167 | 
168 |         Ok(())
169 |     }
170 |     fn extract_doc_by_url(&self, target_url: &Term) -> Result<Option<TantivyDocument>, String> {
171 |         if let Some(tools_index) = &self.index {
172 |             let reader = tools_index.reader().map_err(|err| err.to_string())?;
173 |             let searcher = reader.searcher();
174 |             let term_query = TermQuery::new(target_url.clone(), IndexRecordOption::Basic);
175 |             let top_docs = searcher
176 |                 .search(&term_query, &TopDocs::with_limit(1))
177 |                 .map_err(|err| err.to_string())?;
178 |             if let Some((_score, doc_address)) = top_docs.first() {
179 |                 let doc = searcher.doc(*doc_address).map_err(|err| err.to_string())?;
180 |                 return Ok(Some(doc));
181 |             } else {
182 |                 return Ok(None);
183 |             }
184 |         }
185 | 
186 |         Ok(None)
187 |     }
188 |     pub fn search(&self, keyword: String) -> Result<Vec<String>, String> {
189 |         if let Some(tools_index) = &self.index {
190 |             let mut result = vec![];
191 |             let reader = tools_index.reader().map_err(|err| err.to_string())?;
192 |             let searcher = reader.searcher();
193 |             let schema = tools_index.schema();
194 |             let title = schema.get_field("title").map_err(|err| err.to_string())?;
195 |             let description = schema
196 |                 .get_field("description")
197 |                 .map_err(|err| err.to_string())?;
198 |             let content = schema.get_field("content").map_err(|err| err.to_string())?;
199 |             let query_parser =
200 |                 QueryParser::for_index(tools_index, vec![title, description, content]);
201 |             let query = query_parser
202 |                 .parse_query(keyword.as_str())
203 |                 .map_err(|err| err.to_string())?;
204 | 
205 |             let top_docs = searcher
206 |                 .search(&query, &TopDocs::with_limit(10))
207 |                 .map_err(|err| err.to_string())?;
208 |             for (_score, doc_address) in top_docs {
209 |                 let retrieved_doc: TantivyDocument =
210 |                     searcher.doc(doc_address).map_err(|err| err.to_string())?;
211 |                 result.push(retrieved_doc.to_json(&schema))
212 |             }
213 |             return Ok(result);
214 |         }
215 | 
216 |         Ok(vec![])
217 |     }
218 | }
219 | 


--------------------------------------------------------------------------------
/src-tauri/src/source.rs:
--------------------------------------------------------------------------------
  1 | use std::{fs::{self, File}, io::Write, path::PathBuf};
  2 | 
  3 | use log::{info, kv::source};
  4 | use serde::{Deserialize, Serialize};
  5 | use serde_json::to_string;
  6 | use tauri::AppHandle;
  7 | use uuid::Uuid;
  8 | 
  9 | use crate::{
 10 |     db::DB, request::download_file, search::{self, TOOLS_INDEX}
 11 | };
 12 | 
 13 | /**
 14 |  * {
 15 |     "name":"xxx",
 16 |     "description":"描述",
 17 |     "version": 1,
 18 |     "author":"发布者",
 19 |     "items":[{
 20 |         "title":"标题",
 21 |         "description":"简要描述，建议不要超过20个字",
 22 |         "converImageUrl":"封面图片链接",
 23 |         "previewImageUrl":["","",""],
 24 |         "targetUrl":"",
 25 |         "content":"",
 26 |         "author":"xxx",
 27 |         "type":"app/web",
 28 |         "categorys":["",""]
 29 |     }]
 30 | }
 31 | 
 32 | 
 33 |  */
 34 | #[derive(Debug, Serialize, Deserialize)]
 35 | pub struct ToolsSource {
 36 |     #[serde(skip_deserializing)]
 37 |     pub id: i32,
 38 |     #[serde(skip_deserializing)]
 39 |     pub source_id: String,
 40 |     pub name: String,
 41 |     pub description: String,
 42 |     pub version: i32,
 43 |     pub author: String,
 44 |     pub url: String,
 45 |     #[serde(skip_deserializing)]
 46 |     pub source_type: i32,
 47 |     #[serde(skip_deserializing)]
 48 |     pub last_sync: String,
 49 |     pub items: Vec<ToolsSourceItem>,
 50 | }
 51 | 
 52 | #[derive(Debug, Serialize, Deserialize)]
 53 | pub struct ToolsSourceExport {
 54 |     pub name: String,
 55 |     pub description: String,
 56 |     pub version: i32,
 57 |     pub author: String,
 58 |     pub url: String,
 59 |     pub items: Vec<ToolsSourceItem>,
 60 | }
 61 | #[derive(Debug, Serialize, Deserialize, Clone)]
 62 | pub struct ToolsSourceItem {
 63 |     #[serde(skip_deserializing)]
 64 |     pub id: i32,
 65 |     pub title: String,
 66 |     pub description: String,
 67 |     pub cover_image_url: String,
 68 |     pub preview_image_url: Vec<String>,
 69 |     pub target_url: String,
 70 |     pub content: String,
 71 |     pub author: String,
 72 |     pub tool_type: String,
 73 |     pub categorys: Vec<String>,
 74 |     #[serde(skip_deserializing)]
 75 |     pub tools_source_id: String,
 76 |     #[serde(skip_deserializing)]
 77 |     pub source_name: String,
 78 | }
 79 | 
 80 | pub fn parse_source(source: &str) -> Result<ToolsSource, String> {
 81 |     let result =
 82 |         serde_json::from_str(source).map_err(|err| format!("parse json: {}", err.to_string()))?;
 83 |     Ok(result)
 84 | }
 85 | pub fn save_source(tools_source: &ToolsSource, handle: &AppHandle) -> Result<(), String> {
 86 |     let db = DB.lock().map_err(|err| err.to_string())?;
 87 |     // 添加源
 88 |     db.add_source(&tools_source)?;
 89 |     let source_item_len = tools_source.items.len();
 90 |     info!("save source: {source_item_len} ");
 91 |     // 添加工具列表
 92 |     for ele in &tools_source.items {
 93 |         db.add_source_item(&tools_source, &ele, handle)?;
 94 |     }
 95 |     let tools = db.get_source_items(tools_source.source_id.clone(), handle)?;
 96 |     let tools_index = TOOLS_INDEX.lock().map_err(|err| err.to_string())?;
 97 |     tools_index.update_index(&tools)?;
 98 |     Ok(())
 99 | }
100 | 
101 | pub fn delete_source(source_ids: Vec<String>, handle: &AppHandle) -> Result<(), String> {
102 |     let db = DB.lock().map_err(|err| err.to_string())?;
103 |     db.delete_source(&source_ids, &handle)?;
104 |     let tools_index = TOOLS_INDEX.lock().map_err(|err| err.to_string())?;
105 |     for source_id in source_ids {
106 |         db.delete_item(&source_id)?;
107 |         tools_index.delete_by_source_id(&source_id)?;
108 |     }
109 |     Ok(())
110 | }
111 | 
112 | pub fn query_all(handle: &AppHandle) -> Result<Vec<ToolsSource>, String> {
113 |     let db = DB.lock().map_err(|err| err.to_string())?;
114 |     return db.get_all_source(&handle);
115 | }
116 | 
117 | pub fn query_items(id: String, handle: &AppHandle) -> Result<Vec<ToolsSourceItem>, String> {
118 |     let db = DB.lock().map_err(|err| err.to_string())?;
119 |     return db.get_source_items(id, &handle);
120 | }
121 | 
122 | pub fn query_items_by_id(item_id: i32, handle: &AppHandle) -> Result<Vec<ToolsSourceItem>, String> {
123 |     let db = DB.lock().map_err(|err| err.to_string())?;
124 |     return db.get_source_item_by_id(item_id, &handle);
125 | }
126 | 
127 | pub fn query_items_by_type(
128 |     tool_type: String,
129 |     handle: &AppHandle,
130 | ) -> Result<Vec<ToolsSourceItem>, String> {
131 |     let db = DB.lock().map_err(|err| err.to_string())?;
132 |     return db.get_source_items_by_type(tool_type, &handle);
133 | }
134 | 
135 | pub fn save_local_tool_item(item: &ToolsSourceItem, handle: &AppHandle) -> Result<i32, String> {
136 |     // 查询source表，是否有本地的source, url = localhost
137 |     let db = DB.lock().map_err(|err| err.to_string())?;
138 |     let mut source = db.get_source_by_url("localhost".to_string(), handle)?;
139 |     let source_id = Uuid::new_v4().to_string();
140 |     if source.is_empty() {
141 |         db.add_source(
142 |             &ToolsSource {
143 |                 id: 0,
144 |                 source_id: source_id.clone(),
145 |                 name: "本地工具".to_string(),
146 |                 description: "本地工具".to_string(),
147 |                 version: 1,
148 |                 author: "你".to_string(),
149 |                 url: "localhost".to_string(),
150 |                 source_type: 1,
151 |                 last_sync: "".to_string(),
152 |                 items: vec![],
153 |             }
154 |         )?;
155 |         source = db.get_source_by_url("localhost".to_string(), handle)?;
156 |     }
157 |     // 如果没有，则插入一条数据
158 |     db.add_source_item(&source[0], item, handle)?;
159 | 
160 |     // 插入tool—item 数据，结束
161 |     let result_list = db.get_source_item_by_url(
162 |         item.target_url.clone(),
163 |         source[0].source_id.clone(),
164 |         &handle,
165 |     )?;
166 |     let result_str = serde_json::to_string(&result_list);
167 |     info!("search result: {:?}", result_str);
168 |     if result_list.len() > 0 {
169 |         let tools_index = TOOLS_INDEX.lock().map_err(|err| err.to_string())?;
170 |         tools_index.update_index(&result_list)?;
171 |         Ok(result_list[0].id)
172 |     } else {
173 |         Ok(0)
174 |     }
175 | }
176 | 
177 | pub fn search_tool_items(keywords: String, handle: &AppHandle) -> Result<Vec<String>, String> {
178 |     let tools_index = TOOLS_INDEX.lock().map_err(|err| err.to_string())?;
179 |     return tools_index.search(keywords);
180 | }
181 | 
182 | pub fn export_source(
183 |     tools_list: Vec<i32>,
184 |     out_path: String,
185 |     handle: &AppHandle,
186 | ) -> Result<(), String> {
187 |     // 查询所有的tools数据
188 |     let db = DB.lock().map_err(|err| err.to_string())?;
189 |     let mut tools = vec![];
190 |     for ele in tools_list {
191 |         let tool = db.get_source_item_by_id(ele, handle)?;
192 |         let first_tool = tool[0].clone();
193 |         tools.push(first_tool);
194 |     }
195 |     // 构建source对象
196 |     let source = ToolsSourceExport {
197 |         name: "导出工具".to_string(),
198 |         description: "导出工具".to_string(),
199 |         version: 1,
200 |         author: "你的昵称".to_string(),
201 |         url: "".to_string(),
202 |         items: tools,
203 |     };
204 | 
205 |     // 转换成json字符串
206 |     let export_json = serde_json::to_string(&source).map_err(|err| err.to_string())?;
207 |     // 写入out_path 路径的文件。
208 |     let mut file = File::create(format!("{}/{}", out_path, "tools-export.json"))
209 |         .map_err(|err| err.to_string())?;
210 |     file.write_all(export_json.as_bytes())
211 |         .map_err(|err| err.to_string())?;
212 |     Ok(())
213 | }
214 | 
215 | pub(crate) fn delete_source_item_by_id(item_id: i32, handle: &AppHandle) -> Result<(), String> {
216 |     let db = DB.lock().map_err(|err| err.to_string())?;
217 |     db.delete_source_item_by_id(item_id, handle)?;
218 |     Ok(())
219 | }
220 | 
221 | pub fn update_source_by_id(source_id: String, handle: &AppHandle) -> Result<(), String> {
222 |     // 获取source_id 对应的source对象
223 |     let db = DB.lock().map_err(|err| err.to_string())?;
224 |     let source = db.get_source_by_id(source_id.clone())?;
225 |     if let Some(source) = source {
226 |         let path :String;
227 |         if source.source_type == SOURCE_TYPE_WEB {
228 |             path = download_file(source.url, handle)?;
229 |         } else {
230 |             path = source.url;
231 |         }
232 |         let source_path = PathBuf::from(&path);
233 |         if !source_path.exists() {
234 |             return Err("配置文件不存在！".to_string());
235 |         }
236 |         let json_content = fs::read_to_string(&path).map_err(|err| err.to_string())?;
237 |         let mut tools_source = parse_source(&json_content)?;
238 |         // 大于当前版本则，才进行更新
239 |         if tools_source.version > source.version {
240 |             tools_source.source_type = source.source_type;
241 |             tools_source.source_id = source.source_id;
242 |             tools_source.url = path.clone();
243 |             // 更新source数据
244 |             db.add_source(&tools_source)?;
245 |             // 删除旧数据
246 |             db.delete_item(&source_id)?;
247 |             // 插入新数据
248 |             tools_source.items.iter().for_each(|item| {
249 |                 db.add_source_item(&tools_source, item, handle).unwrap();
250 |             });
251 |             // 更新索引数据
252 |             let tools = db.get_source_items(tools_source.source_id, handle)?;
253 |             let tools_index = TOOLS_INDEX.lock().map_err(|err| err.to_string())?;
254 |             tools_index.update_index(&tools)?;
255 |         } else {
256 |             return Err("已是最新版本！".to_string());
257 |         }
258 |         if source.source_type == SOURCE_TYPE_WEB {
259 |             // 删除临时文件
260 |             fs::remove_file(&path).map_err(|err| err.to_string())?;
261 |         }
262 |     }
263 | 
264 |     Ok(())
265 | }
266 | 
267 | const SOURCE_TYPE_WEB: i32 = 0;
268 | const SOURCE_TYPE_LOCAL: i32 = 1;


--------------------------------------------------------------------------------
/src-tauri/tauri.conf.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "productName": "myTools",
 3 |   "version": "0.0.2",
 4 |   "identifier": "com.feint.mytools",
 5 |   "build": {
 6 |     "beforeDevCommand": "npm run dev",
 7 |     "devUrl": "http://localhost:3000",
 8 |     "beforeBuildCommand": "npm run build",
 9 |     "frontendDist": "../out"
10 |   },
11 |   "app": {
12 |     "windows": [
13 |      
14 |     ],
15 |     "security": {
16 |       "csp": null
17 |     },
18 |     "macOSPrivateApi": true
19 |   },
20 |   "bundle": {
21 |     "active": true,
22 |     "targets": "all",
23 |     "icon": [
24 |       "icons/32x32.png",
25 |       "icons/128x128.png",
26 |       "icons/128x128@2x.png",
27 |       "icons/icon.icns",
28 |       "icons/icon.ico"
29 |     ]
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/statics/import_tools_config.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/statics/import_tools_config.gif


--------------------------------------------------------------------------------
/statics/myTools设计文档.drawio:
--------------------------------------------------------------------------------
1 | <mxfile host="Electron" modified="2024-07-18T16:06:48.356Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.5.1 Chrome/96.0.4664.110 Electron/16.0.7 Safari/537.36" etag="PKawKr-x5sT4rk6ah18O" version="16.5.1" type="device" pages="2"><diagram id="0PzGkgKy6eMpOUYVYS2Z" name="工具源更新">5VpRk9o2EP41erwby7Zs+dEGkzS9NJ256aTtS8bYAtwziDMiQH59tbLAGAuO5gg+mpnMRV5LQtr9dvXtysjpTdfvymQ++cgzViDbytbI6SPbxtjy5H8g2VSSIPArwbjMM92pFjzm35gWWlq6zDO2aHQUnBcinzeFKZ/NWCoasqQs+arZbcSL5q/OkzFrCR7TpGhLP+eZmFRSavu1/D3Lx5PtL2MvqN5Mk21nvZPFJMn4ak/kxMjplZyLqjVd91gBytvqpRo3OPJ2t7CSzcQ5A34N0nQR/xHak+nH7MOHvhulv93pxX5NiqXesF6s2Gw1UPLlLGMwiYWcaDXJBXucJym8XUmbS9lETAv5hGVzlBdFjxe8VGOdEU1Zmkr5QpT8ie29GVLiEphQL4CVgq2P7gzv9CWBxviUiXIju+gBtu9WQzTGfF+rfFVbzKZaNtmzlmNpYaJRMt7NXStSNrQuzXpNfkks9vx3H8+nz3cPq9Xz+nF8R1pqZJnElX7kpZjwMZ8lRVxLo6ai6z4PnM+1ev9hQmy0kyRLwZvKl+oqN3/C+HuyffxLT6ce+uvG00Y/VWuFBZ42gNwPX5YpO7HvrYsm5ZiJE/0cs0FLViQi/9pcx8WNg9ugjz1EA0QjFBNEQxRSkAQRilzV8FBktSxa2wu/7BgXgLnrWg2YS/i2YI5tA8zdH4XyM6LHFWB/QfjaZ8KXdglf2wBfF0VUwZeiqA//Yh/+Blg1IhT0NI6przpLZHudA9ohzbgNB0K3gPYMqm0p8ueM7M6ZrmG/0jXU0LAsk81ehznPZ2KxN/PvINgLjbiJJIdYB1ioZqyRsVva94PFNx4jEiBhD44R2TAcGtcEC25ApUbO2wHLa+OoGQ0ebh6Uu7iynaJalx5Vw+S/oo4Q6xTqXuxP6BVQ6hhRGoUosFRIwxDVAK4xnB+tI2HCp8Pl4jr8xjtQJ24fByYWT3/UaYBxSx+3RWfomW6ILbNhrsNnqAGhFIU+Ch0VUGMF1RZ7AaYuJQQaYYyi4M3xGeJ1zWewyfsJnEt0oDQZIhqj2EHSh6iiOGEfEqHdq9vG/zaAvOwAr2Utr7OSgXb+LIonnSreROFkNHEh+pz0gYdkyIqm+pIiH89kO5XaYqUUQCzJ06QI9YtpnmWVpdgi/5YM1XxgK80z5OQkQqR/KhjpMqcejHbFxX0jncDY0dB1Z91jQjQOv5d+bbvw0WjBRMs6FyAzW1wdsJlwgAJX5b6SxDgNfgNVHVrz8i75jXNQpvTcrvmNqZJQZbnVySvz3kHnpyo+oIXeNU9VY9HcoLYbD9ekHa6NOz9iqStFa2J0/maVFi6HvugNd43cQz7oB10j171h5B4H5BnAvdZ9w6lFnovbLxKX0zcHXtp52G0XrP93ldfj2D0D49ei0qcWecCkJfUKJQ0LUBAAq4a0foBCorcMVHsAiTukpKGicD4KJOdWDekcYZWt9lBAlKOozBWu6vqQ8b81DwmueR93HAEHRgigaCIVtrvGBP1JvlzZR1qA3KSysWWoDl5X27dUHjRvwJClH/9KpLPT05zzycQOknQZUTCiPZX8DVR90Ifbe7gKVXeiYXUV6qgqd5XbDHQNMSQ62Q+qYuJA3/LJOKT7VMOV40BjAN5BewbvgHlku7qI7SsPcmE9MoOCV1JCVY3d1sMp1u4mf51uZ4YfJZC2QklOLRV+lKqZMTSgSOdAQ0bToA2+xSSZQ3PGBXvZJ4dJ+jRWaPy0FEU+Y1qeJeXTJzkqF+oou7eI4bOe0cg2f9aTeUOPeHvVkIKNxGUigHfw+YORTZPL5M/ysf4wqype1J+3OfG/</diagram><diagram id="02G6Z81k0R1pNuL1mOWJ" name="数据模型">7Vtdb9owFP01PG6Kk0LhNbT70JhW0U19rAwxiVVjZ44p0F8/O7YJENLC2iYVjoRU+3JzE99zfNzcKzrBcL76ymGa/GQRIh3fi1ad4Krj+wB4PflHWdbaMhhcakPMcWScCsMtfkLG6BnrAkco23EUjBGB013jlFGKpmLHBjlny123GSO7d01hjEqG2ykkZesdjkSirX3/srB/QzhO7J1Bb6C/mUPrbFaSJTBiyy1TcN0JhpwxoUfz1RARlTybl8XI609+rcc308eHrIcf8Piu/0kH+3LKJZslcETF24b2dehHSBYmXwqc7D5jCz5FZt1ibZMpU5CqoYATZQozAbkwmAeeNEgUBcQUcWkA+ZwQmGY4d9eWBJNoBNdsIWwgOwtneIWisYZc+Ur0RzKYmqrgMxn81jyM+hoSHFM5nsq0qDuGHGXyWUYwE8bDrA5xgVZ7dHghl2ADsNwZiM2R4Gt5nY3SN5wwm8LvmfmyoNjGJ9mml3WEhtbxJnYBnRwY9E5AMigh+Tx6Y0XlMGEcPynMiMnxNqL5fInnBFK5R2C0ZwpZrgk5MpiQISNMwU4ZRSXklVPEWfob8hgJY0gZpiLPQzeUH5mZofe52+nKZx3KOSjm8qPcuRgymgkuGaZiIAn0EimwQ8FSE5SgmY3PTd7VeMKEYPNX08I/TAtDg+BIFgTvRYKLEgluflTSQC5WYEjGUnUhjYkGLRdhWIB2ANmDud7kdz/x+5uWybTPSK6jCY4iRF+FR3AYjy0AghPzb4IVWTk5GiRSjSgUcoMsaJSVQN085//j3C3h/Ifivwv0/aphtK0ka98wS+EU03ikr+zt0aFbFx1W1duz+6b0OCpcDfzotYfBUYeB946HwbH/ErzbYXB5PAnqEQcUYRvv7U+CnpsnQb8EstrLvgc++kFQC/rOCf+gFf7GhX/QtPDb0osjyj9wU/kBqJD+psGuWfor4HdO+kG5ltdqf93aD/zGxf+EQuAZiD+owOPs1b9c6tPqH7il/lX4uyf/5ZrgdivnHgs0f/486Ljbz7mwgH2cfg5oa3h1NHT0tvm4HR1QruKdeUsHOFrJA+VSXtvUeY4Q7h3xbXWvjje8F46Exvs69hXTlTc8R+t7flV9z7HWThX+zsm/3eat/Dcp/413d3y3Cny+owU+v6rA1zTaNct/Ff7uyX+5wNfKf+3y33yDxz+hMHgO+l+Bx9nrf7nw52SDpwr/M9J/OS1+RaTdi99iBdf/AA==</diagram></mxfile>


--------------------------------------------------------------------------------
/statics/screenshoot-5.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/statics/screenshoot-5.webp


--------------------------------------------------------------------------------
/statics/screenshot-1.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/statics/screenshot-1.webp


--------------------------------------------------------------------------------
/statics/screenshot-2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/statics/screenshot-2.webp


--------------------------------------------------------------------------------
/statics/screenshot-3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/statics/screenshot-3.webp


--------------------------------------------------------------------------------
/statics/screenshot-4.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/feint123/myTools/418d9d4377e3e24c8d74295e5d34b3fd602ed152/statics/screenshot-4.webp


--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | 
 6 | body {
 7 |     -moz-user-select: none;
 8 |     -o-user-select:none;
 9 |     -khtml-user-select:none;
10 |     -webkit-user-select:none;
11 |     -ms-user-select:none;
12 |     user-select:none;
13 |     cursor: default;
14 | }
15 | 
16 | .markdown-body ul{
17 |    @apply list-disc; 
18 | }
19 | 
20 | .markdown-body ol{
21 |     @apply list-decimal; 
22 |  }
23 | 
24 | .markdown-body img {
25 |     @apply rounded-lg;
26 | }


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | import {nextui} from '@nextui-org/theme'
 2 | 
 3 | /** @type {import('tailwindcss').Config} */
 4 | module.exports = {
 5 |   content: [
 6 |     './components/**/*.{js,ts,jsx,tsx,mdx}',
 7 |     './app/**/*.{js,ts,jsx,tsx,mdx}',
 8 |     './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
 9 |   ],
10 |   theme: {
11 |     extend: {},
12 |   },
13 |   darkMode: "class",
14 |   plugins: [nextui()],
15 | }
16 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": [
 5 |       "dom",
 6 |       "dom.iterable",
 7 |       "esnext"
 8 |     ],
 9 |     "allowJs": true,
10 |     "skipLibCheck": true,
11 |     "strict": true,
12 |     "forceConsistentCasingInFileNames": true,
13 |     "noEmit": true,
14 |     "esModuleInterop": true,
15 |     "module": "esnext",
16 |     "moduleResolution": "node",
17 |     "resolveJsonModule": true,
18 |     "isolatedModules": true,
19 |     "jsx": "preserve",
20 |     "incremental": true,
21 |     "plugins": [
22 |       {
23 |         "name": "next"
24 |       }
25 |     ],
26 |     "paths": {
27 |       "@/*": [
28 |         "./*"
29 |       ]
30 |     }
31 |   },
32 |   "include": [
33 |     "next-env.d.ts",
34 |     "**/*.ts",
35 |     "**/*.tsx",
36 |     ".next/types/**/*.ts",
37 |     "dist/types/**/*.ts"
38 |   ],
39 |   "exclude": [
40 |     "node_modules"
41 |   ]
42 | }
43 | 


--------------------------------------------------------------------------------
/types/index.ts:
--------------------------------------------------------------------------------
 1 | import { SVGProps } from "react";
 2 | 
 3 | export type IconSvgProps = SVGProps<SVGSVGElement> & {
 4 |   size?: number;
 5 | };
 6 | 
 7 | 
 8 | export interface ChangeLoadingPayload {
 9 |   isLoading: boolean;
10 |   tips: string;
11 | }


--------------------------------------------------------------------------------
/utils/github.ts:
--------------------------------------------------------------------------------
1 | import { Octokit } from "octokit"
2 | 
3 | const octokit:Octokit = new Octokit({
4 | 
5 | })
6 | 


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