├── .editorconfig
├── .github
    ├── ISSUE_TEMPLATE
    │   ├── bug_report.yml
    │   ├── config.yml
    │   └── 通常问题.md
    ├── release.md
    └── workflows
    │   ├── beta-build.yml
    │   └── release.yml
├── .gitignore
├── .npmrc
├── .vercelignore
├── .vscode
    ├── extensions.json
    └── settings.json
├── CHANGELOG.md
├── LICENSE
├── README.md
├── apps
    ├── cli
    │   ├── LICENSE
    │   ├── README.md
    │   ├── build.config.ts
    │   ├── package.json
    │   ├── src
    │   │   ├── index.ts
    │   │   ├── lib
    │   │   │   ├── ConfigManager.ts
    │   │   │   └── FetchManager.ts
    │   │   └── utils
    │   │   │   ├── file.ts
    │   │   │   ├── index.ts
    │   │   │   └── progress.ts
    │   └── tsconfig.json
    ├── monkey
    │   ├── .env
    │   ├── .gitignore
    │   ├── package.json
    │   ├── src
    │   │   ├── App.vue
    │   │   ├── component
    │   │   │   ├── DateRange.vue
    │   │   │   ├── Header.vue
    │   │   │   ├── LazyImage.vue
    │   │   │   ├── Logo.vue
    │   │   │   ├── Setting.vue
    │   │   │   ├── configs
    │   │   │   │   ├── FetchStats.vue
    │   │   │   │   ├── Options.vue
    │   │   │   │   ├── SearchUser.vue
    │   │   │   │   └── StartButton.vue
    │   │   │   └── icon
    │   │   │   │   └── Github.vue
    │   │   ├── composables
    │   │   │   ├── useConfig.ts
    │   │   │   ├── useFetch.ts
    │   │   │   └── usePost.ts
    │   │   ├── main.ts
    │   │   ├── style.css
    │   │   └── types
    │   │   │   └── index.ts
    │   ├── tsconfig.json
    │   └── vite.config.ts
    ├── web-v2
    │   ├── .gitignore
    │   ├── .storybook
    │   │   ├── main.js
    │   │   ├── preview.js
    │   │   └── vitest.setup.ts
    │   ├── README.md
    │   ├── components.json
    │   ├── docs
    │   │   ├── .vitepress
    │   │   │   ├── components
    │   │   │   │   ├── Giscus.vue
    │   │   │   │   └── Layout.vue
    │   │   │   ├── config.ts
    │   │   │   └── theme
    │   │   │   │   └── index.ts
    │   │   ├── cli.md
    │   │   ├── faq.md
    │   │   ├── index.md
    │   │   ├── intro.md
    │   │   ├── monkey.md
    │   │   ├── roadmap.md
    │   │   ├── server.md
    │   │   └── web.md
    │   ├── index.html
    │   ├── package.json
    │   ├── public
    │   │   ├── emoji.json
    │   │   ├── icon.webp
    │   │   ├── placeholder.webp
    │   │   └── robots.txt
    │   ├── src
    │   │   ├── App.vue
    │   │   ├── components
    │   │   │   ├── AppSidebar.vue
    │   │   │   ├── CalendarView.vue
    │   │   │   ├── DatePicker.vue
    │   │   │   ├── EmptyWeibo.vue
    │   │   │   ├── Landing.tsx
    │   │   │   ├── SearchBar.vue
    │   │   │   ├── SwitchUser.vue
    │   │   │   ├── album
    │   │   │   │   ├── AlbumPhotos.vue
    │   │   │   │   ├── AlbumPreview.vue
    │   │   │   │   └── AlbumPreviewWeibo.vue
    │   │   │   ├── common
    │   │   │   │   ├── Avatar.vue
    │   │   │   │   ├── BackToTop.vue
    │   │   │   │   ├── DateRange.vue
    │   │   │   │   ├── DateSelect.vue
    │   │   │   │   ├── ImageGallery.vue
    │   │   │   │   ├── ImagePreview.vue
    │   │   │   │   ├── ImportData.vue
    │   │   │   │   ├── ImportDataPreview.tsx
    │   │   │   │   ├── LazyImage.vue
    │   │   │   │   ├── OpenSetting.vue
    │   │   │   │   ├── Pagination.vue
    │   │   │   │   └── SearchBar.vue
    │   │   │   ├── followings
    │   │   │   │   ├── DataTable.vue
    │   │   │   │   ├── DataTableDropdown.vue
    │   │   │   │   ├── DataTableHeader.vue
    │   │   │   │   ├── DataTablePagination.vue
    │   │   │   │   ├── FollowingsTable.vue
    │   │   │   │   └── dataColumns.tsx
    │   │   │   ├── settings
    │   │   │   │   ├── AboutSettings.vue
    │   │   │   │   ├── GeneralSettings.vue
    │   │   │   │   ├── ImageSourceOption.vue
    │   │   │   │   ├── Settings.vue
    │   │   │   │   ├── SettingsHeader.vue
    │   │   │   │   └── SettingsSidebar.vue
    │   │   │   ├── ui
    │   │   │   │   ├── accordion
    │   │   │   │   │   ├── Accordion.vue
    │   │   │   │   │   ├── AccordionContent.vue
    │   │   │   │   │   ├── AccordionItem.vue
    │   │   │   │   │   ├── AccordionTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── avatar
    │   │   │   │   │   ├── Avatar.vue
    │   │   │   │   │   ├── AvatarFallback.vue
    │   │   │   │   │   ├── AvatarImage.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── badge
    │   │   │   │   │   ├── Badge.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── button
    │   │   │   │   │   ├── Button.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── calendar
    │   │   │   │   │   ├── Calendar.vue
    │   │   │   │   │   ├── CalendarCell.vue
    │   │   │   │   │   ├── CalendarCellTrigger.vue
    │   │   │   │   │   ├── CalendarGrid.vue
    │   │   │   │   │   ├── CalendarGridBody.vue
    │   │   │   │   │   ├── CalendarGridHead.vue
    │   │   │   │   │   ├── CalendarGridRow.vue
    │   │   │   │   │   ├── CalendarHeadCell.vue
    │   │   │   │   │   ├── CalendarHeader.vue
    │   │   │   │   │   ├── CalendarHeading.vue
    │   │   │   │   │   ├── CalendarNextButton.vue
    │   │   │   │   │   ├── CalendarPrevButton.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── card
    │   │   │   │   │   ├── Card.vue
    │   │   │   │   │   ├── CardAction.vue
    │   │   │   │   │   ├── CardContent.vue
    │   │   │   │   │   ├── CardDescription.vue
    │   │   │   │   │   ├── CardFooter.vue
    │   │   │   │   │   ├── CardHeader.vue
    │   │   │   │   │   ├── CardTitle.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── collapsible
    │   │   │   │   │   ├── Collapsible.vue
    │   │   │   │   │   ├── CollapsibleContent.vue
    │   │   │   │   │   ├── CollapsibleTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── dialog
    │   │   │   │   │   ├── Dialog.vue
    │   │   │   │   │   ├── DialogClose.vue
    │   │   │   │   │   ├── DialogContent.vue
    │   │   │   │   │   ├── DialogDescription.vue
    │   │   │   │   │   ├── DialogFooter.vue
    │   │   │   │   │   ├── DialogHeader.vue
    │   │   │   │   │   ├── DialogOverlay.vue
    │   │   │   │   │   ├── DialogProvider.vue
    │   │   │   │   │   ├── DialogScrollContent.vue
    │   │   │   │   │   ├── DialogTitle.vue
    │   │   │   │   │   ├── DialogTrigger.vue
    │   │   │   │   │   ├── index.ts
    │   │   │   │   │   └── useDialog.ts
    │   │   │   │   ├── dropdown-menu
    │   │   │   │   │   ├── DropdownMenu.vue
    │   │   │   │   │   ├── DropdownMenuCheckboxItem.vue
    │   │   │   │   │   ├── DropdownMenuContent.vue
    │   │   │   │   │   ├── DropdownMenuGroup.vue
    │   │   │   │   │   ├── DropdownMenuItem.vue
    │   │   │   │   │   ├── DropdownMenuLabel.vue
    │   │   │   │   │   ├── DropdownMenuRadioGroup.vue
    │   │   │   │   │   ├── DropdownMenuRadioItem.vue
    │   │   │   │   │   ├── DropdownMenuSeparator.vue
    │   │   │   │   │   ├── DropdownMenuShortcut.vue
    │   │   │   │   │   ├── DropdownMenuSub.vue
    │   │   │   │   │   ├── DropdownMenuSubContent.vue
    │   │   │   │   │   ├── DropdownMenuSubTrigger.vue
    │   │   │   │   │   ├── DropdownMenuTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── input
    │   │   │   │   │   ├── Input.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── label
    │   │   │   │   │   ├── Label.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── popover
    │   │   │   │   │   ├── Popover.vue
    │   │   │   │   │   ├── PopoverAnchor.vue
    │   │   │   │   │   ├── PopoverContent.vue
    │   │   │   │   │   ├── PopoverTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── radio-group
    │   │   │   │   │   ├── RadioGroup.vue
    │   │   │   │   │   ├── RadioGroupItem.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── scroll-area
    │   │   │   │   │   ├── ScrollArea.vue
    │   │   │   │   │   ├── ScrollBar.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── select
    │   │   │   │   │   ├── Select.vue
    │   │   │   │   │   ├── SelectContent.vue
    │   │   │   │   │   ├── SelectGroup.vue
    │   │   │   │   │   ├── SelectItem.vue
    │   │   │   │   │   ├── SelectItemText.vue
    │   │   │   │   │   ├── SelectLabel.vue
    │   │   │   │   │   ├── SelectScrollDownButton.vue
    │   │   │   │   │   ├── SelectScrollUpButton.vue
    │   │   │   │   │   ├── SelectSeparator.vue
    │   │   │   │   │   ├── SelectTrigger.vue
    │   │   │   │   │   ├── SelectValue.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── separator
    │   │   │   │   │   ├── Separator.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── sheet
    │   │   │   │   │   ├── Sheet.vue
    │   │   │   │   │   ├── SheetClose.vue
    │   │   │   │   │   ├── SheetContent.vue
    │   │   │   │   │   ├── SheetDescription.vue
    │   │   │   │   │   ├── SheetFooter.vue
    │   │   │   │   │   ├── SheetHeader.vue
    │   │   │   │   │   ├── SheetOverlay.vue
    │   │   │   │   │   ├── SheetTitle.vue
    │   │   │   │   │   ├── SheetTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── sidebar
    │   │   │   │   │   ├── Sidebar.vue
    │   │   │   │   │   ├── SidebarContent.vue
    │   │   │   │   │   ├── SidebarFooter.vue
    │   │   │   │   │   ├── SidebarGroup.vue
    │   │   │   │   │   ├── SidebarGroupAction.vue
    │   │   │   │   │   ├── SidebarGroupContent.vue
    │   │   │   │   │   ├── SidebarGroupLabel.vue
    │   │   │   │   │   ├── SidebarHeader.vue
    │   │   │   │   │   ├── SidebarInput.vue
    │   │   │   │   │   ├── SidebarInset.vue
    │   │   │   │   │   ├── SidebarMenu.vue
    │   │   │   │   │   ├── SidebarMenuAction.vue
    │   │   │   │   │   ├── SidebarMenuBadge.vue
    │   │   │   │   │   ├── SidebarMenuButton.vue
    │   │   │   │   │   ├── SidebarMenuButtonChild.vue
    │   │   │   │   │   ├── SidebarMenuItem.vue
    │   │   │   │   │   ├── SidebarMenuSkeleton.vue
    │   │   │   │   │   ├── SidebarMenuSub.vue
    │   │   │   │   │   ├── SidebarMenuSubButton.vue
    │   │   │   │   │   ├── SidebarMenuSubItem.vue
    │   │   │   │   │   ├── SidebarProvider.vue
    │   │   │   │   │   ├── SidebarRail.vue
    │   │   │   │   │   ├── SidebarSeparator.vue
    │   │   │   │   │   ├── SidebarTrigger.vue
    │   │   │   │   │   ├── index.ts
    │   │   │   │   │   └── utils.ts
    │   │   │   │   ├── skeleton
    │   │   │   │   │   ├── Skeleton.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── switch
    │   │   │   │   │   ├── Switch.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   ├── table
    │   │   │   │   │   ├── Table.vue
    │   │   │   │   │   ├── TableBody.vue
    │   │   │   │   │   ├── TableCaption.vue
    │   │   │   │   │   ├── TableCell.vue
    │   │   │   │   │   ├── TableEmpty.vue
    │   │   │   │   │   ├── TableFooter.vue
    │   │   │   │   │   ├── TableHead.vue
    │   │   │   │   │   ├── TableHeader.vue
    │   │   │   │   │   ├── TableRow.vue
    │   │   │   │   │   ├── index.ts
    │   │   │   │   │   └── utils.ts
    │   │   │   │   ├── tabs
    │   │   │   │   │   ├── Tabs.vue
    │   │   │   │   │   ├── TabsContent.vue
    │   │   │   │   │   ├── TabsList.vue
    │   │   │   │   │   ├── TabsTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   │   └── tooltip
    │   │   │   │   │   ├── Tooltip.vue
    │   │   │   │   │   ├── TooltipContent.vue
    │   │   │   │   │   ├── TooltipProvider.vue
    │   │   │   │   │   ├── TooltipTrigger.vue
    │   │   │   │   │   └── index.ts
    │   │   │   └── weibo
    │   │   │   │   ├── Weibo.vue
    │   │   │   │   ├── WeiboActions.vue
    │   │   │   │   ├── WeiboCard.vue
    │   │   │   │   ├── WeiboComments.vue
    │   │   │   │   ├── WeiboEmoji.vue
    │   │   │   │   ├── WeiboLinkCard.vue
    │   │   │   │   ├── WeiboProfile.vue
    │   │   │   │   ├── WeiboRetweet.vue
    │   │   │   │   └── WeiboText.tsx
    │   │   ├── composables
    │   │   │   ├── index.ts
    │   │   │   └── useSearch.ts
    │   │   ├── lib
    │   │   │   └── utils.ts
    │   │   ├── main.ts
    │   │   ├── pages
    │   │   │   ├── album.vue
    │   │   │   ├── bookmarks.vue
    │   │   │   ├── followings.vue
    │   │   │   ├── index.vue
    │   │   │   ├── memos.vue
    │   │   │   ├── post.vue
    │   │   │   └── search.vue
    │   │   ├── routes
    │   │   │   └── index.ts
    │   │   ├── stores
    │   │   │   ├── index.ts
    │   │   │   ├── postStore.ts
    │   │   │   └── userStore.ts
    │   │   ├── stories
    │   │   │   ├── Album.stories.ts
    │   │   │   ├── ImageGallery.stories.ts
    │   │   │   ├── ImagePreview.stories.ts
    │   │   │   ├── ImportDataPreview.stories.ts
    │   │   │   ├── LazyImage.stories.ts
    │   │   │   ├── Pagination.stories.ts
    │   │   │   ├── Settings.stories.ts
    │   │   │   ├── SwitchUser.stories.ts
    │   │   │   ├── Weibo.stories.ts
    │   │   │   ├── components
    │   │   │   │   ├── RouterLink.vue
    │   │   │   │   └── index.ts
    │   │   │   ├── shadcn
    │   │   │   │   └── button.stories.ts
    │   │   │   └── test.data.ts
    │   │   ├── style.css
    │   │   └── types.ts
    │   ├── tsconfig.json
    │   ├── vercel-build.js
    │   ├── vercel.json
    │   ├── vite.config.ts
    │   └── vitest.workspace.ts
    └── web
    │   └── vercel-build.js
├── eslint.config.js
├── package.json
├── packages
    └── core
    │   ├── README.md
    │   ├── package.json
    │   └── src
    │       ├── constants
    │           └── index.ts
    │       ├── index.ts
    │       ├── services
    │           ├── fetchService.ts
    │           ├── index.ts
    │           ├── parseService.ts
    │           ├── postService.ts
    │           └── userService.ts
    │       ├── types
    │           ├── fetchArgs.ts
    │           ├── index.ts
    │           ├── post.ts
    │           ├── raw
    │           │   ├── favorites
    │           │   │   └── all_fav.ts
    │           │   ├── friendships
    │           │   │   └── friends.ts
    │           │   ├── index.ts
    │           │   ├── profile
    │           │   │   ├── detail.ts
    │           │   │   ├── followContent.ts
    │           │   │   └── info.ts
    │           │   ├── side
    │           │   │   └── search.ts
    │           │   └── statuses
    │           │   │   ├── buildComments.ts
    │           │   │   ├── longtext.ts
    │           │   │   └── mymblog.ts
    │           └── user.ts
    │       └── utils
    │           ├── IndexedDB.ts
    │           ├── dom.ts
    │           ├── emitter.ts
    │           ├── error.ts
    │           ├── export.ts
    │           ├── fetch.ts
    │           ├── format.ts
    │           ├── index.ts
    │           └── pqueue.ts
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── server
    ├── README.md
    ├── build.sh
    ├── cmd
    │   └── main.go
    ├── go.mod
    ├── go.sum
    └── internal
    │   ├── config
    │       └── config.go
    │   ├── server
    │       ├── images.go
    │       ├── server.go
    │       └── static.go
    │   ├── ui
    │       ├── config.go
    │       ├── interactive.go
    │       ├── model.go
    │       ├── renderer.go
    │       ├── update.go
    │       └── validator.go
    │   └── utils
    │       ├── argv.go
    │       ├── comom.go
    │       ├── downloader.go
    │       ├── files.go
    │       └── queue.go
├── tsconfig.json
└── vercel.json


/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.yml:
--------------------------------------------------------------------------------
 1 | name: Bug 反馈
 2 | description: 运行时遇到的 bug
 3 | labels: Bug
 4 | body:
 5 |   - type: textarea
 6 |     id: bug-description
 7 |     attributes:
 8 |       label: Bug 描述
 9 |       description: 请描述遇到的 bug
10 |       placeholder: 请输入
11 |   - type: textarea
12 |     id: reproduce
13 |     attributes:
14 |       label: 复现步骤
15 |       description: 请描述如何复现这个 bug
16 |       placeholder: 请输入
17 |   - type: textarea
18 |     id: script-version
19 |     attributes:
20 |       label: 脚本版本
21 |       description: 请提供脚本版本号
22 |       placeholder: 请输入
23 |   - type: textarea
24 |     id: browser-version
25 |     attributes:
26 |       label: 浏览器版本
27 |       description: 请提供浏览器版本号
28 |       placeholder: 请输入
29 |   - type: textarea
30 |     id: logs
31 |     attributes:
32 |       label: 错误信息
33 |       description: 下载图片、启动服务时报告的错误信息, 或者浏览器开发者工具 (F12 或 Ctrl+Shift+I 召唤) 里 Console / 控制台 一栏的输出, 太长的话可以截图放下面.
34 |       placeholder: 请输入
35 |   - type: textarea
36 |     id: screenshots
37 |     attributes:
38 |       label: 附加截图
39 |       placeholder: 可在此粘贴图片
40 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/config.yml:
--------------------------------------------------------------------------------
1 | blank_issues_enabled: false
2 | contact_links:
3 |   - name: 转到讨论区
4 |     url: https://github.com/Chilfish/Weibo-archiver/discussions/
5 |     about: Issues 用于反馈 Bug, 新的功能建议和提问答疑请到讨论区发起
6 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/通常问题.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 通常问题
 3 | about: 没有格式限制的 issue
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | 
11 | 


--------------------------------------------------------------------------------
/.github/release.md:
--------------------------------------------------------------------------------
1 | 查看更多更新日志：[CHANGELOG.md](https://github.com/Chilfish/Weibo-archiver/blob/main/CHANGELOG.md)
2 | [使用教程](https://docs.qq.com/doc/DTWttbXlMUGxZZnZq)
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | .vite-ssg-dist
 3 | .vite-ssg-temp
 4 | *.local
 5 | dist
 6 | dist-ssr
 7 | node_modules
 8 | .idea/
 9 | *.log
10 | .env
11 | *.zip
12 | 
13 | apps/web/public/assets/img/
14 | packages/core/src/constants/data.mjs
15 | 
16 | .vercel
17 | 
18 | tmp/
19 | 
20 | *.exe
21 | *.dmg
22 | *.deb
23 | *.rpm
24 | *.tar.gz
25 | *.tar.xz
26 | *.tar.bz2
27 | 
28 | auto-components.d.ts
29 | 
30 | cache/
31 | 


--------------------------------------------------------------------------------
/.npmrc:
--------------------------------------------------------------------------------
1 | shamefully-hoist=true
2 | strict-peer-dependencies=false
3 | shell-emulator=true
4 | dedupe-peer-dependents=false
5 | 


--------------------------------------------------------------------------------
/.vercelignore:
--------------------------------------------------------------------------------
 1 | .github
 2 | .husky
 3 | .vscode
 4 | dist
 5 | node_modules
 6 | apps/desktop
 7 | apps/monkey
 8 | apps/cli
 9 | packages/database
10 | scripts
11 | CHANGELOG.md
12 | README.md
13 | 
14 | *.log
15 | .output
16 | .nuxt
17 | .idea
18 | .vercel
19 | eslint.config.ts
20 | LICENSE
21 | .editorconfig
22 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "recommendations": [
 3 |     "antfu.vite",
 4 |     "antfu.iconify",
 5 |     "antfu.unocss",
 6 |     "antfu.goto-alias",
 7 |     "vue.volar",
 8 |     "dbaeumer.vscode-eslint",
 9 |     "EditorConfig.EditorConfig"
10 |   ]
11 | }
12 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "files.associations": {
 3 |     "*.css": "tailwindcss"
 4 |   },
 5 | 
 6 |   // Enable the ESlint flat config support
 7 |   "eslint.experimental.useFlatConfig": true,
 8 | 
 9 |   // Disable the default formatter
10 |   "prettier.enable": false,
11 |   "editor.formatOnSave": false,
12 | 
13 |   // Auto fix
14 |   "editor.codeActionsOnSave": {
15 |     "source.fixAll.eslint": "explicit",
16 |     "source.organizeImports": "never"
17 |   },
18 | 
19 |   // Silent the stylistic rules in you IDE, but still auto fix them
20 |   "eslint.rules.customizations": [
21 |     { "rule": "style/*", "severity": "off" },
22 |     { "rule": "*-indent", "severity": "off" },
23 |     { "rule": "*-spacing", "severity": "off" },
24 |     { "rule": "*-spaces", "severity": "off" },
25 |     { "rule": "*-order", "severity": "off" },
26 |     { "rule": "*-dangle", "severity": "off" },
27 |     { "rule": "*-newline", "severity": "off" },
28 |     { "rule": "*quotes", "severity": "off" },
29 |     { "rule": "*semi", "severity": "off" }
30 |   ],
31 | 
32 |   // The following is optional.
33 |   // It's better to put under project setting `.vscode/settings.json`
34 |   // to avoid conflicts with working with different eslint configs
35 |   // that does not support all formats.
36 |   "eslint.validate": [
37 |     "javascript",
38 |     "javascriptreact",
39 |     "typescript",
40 |     "typescriptreact",
41 |     "vue",
42 |     "html",
43 |     "markdown",
44 |     "json",
45 |     "jsonc",
46 |     "yaml"
47 |   ],
48 |   "typescript.tsdk": "node_modules\\typescript\\lib"
49 | }
50 | 


--------------------------------------------------------------------------------
/apps/cli/build.config.ts:
--------------------------------------------------------------------------------
 1 | import { defineBuildConfig } from 'unbuild'
 2 | 
 3 | export default defineBuildConfig({
 4 |   entries: [{
 5 |     input: 'src/index.ts',
 6 |     name: 'weibo-archiver',
 7 |   }],
 8 |   declaration: false,
 9 |   clean: true,
10 |   failOnWarn: false,
11 |   rollup: {
12 |     emitCJS: false,
13 |     esbuild: {
14 |       target: 'esnext',
15 |     },
16 |   },
17 | })
18 | 


--------------------------------------------------------------------------------
/apps/cli/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "weibo-archiver",
 3 |   "type": "module",
 4 |   "version": "0.6.0",
 5 |   "description": "Weibo archiver CLI tool",
 6 |   "author": {
 7 |     "name": "Chilfish",
 8 |     "email": "chil4fish@gmail.com"
 9 |   },
10 |   "license": "Apache-2.0",
11 |   "homepage": "https://github.com/Chilfish/Weibo-archiver",
12 |   "bugs": {
13 |     "url": "https://github.com/Chilfish/Weibo-archiver/issues"
14 |   },
15 |   "module": "./dist/weibo-archiver.mjs",
16 |   "bin": {
17 |     "weibo-archiver": "./dist/weibo-archiver.mjs"
18 |   },
19 |   "files": [
20 |     "dist"
21 |   ],
22 |   "engines": {
23 |     "node": ">=20.0.0"
24 |   },
25 |   "scripts": {
26 |     "build": "unbuild",
27 |     "dev": "unbuild --stub",
28 |     "lint": "eslint .",
29 |     "start": "node weibo-archiver.mjs"
30 |   },
31 |   "devDependencies": {
32 |     "@types/yargs": "^17.0.33",
33 |     "@weibo-archiver/core": "workspace:^",
34 |     "yargs": "^17.7.2"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/apps/cli/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './file'
2 | export * from './progress'
3 | 


--------------------------------------------------------------------------------
/apps/cli/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "http://json.schemastore.org/tsconfig",
 3 |   "compilerOptions": {
 4 |     "target": "ESNext",
 5 |     "useDefineForClassFields": true,
 6 |     "baseUrl": ".",
 7 |     "module": "ESNext",
 8 |     "moduleResolution": "Node",
 9 |     "paths": {
10 |       "@weibo-archiver/core": ["packages/core"]
11 |     },
12 |     "allowJs": true,
13 |     "strict": true,
14 |     "strictNullChecks": true,
15 |     "noUnusedLocals": true,
16 |     "esModuleInterop": true,
17 |     "skipLibCheck": true
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/apps/monkey/.env:
--------------------------------------------------------------------------------
1 | VITE_APP_VERSION=$npm_package_version
2 | 


--------------------------------------------------------------------------------
/apps/monkey/.gitignore:
--------------------------------------------------------------------------------
1 | !.env
2 | 


--------------------------------------------------------------------------------
/apps/monkey/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@weibo-archiver/monkey",
 3 |   "type": "module",
 4 |   "version": "0.6.0",
 5 |   "private": true,
 6 |   "author": "Chilfish",
 7 |   "license": "MIT",
 8 |   "scripts": {
 9 |     "dev": "vite --port=3333",
10 |     "build": "vite build"
11 |   },
12 |   "dependencies": {
13 |     "@weibo-archiver/core": "workspace:^"
14 |   },
15 |   "devDependencies": {
16 |     "@tailwindcss/vite": "^4.1.7",
17 |     "@types/file-saver": "^2.0.7",
18 |     "@vitejs/plugin-vue": "^5.2.4",
19 |     "daisyui": "^5.0.35",
20 |     "tailwindcss": "^4.1.7",
21 |     "vite": "^6.3.5",
22 |     "vite-plugin-monkey": "^5.0.8"
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/monkey/src/component/Header.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ArrowUpRight, Minimize2, Settings } from 'lucide-vue-next'
 3 | import { useTemplateRef } from 'vue'
 4 | import { useConfig } from '../composables/useConfig'
 5 | import Logo from './Logo.vue'
 6 | import Setting from './Setting.vue'
 7 | 
 8 | const { toggleMinimize } = useConfig()
 9 | 
10 | const settingsDialog = useTemplateRef<HTMLDialogElement>('settingsDialog')
11 | </script>
12 | 
13 | <template>
14 |   <header
15 |     class="flex items-center pb-2"
16 |   >
17 |     <Logo />
18 |     <h2
19 |       class="ml-4 mr-auto flex flex-col"
20 |     >
21 |       <span
22 |         class="text-lg font-bold"
23 |       >
24 |         Weibo archiver
25 |       </span>
26 |       <a
27 |         href="https://weibo-archiver.chilfish.top"
28 |         target="_blank"
29 |         class="text-[0.7rem] text-gray-500!"
30 |       >
31 |         在预览网站导入数据
32 |         <ArrowUpRight class="inline-block h-4 w-4" />
33 |       </a>
34 |     </h2>
35 | 
36 |     <button
37 |       class="btn-sm btn-ghost btn-circle mr-1 btn"
38 |       @click="settingsDialog?.showModal()"
39 |     >
40 |       <Settings class="h-4 w-4" />
41 |     </button>
42 | 
43 |     <button
44 |       class="btn-sm btn-ghost btn-circle btn"
45 |       @click="toggleMinimize"
46 |     >
47 |       <Minimize2 class="h-4 w-4" />
48 |     </button>
49 |   </header>
50 | 
51 |   <dialog
52 |     ref="settingsDialog"
53 |     class="modal"
54 |   >
55 |     <Setting @close="settingsDialog?.close()" />
56 |   </dialog>
57 | </template>
58 | 


--------------------------------------------------------------------------------
/apps/monkey/src/component/LazyImage.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { onMounted, ref, useTemplateRef } from 'vue'
 3 | 
 4 | const props = defineProps<{
 5 |   src: string
 6 |   alt: string
 7 |   imgClass?: string
 8 | }>()
 9 | 
10 | const imgRef = useTemplateRef<HTMLImageElement>('imgRef')
11 | 
12 | const isLoading = ref(true)
13 | 
14 | onMounted(() => {
15 |   const img = imgRef.value
16 |   if (!img)
17 |     return
18 |   img.onload = () => {
19 |     isLoading.value = false
20 |   }
21 | })
22 | </script>
23 | 
24 | <template>
25 |   <div class="relative">
26 |     <img
27 |       v-show="!isLoading"
28 |       ref="imgRef"
29 |       :src="src"
30 |       :alt="alt"
31 |       :class="props.imgClass"
32 |       class="lazy-image"
33 |     >
34 |     <div v-if="isLoading" class="skeleton h-full w-full" />
35 |   </div>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/monkey/src/component/Logo.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import LazyImage from './LazyImage.vue'
 3 | </script>
 4 | 
 5 | <template>
 6 |   <LazyImage
 7 |     src="https://p.chilfish.top/weibo/icon.webp"
 8 |     alt="Weibo archiver logo"
 9 |     class="rounded-xm h-10 w-10"
10 |   />
11 | </template>
12 | 


--------------------------------------------------------------------------------
/apps/monkey/src/component/configs/StartButton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { Download } from 'lucide-vue-next'
 3 | import { computed } from 'vue'
 4 | import { config } from '@/composables/useConfig'
 5 | import { fetchState, startFetch } from '@/composables/useFetch'
 6 | import { usePost } from '@/composables/usePost'
 7 | 
 8 | const postStore = usePost()
 9 | 
10 | const buttonText = computed(() => {
11 |   const name = config.value.user?.name || '未设置'
12 |   const type = config.value.isFetchAll ? '全部' : '部分'
13 |   const statusText = fetchState.status === 'idle' ? '开始' : '正在'
14 | 
15 |   if (fetchState.status === 'finish') {
16 |     return `已完成，导出中`
17 |   }
18 | 
19 |   return `${statusText}获取 @${name} 的${type}微博`
20 | })
21 | 
22 | async function handleStartExport() {
23 |   if (fetchState.status === 'running') {
24 |     return
25 |   }
26 |   await startFetch()
27 |   await postStore.exportAllData()
28 | 
29 |   fetchState.status = 'idle'
30 | }
31 | </script>
32 | 
33 | <template>
34 |   <div
35 |     class="mt-4 flex flex-col gap-2"
36 |   >
37 |     <button
38 |       class="btn btn-primary"
39 |       @click="handleStartExport"
40 |     >
41 |       <Download
42 |         v-if="fetchState.status === 'idle'"
43 |         class="mr-2 h-5 w-5"
44 |       />
45 |       <span
46 |         v-if="fetchState.status === 'running'"
47 |         class="loading loading-spinner loading-sm"
48 |       />
49 |       <span>{{ buttonText }}</span>
50 |     </button>
51 | 
52 |     <button
53 |       class="btn btn-outline"
54 |       @click="postStore.exportAllData()"
55 |     >
56 |       直接导出缓存数据
57 |     </button>
58 |   </div>
59 | </template>
60 | 


--------------------------------------------------------------------------------
/apps/monkey/src/component/icon/Github.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | 
 3 | </script>
 4 | 
 5 | <template>
 6 |   <svg
 7 |     xmlns="http://www.w3.org/2000/svg"
 8 |     width="24"
 9 |     height="24"
10 |     viewBox="0 0 24 24"
11 |     fill="currentColor"
12 |     stroke="none"
13 |     class="tabler-icon tabler-icon-brand-github-filled [&>path]:stroke-0"
14 |   >
15 |     <path
16 |       d="M5.315 2.1c.791 -.113 1.9 .145 3.333 .966l.272 .161l.16 .1l.397 -.083a13.3 13.3 0 0 1 4.59 -.08l.456 .08l.396 .083l.161 -.1c1.385 -.84 2.487 -1.17 3.322 -1.148l.164 .008l.147 .017l.076 .014l.05 .011l.144 .047a1 1 0 0 1 .53 .514a5.2 5.2 0 0 1 .397 2.91l-.047 .267l-.046 .196l.123 .163c.574 .795 .93 1.728 1.03 2.707l.023 .295l.007 .272c0 3.855 -1.659 5.883 -4.644 6.68l-.245 .061l-.132 .029l.014 .161l.008 .157l.004 .365l-.002 .213l-.003 3.834a1 1 0 0 1 -.883 .993l-.117 .007h-6a1 1 0 0 1 -.993 -.883l-.007 -.117v-.734c-1.818 .26 -3.03 -.424 -4.11 -1.878l-.535 -.766c-.28 -.396 -.455 -.579 -.589 -.644l-.048 -.019a1 1 0 0 1 .564 -1.918c.642 .188 1.074 .568 1.57 1.239l.538 .769c.76 1.079 1.36 1.459 2.609 1.191l.001 -.678l-.018 -.168a5.03 5.03 0 0 1 -.021 -.824l.017 -.185l.019 -.12l-.108 -.024c-2.976 -.71 -4.703 -2.573 -4.875 -6.139l-.01 -.31l-.004 -.292a5.6 5.6 0 0 1 .908 -3.051l.152 -.222l.122 -.163l-.045 -.196a5.2 5.2 0 0 1 .145 -2.642l.1 -.282l.106 -.253a1 1 0 0 1 .529 -.514l.144 -.047l.154 -.03z"
17 |     />
18 |   </svg>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/apps/monkey/src/composables/useConfig.ts:
--------------------------------------------------------------------------------
 1 | import type { UserConfig } from '@weibo-archiver/core'
 2 | import { useStorage } from '@vueuse/core'
 3 | import { DEFAULT_USER_CONFIG } from '@weibo-archiver/core'
 4 | import { watch } from 'vue'
 5 | 
 6 | const STORAGE_KEY = 'weibo-archiver'
 7 | 
 8 | const createInitialConfig = (): UserConfig => (DEFAULT_USER_CONFIG)
 9 | 
10 | // 全局配置状态
11 | export const config = useStorage<UserConfig>(
12 |   STORAGE_KEY,
13 |   createInitialConfig(),
14 |   localStorage,
15 |   { mergeDefaults: true },
16 | )
17 | 
18 | export function useConfig() {
19 |   function updateConfig(newConfig: Partial<UserConfig>) {
20 |     config.value = {
21 |       ...config.value,
22 |       ...newConfig,
23 |     }
24 |   }
25 | 
26 |   function toggleMinimize() {
27 |     config.value.isMinimize = !config.value.isMinimize
28 |   }
29 | 
30 |   function resetConfig() {
31 |     const { user, isMinimize } = config.value
32 |     config.value = { ...createInitialConfig(), user, isMinimize }
33 |   }
34 | 
35 |   watch(config, (newConfig) => {
36 |     const { startAt, endAt } = newConfig
37 |     if (startAt && endAt) {
38 |       newConfig.startAt = new Date(startAt).getTime()
39 |       newConfig.endAt = new Date(endAt).getTime()
40 |     }
41 |   }, { immediate: true })
42 | 
43 |   return {
44 |     config,
45 |     updateConfig,
46 |     toggleMinimize,
47 |     resetConfig,
48 |   }
49 | }
50 | 


--------------------------------------------------------------------------------
/apps/monkey/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { createApp } from 'vue'
 2 | 
 3 | import App from './App.vue'
 4 | 
 5 | import './style.css'
 6 | 
 7 | const app = createApp(App)
 8 | 
 9 | const div = document.createElement('div')
10 | div.id = 'plugin-app'
11 | document.body.append(div)
12 | 
13 | app.mount(div)
14 | 
15 | console.log('weibo-archiver 加载成功')
16 | 


--------------------------------------------------------------------------------
/apps/monkey/src/style.css:
--------------------------------------------------------------------------------
 1 | @import "tailwindcss";
 2 | 
 3 | @plugin "daisyui" {
 4 |    themes: all;
 5 |    root: "#plugin-app";
 6 |    log: true;
 7 | }
 8 | 
 9 | img {
10 |   display: initial;
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/monkey/src/types/index.ts:
--------------------------------------------------------------------------------
 1 | import type { UserInfo } from '@weibo-archiver/core'
 2 | 
 3 | export interface FetchState {
 4 |   status: 'idle' | 'running' | 'finish'
 5 |   fetchType: 'weibo' | 'followings' | 'favorites'
 6 | }
 7 | 
 8 | export interface UserConfig {
 9 |   user?: UserInfo
10 |   isMinimize: boolean
11 |   restore: boolean
12 |   isFetchAll: boolean
13 |   largePic: boolean
14 |   repostPic: boolean
15 |   hasRepost: boolean
16 |   hasComment: boolean
17 |   commentCount: number
18 | 
19 |   hasFollowings: boolean
20 |   hasFavorites: boolean
21 |   hasWeibo: boolean
22 | 
23 |   startAt: number
24 |   endAt: number
25 |   curPage: number
26 |   fetchedCount: number
27 |   total: number
28 |   theme: string
29 | }
30 | 
31 | export type FetchOptions = Omit<UserConfig, 'isMinimize' | 'restore'>
32 | 


--------------------------------------------------------------------------------
/apps/monkey/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "http://json.schemastore.org/tsconfig",
 3 |   "compilerOptions": {
 4 |     "target": "ESNext",
 5 |     "jsx": "preserve",
 6 |     "jsxImportSource": "vue",
 7 |     "lib": ["DOM", "ESNext"],
 8 |     "useDefineForClassFields": true,
 9 |     "baseUrl": ".",
10 |     "module": "ESNext",
11 |     "moduleResolution": "Bundler",
12 |     "paths": {
13 |       "@weibo-archiver/core": ["../../packages/core"],
14 |       "@/*": ["./src/*"]
15 |     },
16 |     "types": [
17 |       "vite/client"
18 |     ],
19 |     "allowJs": true,
20 |     "strict": true,
21 |     "strictNullChecks": true,
22 |     "noUnusedLocals": true,
23 |     "esModuleInterop": true,
24 |     "skipLibCheck": true
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/web-v2/.gitignore:
--------------------------------------------------------------------------------
 1 | node_modules
 2 | *.log
 3 | dist
 4 | .output
 5 | .nuxt
 6 | !.env
 7 | .idea/
 8 | 
 9 | 
10 | *storybook.log
11 | 


--------------------------------------------------------------------------------
/apps/web-v2/.storybook/main.js:
--------------------------------------------------------------------------------
 1 | /** @type { import('@storybook/vue3-vite').StorybookConfig } */
 2 | const config = {
 3 |   stories: [
 4 |     '../src/**/*.mdx',
 5 |     '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
 6 |   ],
 7 |   addons: [
 8 |     '@storybook/addon-essentials',
 9 |     '@storybook/addon-onboarding',
10 |     '@chromatic-com/storybook',
11 |     '@storybook/experimental-addon-test',
12 |   ],
13 |   framework: {
14 |     name: '@storybook/vue3-vite',
15 |     options: {},
16 |   },
17 | }
18 | export default config
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/.storybook/preview.js:
--------------------------------------------------------------------------------
 1 | import { setup } from '@storybook/vue3'
 2 | import { createPinia } from 'pinia'
 3 | import components from '../src/stories/components'
 4 | import '../src/style.css'
 5 | 
 6 | setup((app) => {
 7 |   app.use(createPinia())
 8 |   components.forEach((component) => {
 9 |     app.component(component.name, component)
10 |   })
11 | })
12 | 
13 | /** @type { import('@storybook/vue3').Preview } */
14 | const preview = {
15 |   parameters: {
16 |     controls: {
17 |       matchers: {
18 |         color: /(background|color)$/i,
19 |         date: /Date$/i,
20 |       },
21 |     },
22 |   },
23 |   decorators: [
24 |     story => ({
25 |       components: { story },
26 |       template: `<main
27 |         class="bg-background p-6"
28 |       >
29 |          <story />
30 |       </main>`,
31 |     }),
32 |   ],
33 | }
34 | 
35 | export default preview
36 | 


--------------------------------------------------------------------------------
/apps/web-v2/.storybook/vitest.setup.ts:
--------------------------------------------------------------------------------
 1 | import { setProjectAnnotations } from '@storybook/vue3'
 2 | import { beforeAll } from 'vitest'
 3 | import * as projectAnnotations from './preview'
 4 | 
 5 | // This is an important step to apply the right configuration when testing your stories.
 6 | // More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
 7 | const project = setProjectAnnotations([projectAnnotations])
 8 | 
 9 | beforeAll(project.beforeAll)
10 | 


--------------------------------------------------------------------------------
/apps/web-v2/README.md:
--------------------------------------------------------------------------------
1 | ## Weibo-archiver 网页版
2 | 
3 | 使用 Vite + Vue3 + naive-ui 构建，之后计划迁移到 Nuxt3 以使用 Sqlite3 做数据库层
4 | 


--------------------------------------------------------------------------------
/apps/web-v2/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://shadcn-vue.com/schema.json",
 3 |   "style": "new-york",
 4 |   "typescript": true,
 5 |   "tailwind": {
 6 |     "config": "",
 7 |     "css": "src/style.css",
 8 |     "baseColor": "neutral",
 9 |     "cssVariables": true,
10 |     "prefix": ""
11 |   },
12 |   "aliases": {
13 |     "components": "@/components",
14 |     "composables": "@/composables",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib"
18 |   },
19 |   "iconLibrary": "lucide"
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/.vitepress/components/Giscus.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import Giscus from '@giscus/vue'
 3 | import { useDark } from '@vueuse/core'
 4 | import { computed } from 'vue'
 5 | 
 6 | const isDark = useDark({
 7 |   storageKey: 'vitepress-theme-appearance',
 8 | })
 9 | const theme = computed(() => isDark.value ? 'dark' : 'light')
10 | </script>
11 | 
12 | <template>
13 |   <div class="mt-12">
14 |     <Giscus
15 |       repo="Chilfish/Weibo-archiver"
16 |       repo-id="R_kgDOKKCfMw"
17 |       category="General"
18 |       category-id="DIC_kwDOKKCfM84Cc3L2"
19 |       mapping="title"
20 |       strict="0"
21 |       reactions-enabled="1"
22 |       emit-metadata="0"
23 |       input-position="bottom"
24 |       lang="zh-CN"
25 |       loading="lazy"
26 |       crossorigin="anonymous"
27 |       async
28 |       :theme="theme"
29 |     />
30 |   </div>
31 | </template>
32 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/.vitepress/components/Layout.vue:
--------------------------------------------------------------------------------
 1 | <script setup>
 2 | import DefaultTheme from 'vitepress/theme'
 3 | import Giscus from './Giscus.vue'
 4 | 
 5 | const { Layout } = DefaultTheme
 6 | </script>
 7 | 
 8 | <template>
 9 |   <Layout>
10 |     <template #doc-footer-before>
11 |       <Giscus />
12 |     </template>
13 |   </Layout>
14 | </template>
15 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/.vitepress/theme/index.ts:
--------------------------------------------------------------------------------
 1 | import type { Theme } from 'vitepress'
 2 | import DefaultTheme from 'vitepress/theme'
 3 | import Giscus from '../components/Giscus.vue'
 4 | import Layout from '../components/Layout.vue'
 5 | 
 6 | export default {
 7 |   extends: DefaultTheme,
 8 |   enhanceApp({ app }) {
 9 |     app.component('Giscus', Giscus)
10 |   },
11 |   Layout,
12 | } satisfies Theme
13 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/index.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: home
 3 | 
 4 | hero:
 5 |   name: "Weibo archiver"
 6 |   text: "在线备份你的微博"
 7 |   tagline: 将你的新浪微博回忆归档，为号被完全夹没前未雨绸缪
 8 |   image: https://weibo-archiver.chilfish.top/icon.webp
 9 |   actions:
10 |     - theme: brand
11 |       text: 介绍与上手
12 |       link: /intro
13 |     - theme: alt
14 |       text: FAQ
15 |       link: /faq
16 | 
17 | features:
18 |   - title: 快捷导出你的微博
19 |     details: 不想开会员用官方那按麻烦的备份功能，且不够美观？那就对了，我也这么想的
20 |   - title: 本地离线查看
21 |     details: 微博数据只保存在浏览器本地里，图片也只留在本地硬盘里，别想再删我的微博了
22 |   - title: 开源免费
23 |     details: Apache-2.0 license 开源，不过也欢迎赞助V我一顿
24 | ---
25 | 
26 | <style>
27 | :root {
28 |   --vp-home-hero-name-color: transparent;
29 |   --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #FF8200, #FF5500);
30 | }</style>
31 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/intro.md:
--------------------------------------------------------------------------------
 1 | # Weibo Archiver —— 备份你的微博
 2 | 
 3 | ## 介绍
 4 | 
 5 | 欢迎使用 Weibo Archiver！这是一款强大的微博备份工具，旨在帮助你永久珍藏那些在微博上发布的珍贵瞬间和重要信息。
 6 | 
 7 | **主要功能：**
 8 | 
 9 | - **免费导出：** 你可以免费导出所有在微博网页版上**可查看**的微博内容。只要你在浏览器登录微博后能看到的，它就能帮你备份下来。
10 | - **高清图片：** 支持备份微博中的高清图片数据。
11 | - **可视化查看：** 提供了一个清爽的网页界面，让你方便地导入和浏览已备份的微博数据。
12 | - **多种工具：** 项目包含油猴脚本（适用于浏览器快速抓取）、本地服务器（用于下载图片和离线查看）以及命令行工具（CLI，适用于更高级的定制化备份）。
13 | - **开源免费：** 本项目采用 Apache 2.0 开源协议，完全免费，没有任何隐藏收费。如果你希望二次创作或引用，请记得注明出处和署名，并遵守开源协议。
14 | 
15 | ## 安装与上手指南
16 | 
17 | 要开始使用 Weibo Archiver，最简单的方式是从“油猴脚本”入手。下面我们一步步教你如何操作。
18 | 
19 | **本工具是如何工作的？**
20 | 
21 | 简单来说，Weibo Archiver 提供了几种方式来获取和查看你的微博数据：
22 | 
23 | 1.  **油猴脚本 (Tampermonkey Script)：** 这是最推荐给普通用户的方式。它是一个浏览器插件的小脚本，可以直接在你的微博页面上运行，帮你把看到的微博内容抓取下来。
24 | 2.  **网页端导入查看 (Web Viewer)：** 这是一个专门的网页，你可以把油猴脚本导出的数据文件上传到这里，就能像浏览真实微博一样查看你备份的内容。
25 | 3.  **本地服务器 (Local Server)：** 这是一个小程序，它能帮你下载微博中的图片到你的电脑上，并且在你的电脑上搭建一个“迷你网站”，让你可以在没有网络的情况下查看备份的微博和图片。
26 | 4.  **CLI 爬取工具 (Command Line Interface)：** 这是为有一定技术基础的用户准备的。通过在电脑的“命令行终端”输入指令，可以更灵活地备份微博，例如指定备份某个用户、某个时间段的微博等。
27 | 
28 | ## 从旧版本迁移
29 | 
30 | 网站工具做了很大改变的升级迁移，如果你在 [旧版本](https://weibo.chilfish.top) 中导出过微博数据，只要在新的 [网页版](https://weibo-archiver.chilfish.top/post) 再次导入 weibo json 文件即可，它会自动完成数据迁移
31 | 
32 | 目前新版油猴脚本导出的微博数据相比旧版没新增其他额外的数据，不过像是关注列表、收藏夹这些就要重新导出了
33 | 
34 | ## 赞助V我
35 | 
36 | 如果你觉得这个项目对你有帮助，可以考虑赞助v我😇这将给我更多的动力来维护这个项目：[赞助地址](https://chilfish.top/sponsors)
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/monkey.md:
--------------------------------------------------------------------------------
 1 | # 油猴脚本
 2 | 
 3 | 油猴脚本是 Weibo Archiver 项目中最易于上手的工具，它直接在你的浏览器中运行，让你在浏览微博的同时就能方便地进行备份。
 4 | 
 5 | ## 如何使用油猴脚本备份微博？
 6 | 
 7 | 首先需要在浏览器中安装 [Tampermonkey](https://microsoftedge.microsoft.com/addons/detail/tampermonkey/iikmkjmpaadaobahmlepeloendndfphd) 插件，建议使用较新版本的浏览器，以免出现页面混乱等问题
 8 | 
 9 | 然后安装 [weibo-archiver.user.js](https://p.chilfish.top/weibo/weibo-archiver.user.js) 脚本文件，在微博网页版按以下步骤运行即可。
10 | 
11 | 1.  **确保已登录微博：** 在使用脚本前，请务必先在浏览器中登录你的微博网页版 (https://weibo.com)。在页面的右上角会有脚本的logo。
12 | 2.  **启动备份：** 点击脚本提供的备份按钮。你可能看到一些选项，例如：
13 |    - 是否包含评论
14 |    - 是否按时间范围筛选
15 |    - 是否继续上次的记录（如果之前备份中断过）
16 | 3.  **耐心等待：** 脚本会自动翻页并抓取微博内容。
17 | 4.  **保存结果：** 备份完成后，脚本会提示你下载数据文件。通常包含：
18 |    - `weibo-data.json`：这是主要的微博数据文件，包含了微博文字、时间、转发、评论（部分）等信息。
19 |    - `imgs.csv`：这是一个记录了所有微博中图片原始链接的文件。你需要配合后面的“本地服务器”工具来下载这些图片。
20 | 
21 | 之后就能将这份 json 文件导入到 [在线网页版](https://weibo-archiver.chilfish.top/post) 中查看了🥳
22 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/roadmap.md:
--------------------------------------------------------------------------------
1 | # 路线图（画饼）
2 | 
3 | 一些可能会做的功能，感觉可能会发展成又一个第三方微博的客户端，不过还是以保存数据为主要
4 | 
5 | - [ ] 使用 Chrome 浏览器插件来实现静默自动备份以及其他更方便的操作
6 | - [ ] 我发出评论：https://weibo.com/comment/outbox
7 | - [ ] 楼中楼实现
8 | - [ ] WebDav 等自定义数据存储服务
9 | 


--------------------------------------------------------------------------------
/apps/web-v2/docs/web.md:
--------------------------------------------------------------------------------
 1 | # 网页端导入查看
 2 | 
 3 | 当你使用油猴脚本成功导出 `weibo-data.json` 文件后，就可以通过 Weibo Archiver 提供的网页端查看器来浏览你的备份了。
 4 | 
 5 | ## 如何使用？
 6 | 
 7 | 1.  **打开预览页面：** 在浏览器中打开 [你的在线预览页面链接]（请替换为实际的预览页面网址）。
 8 | 2.  **导入数据：** 页面上通常会有一个“导入”或“上传”按钮。点击它，然后选择你之前保存的 `weibo-data.json` 文件。
 9 | 3.  **浏览微博：** 数据导入后，页面就会以类似微博时间线的形式展示你备份的内容。你可以滚动查看、搜索（如果支持）等。
10 | 
11 | ## 核心特性
12 | 
13 | - **数据本地化，隐私安全：** 你上传的 `weibo-data.json` 文件是**完全保存在你的浏览器本地内存中的**。这意味着数据不会上传到任何服务器，只有你自己能看到。关闭浏览器或刷新页面后，需要重新导入。别人无法通过链接直接查看你的备份数据。
14 | - **数据合并：** 如果你因为微博数量太多而分多次导出了多个 `weibo-data.json` 文件（例如，按不同年份导出），你可以将这些文件**依次导入**到预览页面。工具会自动帮你合并这些数据。合并完成后，预览页面通常会提供一个“导出数据”的按钮，点击后可以得到一个包含所有微博的、完整的 `weibo-data.json` 文件。
15 | - **图片显示：**
16 | - **在线链接：** 默认情况下，预览页面会尝试加载 `imgs.csv` 文件中记录的原始图片链接。如果这些链接仍然有效，你就能看到图片。
17 | - **本地图片（推荐）：** 为了长期可靠地查看图片（防止原链接失效），强烈建议你使用下一章节介绍的“本地服务器”工具下载所有图片到电脑，并通过本地服务器来查看。
18 | - **自定义图床：** 如果你将下载的图片上传到了自己的图床（一种在线存储图片的服务），可以在预览页面的设置中填写你的图床基础链接。注意，上传到图床时请保持图片的文件名和相对路径不变，以便预览器能正确找到它们。
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="icon" type="image/jpeg" href="/icon.webp" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <title>Weibo Archvier</title>
 8 |   </head>
 9 |   <body>
10 |     <div
11 |     id="app"></div>
12 |     <script type="module" src="./src/main.ts"></script>
13 |   </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/apps/web-v2/public/icon.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Chilfish/Weibo-archiver/1d4c7501b387c3375eca5bacd76cd94736700469/apps/web-v2/public/icon.webp


--------------------------------------------------------------------------------
/apps/web-v2/public/placeholder.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Chilfish/Weibo-archiver/1d4c7501b387c3375eca5bacd76cd94736700469/apps/web-v2/public/placeholder.webp


--------------------------------------------------------------------------------
/apps/web-v2/public/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Allow: /
3 | 
4 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/DatePicker.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DateValue } from '@internationalized/date'
 3 | import {
 4 |   DateFormatter,
 5 |   getLocalTimeZone,
 6 | } from '@internationalized/date'
 7 | import { CalendarIcon } from 'lucide-vue-next'
 8 | import { cn } from '@/lib/utils'
 9 | import CalendarView from './CalendarView.vue'
10 | 
11 | const value = defineModel<DateValue | undefined>('value')
12 | const df = new DateFormatter('zh-CN', {
13 |   dateStyle: 'long',
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <Popover>
19 |     <PopoverTrigger as-child>
20 |       <Button
21 |         variant="outline"
22 |         :class="cn(
23 |           'w-[280px] justify-start text-left font-normal',
24 |           !value && 'text-muted-foreground',
25 |         )"
26 |       >
27 |         <CalendarIcon class="mr-2 h-4 w-4" />
28 |         {{ value ? df.format(value.toDate(getLocalTimeZone())) : "请选一个日期" }}
29 |       </Button>
30 |     </PopoverTrigger>
31 |     <PopoverContent class="w-auto p-0">
32 |       <CalendarView v-model="value" />
33 |     </PopoverContent>
34 |   </Popover>
35 | </template>
36 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/EmptyWeibo.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { Import } from 'lucide-vue-next'
 3 | import ImportData from '@/components/common/ImportData.vue'
 4 | </script>
 5 | 
 6 | <template>
 7 |   <div
 8 |     class="flex flex-col items-center justify-center pt-28 px-4"
 9 |   >
10 |     <h1 class="text-3xl font-bold  text-center mb-3">
11 |       欢迎使用 Weibo Archiver
12 |     </h1>
13 |     <p class="text-lg  text-center max-w-xl mb-8">
14 |       开始备份您的微博记忆，防止珍贵内容丢失
15 |     </p>
16 | 
17 |     <div
18 |       class="flex gap-4 justify-center"
19 |     >
20 |       <Button
21 |         class="bg-gradient-to-r from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 text-white shadow-lg rounded-full px-10 mb-12 relative"
22 |       >
23 |         <ImportData />
24 |         <Import />
25 |         导入数据
26 |       </Button>
27 |     </div>
28 |   </div>
29 | </template>
30 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/album/AlbumPhotos.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Post } from '@weibo-archiver/core'
 3 | import type { AlbumPreviewEvent } from '@/types'
 4 | import { computed } from 'vue'
 5 | import LazyImage from '@/components/common/LazyImage.vue'
 6 | import { emitter } from '@/composables'
 7 | 
 8 | const props = defineProps<{
 9 |   posts: Post[]
10 | }>()
11 | 
12 | const medias = computed(() => props.posts.flatMap((post, postIdx) =>
13 |   post.imgs.map((img, idx) => ({
14 |     postId: post.mblogid,
15 |     postIdx,
16 |     src: img,
17 |     idx,
18 |   }))),
19 | )
20 | 
21 | function openPreview(event: AlbumPreviewEvent) {
22 |   emitter.emit('open-album-preview', event)
23 | }
24 | </script>
25 | 
26 | <template>
27 |   <div
28 |     class="grid grid-cols-4 gap-1"
29 |   >
30 |     <div
31 |       v-for="media in medias"
32 |       :key="media.src"
33 |       class="cursor-pointer aspect-square"
34 |     >
35 |       <LazyImage
36 |         :src="media.src"
37 |         alt="image"
38 |         class="rounded-xl h-full w-full"
39 |         @click="openPreview({
40 |           idxOfPost: media.postIdx,
41 |           idxOfImg: media.idx,
42 |           posts: props.posts,
43 |         })"
44 |       />
45 |     </div>
46 |   </div>
47 | </template>
48 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/album/AlbumPreviewWeibo.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Post } from '@weibo-archiver/core'
 3 | import { computed } from 'vue'
 4 | import WeiboActions from '@/components/weibo/WeiboActions.vue'
 5 | import WeiboComments from '@/components/weibo/WeiboComments.vue'
 6 | import WeiboProfile from '@/components/weibo/WeiboProfile.vue'
 7 | import WeiboText from '@/components/weibo/WeiboText'
 8 | 
 9 | const props = defineProps<{
10 |   post: Post
11 | }>()
12 | 
13 | const actions = computed(() => ({
14 |   likes: props.post.likesCount,
15 |   reposts: props.post.repostsCount,
16 |   comments: props.post.commentsCount,
17 | }))
18 | </script>
19 | 
20 | <template>
21 |   <div
22 |     class="bg-card flex flex-col p-4 rounded-xl overflow-auto"
23 |   >
24 |     <WeiboProfile :meta="post" />
25 |     <WeiboText :text="post.text" />
26 |     <WeiboActions :actions="actions" />
27 |     <Separator class="my-3" />
28 |     <WeiboComments :comments="post.comments" />
29 |     <div
30 |       v-if="props.post.comments.length < 1"
31 |       class="text-center text-secondary-foreground"
32 |     >
33 |       暂无评论
34 |     </div>
35 |   </div>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/common/Avatar.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { imgCdn } from '@weibo-archiver/core'
 3 | import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 4 | 
 5 | const props = defineProps<{
 6 |   src: string
 7 |   alt?: string
 8 |   size?: string
 9 |   class?: string
10 | }>()
11 | </script>
12 | 
13 | <template>
14 |   <Avatar
15 |     :class="`${props.size}`"
16 |   >
17 |     <AvatarImage
18 |       :src="`${imgCdn}${props.src}`"
19 |       :alt="props.alt"
20 |       :class="props.class"
21 |     />
22 |     <AvatarFallback>{{ props.alt }}</AvatarFallback>
23 |   </Avatar>
24 | </template>
25 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/common/BackToTop.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { useWindowScroll } from '@vueuse/core'
 3 | import { ArrowUp } from 'lucide-vue-next'
 4 | import { computed } from 'vue'
 5 | 
 6 | const { y } = useWindowScroll()
 7 | const isShow = computed(() => y.value > 100)
 8 | 
 9 | function scrollToTop() {
10 |   window.scrollTo({
11 |     top: 0,
12 |     behavior: 'smooth',
13 |   })
14 | }
15 | </script>
16 | 
17 | <template>
18 |   <div
19 |     class="fixed bottom-4 right-4 md:bottom-12 md:right-12 transition-opacity duration-300 z-10 select-none" :class="[
20 |       {
21 |         'opacity-0': !isShow,
22 |       },
23 |     ]"
24 |   >
25 |     <button
26 |       class="btn btn-circle md:btn-lg"
27 |       @click="scrollToTop"
28 |     >
29 |       <ArrowUp class="w-6 h-6 md:w-8 md:h-8" />
30 |     </button>
31 |   </div>
32 | </template>
33 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/common/OpenSetting.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { Settings } from 'lucide-vue-next'
 3 | import {
 4 |   Dialog,
 5 |   DialogContent,
 6 |   DialogTrigger,
 7 | } from '@/components/ui/dialog'
 8 | import Setting from '../settings/Settings.vue'
 9 | </script>
10 | 
11 | <template>
12 |   <Dialog>
13 |     <DialogTrigger>
14 |       <button
15 |         class="btn btn-ghost btn-sm rounded-full bg-blue-50 hover:bg-blue-100 text-blue-500"
16 |       >
17 |         <Settings class="h-4 w-4" />
18 |         <span>设置</span>
19 |       </button>
20 |     </DialogTrigger>
21 |     <DialogContent
22 |       class="sm:max-w-fit"
23 |       :show-close="false"
24 |     >
25 |       <Setting />
26 |     </DialogContent>
27 |   </Dialog>
28 | </template>
29 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/common/SearchBar.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { Search } from 'lucide-vue-next'
 3 | import { ref } from 'vue'
 4 | 
 5 | const query = ref('')
 6 | async function onSearch() {
 7 |   console.log(query.value)
 8 | }
 9 | </script>
10 | 
11 | <template>
12 |   <label
13 |     class="input rounded-xl bg-base-200 border-[1px]"
14 |   >
15 |     <input
16 |       id="search-weibo"
17 |       v-model="query"
18 |       type="search"
19 |       required
20 |       placeholder="搜索微博内容..."
21 |       @keyup.enter="onSearch"
22 |     >
23 |     <Search
24 |       class="h-[1em] cursor-pointer"
25 |       @click="onSearch"
26 |     />
27 |   </label>
28 | </template>
29 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/followings/DataTableDropdown.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Following } from '@weibo-archiver/core'
 3 | import { MoreHorizontal } from 'lucide-vue-next'
 4 | 
 5 | defineProps<{
 6 |   user: Following
 7 | }>()
 8 | 
 9 | function copy(id: string) {
10 |   navigator.clipboard.writeText(id)
11 | }
12 | </script>
13 | 
14 | <template>
15 |   <DropdownMenu>
16 |     <DropdownMenuTrigger as-child>
17 |       <Button variant="ghost" class="w-8 h-8 p-0">
18 |         <span class="sr-only">Open menu</span>
19 |         <MoreHorizontal class="w-4 h-4" />
20 |       </Button>
21 |     </DropdownMenuTrigger>
22 |     <DropdownMenuContent align="end">
23 |       <DropdownMenuLabel>Actions</DropdownMenuLabel>
24 |       <DropdownMenuItem>
25 |         Copy payment ID
26 |       </DropdownMenuItem>
27 |       <DropdownMenuSeparator />
28 |       <DropdownMenuItem>View customer</DropdownMenuItem>
29 |       <DropdownMenuItem>View payment details</DropdownMenuItem>
30 |     </DropdownMenuContent>
31 |   </DropdownMenu>
32 | </template>
33 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/followings/FollowingsTable.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="tsx">
 2 | import type { Following } from '@weibo-archiver/core'
 3 | import { columns } from './dataColumns'
 4 | import DataTable from './DataTable.vue'
 5 | 
 6 | defineProps<{
 7 |   data: Following[]
 8 | }>()
 9 | </script>
10 | 
11 | <template>
12 |   <div class="container py-4 mx-auto">
13 |     <DataTable :columns="columns" :data="data" />
14 |   </div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/settings/ImageSourceOption.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AppConfig } from '@/types'
 3 | import { Input } from '@/components/ui/input'
 4 | 
 5 | defineProps<{
 6 |   id: string
 7 |   value: AppConfig['imgHost']
 8 |   label: string
 9 |   description: string
10 |   showCustomInput?: boolean
11 | }>()
12 | 
13 | const imgHost = defineModel<AppConfig['imgHost']>('imgHost')
14 | const customUrl = defineModel<string>('customUrl')
15 | </script>
16 | 
17 | <template>
18 |   <div
19 |     class="p-3 rounded-lg border cursor-pointer hover:bg-base-200 transition-colors"
20 |     :class="{
21 |       'border-primary bg-primary/5': imgHost === value,
22 |       'border-gray': imgHost !== value,
23 |     }"
24 |     @click="() => imgHost = value"
25 |   >
26 |     <div class="flex items-center">
27 |       <div class="mr-3">
28 |         <div class="form-control">
29 |           <label class="label cursor-pointer">
30 |             <input
31 |               :id="id"
32 |               type="radio"
33 |               name="image-source"
34 |               class="radio radio-primary radio-sm"
35 |               :checked="imgHost === value"
36 |             >
37 |           </label>
38 |         </div>
39 |       </div>
40 |       <div>
41 |         <div class="font-medium ">
42 |           {{ label }}
43 |         </div>
44 |         <div class="text-xs text-gray-500 mt-1">
45 |           {{ description }}
46 |         </div>
47 |       </div>
48 |     </div>
49 |     <div v-if="showCustomInput && imgHost === value" class="mt-3 pl-8">
50 |       <Input
51 |         v-model="customUrl"
52 |         type="text"
53 |         placeholder="请输入图床链接"
54 |       />
55 |     </div>
56 |   </div>
57 | </template>
58 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/settings/Settings.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { ref } from 'vue'
 3 | import AboutSettings from './AboutSettings.vue'
 4 | import GeneralSettings from './GeneralSettings.vue'
 5 | import SettingsHeader from './SettingsHeader.vue'
 6 | import SettingsSidebar from './SettingsSidebar.vue'
 7 | 
 8 | defineEmits<{
 9 |   close: []
10 | }>()
11 | 
12 | const activeTab = ref('general')
13 | </script>
14 | 
15 | <template>
16 |   <div class="w-[90vw] sm:w-3xl">
17 |     <SettingsHeader @close="$emit('close')" />
18 | 
19 |     <div class="flex">
20 |       <SettingsSidebar
21 |         :active-tab="activeTab"
22 |         @update:active-tab="activeTab = $event"
23 |       />
24 | 
25 |       <div class="flex-grow p-6 overflow-y-auto max-h-[76vh]">
26 |         <GeneralSettings v-if="activeTab === 'general'" />
27 |         <AboutSettings v-else-if="activeTab === 'about'" />
28 |       </div>
29 |     </div>
30 |   </div>
31 | </template>
32 | 
33 | <style scoped>
34 | 
35 | </style>
36 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/settings/SettingsHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { X } from 'lucide-vue-next'
 3 | 
 4 | defineEmits<{
 5 |   close: []
 6 | }>()
 7 | </script>
 8 | 
 9 | <template>
10 |   <div class="flex items-center gap-2 p-3 border-b border-gray-200">
11 |     <button
12 |       class="btn btn-ghost btn-sm btn-circle"
13 |       @click="$emit('close')"
14 |     >
15 |       <X class="w-4 h-4" />
16 |     </button>
17 |     <h2 class="text-lg font-medium">
18 |       设置
19 |     </h2>
20 |   </div>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/settings/SettingsSidebar.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { FunctionalComponent } from 'vue'
 3 | import { Info, Settings } from 'lucide-vue-next'
 4 | 
 5 | defineProps<{
 6 |   activeTab: string
 7 | }>()
 8 | 
 9 | defineEmits<{
10 |   'update:activeTab': [value: string]
11 | }>()
12 | 
13 | interface SidebarItem {
14 |   icon: FunctionalComponent
15 |   label: string
16 |   value: string
17 | }
18 | 
19 | const sidebarItems: SidebarItem[] = [
20 |   {
21 |     icon: Settings,
22 |     label: '通用',
23 |     value: 'general',
24 |   },
25 |   {
26 |     icon: Info,
27 |     label: '关于',
28 |     value: 'about',
29 |   },
30 | ]
31 | </script>
32 | 
33 | <template>
34 |   <div class="w-36 border-r border-gray-200 flex flex-col shrink-0">
35 |     <div
36 |       v-for="item in sidebarItems"
37 |       :key="item.value"
38 |       class="py-3 px-5 cursor-pointer hover:bg-base-200 flex items-center gap-3"
39 |       :class="{ 'bg-base-200 text-primary font-medium': activeTab === item.value }"
40 |       @click="$emit('update:activeTab', item.value)"
41 |     >
42 |       <component :is="item.icon" class="w-5 h-5" />
43 |       <span>{{ item.label }}</span>
44 |     </div>
45 |   </div>
46 | </template>
47 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/accordion/Accordion.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AccordionRootEmits, AccordionRootProps } from 'reka-ui'
 3 | import {
 4 |   AccordionRoot,
 5 | 
 6 |   useForwardPropsEmits,
 7 | } from 'reka-ui'
 8 | 
 9 | const props = defineProps<AccordionRootProps>()
10 | const emits = defineEmits<AccordionRootEmits>()
11 | 
12 | const forwarded = useForwardPropsEmits(props, emits)
13 | </script>
14 | 
15 | <template>
16 |   <AccordionRoot data-slot="accordion" v-bind="forwarded">
17 |     <slot />
18 |   </AccordionRoot>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/accordion/AccordionContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AccordionContentProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { AccordionContent } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<AccordionContentProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <AccordionContent
19 |     data-slot="accordion-content"
20 |     v-bind="delegatedProps"
21 |     class="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
22 |   >
23 |     <div :class="cn('pt-0 pb-4', props.class)">
24 |       <slot />
25 |     </div>
26 |   </AccordionContent>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/accordion/AccordionItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AccordionItemProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { AccordionItem, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<AccordionItemProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <AccordionItem
21 |     data-slot="accordion-item"
22 |     v-bind="forwardedProps"
23 |     :class="cn('border-b last:border-b-0', props.class)"
24 |   >
25 |     <slot />
26 |   </AccordionItem>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/accordion/AccordionTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AccordionTriggerProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { ChevronDown } from 'lucide-vue-next'
 5 | import {
 6 |   AccordionHeader,
 7 |   AccordionTrigger,
 8 | 
 9 | } from 'reka-ui'
10 | import { computed } from 'vue'
11 | import { cn } from '@/lib/utils'
12 | 
13 | const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes['class'] }>()
14 | 
15 | const delegatedProps = computed(() => {
16 |   const { class: _, ...delegated } = props
17 | 
18 |   return delegated
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <AccordionHeader class="flex">
24 |     <AccordionTrigger
25 |       data-slot="accordion-trigger"
26 |       v-bind="delegatedProps"
27 |       :class="
28 |         cn(
29 |           'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180',
30 |           props.class,
31 |         )
32 |       "
33 |     >
34 |       <slot />
35 |       <slot name="icon">
36 |         <ChevronDown
37 |           class="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
38 |         />
39 |       </slot>
40 |     </AccordionTrigger>
41 |   </AccordionHeader>
42 | </template>
43 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/accordion/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Accordion } from './Accordion.vue'
2 | export { default as AccordionContent } from './AccordionContent.vue'
3 | export { default as AccordionItem } from './AccordionItem.vue'
4 | export { default as AccordionTrigger } from './AccordionTrigger.vue'
5 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/avatar/Avatar.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { AvatarRoot } from 'reka-ui'
 4 | import { cn } from '@/lib/utils'
 5 | 
 6 | const props = defineProps<{
 7 |   class?: HTMLAttributes['class']
 8 | }>()
 9 | </script>
10 | 
11 | <template>
12 |   <AvatarRoot
13 |     data-slot="avatar"
14 |     :class="cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)"
15 |   >
16 |     <slot />
17 |   </AvatarRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/avatar/AvatarFallback.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AvatarFallbackProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { AvatarFallback } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<AvatarFallbackProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <AvatarFallback
19 |     data-slot="avatar-fallback"
20 |     v-bind="delegatedProps"
21 |     :class="cn('bg-muted flex size-full items-center justify-center rounded-full', props.class)"
22 |   >
23 |     <slot />
24 |   </AvatarFallback>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/avatar/AvatarImage.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { AvatarImageProps } from 'reka-ui'
 3 | import { AvatarImage } from 'reka-ui'
 4 | 
 5 | const props = defineProps<AvatarImageProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <AvatarImage
10 |     data-slot="avatar-image"
11 |     v-bind="props"
12 |     class="aspect-square size-full"
13 |   >
14 |     <slot />
15 |   </AvatarImage>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/avatar/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Avatar } from './Avatar.vue'
2 | export { default as AvatarFallback } from './AvatarFallback.vue'
3 | export { default as AvatarImage } from './AvatarImage.vue'
4 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/badge/Badge.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import type { BadgeVariants } from '.'
 5 | import { Primitive } from 'reka-ui'
 6 | import { computed } from 'vue'
 7 | import { cn } from '@/lib/utils'
 8 | import { badgeVariants } from '.'
 9 | 
10 | const props = defineProps<PrimitiveProps & {
11 |   variant?: BadgeVariants['variant']
12 |   class?: HTMLAttributes['class']
13 | }>()
14 | 
15 | const delegatedProps = computed(() => {
16 |   const { class: _, ...delegated } = props
17 | 
18 |   return delegated
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <Primitive
24 |     data-slot="badge"
25 |     :class="cn(badgeVariants({ variant }), props.class)"
26 |     v-bind="delegatedProps"
27 |   >
28 |     <slot />
29 |   </Primitive>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/badge/index.ts:
--------------------------------------------------------------------------------
 1 | import type { VariantProps } from 'class-variance-authority'
 2 | import { cva } from 'class-variance-authority'
 3 | 
 4 | export { default as Badge } from './Badge.vue'
 5 | 
 6 | export const badgeVariants = cva(
 7 |   'inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden',
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default:
12 |           'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
13 |         secondary:
14 |           'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
15 |         destructive:
16 |          'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
17 |         outline:
18 |           'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
19 |       },
20 |     },
21 |     defaultVariants: {
22 |       variant: 'default',
23 |     },
24 |   },
25 | )
26 | export type BadgeVariants = VariantProps<typeof badgeVariants>
27 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/button/Button.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import type { ButtonVariants } from '.'
 5 | import { Primitive } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | import { buttonVariants } from '.'
 8 | 
 9 | interface Props extends PrimitiveProps {
10 |   variant?: ButtonVariants['variant']
11 |   size?: ButtonVariants['size']
12 |   class?: HTMLAttributes['class']
13 | }
14 | 
15 | const props = withDefaults(defineProps<Props>(), {
16 |   as: 'button',
17 | })
18 | </script>
19 | 
20 | <template>
21 |   <Primitive
22 |     data-slot="button"
23 |     :as="as"
24 |     :as-child="asChild"
25 |     :class="cn(
26 |       buttonVariants({ variant, size }),
27 |       props.class,
28 |     )"
29 |   >
30 |     <slot />
31 |   </Primitive>
32 | </template>
33 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarCell.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarCellProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarCell, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<CalendarCellProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <CalendarCell
21 |     data-slot="calendar-cell"
22 |     :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent', props.class)"
23 |     v-bind="forwardedProps"
24 |   >
25 |     <slot />
26 |   </CalendarCell>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarGrid.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarGridProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarGrid, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<CalendarGridProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <CalendarGrid
21 |     data-slot="calendar-grid"
22 |     :class="cn('w-full border-collapse space-x-1', props.class)"
23 |     v-bind="forwardedProps"
24 |   >
25 |     <slot />
26 |   </CalendarGrid>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarGridBody.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarGridBodyProps } from 'reka-ui'
 3 | import { CalendarGridBody } from 'reka-ui'
 4 | 
 5 | const props = defineProps<CalendarGridBodyProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <CalendarGridBody
10 |     data-slot="calendar-grid-body"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </CalendarGridBody>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarGridHead.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarGridHeadProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarGridHead } from 'reka-ui'
 5 | 
 6 | const props = defineProps<CalendarGridHeadProps & { class?: HTMLAttributes['class'] }>()
 7 | </script>
 8 | 
 9 | <template>
10 |   <CalendarGridHead
11 |     data-slot="calendar-grid-head"
12 |     v-bind="props"
13 |   >
14 |     <slot />
15 |   </CalendarGridHead>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarGridRow.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarGridRowProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarGridRow, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <CalendarGridRow
21 |     data-slot="calendar-grid-row"
22 |     :class="cn('flex', props.class)" v-bind="forwardedProps"
23 |   >
24 |     <slot />
25 |   </CalendarGridRow>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarHeadCell.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarHeadCellProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarHeadCell, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <CalendarHeadCell
21 |     data-slot="calendar-head-cell"
22 |     :class="cn('text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]', props.class)"
23 |     v-bind="forwardedProps"
24 |   >
25 |     <slot />
26 |   </CalendarHeadCell>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarHeader.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarHeaderProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarHeader, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <CalendarHeader
21 |     data-slot="calendar-header"
22 |     :class="cn('flex justify-center pt-1 relative items-center w-full', props.class)"
23 |     v-bind="forwardedProps"
24 |   >
25 |     <slot />
26 |   </CalendarHeader>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarHeading.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarHeadingProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { CalendarHeading, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | defineSlots<{
11 |   default: (props: { headingValue: string }) => any
12 | }>()
13 | 
14 | const delegatedProps = computed(() => {
15 |   const { class: _, ...delegated } = props
16 | 
17 |   return delegated
18 | })
19 | 
20 | const forwardedProps = useForwardProps(delegatedProps)
21 | </script>
22 | 
23 | <template>
24 |   <CalendarHeading
25 |     v-slot="{ headingValue }"
26 |     data-slot="calendar-heading"
27 |     :class="cn('text-sm font-medium', props.class)"
28 |     v-bind="forwardedProps"
29 |   >
30 |     <slot :heading-value>
31 |       {{ headingValue }}
32 |     </slot>
33 |   </CalendarHeading>
34 | </template>
35 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarNextButton.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarNextProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { ChevronRight } from 'lucide-vue-next'
 5 | import { CalendarNext, useForwardProps } from 'reka-ui'
 6 | import { computed } from 'vue'
 7 | import { buttonVariants } from '@/components/ui/button'
 8 | import { cn } from '@/lib/utils'
 9 | 
10 | const props = defineProps<CalendarNextProps & { class?: HTMLAttributes['class'] }>()
11 | 
12 | const delegatedProps = computed(() => {
13 |   const { class: _, ...delegated } = props
14 | 
15 |   return delegated
16 | })
17 | 
18 | const forwardedProps = useForwardProps(delegatedProps)
19 | </script>
20 | 
21 | <template>
22 |   <CalendarNext
23 |     data-slot="calendar-next-button"
24 |     :class="cn(
25 |       buttonVariants({ variant: 'outline' }),
26 |       'absolute right-1',
27 |       'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
28 |       props.class,
29 |     )"
30 |     v-bind="forwardedProps"
31 |   >
32 |     <slot>
33 |       <ChevronRight class="size-4" />
34 |     </slot>
35 |   </CalendarNext>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/CalendarPrevButton.vue:
--------------------------------------------------------------------------------
 1 | <script lang="ts" setup>
 2 | import type { CalendarPrevProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { ChevronLeft } from 'lucide-vue-next'
 5 | import { CalendarPrev, useForwardProps } from 'reka-ui'
 6 | import { computed } from 'vue'
 7 | import { buttonVariants } from '@/components/ui/button'
 8 | import { cn } from '@/lib/utils'
 9 | 
10 | const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes['class'] }>()
11 | 
12 | const delegatedProps = computed(() => {
13 |   const { class: _, ...delegated } = props
14 | 
15 |   return delegated
16 | })
17 | 
18 | const forwardedProps = useForwardProps(delegatedProps)
19 | </script>
20 | 
21 | <template>
22 |   <CalendarPrev
23 |     data-slot="calendar-prev-button"
24 |     :class="cn(
25 |       buttonVariants({ variant: 'outline' }),
26 |       'absolute left-1',
27 |       'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
28 |       props.class,
29 |     )"
30 |     v-bind="forwardedProps"
31 |   >
32 |     <slot>
33 |       <ChevronLeft class="size-4" />
34 |     </slot>
35 |   </CalendarPrev>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/calendar/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Calendar } from './Calendar.vue'
 2 | export { default as CalendarCell } from './CalendarCell.vue'
 3 | export { default as CalendarCellTrigger } from './CalendarCellTrigger.vue'
 4 | export { default as CalendarGrid } from './CalendarGrid.vue'
 5 | export { default as CalendarGridBody } from './CalendarGridBody.vue'
 6 | export { default as CalendarGridHead } from './CalendarGridHead.vue'
 7 | export { default as CalendarGridRow } from './CalendarGridRow.vue'
 8 | export { default as CalendarHeadCell } from './CalendarHeadCell.vue'
 9 | export { default as CalendarHeader } from './CalendarHeader.vue'
10 | export { default as CalendarHeading } from './CalendarHeading.vue'
11 | export { default as CalendarNextButton } from './CalendarNextButton.vue'
12 | export { default as CalendarPrevButton } from './CalendarPrevButton.vue'
13 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/Card.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Primitive } from 'reka-ui'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | interface Props extends PrimitiveProps {
 8 |   class?: HTMLAttributes['class']
 9 | }
10 | 
11 | const props = withDefaults(defineProps<Props>(), {
12 |   as: 'div',
13 | })
14 | </script>
15 | 
16 | <template>
17 |   <Primitive
18 |     data-slot="card"
19 |     :as="as"
20 |     :class="
21 |       cn(
22 |         'bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm',
23 |         props.class,
24 |       )
25 |     "
26 |   >
27 |     <slot />
28 |   </Primitive>
29 | </template>
30 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/CardAction.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="card-action"
13 |     :class="cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', props.class)"
14 |   >
15 |     <slot />
16 |   </div>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/CardContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="card-content"
13 |     :class="cn('px-6', props.class)"
14 |   >
15 |     <slot />
16 |   </div>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/CardDescription.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <p
12 |     data-slot="card-description"
13 |     :class="cn('text-muted-foreground text-sm', props.class)"
14 |   >
15 |     <slot />
16 |   </p>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/CardFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="card-footer"
13 |     :class="cn('flex items-center px-6 [.border-t]:pt-6', props.class)"
14 |   >
15 |     <slot />
16 |   </div>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/CardHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="card-header"
13 |     :class="cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', props.class)"
14 |   >
15 |     <slot />
16 |   </div>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/CardTitle.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <h3
12 |     data-slot="card-title"
13 |     :class="cn('leading-none font-semibold', props.class)"
14 |   >
15 |     <slot />
16 |   </h3>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/card/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Card } from './Card.vue'
2 | export { default as CardAction } from './CardAction.vue'
3 | export { default as CardContent } from './CardContent.vue'
4 | export { default as CardDescription } from './CardDescription.vue'
5 | export { default as CardFooter } from './CardFooter.vue'
6 | export { default as CardHeader } from './CardHeader.vue'
7 | export { default as CardTitle } from './CardTitle.vue'
8 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/collapsible/Collapsible.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { CollapsibleRootEmits, CollapsibleRootProps } from 'reka-ui'
 3 | import { CollapsibleRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<CollapsibleRootProps>()
 6 | const emits = defineEmits<CollapsibleRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <CollapsibleRoot
13 |     v-slot="{ open }"
14 |     data-slot="collapsible"
15 |     v-bind="forwarded"
16 |   >
17 |     <slot :open="open" />
18 |   </CollapsibleRoot>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/collapsible/CollapsibleContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { CollapsibleContentProps } from 'reka-ui'
 3 | import { CollapsibleContent } from 'reka-ui'
 4 | 
 5 | const props = defineProps<CollapsibleContentProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <CollapsibleContent
10 |     data-slot="collapsible-content"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </CollapsibleContent>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/collapsible/CollapsibleTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { CollapsibleTriggerProps } from 'reka-ui'
 3 | import { CollapsibleTrigger } from 'reka-ui'
 4 | 
 5 | const props = defineProps<CollapsibleTriggerProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <CollapsibleTrigger
10 |     data-slot="collapsible-trigger"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </CollapsibleTrigger>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/collapsible/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Collapsible } from './Collapsible.vue'
2 | export { default as CollapsibleContent } from './CollapsibleContent.vue'
3 | export { default as CollapsibleTrigger } from './CollapsibleTrigger.vue'
4 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/Dialog.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
 3 | import { DialogRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DialogRootProps>()
 6 | const emits = defineEmits<DialogRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <DialogRoot
13 |     data-slot="dialog"
14 |     v-bind="forwarded"
15 |   >
16 |     <slot />
17 |   </DialogRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogClose.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogCloseProps } from 'reka-ui'
 3 | import { DialogClose } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DialogCloseProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <DialogClose
10 |     data-slot="dialog-close"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </DialogClose>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogDescription.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogDescriptionProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { DialogDescription, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <DialogDescription
21 |     data-slot="dialog-description"
22 |     v-bind="forwardedProps"
23 |     :class="cn('text-muted-foreground text-sm', props.class)"
24 |   >
25 |     <slot />
26 |   </DialogDescription>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <div
10 |     data-slot="dialog-footer"
11 |     :class="cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', props.class)"
12 |   >
13 |     <slot />
14 |   </div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="dialog-header"
13 |     :class="cn('flex flex-col gap-2 text-center sm:text-left', props.class)"
14 |   >
15 |     <slot />
16 |   </div>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogOverlay.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogOverlayProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { DialogOverlay } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <DialogOverlay
19 |     data-slot="dialog-overlay"
20 |     v-bind="delegatedProps"
21 |     :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
22 |   >
23 |     <slot />
24 |   </DialogOverlay>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogTitle.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogTitleProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { DialogTitle, useForwardProps } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | 
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <DialogTitle
21 |     data-slot="dialog-title"
22 |     v-bind="forwardedProps"
23 |     :class="cn('text-lg leading-none font-semibold', props.class)"
24 |   >
25 |     <slot />
26 |   </DialogTitle>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/DialogTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogTriggerProps } from 'reka-ui'
 3 | import { DialogTrigger } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DialogTriggerProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <DialogTrigger
10 |     data-slot="dialog-trigger"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </DialogTrigger>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Dialog } from './Dialog.vue'
 2 | export { default as DialogClose } from './DialogClose.vue'
 3 | export { default as DialogContent } from './DialogContent.vue'
 4 | export { default as DialogDescription } from './DialogDescription.vue'
 5 | export { default as DialogFooter } from './DialogFooter.vue'
 6 | export { default as DialogHeader } from './DialogHeader.vue'
 7 | export { default as DialogOverlay } from './DialogOverlay.vue'
 8 | export { default as DialogProvider } from './DialogProvider.vue'
 9 | export { default as DialogScrollContent } from './DialogScrollContent.vue'
10 | export { default as DialogTitle } from './DialogTitle.vue'
11 | export { default as DialogTrigger } from './DialogTrigger.vue'
12 | 
13 | export { useDialog } from './useDialog'
14 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dialog/useDialog.ts:
--------------------------------------------------------------------------------
 1 | import type { DialogOptions } from './DialogProvider.vue'
 2 | import { inject } from 'vue'
 3 | 
 4 | interface DialogControl {
 5 |   openDialog: (id: string, options: DialogOptions) => void
 6 |   closeDialog: (id: string) => void
 7 |   registerDialog: (id: string) => void
 8 |   dialogs: Record<string, { open: boolean, options: DialogOptions | null }>
 9 | }
10 | 
11 | export function useDialog() {
12 |   const dialogControl = inject<DialogControl>('dialogs')
13 | 
14 |   if (!dialogControl) {
15 |     throw new Error('useDialog must be used within a DialogProvider')
16 |   }
17 | 
18 |   return [
19 |     dialogControl.openDialog,
20 |     dialogControl.closeDialog,
21 |     dialogControl.registerDialog,
22 |     dialogControl.dialogs,
23 |   ] as const
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenu.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuRootEmits, DropdownMenuRootProps } from 'reka-ui'
 3 | import { DropdownMenuRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DropdownMenuRootProps>()
 6 | const emits = defineEmits<DropdownMenuRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <DropdownMenuRoot
13 |     data-slot="dropdown-menu"
14 |     v-bind="forwarded"
15 |   >
16 |     <slot />
17 |   </DropdownMenuRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Check } from 'lucide-vue-next'
 5 | import {
 6 |   DropdownMenuCheckboxItem,
 7 | 
 8 |   DropdownMenuItemIndicator,
 9 |   useForwardPropsEmits,
10 | } from 'reka-ui'
11 | import { computed } from 'vue'
12 | import { cn } from '@/lib/utils'
13 | 
14 | const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
15 | const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
16 | 
17 | const delegatedProps = computed(() => {
18 |   const { class: _, ...delegated } = props
19 | 
20 |   return delegated
21 | })
22 | 
23 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
24 | </script>
25 | 
26 | <template>
27 |   <DropdownMenuCheckboxItem
28 |     data-slot="dropdown-menu-checkbox-item"
29 |     v-bind="forwarded"
30 |     :class=" cn(
31 |       `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
32 |       props.class,
33 |     )"
34 |   >
35 |     <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
36 |       <DropdownMenuItemIndicator>
37 |         <Check class="size-4" />
38 |       </DropdownMenuItemIndicator>
39 |     </span>
40 |     <slot />
41 |   </DropdownMenuCheckboxItem>
42 | </template>
43 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuContentEmits, DropdownMenuContentProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import {
 5 |   DropdownMenuContent,
 6 | 
 7 |   DropdownMenuPortal,
 8 |   useForwardPropsEmits,
 9 | } from 'reka-ui'
10 | import { computed } from 'vue'
11 | import { cn } from '@/lib/utils'
12 | 
13 | const props = withDefaults(
14 |   defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
15 |   {
16 |     sideOffset: 4,
17 |   },
18 | )
19 | const emits = defineEmits<DropdownMenuContentEmits>()
20 | 
21 | const delegatedProps = computed(() => {
22 |   const { class: _, ...delegated } = props
23 | 
24 |   return delegated
25 | })
26 | 
27 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
28 | </script>
29 | 
30 | <template>
31 |   <DropdownMenuPortal>
32 |     <DropdownMenuContent
33 |       data-slot="dropdown-menu-content"
34 |       v-bind="forwarded"
35 |       :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--reka-dropdown-menu-content-available-height) min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
36 |     >
37 |       <slot />
38 |     </DropdownMenuContent>
39 |   </DropdownMenuPortal>
40 | </template>
41 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuGroup.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuGroupProps } from 'reka-ui'
 3 | import { DropdownMenuGroup } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DropdownMenuGroupProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <DropdownMenuGroup
10 |     data-slot="dropdown-menu-group"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </DropdownMenuGroup>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuItemProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { DropdownMenuItem, useForwardProps } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = withDefaults(defineProps<DropdownMenuItemProps & {
 9 |   class?: HTMLAttributes['class']
10 |   inset?: boolean
11 |   variant?: 'default' | 'destructive'
12 | }>(), {
13 |   variant: 'default',
14 | })
15 | 
16 | const delegatedProps = reactiveOmit(props, 'inset', 'variant')
17 | 
18 | const forwardedProps = useForwardProps(delegatedProps)
19 | </script>
20 | 
21 | <template>
22 |   <DropdownMenuItem
23 |     data-slot="dropdown-menu-item"
24 |     :data-inset="inset ? '' : undefined"
25 |     :data-variant="variant"
26 |     v-bind="forwardedProps"
27 |     :class="cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, props.class)"
28 |   >
29 |     <slot />
30 |   </DropdownMenuItem>
31 | </template>
32 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuLabel.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuLabelProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { DropdownMenuLabel, useForwardProps } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 9 | 
10 | const delegatedProps = reactiveOmit(props, 'class', 'inset')
11 | const forwardedProps = useForwardProps(delegatedProps)
12 | </script>
13 | 
14 | <template>
15 |   <DropdownMenuLabel
16 |     data-slot="dropdown-menu-label"
17 |     :data-inset="inset ? '' : undefined"
18 |     v-bind="forwardedProps"
19 |     :class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
20 |   >
21 |     <slot />
22 |   </DropdownMenuLabel>
23 | </template>
24 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuRadioGroupEmits, DropdownMenuRadioGroupProps } from 'reka-ui'
 3 | import {
 4 |   DropdownMenuRadioGroup,
 5 | 
 6 |   useForwardPropsEmits,
 7 | } from 'reka-ui'
 8 | 
 9 | const props = defineProps<DropdownMenuRadioGroupProps>()
10 | const emits = defineEmits<DropdownMenuRadioGroupEmits>()
11 | 
12 | const forwarded = useForwardPropsEmits(props, emits)
13 | </script>
14 | 
15 | <template>
16 |   <DropdownMenuRadioGroup
17 |     data-slot="dropdown-menu-radio-group"
18 |     v-bind="forwarded"
19 |   >
20 |     <slot />
21 |   </DropdownMenuRadioGroup>
22 | </template>
23 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Circle } from 'lucide-vue-next'
 5 | import {
 6 |   DropdownMenuItemIndicator,
 7 |   DropdownMenuRadioItem,
 8 | 
 9 |   useForwardPropsEmits,
10 | } from 'reka-ui'
11 | import { computed } from 'vue'
12 | import { cn } from '@/lib/utils'
13 | 
14 | const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
15 | 
16 | const emits = defineEmits<DropdownMenuRadioItemEmits>()
17 | 
18 | const delegatedProps = computed(() => {
19 |   const { class: _, ...delegated } = props
20 | 
21 |   return delegated
22 | })
23 | 
24 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
25 | </script>
26 | 
27 | <template>
28 |   <DropdownMenuRadioItem
29 |     data-slot="dropdown-menu-radio-item"
30 |     v-bind="forwarded"
31 |     :class="cn(
32 |       `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
33 |       props.class,
34 |     )"
35 |   >
36 |     <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
37 |       <DropdownMenuItemIndicator>
38 |         <Circle class="size-2 fill-current" />
39 |       </DropdownMenuItemIndicator>
40 |     </span>
41 |     <slot />
42 |   </DropdownMenuRadioItem>
43 | </template>
44 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuSeparatorProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import {
 5 |   DropdownMenuSeparator,
 6 | 
 7 | } from 'reka-ui'
 8 | import { computed } from 'vue'
 9 | import { cn } from '@/lib/utils'
10 | 
11 | const props = defineProps<DropdownMenuSeparatorProps & {
12 |   class?: HTMLAttributes['class']
13 | }>()
14 | 
15 | const delegatedProps = computed(() => {
16 |   const { class: _, ...delegated } = props
17 | 
18 |   return delegated
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <DropdownMenuSeparator
24 |     data-slot="dropdown-menu-separator"
25 |     v-bind="delegatedProps"
26 |     :class="cn('bg-border -mx-1 my-1 h-px', props.class)"
27 |   />
28 | </template>
29 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <span
12 |     data-slot="dropdown-menu-shortcut"
13 |     :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
14 |   >
15 |     <slot />
16 |   </span>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuSub.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuSubEmits, DropdownMenuSubProps } from 'reka-ui'
 3 | import {
 4 |   DropdownMenuSub,
 5 | 
 6 |   useForwardPropsEmits,
 7 | } from 'reka-ui'
 8 | 
 9 | const props = defineProps<DropdownMenuSubProps>()
10 | const emits = defineEmits<DropdownMenuSubEmits>()
11 | 
12 | const forwarded = useForwardPropsEmits(props, emits)
13 | </script>
14 | 
15 | <template>
16 |   <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
17 |     <slot />
18 |   </DropdownMenuSub>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import {
 5 |   DropdownMenuSubContent,
 6 | 
 7 |   useForwardPropsEmits,
 8 | } from 'reka-ui'
 9 | import { computed } from 'vue'
10 | import { cn } from '@/lib/utils'
11 | 
12 | const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
13 | const emits = defineEmits<DropdownMenuSubContentEmits>()
14 | 
15 | const delegatedProps = computed(() => {
16 |   const { class: _, ...delegated } = props
17 | 
18 |   return delegated
19 | })
20 | 
21 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
22 | </script>
23 | 
24 | <template>
25 |   <DropdownMenuSubContent
26 |     data-slot="dropdown-menu-sub-content"
27 |     v-bind="forwarded"
28 |     :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
29 |   >
30 |     <slot />
31 |   </DropdownMenuSubContent>
32 | </template>
33 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuSubTriggerProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { ChevronRight } from 'lucide-vue-next'
 6 | import {
 7 |   DropdownMenuSubTrigger,
 8 | 
 9 |   useForwardProps,
10 | } from 'reka-ui'
11 | import { cn } from '@/lib/utils'
12 | 
13 | const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
14 | 
15 | const delegatedProps = reactiveOmit(props, 'class', 'inset')
16 | const forwardedProps = useForwardProps(delegatedProps)
17 | </script>
18 | 
19 | <template>
20 |   <DropdownMenuSubTrigger
21 |     data-slot="dropdown-menu-sub-trigger"
22 |     v-bind="forwardedProps"
23 |     :class="cn(
24 |       'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',
25 |       props.class,
26 |     )"
27 |   >
28 |     <slot />
29 |     <ChevronRight class="ml-auto size-4" />
30 |   </DropdownMenuSubTrigger>
31 | </template>
32 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DropdownMenuTriggerProps } from 'reka-ui'
 3 | import { DropdownMenuTrigger, useForwardProps } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DropdownMenuTriggerProps>()
 6 | 
 7 | const forwardedProps = useForwardProps(props)
 8 | </script>
 9 | 
10 | <template>
11 |   <DropdownMenuTrigger
12 |     data-slot="dropdown-menu-trigger"
13 |     v-bind="forwardedProps"
14 |   >
15 |     <slot />
16 |   </DropdownMenuTrigger>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/dropdown-menu/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as DropdownMenu } from './DropdownMenu.vue'
 2 | 
 3 | export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
 4 | export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
 5 | export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
 6 | export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
 7 | export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
 8 | export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
 9 | export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
10 | export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
11 | export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
12 | export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
13 | export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
14 | export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
15 | export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
16 | export { DropdownMenuPortal } from 'reka-ui'
17 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/input/Input.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { useVModel } from '@vueuse/core'
 4 | import { cn } from '@/lib/utils'
 5 | 
 6 | const props = defineProps<{
 7 |   defaultValue?: string | number
 8 |   modelValue?: string | number
 9 |   class?: HTMLAttributes['class']
10 | }>()
11 | 
12 | const emits = defineEmits<{
13 |   (e: 'update:modelValue', payload: string | number): void
14 | }>()
15 | 
16 | const modelValue = useVModel(props, 'modelValue', emits, {
17 |   passive: true,
18 |   defaultValue: props.defaultValue,
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <input
24 |     v-model="modelValue"
25 |     data-slot="input"
26 |     :class="cn(
27 |       'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
28 |       'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
29 |       'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
30 |       props.class,
31 |     )"
32 |   >
33 | </template>
34 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/input/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Input } from './Input.vue'
2 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/label/Label.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { LabelProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Label } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <Label
19 |     data-slot="label"
20 |     v-bind="delegatedProps"
21 |     :class="
22 |       cn(
23 |         'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
24 |         props.class,
25 |       )
26 |     "
27 |   >
28 |     <slot />
29 |   </Label>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/label/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Label } from './Label.vue'
2 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/popover/Popover.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PopoverRootEmits, PopoverRootProps } from 'reka-ui'
 3 | import { PopoverRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<PopoverRootProps>()
 6 | const emits = defineEmits<PopoverRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <PopoverRoot
13 |     data-slot="popover"
14 |     v-bind="forwarded"
15 |   >
16 |     <slot />
17 |   </PopoverRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/popover/PopoverAnchor.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PopoverAnchorProps } from 'reka-ui'
 3 | import { PopoverAnchor } from 'reka-ui'
 4 | 
 5 | const props = defineProps<PopoverAnchorProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <PopoverAnchor
10 |     data-slot="popover-anchor"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </PopoverAnchor>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/popover/PopoverContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PopoverContentEmits, PopoverContentProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import {
 5 |   PopoverContent,
 6 | 
 7 |   PopoverPortal,
 8 |   useForwardPropsEmits,
 9 | } from 'reka-ui'
10 | import { computed } from 'vue'
11 | import { cn } from '@/lib/utils'
12 | 
13 | defineOptions({
14 |   inheritAttrs: false,
15 | })
16 | 
17 | const props = withDefaults(
18 |   defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),
19 |   {
20 |     align: 'center',
21 |     sideOffset: 4,
22 |   },
23 | )
24 | const emits = defineEmits<PopoverContentEmits>()
25 | 
26 | const delegatedProps = computed(() => {
27 |   const { class: _, ...delegated } = props
28 | 
29 |   return delegated
30 | })
31 | 
32 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
33 | </script>
34 | 
35 | <template>
36 |   <PopoverPortal>
37 |     <PopoverContent
38 |       data-slot="popover-content"
39 |       v-bind="{ ...forwarded, ...$attrs }"
40 |       :class="
41 |         cn(
42 |           'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden',
43 |           props.class,
44 |         )
45 |       "
46 |     >
47 |       <slot />
48 |     </PopoverContent>
49 |   </PopoverPortal>
50 | </template>
51 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/popover/PopoverTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PopoverTriggerProps } from 'reka-ui'
 3 | import { PopoverTrigger } from 'reka-ui'
 4 | 
 5 | const props = defineProps<PopoverTriggerProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <PopoverTrigger
10 |     data-slot="popover-trigger"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </PopoverTrigger>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/popover/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Popover } from './Popover.vue'
2 | export { default as PopoverAnchor } from './PopoverAnchor.vue'
3 | export { default as PopoverContent } from './PopoverContent.vue'
4 | export { default as PopoverTrigger } from './PopoverTrigger.vue'
5 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/radio-group/RadioGroup.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { RadioGroupRootEmits, RadioGroupRootProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { RadioGroupRoot, useForwardPropsEmits } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<RadioGroupRootProps & { class?: HTMLAttributes['class'] }>()
 9 | const emits = defineEmits<RadioGroupRootEmits>()
10 | 
11 | const delegatedProps = reactiveOmit(props, 'class')
12 | 
13 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
14 | </script>
15 | 
16 | <template>
17 |   <RadioGroupRoot
18 |     data-slot="radio-group"
19 |     :class="cn('grid gap-3', props.class)"
20 |     v-bind="forwarded"
21 |   >
22 |     <slot />
23 |   </RadioGroupRoot>
24 | </template>
25 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/radio-group/RadioGroupItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { RadioGroupItemProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { CircleIcon } from 'lucide-vue-next'
 6 | import {
 7 |   RadioGroupIndicator,
 8 |   RadioGroupItem,
 9 | 
10 |   useForwardProps,
11 | } from 'reka-ui'
12 | import { cn } from '@/lib/utils'
13 | 
14 | const props = defineProps<RadioGroupItemProps & { class?: HTMLAttributes['class'] }>()
15 | 
16 | const delegatedProps = reactiveOmit(props, 'class')
17 | 
18 | const forwardedProps = useForwardProps(delegatedProps)
19 | </script>
20 | 
21 | <template>
22 |   <RadioGroupItem
23 |     data-slot="radio-group-item"
24 |     v-bind="forwardedProps"
25 |     :class="
26 |       cn(
27 |         'border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
28 |         props.class,
29 |       )
30 |     "
31 |   >
32 |     <RadioGroupIndicator
33 |       data-slot="radio-group-indicator"
34 |       class="relative flex items-center justify-center"
35 |     >
36 |       <CircleIcon class="fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" />
37 |     </RadioGroupIndicator>
38 |   </RadioGroupItem>
39 | </template>
40 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/radio-group/index.ts:
--------------------------------------------------------------------------------
1 | export { default as RadioGroup } from './RadioGroup.vue'
2 | export { default as RadioGroupItem } from './RadioGroupItem.vue'
3 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/scroll-area/ScrollArea.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ScrollAreaRootProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import {
 5 |   ScrollAreaCorner,
 6 |   ScrollAreaRoot,
 7 | 
 8 |   ScrollAreaViewport,
 9 | } from 'reka-ui'
10 | import { computed } from 'vue'
11 | import { cn } from '@/lib/utils'
12 | import ScrollBar from './ScrollBar.vue'
13 | 
14 | const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>()
15 | 
16 | const delegatedProps = computed(() => {
17 |   const { class: _, ...delegated } = props
18 | 
19 |   return delegated
20 | })
21 | </script>
22 | 
23 | <template>
24 |   <ScrollAreaRoot
25 |     data-slot="scroll-area"
26 |     v-bind="delegatedProps"
27 |     :class="cn('relative', props.class)"
28 |   >
29 |     <ScrollAreaViewport
30 |       data-slot="scroll-area-viewport"
31 |       class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
32 |     >
33 |       <slot />
34 |     </ScrollAreaViewport>
35 |     <ScrollBar />
36 |     <ScrollAreaCorner />
37 |   </ScrollAreaRoot>
38 | </template>
39 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/scroll-area/ScrollBar.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { ScrollAreaScrollbarProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { ScrollAreaScrollbar, ScrollAreaThumb } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
 9 |   orientation: 'vertical',
10 | })
11 | 
12 | const delegatedProps = computed(() => {
13 |   const { class: _, ...delegated } = props
14 | 
15 |   return delegated
16 | })
17 | </script>
18 | 
19 | <template>
20 |   <ScrollAreaScrollbar
21 |     data-slot="scroll-area-scrollbar"
22 |     v-bind="delegatedProps"
23 |     :class="
24 |       cn('flex touch-none p-px transition-colors select-none',
25 |          orientation === 'vertical'
26 |            && 'h-full w-2.5 border-l border-l-transparent',
27 |          orientation === 'horizontal'
28 |            && 'h-2.5 flex-col border-t border-t-transparent',
29 |          props.class)"
30 |   >
31 |     <ScrollAreaThumb
32 |       data-slot="scroll-area-thumb"
33 |       class="bg-border relative flex-1 rounded-full"
34 |     />
35 |   </ScrollAreaScrollbar>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/scroll-area/index.ts:
--------------------------------------------------------------------------------
1 | export { default as ScrollArea } from './ScrollArea.vue'
2 | export { default as ScrollBar } from './ScrollBar.vue'
3 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/Select.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectRootEmits, SelectRootProps } from 'reka-ui'
 3 | import { SelectRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<SelectRootProps>()
 6 | const emits = defineEmits<SelectRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <SelectRoot
13 |     data-slot="select"
14 |     v-bind="forwarded"
15 |   >
16 |     <slot />
17 |   </SelectRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectGroup.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectGroupProps } from 'reka-ui'
 3 | import { SelectGroup } from 'reka-ui'
 4 | 
 5 | const props = defineProps<SelectGroupProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <SelectGroup
10 |     data-slot="select-group"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </SelectGroup>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectItemProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Check } from 'lucide-vue-next'
 5 | import {
 6 |   SelectItem,
 7 |   SelectItemIndicator,
 8 | 
 9 |   SelectItemText,
10 |   useForwardProps,
11 | } from 'reka-ui'
12 | import { computed } from 'vue'
13 | import { cn } from '@/lib/utils'
14 | 
15 | const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
16 | 
17 | const delegatedProps = computed(() => {
18 |   const { class: _, ...delegated } = props
19 | 
20 |   return delegated
21 | })
22 | 
23 | const forwardedProps = useForwardProps(delegatedProps)
24 | </script>
25 | 
26 | <template>
27 |   <SelectItem
28 |     data-slot="select-item"
29 |     v-bind="forwardedProps"
30 |     :class="
31 |       cn(
32 |         `focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2`,
33 |         props.class,
34 |       )
35 |     "
36 |   >
37 |     <span class="absolute right-2 flex size-3.5 items-center justify-center">
38 |       <SelectItemIndicator>
39 |         <Check class="size-4" />
40 |       </SelectItemIndicator>
41 |     </span>
42 | 
43 |     <SelectItemText>
44 |       <slot />
45 |     </SelectItemText>
46 |   </SelectItem>
47 | </template>
48 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectItemText.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectItemTextProps } from 'reka-ui'
 3 | import { SelectItemText } from 'reka-ui'
 4 | 
 5 | const props = defineProps<SelectItemTextProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <SelectItemText
10 |     data-slot="select-item-text"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </SelectItemText>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectLabel.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectLabelProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { SelectLabel } from 'reka-ui'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <SelectLabel
12 |     data-slot="select-label"
13 |     :class="cn('px-2 py-1.5 text-sm font-medium', props.class)"
14 |   >
15 |     <slot />
16 |   </SelectLabel>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectScrollDownButton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectScrollDownButtonProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { ChevronDown } from 'lucide-vue-next'
 5 | import { SelectScrollDownButton, useForwardProps } from 'reka-ui'
 6 | import { computed } from 'vue'
 7 | import { cn } from '@/lib/utils'
 8 | 
 9 | const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
10 | 
11 | const delegatedProps = computed(() => {
12 |   const { class: _, ...delegated } = props
13 | 
14 |   return delegated
15 | })
16 | 
17 | const forwardedProps = useForwardProps(delegatedProps)
18 | </script>
19 | 
20 | <template>
21 |   <SelectScrollDownButton
22 |     data-slot="select-scroll-down-button"
23 |     v-bind="forwardedProps"
24 |     :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
25 |   >
26 |     <slot>
27 |       <ChevronDown class="size-4" />
28 |     </slot>
29 |   </SelectScrollDownButton>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectScrollUpButton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectScrollUpButtonProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { ChevronUp } from 'lucide-vue-next'
 5 | import { SelectScrollUpButton, useForwardProps } from 'reka-ui'
 6 | import { computed } from 'vue'
 7 | import { cn } from '@/lib/utils'
 8 | 
 9 | const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
10 | 
11 | const delegatedProps = computed(() => {
12 |   const { class: _, ...delegated } = props
13 | 
14 |   return delegated
15 | })
16 | 
17 | const forwardedProps = useForwardProps(delegatedProps)
18 | </script>
19 | 
20 | <template>
21 |   <SelectScrollUpButton
22 |     data-slot="select-scroll-up-button"
23 |     v-bind="forwardedProps"
24 |     :class="cn('flex cursor-default items-center justify-center py-1', props.class)"
25 |   >
26 |     <slot>
27 |       <ChevronUp class="size-4" />
28 |     </slot>
29 |   </SelectScrollUpButton>
30 | </template>
31 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectSeparator.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectSeparatorProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { SelectSeparator } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <SelectSeparator
19 |     data-slot="select-separator"
20 |     v-bind="delegatedProps"
21 |     :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
22 |   />
23 | </template>
24 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/SelectValue.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SelectValueProps } from 'reka-ui'
 3 | import { SelectValue } from 'reka-ui'
 4 | 
 5 | const props = defineProps<SelectValueProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <SelectValue
10 |     data-slot="select-value"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </SelectValue>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/select/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Select } from './Select.vue'
 2 | export { default as SelectContent } from './SelectContent.vue'
 3 | export { default as SelectGroup } from './SelectGroup.vue'
 4 | export { default as SelectItem } from './SelectItem.vue'
 5 | export { default as SelectItemText } from './SelectItemText.vue'
 6 | export { default as SelectLabel } from './SelectLabel.vue'
 7 | export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue'
 8 | export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue'
 9 | export { default as SelectSeparator } from './SelectSeparator.vue'
10 | export { default as SelectTrigger } from './SelectTrigger.vue'
11 | export { default as SelectValue } from './SelectValue.vue'
12 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/separator/Separator.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SeparatorProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { Separator } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = withDefaults(defineProps<
 9 |   SeparatorProps & { class?: HTMLAttributes['class'] }
10 | >(), {
11 |   orientation: 'horizontal',
12 |   decorative: true,
13 | })
14 | 
15 | const delegatedProps = reactiveOmit(props, 'class')
16 | </script>
17 | 
18 | <template>
19 |   <Separator
20 |     data-slot="separator-root"
21 |     v-bind="delegatedProps"
22 |     :class="
23 |       cn(
24 |         `bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px`,
25 |         props.class,
26 |       )
27 |     "
28 |   />
29 | </template>
30 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/separator/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Separator } from './Separator.vue'
2 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/Sheet.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogRootEmits, DialogRootProps } from 'reka-ui'
 3 | import { DialogRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DialogRootProps>()
 6 | const emits = defineEmits<DialogRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <DialogRoot
13 |     data-slot="sheet"
14 |     v-bind="forwarded"
15 |   >
16 |     <slot />
17 |   </DialogRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetClose.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogCloseProps } from 'reka-ui'
 3 | import { DialogClose } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DialogCloseProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <DialogClose
10 |     data-slot="sheet-close"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </DialogClose>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetDescription.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogDescriptionProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { DialogDescription } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <DialogDescription
19 |     data-slot="sheet-description"
20 |     :class="cn('text-muted-foreground text-sm', props.class)"
21 |     v-bind="delegatedProps"
22 |   >
23 |     <slot />
24 |   </DialogDescription>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <div
10 |     data-slot="sheet-footer"
11 |     :class="cn('mt-auto flex flex-col gap-2 p-4', props.class)
12 |     "
13 |   >
14 |     <slot />
15 |   </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{ class?: HTMLAttributes['class'] }>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <div
10 |     data-slot="sheet-header"
11 |     :class="cn('flex flex-col gap-1.5 p-4', props.class)"
12 |   >
13 |     <slot />
14 |   </div>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetOverlay.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogOverlayProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { DialogOverlay } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DialogOverlayProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <DialogOverlay
19 |     data-slot="sheet-overlay"
20 |     :class="cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80', props.class)"
21 |     v-bind="delegatedProps"
22 |   >
23 |     <slot />
24 |   </DialogOverlay>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetTitle.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogTitleProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { DialogTitle } from 'reka-ui'
 5 | import { computed } from 'vue'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = computed(() => {
11 |   const { class: _, ...delegated } = props
12 | 
13 |   return delegated
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <DialogTitle
19 |     data-slot="sheet-title"
20 |     :class="cn('text-foreground font-semibold', props.class)"
21 |     v-bind="delegatedProps"
22 |   >
23 |     <slot />
24 |   </DialogTitle>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/SheetTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { DialogTriggerProps } from 'reka-ui'
 3 | import { DialogTrigger } from 'reka-ui'
 4 | 
 5 | const props = defineProps<DialogTriggerProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <DialogTrigger
10 |     data-slot="sheet-trigger"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </DialogTrigger>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sheet/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Sheet } from './Sheet.vue'
2 | export { default as SheetClose } from './SheetClose.vue'
3 | export { default as SheetContent } from './SheetContent.vue'
4 | export { default as SheetDescription } from './SheetDescription.vue'
5 | export { default as SheetFooter } from './SheetFooter.vue'
6 | export { default as SheetHeader } from './SheetHeader.vue'
7 | export { default as SheetTitle } from './SheetTitle.vue'
8 | export { default as SheetTrigger } from './SheetTrigger.vue'
9 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="sidebar-content"
13 |     data-sidebar="content"
14 |     :class="cn('flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden', props.class)"
15 |   >
16 |     <slot />
17 |   </div>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="sidebar-footer"
13 |     data-sidebar="footer"
14 |     :class="cn('flex flex-col gap-2 p-2', props.class)"
15 |   >
16 |     <slot />
17 |   </div>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarGroup.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="sidebar-group"
13 |     data-sidebar="group"
14 |     :class="cn('relative flex w-full min-w-0 flex-col p-2', props.class)"
15 |   >
16 |     <slot />
17 |   </div>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarGroupAction.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Primitive } from 'reka-ui'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | const props = defineProps<PrimitiveProps & {
 8 |   class?: HTMLAttributes['class']
 9 | }>()
10 | </script>
11 | 
12 | <template>
13 |   <Primitive
14 |     data-slot="sidebar-group-action"
15 |     data-sidebar="group-action"
16 |     :as="as"
17 |     :as-child="asChild"
18 |     :class="cn(
19 |       'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
20 |       'after:absolute after:-inset-2 md:after:hidden',
21 |       'group-data-[collapsible=icon]:hidden',
22 |       props.class,
23 |     )"
24 |   >
25 |     <slot />
26 |   </Primitive>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarGroupContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="sidebar-group-content"
13 |     data-sidebar="group-content"
14 |     :class="cn('w-full text-sm', props.class)"
15 |   >
16 |     <slot />
17 |   </div>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarGroupLabel.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Primitive } from 'reka-ui'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | const props = defineProps<PrimitiveProps & {
 8 |   class?: HTMLAttributes['class']
 9 | }>()
10 | </script>
11 | 
12 | <template>
13 |   <Primitive
14 |     data-slot="sidebar-group-label"
15 |     data-sidebar="group-label"
16 |     :as="as"
17 |     :as-child="asChild"
18 |     :class="cn(
19 |       'text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
20 |       'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
21 |       props.class)"
22 |   >
23 |     <slot />
24 |   </Primitive>
25 | </template>
26 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="sidebar-header"
13 |     data-sidebar="header"
14 |     :class="cn('flex flex-col gap-2 p-2', props.class)"
15 |   >
16 |     <slot />
17 |   </div>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarInput.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { Input } from '@/components/ui/input'
 4 | import { cn } from '@/lib/utils'
 5 | 
 6 | const props = defineProps<{
 7 |   class?: HTMLAttributes['class']
 8 | }>()
 9 | </script>
10 | 
11 | <template>
12 |   <Input
13 |     data-slot="sidebar-input"
14 |     data-sidebar="input"
15 |     :class="cn(
16 |       'bg-background h-8 w-full shadow-none',
17 |       props.class,
18 |     )"
19 |   >
20 |     <slot />
21 |   </Input>
22 | </template>
23 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarInset.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <main
12 |     data-slot="sidebar-inset"
13 |     :class="cn(
14 |       'bg-background relative flex w-full flex-1 flex-col',
15 |       'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2',
16 |       props.class,
17 |     )"
18 |   >
19 |     <slot />
20 |   </main>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenu.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <ul
12 |     data-slot="sidebar-menu"
13 |     data-sidebar="menu"
14 |     :class="cn('flex w-full min-w-0 flex-col gap-1', props.class)"
15 |   >
16 |     <slot />
17 |   </ul>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuAction.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Primitive } from 'reka-ui'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | const props = withDefaults(defineProps<PrimitiveProps & {
 8 |   showOnHover?: boolean
 9 |   class?: HTMLAttributes['class']
10 | }>(), {
11 |   as: 'button',
12 | })
13 | </script>
14 | 
15 | <template>
16 |   <Primitive
17 |     data-slot="sidebar-menu-action"
18 |     data-sidebar="menu-action"
19 |     :class="cn(
20 |       'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
21 |       'after:absolute after:-inset-2 md:after:hidden',
22 |       'peer-data-[size=sm]/menu-button:top-1',
23 |       'peer-data-[size=default]/menu-button:top-1.5',
24 |       'peer-data-[size=lg]/menu-button:top-2.5',
25 |       'group-data-[collapsible=icon]:hidden',
26 |       showOnHover
27 |         && 'peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0',
28 |       props.class,
29 |     )"
30 |     :as="as"
31 |     :as-child="asChild"
32 |   >
33 |     <slot />
34 |   </Primitive>
35 | </template>
36 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuBadge.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div
12 |     data-slot="sidebar-menu-badge"
13 |     data-sidebar="menu-badge"
14 |     :class="cn(
15 |       'text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none',
16 |       'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',
17 |       'peer-data-[size=sm]/menu-button:top-1',
18 |       'peer-data-[size=default]/menu-button:top-1.5',
19 |       'peer-data-[size=lg]/menu-button:top-2.5',
20 |       'group-data-[collapsible=icon]:hidden',
21 |       props.class,
22 |     )"
23 |   >
24 |     <slot />
25 |   </div>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuButton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Component } from 'vue'
 3 | import type { SidebarMenuButtonProps } from './SidebarMenuButtonChild.vue'
 4 | import { computed } from 'vue'
 5 | import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 6 | import SidebarMenuButtonChild from './SidebarMenuButtonChild.vue'
 7 | import { useSidebar } from './utils'
 8 | 
 9 | defineOptions({
10 |   inheritAttrs: false,
11 | })
12 | 
13 | const props = withDefaults(defineProps<SidebarMenuButtonProps & {
14 |   tooltip?: string | Component
15 | }>(), {
16 |   as: 'button',
17 |   variant: 'default',
18 |   size: 'default',
19 | })
20 | 
21 | const { isMobile, state } = useSidebar()
22 | 
23 | const delegatedProps = computed(() => {
24 |   const { tooltip, ...delegated } = props
25 |   return delegated
26 | })
27 | </script>
28 | 
29 | <template>
30 |   <SidebarMenuButtonChild v-if="!tooltip" v-bind="{ ...delegatedProps, ...$attrs }">
31 |     <slot />
32 |   </SidebarMenuButtonChild>
33 | 
34 |   <Tooltip v-else>
35 |     <TooltipTrigger as-child>
36 |       <SidebarMenuButtonChild v-bind="{ ...delegatedProps, ...$attrs }">
37 |         <slot />
38 |       </SidebarMenuButtonChild>
39 |     </TooltipTrigger>
40 |     <TooltipContent
41 |       side="right"
42 |       align="center"
43 |       :hidden="state !== 'collapsed' || isMobile"
44 |     >
45 |       <template v-if="typeof tooltip === 'string'">
46 |         {{ tooltip }}
47 |       </template>
48 |       <component :is="tooltip" v-else />
49 |     </TooltipContent>
50 |   </Tooltip>
51 | </template>
52 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuButtonChild.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import type { SidebarMenuButtonVariants } from '.'
 5 | import { Primitive } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | import { sidebarMenuButtonVariants } from '.'
 8 | 
 9 | export interface SidebarMenuButtonProps extends PrimitiveProps {
10 |   variant?: SidebarMenuButtonVariants['variant']
11 |   size?: SidebarMenuButtonVariants['size']
12 |   isActive?: boolean
13 |   class?: HTMLAttributes['class']
14 | }
15 | 
16 | const props = withDefaults(defineProps<SidebarMenuButtonProps>(), {
17 |   as: 'button',
18 |   variant: 'default',
19 |   size: 'default',
20 | })
21 | </script>
22 | 
23 | <template>
24 |   <Primitive
25 |     data-slot="sidebar-menu-button"
26 |     data-sidebar="menu-button"
27 |     :data-size="size"
28 |     :data-active="isActive"
29 |     :class="cn(sidebarMenuButtonVariants({ variant, size }), props.class)"
30 |     :as="as"
31 |     :as-child="asChild"
32 |     v-bind="$attrs"
33 |   >
34 |     <slot />
35 |   </Primitive>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <li
12 |     data-slot="sidebar-menu-item"
13 |     data-sidebar="menu-item"
14 |     :class="cn('group/menu-item relative', props.class)"
15 |   >
16 |     <slot />
17 |   </li>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuSkeleton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { computed } from 'vue'
 4 | import { Skeleton } from '@/components/ui/skeleton'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | const props = defineProps<{
 8 |   showIcon?: boolean
 9 |   class?: HTMLAttributes['class']
10 | }>()
11 | 
12 | const width = computed(() => {
13 |   return `${Math.floor(Math.random() * 40) + 50}%`
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <div
19 |     data-slot="sidebar-menu-skeleton"
20 |     data-sidebar="menu-skeleton"
21 |     :class="cn('flex h-8 items-center gap-2 rounded-md px-2', props.class)"
22 |   >
23 |     <Skeleton
24 |       v-if="showIcon"
25 |       class="size-4 rounded-md"
26 |       data-sidebar="menu-skeleton-icon"
27 |     />
28 | 
29 |     <Skeleton
30 |       class="h-4 max-w-(--skeleton-width) flex-1"
31 |       data-sidebar="menu-skeleton-text"
32 |       :style="{ '--skeleton-width': width }"
33 |     />
34 |   </div>
35 | </template>
36 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuSub.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <ul
12 |     data-slot="sidebar-menu-sub"
13 |     data-sidebar="menu-badge"
14 |     :class="cn(
15 |       'border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5',
16 |       'group-data-[collapsible=icon]:hidden',
17 |       props.class,
18 |     )"
19 |   >
20 |     <slot />
21 |   </ul>
22 | </template>
23 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuSubButton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { PrimitiveProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { Primitive } from 'reka-ui'
 5 | import { cn } from '@/lib/utils'
 6 | 
 7 | const props = withDefaults(defineProps<PrimitiveProps & {
 8 |   size?: 'sm' | 'md'
 9 |   isActive?: boolean
10 |   class?: HTMLAttributes['class']
11 | }>(), {
12 |   as: 'a',
13 |   size: 'md',
14 | })
15 | </script>
16 | 
17 | <template>
18 |   <Primitive
19 |     data-slot="sidebar-menu-sub-button"
20 |     data-sidebar="menu-sub-button"
21 |     :as="as"
22 |     :as-child="asChild"
23 |     :data-size="size"
24 |     :data-active="isActive"
25 |     :class="cn(
26 |       'text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',
27 |       'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
28 |       size === 'sm' && 'text-xs',
29 |       size === 'md' && 'text-sm',
30 |       'group-data-[collapsible=icon]:hidden',
31 |       props.class,
32 |     )"
33 |   >
34 |     <slot />
35 |   </Primitive>
36 | </template>
37 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarMenuSubItem.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <li
12 |     data-slot="sidebar-menu-sub-item"
13 |     data-sidebar="menu-sub-item"
14 |     :class="cn('group/menu-sub-item relative', props.class)"
15 |   >
16 |     <slot />
17 |   </li>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarRail.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | import { useSidebar } from './utils'
 5 | 
 6 | const props = defineProps<{
 7 |   class?: HTMLAttributes['class']
 8 | }>()
 9 | 
10 | const { toggleSidebar } = useSidebar()
11 | </script>
12 | 
13 | <template>
14 |   <button
15 |     data-sidebar="rail"
16 |     data-slot="sidebar-rail"
17 |     aria-label="Toggle Sidebar"
18 |     :tabindex="-1"
19 |     title="Toggle Sidebar"
20 |     :class="cn(
21 |       'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex',
22 |       'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
23 |       '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
24 |       'hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full',
25 |       '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
26 |       '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
27 |       props.class,
28 |     )"
29 |     @click="toggleSidebar"
30 |   >
31 |     <slot />
32 |   </button>
33 | </template>
34 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarSeparator.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { Separator } from '@/components/ui/separator'
 4 | import { cn } from '@/lib/utils'
 5 | 
 6 | const props = defineProps<{
 7 |   class?: HTMLAttributes['class']
 8 | }>()
 9 | </script>
10 | 
11 | <template>
12 |   <Separator
13 |     data-slot="sidebar-separator"
14 |     data-sidebar="separator"
15 |     :class="cn('bg-sidebar-border mx-2 w-auto', props.class)"
16 |   >
17 |     <slot />
18 |   </Separator>
19 | </template>
20 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/SidebarTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { PanelLeft } from 'lucide-vue-next'
 4 | import { Button } from '@/components/ui/button'
 5 | import { cn } from '@/lib/utils'
 6 | import { useSidebar } from './utils'
 7 | 
 8 | const props = defineProps<{
 9 |   class?: HTMLAttributes['class']
10 | }>()
11 | 
12 | const { toggleSidebar } = useSidebar()
13 | </script>
14 | 
15 | <template>
16 |   <Button
17 |     data-sidebar="trigger"
18 |     data-slot="sidebar-trigger"
19 |     variant="ghost"
20 |     size="icon"
21 |     :class="cn('h-7 w-7', props.class)"
22 |     @click="toggleSidebar"
23 |   >
24 |     <PanelLeft />
25 |     <span class="sr-only">Toggle Sidebar</span>
26 |   </Button>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/sidebar/utils.ts:
--------------------------------------------------------------------------------
 1 | import type { ComputedRef, Ref } from 'vue'
 2 | import { createContext } from 'reka-ui'
 3 | 
 4 | export const SIDEBAR_COOKIE_NAME = 'sidebar:state'
 5 | export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
 6 | export const SIDEBAR_WIDTH = '12rem'
 7 | export const SIDEBAR_WIDTH_MOBILE = '18rem'
 8 | export const SIDEBAR_WIDTH_ICON = '3rem'
 9 | export const SIDEBAR_KEYBOARD_SHORTCUT = 'b'
10 | 
11 | export const [useSidebar, provideSidebarContext] = createContext<{
12 |   state: ComputedRef<'expanded' | 'collapsed'>
13 |   open: Ref<boolean>
14 |   setOpen: (value: boolean) => void
15 |   isMobile: Ref<boolean>
16 |   openMobile: Ref<boolean>
17 |   setOpenMobile: (value: boolean) => void
18 |   toggleSidebar: () => void
19 | }>('Sidebar')
20 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/skeleton/Skeleton.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | interface SkeletonProps {
 6 |   class?: HTMLAttributes['class']
 7 | }
 8 | 
 9 | const props = defineProps<SkeletonProps>()
10 | </script>
11 | 
12 | <template>
13 |   <div
14 |     data-slot="skeleton"
15 |     :class="cn('animate-pulse rounded-md bg-primary/10', props.class)"
16 |   />
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/skeleton/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Skeleton } from './Skeleton.vue'
2 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/switch/Switch.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { SwitchRootEmits, SwitchRootProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import {
 5 |   SwitchRoot,
 6 | 
 7 |   SwitchThumb,
 8 |   useForwardPropsEmits,
 9 | } from 'reka-ui'
10 | import { computed } from 'vue'
11 | import { cn } from '@/lib/utils'
12 | 
13 | const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()
14 | 
15 | const emits = defineEmits<SwitchRootEmits>()
16 | 
17 | const delegatedProps = computed(() => {
18 |   const { class: _, ...delegated } = props
19 | 
20 |   return delegated
21 | })
22 | 
23 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
24 | </script>
25 | 
26 | <template>
27 |   <SwitchRoot
28 |     data-slot="switch"
29 |     v-bind="forwarded"
30 |     :class="cn(
31 |       'peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
32 |       props.class,
33 |     )"
34 |   >
35 |     <SwitchThumb
36 |       data-slot="switch-thumb"
37 |       :class="cn('bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0')"
38 |     >
39 |       <slot name="thumb" />
40 |     </SwitchThumb>
41 |   </SwitchRoot>
42 | </template>
43 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/switch/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Switch } from './Switch.vue'
2 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/Table.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <div data-slot="table-container" class="relative w-full overflow-auto">
12 |     <table data-slot="table" :class="cn('w-full caption-bottom text-sm', props.class)">
13 |       <slot />
14 |     </table>
15 |   </div>
16 | </template>
17 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableBody.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <tbody
12 |     data-slot="table-body"
13 |     :class="cn('[&_tr:last-child]:border-0', props.class)"
14 |   >
15 |     <slot />
16 |   </tbody>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableCaption.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <caption
12 |     data-slot="table-caption"
13 |     :class="cn('text-muted-foreground mt-4 text-sm', props.class)"
14 |   >
15 |     <slot />
16 |   </caption>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableCell.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <td
12 |     data-slot="table-cell"
13 |     :class="
14 |       cn(
15 |         'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
16 |         props.class,
17 |       )
18 |     "
19 |   >
20 |     <slot />
21 |   </td>
22 | </template>
23 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableEmpty.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { computed } from 'vue'
 4 | import { cn } from '@/lib/utils'
 5 | import TableCell from './TableCell.vue'
 6 | import TableRow from './TableRow.vue'
 7 | 
 8 | const props = withDefaults(defineProps<{
 9 |   class?: HTMLAttributes['class']
10 |   colspan?: number
11 | }>(), {
12 |   colspan: 1,
13 | })
14 | 
15 | const delegatedProps = computed(() => {
16 |   const { class: _, ...delegated } = props
17 | 
18 |   return delegated
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <TableRow>
24 |     <TableCell
25 |       :class="
26 |         cn(
27 |           'p-4 whitespace-nowrap align-middle text-sm text-foreground',
28 |           props.class,
29 |         )
30 |       "
31 |       v-bind="delegatedProps"
32 |     >
33 |       <div class="flex items-center justify-center py-10">
34 |         <slot />
35 |       </div>
36 |     </TableCell>
37 |   </TableRow>
38 | </template>
39 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableFooter.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <tfoot
12 |     data-slot="table-footer"
13 |     :class="cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', props.class)"
14 |   >
15 |     <slot />
16 |   </tfoot>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableHead.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <th
12 |     data-slot="table-head"
13 |     :class="cn('text-muted-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
14 |   >
15 |     <slot />
16 |   </th>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableHeader.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <thead
12 |     data-slot="table-header"
13 |     :class="cn('[&_tr]:border-b', props.class)"
14 |   >
15 |     <slot />
16 |   </thead>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/TableRow.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { HTMLAttributes } from 'vue'
 3 | import { cn } from '@/lib/utils'
 4 | 
 5 | const props = defineProps<{
 6 |   class?: HTMLAttributes['class']
 7 | }>()
 8 | </script>
 9 | 
10 | <template>
11 |   <tr
12 |     data-slot="table-row"
13 |     :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
14 |   >
15 |     <slot />
16 |   </tr>
17 | </template>
18 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Table } from './Table.vue'
 2 | export { default as TableBody } from './TableBody.vue'
 3 | export { default as TableCaption } from './TableCaption.vue'
 4 | export { default as TableCell } from './TableCell.vue'
 5 | export { default as TableEmpty } from './TableEmpty.vue'
 6 | export { default as TableFooter } from './TableFooter.vue'
 7 | export { default as TableHead } from './TableHead.vue'
 8 | export { default as TableHeader } from './TableHeader.vue'
 9 | export { default as TableRow } from './TableRow.vue'
10 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/table/utils.ts:
--------------------------------------------------------------------------------
 1 | import type { Updater } from '@tanstack/vue-table'
 2 | import type { Ref } from 'vue'
 3 | 
 4 | export function valueUpdater<T extends Updater<any>>(updaterOrValue: T, ref: Ref) {
 5 |   ref.value
 6 |     = typeof updaterOrValue === 'function'
 7 |       ? updaterOrValue(ref.value)
 8 |       : updaterOrValue
 9 | }
10 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tabs/Tabs.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TabsRootEmits, TabsRootProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { TabsRoot, useForwardPropsEmits } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<TabsRootProps & { class?: HTMLAttributes['class'] }>()
 9 | const emits = defineEmits<TabsRootEmits>()
10 | 
11 | const delegatedProps = reactiveOmit(props, 'class')
12 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
13 | </script>
14 | 
15 | <template>
16 |   <TabsRoot
17 |     data-slot="tabs"
18 |     v-bind="forwarded"
19 |     :class="cn('flex flex-col gap-2', props.class)"
20 |   >
21 |     <slot />
22 |   </TabsRoot>
23 | </template>
24 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tabs/TabsContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TabsContentProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { TabsContent } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = reactiveOmit(props, 'class')
11 | </script>
12 | 
13 | <template>
14 |   <TabsContent
15 |     data-slot="tabs-content"
16 |     :class="cn('flex-1 outline-none', props.class)"
17 |     v-bind="delegatedProps"
18 |   >
19 |     <slot />
20 |   </TabsContent>
21 | </template>
22 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tabs/TabsList.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TabsListProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { TabsList } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = reactiveOmit(props, 'class')
11 | </script>
12 | 
13 | <template>
14 |   <TabsList
15 |     data-slot="tabs-list"
16 |     v-bind="delegatedProps"
17 |     :class="cn(
18 |       'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
19 |       props.class,
20 |     )"
21 |   >
22 |     <slot />
23 |   </TabsList>
24 | </template>
25 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tabs/TabsTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TabsTriggerProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { TabsTrigger, useForwardProps } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()
 9 | 
10 | const delegatedProps = reactiveOmit(props, 'class')
11 | 
12 | const forwardedProps = useForwardProps(delegatedProps)
13 | </script>
14 | 
15 | <template>
16 |   <TabsTrigger
17 |     data-slot="tabs-trigger"
18 |     v-bind="forwardedProps"
19 |     :class="cn(
20 |       `data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
21 |       props.class,
22 |     )"
23 |   >
24 |     <slot />
25 |   </TabsTrigger>
26 | </template>
27 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tabs/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Tabs } from './Tabs.vue'
2 | export { default as TabsContent } from './TabsContent.vue'
3 | export { default as TabsList } from './TabsList.vue'
4 | export { default as TabsTrigger } from './TabsTrigger.vue'
5 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tooltip/Tooltip.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TooltipRootEmits, TooltipRootProps } from 'reka-ui'
 3 | import { TooltipRoot, useForwardPropsEmits } from 'reka-ui'
 4 | 
 5 | const props = defineProps<TooltipRootProps>()
 6 | const emits = defineEmits<TooltipRootEmits>()
 7 | 
 8 | const forwarded = useForwardPropsEmits(props, emits)
 9 | </script>
10 | 
11 | <template>
12 |   <TooltipRoot
13 |     data-slot="tooltip"
14 |     v-bind="forwarded"
15 |   >
16 |     <slot />
17 |   </TooltipRoot>
18 | </template>
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tooltip/TooltipContent.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TooltipContentEmits, TooltipContentProps } from 'reka-ui'
 3 | import type { HTMLAttributes } from 'vue'
 4 | import { reactiveOmit } from '@vueuse/core'
 5 | import { TooltipArrow, TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui'
 6 | import { cn } from '@/lib/utils'
 7 | 
 8 | defineOptions({
 9 |   inheritAttrs: false,
10 | })
11 | 
12 | const props = withDefaults(defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(), {
13 |   sideOffset: 4,
14 | })
15 | 
16 | const emits = defineEmits<TooltipContentEmits>()
17 | 
18 | const delegatedProps = reactiveOmit(props, 'class')
19 | const forwarded = useForwardPropsEmits(delegatedProps, emits)
20 | </script>
21 | 
22 | <template>
23 |   <TooltipPortal>
24 |     <TooltipContent
25 |       data-slot="tooltip-content"
26 |       v-bind="{ ...forwarded, ...$attrs }"
27 |       :class="cn('bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance', props.class)"
28 |     >
29 |       <slot />
30 | 
31 |       <TooltipArrow class="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
32 |     </TooltipContent>
33 |   </TooltipPortal>
34 | </template>
35 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tooltip/TooltipProvider.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TooltipProviderProps } from 'reka-ui'
 3 | import { TooltipProvider } from 'reka-ui'
 4 | 
 5 | const props = withDefaults(defineProps<TooltipProviderProps>(), {
 6 |   delayDuration: 0,
 7 | })
 8 | </script>
 9 | 
10 | <template>
11 |   <TooltipProvider v-bind="props">
12 |     <slot />
13 |   </TooltipProvider>
14 | </template>
15 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tooltip/TooltipTrigger.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { TooltipTriggerProps } from 'reka-ui'
 3 | import { TooltipTrigger } from 'reka-ui'
 4 | 
 5 | const props = defineProps<TooltipTriggerProps>()
 6 | </script>
 7 | 
 8 | <template>
 9 |   <TooltipTrigger
10 |     data-slot="tooltip-trigger"
11 |     v-bind="props"
12 |   >
13 |     <slot />
14 |   </TooltipTrigger>
15 | </template>
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/ui/tooltip/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Tooltip } from './Tooltip.vue'
2 | export { default as TooltipContent } from './TooltipContent.vue'
3 | export { default as TooltipProvider } from './TooltipProvider.vue'
4 | export { default as TooltipTrigger } from './TooltipTrigger.vue'
5 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/weibo/Weibo.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Post } from '@weibo-archiver/core'
 3 | import WeiboCard from './WeiboCard.vue'
 4 | import WeiboRetweet from './WeiboRetweet.vue'
 5 | 
 6 | defineProps<{
 7 |   post: Post
 8 | }>()
 9 | </script>
10 | 
11 | <template>
12 |   <WeiboCard
13 |     v-if="!post.retweet"
14 |     :post="post"
15 |   />
16 |   <WeiboRetweet
17 |     v-else
18 |     :post="post"
19 |   />
20 | </template>
21 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/weibo/WeiboActions.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { formatNumber } from '@weibo-archiver/core'
 3 | import { Heart, MessageCircle, Repeat } from 'lucide-vue-next'
 4 | 
 5 | interface Actions {
 6 |   likes: number
 7 |   reposts: number
 8 |   comments: number
 9 | }
10 | 
11 | defineProps<{
12 |   actions: Actions
13 | }>()
14 | 
15 | defineEmits<{
16 |   clickLike: []
17 |   clickRepost: []
18 |   clickComment: []
19 | }>()
20 | </script>
21 | 
22 | <template>
23 |   <div class="weibo-actions flex items-center gap-6 select-none">
24 |     <button
25 |       class="hover:text-red-500"
26 |       :title="`点赞 ${actions.likes}`"
27 |       @click="$emit('clickLike')"
28 |     >
29 |       <Heart class="w-4 h-4" />
30 |       <span>{{ formatNumber(actions.likes) }}</span>
31 |     </button>
32 |     <button
33 |       class="hover:text-blue-500"
34 |       :title="`评论 ${actions.comments}`"
35 |       @click="$emit('clickComment')"
36 |     >
37 |       <MessageCircle class="w-4 h-4" />
38 |       <span>{{ formatNumber(actions.comments) }}</span>
39 |     </button>
40 |     <button
41 |       class="hover:text-green-500"
42 |       :title="`转发 ${actions.reposts}`"
43 |       @click="$emit('clickRepost')"
44 |     >
45 |       <Repeat class="w-4 h-4" />
46 |       <span>{{ formatNumber(actions.reposts) }}</span>
47 |     </button>
48 |   </div>
49 | </template>
50 | 
51 | <style>
52 | .weibo-actions button {
53 |   display: flex;
54 |   align-items: center;
55 |   gap: 0.5rem;
56 |   transition: color 0.2s ease;
57 | }
58 | </style>
59 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/weibo/WeiboEmoji.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import { computed } from 'vue'
 3 | import { useEmoji } from '@/composables'
 4 | 
 5 | const props = defineProps<{
 6 |   emojiPhrase: string
 7 | }>()
 8 | 
 9 | const { getEmojiUrl } = useEmoji()
10 | 
11 | const emoji = computed(() => getEmojiUrl(props.emojiPhrase))
12 | </script>
13 | 
14 | <template>
15 |   <img
16 |     v-if="emoji"
17 |     :src="emoji"
18 |     :alt="emojiPhrase"
19 |     class="w-5 h-5 inline-block mx-1"
20 |   >
21 |   <span
22 |     v-else
23 |     class="inline-block"
24 |   >
25 |     {{ emojiPhrase }}
26 |   </span>
27 | </template>
28 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/weibo/WeiboLinkCard.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { LinkCard } from '@weibo-archiver/core'
 3 | import { computed } from 'vue'
 4 | import LazyImage from '../common/LazyImage.vue'
 5 | 
 6 | const props = defineProps<{
 7 |   card: LinkCard
 8 | }>()
 9 | 
10 | const desc = computed(() => {
11 |   // 油猴脚本那边解析错了
12 |   return props.card.desc?.replace('undefined - ', '')
13 | })
14 | </script>
15 | 
16 | <template>
17 |   <a
18 |     :href="card.link"
19 |     target="_blank"
20 |     rel="noopener noreferrer"
21 |     class="url-card mb-4 border-1"
22 |   >
23 |     <LazyImage
24 |       :src="card.img"
25 |       :alt="card.title"
26 |       referrerpolicy="no-referrer"
27 |       class="h-28 min-w-30"
28 |     />
29 |     <div class="url-card-content bg-muted">
30 |       <h4 class="font-medium text-sm">
31 |         {{ card.title }}
32 |       </h4>
33 |       <p class=" text-xs line-clamp-2 mt-2">
34 |         {{ desc }}
35 |       </p>
36 |       <div class="text-xs text-gray-500 mt-auto line-clamp-1">
37 |         {{ props.card.link }}
38 |       </div>
39 |     </div>
40 |   </a>
41 | </template>
42 | 
43 | <style>
44 | .url-card {
45 |   display: flex;
46 |   border-radius: 0.75rem;
47 |   overflow: hidden;
48 |   transition: all 0.2s ease;
49 | }
50 | 
51 | .url-card:hover {
52 |   border-color: rgba(59, 130, 246, 0.3);
53 | }
54 | 
55 | .url-card-content {
56 |   padding: 12px;
57 |   width: 100%;
58 |   display: flex;
59 |   flex-direction: column;
60 | }
61 | </style>
62 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/components/weibo/WeiboRetweet.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Post } from '@weibo-archiver/core'
 3 | import { computed } from 'vue'
 4 | import WeiboActions from './WeiboActions.vue'
 5 | import WeiboCard from './WeiboCard.vue'
 6 | import WeiboProfile from './WeiboProfile.vue'
 7 | import { WeiboText } from './WeiboText'
 8 | 
 9 | const props = defineProps<{
10 |   post: Post
11 | }>()
12 | 
13 | const actions = computed(() => ({
14 |   likes: props.post.likesCount,
15 |   reposts: props.post.repostsCount,
16 |   comments: props.post.commentsCount,
17 | }))
18 | </script>
19 | 
20 | <template>
21 |   <Card
22 |     :id="post.mblogid"
23 |     as="article"
24 |     class="group w-full"
25 |   >
26 |     <CardContent>
27 |       <WeiboProfile
28 |         :meta="post"
29 |       />
30 |       <WeiboText :text="post.text" />
31 |       <WeiboCard
32 |         :post="post.retweet!"
33 |         :link-card="post.card"
34 |         class="bg-base-200 pb-1"
35 |         is-retweet
36 |       />
37 |       <WeiboActions
38 |         class="mt-4"
39 |         :actions="actions"
40 |       />
41 |     </CardContent>
42 |   </Card>
43 | </template>
44 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/lib/utils.ts:
--------------------------------------------------------------------------------
 1 | import type { Updater } from '@tanstack/vue-table'
 2 | import type { ClassValue } from 'clsx'
 3 | 
 4 | import type { Ref } from 'vue'
 5 | import { clsx } from 'clsx'
 6 | import { twMerge } from 'tailwind-merge'
 7 | 
 8 | export function cn(...inputs: ClassValue[]) {
 9 |   return twMerge(clsx(inputs))
10 | }
11 | 
12 | export function valueUpdater<T extends Updater<any>>(updaterOrValue: T, ref: Ref) {
13 |   ref.value = typeof updaterOrValue === 'function'
14 |     ? updaterOrValue(ref.value)
15 |     : updaterOrValue
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { createHead } from '@unhead/vue/client'
 2 | import { createPinia } from 'pinia'
 3 | import { createApp } from 'vue'
 4 | import App from './App.vue'
 5 | import routes from './routes'
 6 | 
 7 | import './style.css'
 8 | 
 9 | createApp(App)
10 |   .use(routes)
11 |   .use(createHead())
12 |   .use(createPinia())
13 |   .mount('#app')
14 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/pages/followings.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Following } from '@weibo-archiver/core'
 3 | import { ref, watch } from 'vue'
 4 | import FollowingsTable from '@/components/followings/FollowingsTable.vue'
 5 | import { useUserStore } from '@/stores'
 6 | 
 7 | const userStore = useUserStore()
 8 | const followings = ref<Following[]>([])
 9 | const isLoading = ref(false)
10 | 
11 | watch(() => userStore.isLoadingUser, async (loading) => {
12 |   if (loading)
13 |     return
14 |   isLoading.value = true
15 |   followings.value = await userStore.getFollowings()
16 |   isLoading.value = false
17 | }, { immediate: true })
18 | </script>
19 | 
20 | <template>
21 |   <main>
22 |     <h2
23 |       class="font-bold text-xl"
24 |     >
25 |       关注列表管理
26 |     </h2>
27 |     <FollowingsTable :data="followings" />
28 |   </main>
29 | </template>
30 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/pages/index.vue:
--------------------------------------------------------------------------------
1 | <script setup lang="ts">
2 | import Landing from '@/components/Landing'
3 | </script>
4 | 
5 | <template>
6 |   <Landing />
7 | </template>
8 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/pages/memos.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | import type { Post } from '@weibo-archiver/core'
 3 | import { onBeforeMount, ref } from 'vue'
 4 | import Weibo from '@/components/weibo/Weibo.vue'
 5 | import { usePostStore } from '@/stores'
 6 | 
 7 | const postStore = usePostStore()
 8 | 
 9 | const isLoading = ref(false)
10 | const weiboArr = ref<Post[]>([])
11 | 
12 | onBeforeMount(async () => {
13 |   isLoading.value = true
14 |   weiboArr.value = await postStore.getTodayInLastYears().catch((e) => {
15 |     console.error(e)
16 |     return []
17 |   })
18 |   isLoading.value = false
19 | })
20 | </script>
21 | 
22 | <template>
23 |   <main
24 |     v-if="!isLoading"
25 |   >
26 |     <h2
27 |       class="font-bold text-xl mb-4"
28 |     >
29 |       微博回忆——那年今日 ({{ weiboArr.length }}件)
30 |     </h2>
31 | 
32 |     <section
33 |       v-if="weiboArr.length > 0"
34 |       class="flex flex-col items-center max-w-[90vw] md:max-w-[70vw] mx-auto gap-4 lg:px-12"
35 |     >
36 |       <Weibo
37 |         v-for="post in weiboArr"
38 |         :key="post.id"
39 |         :post="post"
40 |       />
41 |     </section>
42 | 
43 |     <div
44 |       v-else
45 |       class="text-center text-secondary-foreground"
46 |     >
47 |       暂时未发现过往在这一天发过的微博哦
48 |     </div>
49 |   </main>
50 | </template>
51 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/routes/index.ts:
--------------------------------------------------------------------------------
 1 | import type { RouteRecordRaw } from 'vue-router'
 2 | import { defineAsyncComponent, h } from 'vue'
 3 | import {
 4 |   createRouter,
 5 |   createWebHistory,
 6 | 
 7 | } from 'vue-router'
 8 | 
 9 | function useDefaultRoute(name = '') {
10 |   const page = name || 'index'
11 |   return {
12 |     path: `/${name}`,
13 |     name: page,
14 |     component: h(defineAsyncComponent(() => import(`../pages/${page}.vue`))),
15 |   } as RouteRecordRaw
16 | }
17 | 
18 | const routes: RouteRecordRaw[] = [
19 |   '',
20 |   'post',
21 |   'album',
22 |   'bookmarks',
23 |   'memos',
24 |   'followings',
25 |   'search',
26 | ].map(useDefaultRoute)
27 | 
28 | routes.push({
29 |   name: '404',
30 |   path: '/:pathMatch(.*)*',
31 |   redirect: '/',
32 | })
33 | 
34 | const router = createRouter({
35 |   history: createWebHistory(import.meta.env.BASE_URL),
36 |   routes,
37 | })
38 | 
39 | export default router
40 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stores/index.ts:
--------------------------------------------------------------------------------
1 | export * from './postStore'
2 | export * from './userStore'
3 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stores/userStore.ts:
--------------------------------------------------------------------------------
 1 | import type { Following, UserInfo } from '@weibo-archiver/core'
 2 | import { useStorage } from '@vueuse/core'
 3 | import { idb } from '@weibo-archiver/core'
 4 | import { defineStore } from 'pinia'
 5 | import { ref } from 'vue'
 6 | 
 7 | export const useUserStore = defineStore('user', () => {
 8 |   const curUid = useStorage<string>('curUid', '')
 9 |   const users = ref<UserInfo[]>([])
10 |   const curUser = ref<UserInfo>({} as unknown as UserInfo)
11 |   const isLoadingUser = ref(false)
12 | 
13 |   async function load() {
14 |     if (curUid.value) {
15 |       await idb.setCurUser(curUid.value)
16 |     }
17 | 
18 |     users.value = await idb.getUsers()
19 |     curUser.value = idb.curUser
20 |   }
21 | 
22 |   async function setCurUid(uid: string) {
23 |     isLoadingUser.value = true
24 |     curUid.value = uid
25 |     await idb.setCurUser(uid)
26 |     curUser.value = idb.curUser
27 |     isLoadingUser.value = false
28 |   }
29 | 
30 |   async function addUser(user: UserInfo | null | undefined) {
31 |     if (!user) {
32 |       return
33 |     }
34 | 
35 |     await idb.addUser(user)
36 |   }
37 | 
38 |   async function importUser(user: UserInfo) {
39 |     await addUser(user)
40 |     await setCurUid(user.uid)
41 |   }
42 | 
43 |   async function getFollowings(): Promise<Following[]> {
44 |     return idb.getFollowings()
45 |   }
46 | 
47 |   async function getAllUsers(): Promise<UserInfo[]> {
48 |     return idb.getUsers()
49 |   }
50 | 
51 |   return {
52 |     users,
53 |     curUser,
54 |     curUid,
55 |     isLoadingUser,
56 |     addUser,
57 |     importUser,
58 |     load,
59 |     setCurUid,
60 |     getFollowings,
61 |     getAllUsers,
62 |   }
63 | })
64 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/Album.stories.ts:
--------------------------------------------------------------------------------
 1 | import type { Meta, StoryObj } from '@storybook/vue3'
 2 | import AlbumPhotos from '@/components/album/AlbumPhotos.vue'
 3 | 
 4 | const meta: Meta<typeof AlbumPhotos> = {
 5 |   title: 'Components/Album',
 6 |   component: AlbumPhotos,
 7 | }
 8 | 
 9 | export default meta
10 | 
11 | type Story = StoryObj<typeof meta>
12 | 
13 | export const Default: Story = {
14 |   render: () => ({
15 |     components: { AlbumPhotos },
16 |     template: `
17 |     <AlbumPhotos />
18 |     `,
19 |   }),
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/ImageGallery.stories.ts:
--------------------------------------------------------------------------------
 1 | import type { Meta, StoryObj } from '@storybook/vue3'
 2 | import ImageGallery from '../components/common/ImageGallery.vue'
 3 | import { images } from './test.data'
 4 | 
 5 | const meta: Meta<typeof ImageGallery> = {
 6 |   title: 'Components/ImageGallery',
 7 |   component: ImageGallery,
 8 | }
 9 | 
10 | export default meta
11 | 
12 | type Story = StoryObj<typeof meta>
13 | 
14 | export const Default: Story = {
15 |   render: () => ({
16 |     components: { ImageGallery },
17 |     template: /* html */`
18 |       <div class="flex flex-col gap-4 w-full p-4 md:w-200">
19 |         <ImageGallery :images="images" />
20 |         <ImageGallery :images="images" />
21 |       </div>
22 |     `,
23 |     setup() {
24 |       return {
25 |         images,
26 |       }
27 |     },
28 |   }),
29 | }
30 | 
31 | export const SingleImage: Story = {
32 |   render: () => ({
33 |     components: { ImageGallery },
34 |     template: '<ImageGallery :images="images" />',
35 |     setup() {
36 |       return {
37 |         images: images.slice(0, 1),
38 |       }
39 |     },
40 |   }),
41 | }
42 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/LazyImage.stories.ts:
--------------------------------------------------------------------------------
 1 | import type { Meta, StoryObj } from '@storybook/vue3'
 2 | import LazyImage from '../components/common/LazyImage.vue'
 3 | 
 4 | const meta: Meta<typeof LazyImage> = {
 5 |   title: 'Components/LazyImage',
 6 |   component: LazyImage,
 7 | }
 8 | 
 9 | export default meta
10 | 
11 | type Story = StoryObj<typeof meta>
12 | 
13 | export const Default: Story = {
14 |   render: () => ({
15 |     components: { LazyImage },
16 |     template: /* html */ `
17 |       <div class="mt-200 p-4 bg-gray-100">
18 |         <LazyImage 
19 |         class="h-64 w-120 object-cover"
20 |         src="https://proxy.chilfish.top/?url=https://i0.hdslb.com/bfs/archive/b598c654984ed7ef73e962b53d9bf3f2b5b5fd0c.jpg" />
21 |       </div>
22 |     `,
23 |   }),
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/Settings.stories.ts:
--------------------------------------------------------------------------------
 1 | import type { Meta, StoryObj } from '@storybook/vue3'
 2 | import Settings from '../components/settings/Settings.vue'
 3 | 
 4 | const meta: Meta<typeof Settings> = {
 5 |   title: 'Components/Settings',
 6 |   component: Settings,
 7 | }
 8 | 
 9 | export default meta
10 | 
11 | type Story = StoryObj<typeof Settings>
12 | 
13 | export const Default: Story = {
14 |   render: () => ({
15 |     components: { Settings },
16 |     template: /* html */ `
17 |     <modal
18 |     open 
19 |     class="modal">
20 |       <Settings class="modal-box" />
21 |     </modal>
22 |     `,
23 |   }),
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/SwitchUser.stories.ts:
--------------------------------------------------------------------------------
 1 | import type { Meta, StoryObj } from '@storybook/vue3'
 2 | import SwitchUser from '../components/SwitchUser.vue'
 3 | import { users } from './test.data'
 4 | 
 5 | const meta: Meta<typeof SwitchUser> = {
 6 |   title: 'Components/SwitchUser',
 7 |   component: SwitchUser,
 8 | }
 9 | 
10 | type Story = StoryObj<typeof meta>
11 | 
12 | export default meta
13 | 
14 | export const Default: Story = {
15 |   render: () => ({
16 |     components: { SwitchUser },
17 |     template: /* html */`
18 |     <div class="flex flex-col gap-4 bg-gray-300 p-4">
19 |       用户切换
20 |       <SwitchUser :users="users" :cur-uid="users[0].uid" />
21 |     </div>
22 |     `,
23 |     setup() {
24 |       return {
25 |         users,
26 |       }
27 |     },
28 |   }),
29 | }
30 | 
31 | export const NoUser: Story = {
32 |   render: () => ({
33 |     components: { SwitchUser },
34 |     template: /* html */`
35 |     <div class="flex flex-col gap-4 bg-gray-300 p-4">
36 |       没有用户数据
37 |       <SwitchUser :users="[]" />
38 |     </div>
39 |     `,
40 |   }),
41 | }
42 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/components/RouterLink.vue:
--------------------------------------------------------------------------------
 1 | <script setup lang="ts">
 2 | defineOptions({
 3 |   name: 'RouterLink',
 4 | })
 5 | 
 6 | // 兼容storybook不能使用router-link的问题
 7 | </script>
 8 | 
 9 | <template>
10 |   <a>
11 |     <slot />
12 |   </a>
13 | </template>
14 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/components/index.ts:
--------------------------------------------------------------------------------
1 | import RouterLink from './RouterLink.vue'
2 | 
3 | const components = [
4 |   RouterLink,
5 | ]
6 | 
7 | export default components
8 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/stories/shadcn/button.stories.ts:
--------------------------------------------------------------------------------
 1 | import type { Meta, StoryObj } from '@storybook/vue3'
 2 | import { Button } from '@/components/ui/button'
 3 | 
 4 | const meta: Meta<typeof Button> = {
 5 |   title: 'Shadcn/Button',
 6 |   component: Button,
 7 | }
 8 | 
 9 | export default meta
10 | 
11 | type Story = StoryObj<typeof Button>
12 | 
13 | export const Default: Story = {
14 |   render: () => ({
15 |     components: { Button },
16 |     template: `<Button
17 |       disabled
18 |       size="lg"
19 |     >
20 |       Hello
21 |     </Button>`,
22 |   }),
23 | }
24 | 


--------------------------------------------------------------------------------
/apps/web-v2/src/types.ts:
--------------------------------------------------------------------------------
 1 | import type { Post } from '@weibo-archiver/core'
 2 | 
 3 | export interface ImagePreviewEvent {
 4 |   index: number
 5 |   imgs: string[]
 6 | }
 7 | 
 8 | export interface AlbumPreviewEvent {
 9 |   idxOfPost: number
10 |   idxOfImg: number
11 |   posts: Post[]
12 | }
13 | 
14 | export interface AppConfig {
15 |   theme: string
16 |   imgHost: 'cdn' | 'original' | 'local' | 'custom'
17 |   customImageUrl: string
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/web-v2/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "http://json.schemastore.org/tsconfig",
 3 |   "compilerOptions": {
 4 |     "target": "ESNext",
 5 |     "jsx": "preserve",
 6 |     "jsxImportSource": "vue",
 7 |     "lib": ["DOM", "ESNext"],
 8 |     "useDefineForClassFields": true,
 9 |     "baseUrl": ".",
10 |     "module": "ESNext",
11 |     "moduleResolution": "Bundler",
12 |     "paths": {
13 |       "@weibo-archiver/core": ["../../packages/core"],
14 |       "@/*": ["./src/*"]
15 |     },
16 |     "types": [
17 |       "vite/client"
18 |     ],
19 |     "allowJs": true,
20 |     "strict": true,
21 |     "strictNullChecks": true,
22 |     "noUnusedLocals": true,
23 |     "esModuleInterop": true,
24 |     "skipLibCheck": true
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/web-v2/vercel-build.js:
--------------------------------------------------------------------------------
 1 | const {
 2 |   VERCEL_GIT_COMMIT_REF,
 3 |   VERCEL_GIT_COMMIT_MESSAGE,
 4 | } = process.env
 5 | 
 6 | // 在 main 分支，commit message 包含 web，或是 release、update deps
 7 | // 在包含 web 的任何分支
 8 | // 若不在 main 或 web 分支，则只要 commit message 包含 web
 9 | 
10 | const messages = [
11 |   'release',
12 |   'update deps',
13 |   'web',
14 | ]
15 | 
16 | const shouldProceed = messages.some((message) => {
17 |   return VERCEL_GIT_COMMIT_MESSAGE.includes(message)
18 | })
19 | 
20 | const isMainBranch = VERCEL_GIT_COMMIT_REF === 'main'
21 | const isWebBranch = VERCEL_GIT_COMMIT_REF.includes('web')
22 | 
23 | if (
24 |   (isMainBranch && shouldProceed)
25 |   || isWebBranch
26 |   || shouldProceed
27 | ) {
28 |   console.log('✅ - Build can proceed')
29 |   process.exit(1)
30 | }
31 | else {
32 |   console.log('🛑 - Build cancelled')
33 |   process.exit(0)
34 | }
35 | 


--------------------------------------------------------------------------------
/apps/web-v2/vercel.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "rewrites": [
 3 |     {
 4 |       "source": "/(.*)",
 5 |       "destination": "/index.html"
 6 |     }
 7 |   ],
 8 |   "redirects": [
 9 |     {
10 |       "source": "/monkey",
11 |       "destination": "https://p.chilfish.top/weibo/weibo-archiver.user.js",
12 |       "statusCode": 301
13 |     }
14 |   ]
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/web-v2/vitest.workspace.ts:
--------------------------------------------------------------------------------
 1 | import path from 'node:path'
 2 | import { fileURLToPath } from 'node:url'
 3 | 
 4 | import { storybookTest } from '@storybook/experimental-addon-test/vitest-plugin'
 5 | 
 6 | import { defineWorkspace } from 'vitest/config'
 7 | 
 8 | const dirname
 9 |   = typeof __dirname !== 'undefined'
10 |     ? __dirname
11 |     : path.dirname(fileURLToPath(import.meta.url))
12 | 
13 | // More info at: https://storybook.js.org/docs/writing-tests/test-addon
14 | export default defineWorkspace([
15 |   'vite.config.ts',
16 |   {
17 |     extends: 'vite.config.ts',
18 |     plugins: [
19 |       // The plugin will run tests for the stories defined in your Storybook config
20 |       // See options at: https://storybook.js.org/docs/writing-tests/test-addon#storybooktest
21 |       storybookTest({ configDir: path.join(dirname, '.storybook') }),
22 |     ],
23 |     test: {
24 |       name: 'storybook',
25 |       browser: {
26 |         enabled: true,
27 |         headless: true,
28 |         name: 'chromium',
29 |         provider: 'playwright',
30 |       },
31 |       setupFiles: ['.storybook/vitest.setup.ts'],
32 |     },
33 |   },
34 | ])
35 | 


--------------------------------------------------------------------------------
/apps/web/vercel-build.js:
--------------------------------------------------------------------------------
1 | console.log('🛑 - Build cancelled')
2 | process.exit(0)
3 | 


--------------------------------------------------------------------------------
/eslint.config.js:
--------------------------------------------------------------------------------
 1 | import antfu from '@antfu/eslint-config'
 2 | 
 3 | export default antfu({
 4 |   // unocss: true,
 5 |   formatters: true,
 6 |   vue: true,
 7 |   rules: {
 8 |     'no-console': 'off',
 9 |     'no-alert': 'off',
10 |     'no-confirm': 'off',
11 |     'vue/no-multiple-template-root': 'off',
12 |     'node/prefer-global/process': 'off',
13 |     'format/prettier': 'off',
14 |     'antfu/no-import-dist': 'off',
15 |     'antfu/top-level-function': 'off',
16 |     'antfu/no-top-level-await': 'off',
17 |     'unused-imports/no-unused-vars': 'warn',
18 |   },
19 |   ignores: [
20 |     'pnpm-lock.yaml',
21 |   ],
22 | },
23 | )
24 | 


--------------------------------------------------------------------------------
/packages/core/README.md:
--------------------------------------------------------------------------------
1 | ### @weibo-archiver/core 模块
2 | 
3 | 项目的核心包，包含了 vue 与 dom 的部分
4 | 


--------------------------------------------------------------------------------
/packages/core/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@weibo-archiver/core",
 3 |   "type": "module",
 4 |   "private": true,
 5 |   "main": "src/index.ts",
 6 |   "scripts": {
 7 |     "typecheck": "tsc --noEmit -p ./tsconfig.json"
 8 |   },
 9 |   "dependencies": {
10 |     "@internationalized/date": "^3.8.0",
11 |     "axios": "^1.9.0",
12 |     "dexie": "^4.0.11",
13 |     "file-saver": "^2.0.5",
14 |     "fuse.js": "^7.1.0"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/packages/core/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './constants'
2 | export * from './services'
3 | export type * from './types'
4 | export * from './utils'
5 | 


--------------------------------------------------------------------------------
/packages/core/src/services/index.ts:
--------------------------------------------------------------------------------
1 | export * from './fetchService'
2 | export * from './parseService'
3 | export * from './postService'
4 | export * from './userService'
5 | 


--------------------------------------------------------------------------------
/packages/core/src/types/index.ts:
--------------------------------------------------------------------------------
 1 | import type { Favorite, Post } from './post'
 2 | import type { Following, UserInfo } from './user'
 3 | 
 4 | export * from './fetchArgs'
 5 | export * from './post'
 6 | export * from './raw'
 7 | export * from './user'
 8 | 
 9 | export interface FetchConfig {
10 |   isFetchAll: boolean
11 |   restore: boolean
12 |   hasRepost: boolean
13 |   hasComment: boolean
14 |   repostPic: boolean
15 |   commentCount: number
16 | 
17 |   hasFollowings: boolean
18 |   hasFavorites: boolean
19 |   hasWeibo: boolean
20 | 
21 |   sinceId: string
22 |   startAt: number
23 |   endAt: number
24 |   curPage: number
25 | }
26 | 
27 | export interface UserConfig extends FetchConfig {
28 |   user?: UserInfo
29 |   isMinimize: boolean
30 |   fetchedCount: number
31 |   total: number
32 |   theme: string
33 | }
34 | 
35 | export interface Album {
36 |   url: string
37 |   id: string
38 |   date: string
39 | }
40 | 
41 | export interface ImportedData {
42 |   weibo: Post[]
43 |   user: UserInfo
44 |   followings: Following[]
45 |   favorites: Favorite[]
46 | }
47 | 


--------------------------------------------------------------------------------
/packages/core/src/types/post.ts:
--------------------------------------------------------------------------------
 1 | import * as z from 'zod'
 2 | import { userSchema } from './user'
 3 | 
 4 | const linkCardSchema = z.object({
 5 |   link: z.string(),
 6 |   title: z.string(),
 7 |   img: z.string(),
 8 |   desc: z.string().optional(),
 9 | })
10 | 
11 | const postMetaSchema = z.object({
12 |   id: z.string(),
13 |   regionName: z.string(),
14 |   createdAt: z.string(),
15 |   source: z.string().optional(),
16 | })
17 | 
18 | const commentSchema = z.object({
19 |   id: z.string(),
20 |   text: z.string(),
21 |   createdAt: z.string(),
22 |   regionName: z.string(),
23 |   likesCount: z.number(),
24 |   commentsCount: z.number(),
25 |   floor: z.number(),
26 |   user: userSchema,
27 |   img: z.string().optional(),
28 | })
29 | 
30 | const _postSchema = postMetaSchema.extend({
31 |   mblogid: z.string(),
32 |   text: z.string(),
33 |   imgs: z.array(z.string()),
34 | 
35 |   repostsCount: z.number(),
36 |   commentsCount: z.number(),
37 |   likesCount: z.number(),
38 | })
39 | 
40 | const retweetSchema = _postSchema.extend({
41 |   user: userSchema.optional(),
42 | })
43 | 
44 | const postSchema = _postSchema.extend({
45 |   userId: z.string(),
46 |   card: linkCardSchema.optional(),
47 |   comments: z.array(commentSchema),
48 |   retweet: retweetSchema.optional(),
49 |   isShowBulletIn: z.enum(['0', '2']),
50 | })
51 | 
52 | export type LinkCard = z.infer<typeof linkCardSchema>
53 | export type PostMeta = z.infer<typeof postMetaSchema>
54 | export type Post = z.infer<typeof postSchema>
55 | export type Retweet = z.infer<typeof retweetSchema>
56 | export type Comment = z.infer<typeof commentSchema>
57 | export type Favorite = Post
58 | 


--------------------------------------------------------------------------------
/packages/core/src/types/raw/index.ts:
--------------------------------------------------------------------------------
 1 | export * from './favorites/all_fav'
 2 | 
 3 | export * from './friendships/friends'
 4 | export * from './profile/detail'
 5 | export * from './profile/followContent'
 6 | 
 7 | export * from './profile/info'
 8 | 
 9 | export * from './side/search'
10 | export * from './statuses/buildComments'
11 | export * from './statuses/longtext'
12 | 
13 | export * from './statuses/mymblog'
14 | 


--------------------------------------------------------------------------------
/packages/core/src/types/raw/profile/detail.ts:
--------------------------------------------------------------------------------
 1 | import { z } from 'zod'
 2 | 
 3 | const RawUserDetailSchema = z.object({
 4 |   sunshine_credit: z.object({ level: z.string() }),
 5 |   birthday: z.string(),
 6 |   created_at: z.string(),
 7 |   description: z.string(),
 8 |   gender: z.string(),
 9 |   location: z.string(),
10 |   real_name: z.object({ name: z.string(), career: z.string() }),
11 |   career: z.object({ company: z.string() }),
12 |   company: z.string(),
13 |   followers: z.object({
14 |     total_number: z.number(),
15 |     users: z.array(
16 |       z.object({
17 |         screen_name: z.string(),
18 |         avatar_large: z.string(),
19 |         id: z.number(),
20 |       }),
21 |     ),
22 |   }),
23 |   label_desc: z.array(
24 |     z.object({
25 |       name: z.string(),
26 |       normal_mode: z.object({
27 |         word_color: z.string(),
28 |         background_color: z.string(),
29 |       }),
30 |       dark_mode: z.object({
31 |         word_color: z.string(),
32 |         background_color: z.string(),
33 |       }),
34 |       scheme_url: z.string(),
35 |     }),
36 |   ),
37 |   desc_text: z.string(),
38 |   verified_url: z.string(),
39 |   friend_info: z.string(),
40 |   companyVerified: z.object({
41 |     licenseCode: z.string(),
42 |     serviceType: z.string(),
43 |     realName: z.string(),
44 |   }),
45 |   links: z.array(z.object({ url: z.string(), title: z.string() })),
46 | })
47 | 
48 | export type RawUserDetail = z.infer<typeof RawUserDetailSchema>
49 | 


--------------------------------------------------------------------------------
/packages/core/src/types/raw/statuses/longtext.ts:
--------------------------------------------------------------------------------
 1 | import * as z from 'zod'
 2 | 
 3 | const ActionlogSchema = z.object({
 4 |   act_type: z.number(),
 5 |   act_code: z.number(),
 6 |   oid: z.string(),
 7 |   uuid: z.number(),
 8 |   cardid: z.string(),
 9 |   lcardid: z.string(),
10 |   uicode: z.string(),
11 |   luicode: z.string(),
12 |   fid: z.string(),
13 |   lfid: z.string(),
14 |   ext: z.string(),
15 | })
16 |  type Actionlog = z.infer<typeof ActionlogSchema>
17 | 
18 | const TopicStructSchema = z.object({
19 |   title: z.string(),
20 |   topic_url: z.string(),
21 |   topic_title: z.string(),
22 |   actionlog: ActionlogSchema,
23 | })
24 |  type TopicStruct = z.infer<typeof TopicStructSchema>
25 | 
26 | const RawLongTextSchema = z.object({
27 |   longTextContent: z.string(),
28 |   topic_struct: z.array(TopicStructSchema),
29 |   url_struct: z.array(z.any()),
30 | })
31 | 
32 | export type RawLongText = z.infer<typeof RawLongTextSchema>
33 | 


--------------------------------------------------------------------------------
/packages/core/src/types/user.ts:
--------------------------------------------------------------------------------
 1 | import * as z from 'zod'
 2 | 
 3 | export type UID = string
 4 | 
 5 | export const userSchema = z.object({
 6 |   uid: z.string(),
 7 |   name: z.string(),
 8 |   avatar: z.string(),
 9 |   remark: z.string().optional(),
10 | })
11 | 
12 | const userWithBioSchema = userSchema.extend({
13 |   bio: z.string(),
14 | })
15 | 
16 | const userInfoSchema = userWithBioSchema.extend({
17 |   followers: z.number(),
18 |   followings: z.number(),
19 |   createdAt: z.string().optional(),
20 |   birthday: z.string().optional(),
21 |   postCount: z.number().optional(),
22 |   exportedAt: z.string().optional(),
23 | })
24 | 
25 | const followingSchema = userSchema.extend({
26 |   followBy: z.string(),
27 |   followers: z.number(),
28 |   followings: z.number(),
29 |   bio: z.string(),
30 |   location: z.string(),
31 |   createdAt: z.string(),
32 | })
33 | 
34 | export type User = z.infer<typeof userSchema>
35 | export type UserBio = z.infer<typeof userWithBioSchema>
36 | export type UserInfo = z.infer<typeof userInfoSchema>
37 | export type Following = z.infer<typeof followingSchema>
38 | 


--------------------------------------------------------------------------------
/packages/core/src/utils/dom.ts:
--------------------------------------------------------------------------------
 1 | export function scrollToTop() {
 2 |   window.scrollTo({
 3 |     top: 0,
 4 |     behavior: 'smooth',
 5 |   })
 6 | }
 7 | 
 8 | export async function readFile(e: Event) {
 9 |   return new Promise<string>((resolve, reject) => {
10 |     const file = (e.target as HTMLInputElement).files?.[0]
11 |     if (!file) {
12 |       reject(new Error('No file selected'))
13 |       return
14 |     }
15 | 
16 |     const reader = new FileReader()
17 |     reader.onload = (e) => {
18 |       const data = e.target?.result as string
19 |       resolve(data)
20 |     }
21 |     reader.readAsText(file)
22 |   })
23 | }
24 | 


--------------------------------------------------------------------------------
/packages/core/src/utils/error.ts:
--------------------------------------------------------------------------------
 1 | export class WeiboError extends Error {
 2 |   constructor(
 3 |     message: string,
 4 |     code?: string,
 5 |   ) {
 6 |     super(message)
 7 |     this.name = 'WeiboError'
 8 |     this.cause = code
 9 |     if (Error.captureStackTrace) {
10 |       Error.captureStackTrace(this, this.constructor)
11 |     }
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/core/src/utils/export.ts:
--------------------------------------------------------------------------------
 1 | import type { Favorite, Post, UserBio, UserInfo } from '@weibo-archiver/core'
 2 | import { WeiboParser } from '@weibo-archiver/core'
 3 | import fileSaver from 'file-saver'
 4 | 
 5 | export async function exportData(data: {
 6 |   weibo: Post[]
 7 |   user: UserInfo | null
 8 |   followings: UserBio[]
 9 |   favorites: Favorite[]
10 | }) {
11 |   console.log('Exporting posts count:', data.weibo.length)
12 |   if (!data.user?.name) {
13 |     console.warn('User info is not available')
14 |     return false
15 |   }
16 | 
17 |   const { name: username } = data.user
18 | 
19 |   const dataStr = JSON.stringify(data)
20 |   const dataBlob = new Blob([dataStr], { type: 'application/json' })
21 |   fileSaver.saveAs(dataBlob, `weibo-data-${username}.json`)
22 | 
23 |   const imgsData = [data.weibo, data.favorites]
24 |     .flatMap(WeiboParser.parseImgs)
25 |     .join(',\n') // csv 格式
26 | 
27 |   if (imgsData.length) {
28 |     const imgsDataBlob = new Blob([imgsData], { type: 'text/csv' })
29 |     fileSaver.saveAs(imgsDataBlob, `imgs-${username}.csv`)
30 |   }
31 |   return true
32 | }
33 | 


--------------------------------------------------------------------------------
/packages/core/src/utils/fetch.ts:
--------------------------------------------------------------------------------
 1 | import type { CreateAxiosDefaults } from 'axios'
 2 | import axios from 'axios'
 3 | import { WEIBO_BASE_URL } from '../constants'
 4 | import { WeiboError } from './error'
 5 | 
 6 | export function createFetcher(args: CreateAxiosDefaults) {
 7 |   const _fetcher = axios.create({
 8 |     ...args,
 9 |     baseURL: WEIBO_BASE_URL,
10 |   })
11 | 
12 |   return async function fetcher<
13 |     T = any,
14 |     R extends Record<string, any> = Record<string, any>,
15 |   >(
16 |     path: string,
17 |     params?: R,
18 |   ): Promise<{ data: T }> {
19 |     return _fetcher(path, { params }).then(({ data: rawData, request }) => {
20 |       const url = request.res?.responseUrl || path
21 |       try {
22 |         if (typeof rawData !== 'object') {
23 |           throw new SyntaxError('Not a JSON')
24 |         }
25 | 
26 |         const { ok, data, ...restData } = rawData || {}
27 |         if (ok !== 1) {
28 |           throw new WeiboError(`成功码不为 1: ${ok}`)
29 |         }
30 |         if (!data && restData) {
31 |           return {
32 |             data: restData,
33 |           }
34 |         }
35 |         return rawData
36 |       }
37 |       catch (err: any) {
38 |         if (err.name === `SyntaxError`) {
39 |           throw new WeiboError(`未获取到 JSON，Cookie 可能已过期 [${url}]`)
40 |         }
41 |         throw new WeiboError(`获取失败：${err.message} [${url}]`)
42 |       }
43 |     })
44 |   }
45 | }
46 | 
47 | export type Fetcher = ReturnType<typeof createFetcher>
48 | 


--------------------------------------------------------------------------------
/packages/core/src/utils/format.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Format the date string
 3 |  * @param time the date string
 4 |  * @param fmt the format string, e.g. `YYYY-MM-DD HH:mm:ss`
 5 |  */
 6 | export function formatDate(
 7 |   time: string | number | Date,
 8 |   fmt = 'YYYY-MM-DD HH:mm:ss',
 9 | ) {
10 |   if (typeof time === 'number' && time < 1e12)
11 |     time *= 1000
12 | 
13 |   const date = new Date(time)
14 |   if (Number.isNaN(date.getTime()))
15 |     return ''
16 | 
17 |   const pad = (num: number) => num.toString().padStart(2, '0')
18 | 
19 |   const year = date.getFullYear()
20 |   const month = pad(date.getMonth() + 1) // Months are zero-based
21 |   const day = pad(date.getDate())
22 |   const hours = pad(date.getHours())
23 |   const minutes = pad(date.getMinutes())
24 |   const seconds = pad(date.getSeconds())
25 | 
26 |   return fmt
27 |     .replace('YYYY', year.toString())
28 |     .replace('MM', month)
29 |     .replace('DD', day)
30 |     .replace('HH', hours)
31 |     .replace('mm', minutes)
32 |     .replace('ss', seconds)
33 | }
34 | 
35 | /**
36 |  * Format the number
37 |  * @param num the number
38 |  * @param precision the precision
39 |  */
40 | export function formatNumber(num: number, precision = 2) {
41 |   const wan = 1_0000
42 |   const yi = 1_0000_0000
43 | 
44 |   if (num < wan)
45 |     return `${num}`
46 |   else if (num < yi)
47 |     return `${(num / wan).toFixed(precision)}万`
48 |   else
49 |     return `${(num / yi).toFixed(precision)}亿`
50 | }
51 | 


--------------------------------------------------------------------------------
/packages/core/src/utils/index.ts:
--------------------------------------------------------------------------------
 1 | export * from './dom'
 2 | export * from './emitter'
 3 | export * from './error'
 4 | export * from './export'
 5 | export * from './fetch'
 6 | export * from './format'
 7 | export * from './IndexedDB'
 8 | export * from './pqueue'
 9 | 
10 | export function delay(ms = 2000) {
11 |   const randomMs = Math.random() * ms
12 |   return new Promise(resolve => setTimeout(resolve, randomMs))
13 | }
14 | 


--------------------------------------------------------------------------------
/pnpm-workspace.yaml:
--------------------------------------------------------------------------------
1 | packages:
2 |   - 'packages/*'
3 |   - 'apps/*'
4 | 


--------------------------------------------------------------------------------
/server/README.md:
--------------------------------------------------------------------------------
 1 | # Weibo-archiver 本地服务器
 2 | 
 3 | 这是 Weibo-archiver 的本地服务程序，提供两个功能：
 4 | 
 5 | 1. 下载微博中的图片，防止链接失效
 6 | 2. 在本地运行一个服务器，用于离线浏览备份的微博数据和图片
 7 | 
 8 | ## 使用方法
 9 | 
10 | 这是一个命令行程序，需要在终端中运行，或者直接双击运行按提示输入参数。
11 | 
12 | ### 下载图片
13 | 
14 | 从 imgs.csv 下载图片到当前目录的 images 文件夹内
15 | 
16 | ```bash
17 | ./weibo-archiver.exe --dl -i imgs.csv -o images
18 | ```
19 | 
20 | 参数说明：
21 | 
22 | ```bash
23 | 用法: main.exe [选项]
24 | 
25 | 选项:
26 |   -d, --dl                       下载模式
27 |   -s, --server                   服务器模式
28 |   -i, --imgs-path string         imgs.csv 的路径 (default "imgs.csv")
29 |   -o, --download-folder string   图片保存的文件夹 (default "images")
30 |   -c, --concurrency int          同时下载的最大数量 (default 4)
31 |   -t, --delay int                每次下载的间隔时间（秒）
32 |   -h, --help                     显示帮助信息
33 | ```
34 | 
35 | ### 启动本地服务
36 | 
37 | 启动后访问 `http://localhost:3000` 即可浏览备份的微博数据。
38 | 
39 | ```bash
40 | ./weibo-archiver.exe --server -o images
41 | ```
42 | 
43 | ## 注意事项
44 | 
45 | 1. 下载的图片会按特定的规则重命名，然后被网页端识别
46 | 2. 本地服务支持离线浏览，下载后无需联网
47 | 
48 | 如果实在不懂如何操作，可以把这份说明复制到 ChatGPT 等大语言模型中提问，并附上你的疑惑，或许可以得到答案。
49 | 


--------------------------------------------------------------------------------
/server/cmd/main.go:
--------------------------------------------------------------------------------
 1 | package main
 2 | 
 3 | import (
 4 | 	"fmt"
 5 | 	"log"
 6 | 	"os"
 7 | 	"weibo-archiver/internal/config"
 8 | 	"weibo-archiver/internal/ui"
 9 | 	"weibo-archiver/internal/utils"
10 | )
11 | 
12 | func main() {
13 | 	info := utils.AppInfo{
14 | 		Name:        "Weibo-archiver Tools",
15 | 		Version:     "0.6.0",
16 | 		Description: "Download and serve weibo images",
17 | 	}
18 | 
19 | 	var opts config.Config
20 | 
21 | 	if len(os.Args) < 2 {
22 | 		cfg, err := ui.RunInteractive()
23 | 		if err != nil {
24 | 			log.Fatalf("交互式配置失败: %v", err)
25 | 		}
26 | 		opts = *cfg
27 | 	} else {
28 | 		opts = utils.InitFlags(info)
29 | 	}
30 | 
31 | 	if opts.IsExited {
32 | 		return
33 | 	}
34 | 
35 | 	// 创建配置
36 | 	cfg := &config.Config{
37 | 		Version:        info.Version,
38 | 		Port:           opts.Port,
39 | 		Concurrency:    opts.Concurrency,
40 | 		DownloadDelay:  opts.DownloadDelay,
41 | 		ImagesPath:     opts.ImagesPath,
42 | 		CSVPath:        opts.CSVPath,
43 | 		IsDownloadMode: opts.IsDownloadMode,
44 | 		IsServerMode:   opts.IsServerMode,
45 | 	}
46 | 
47 | 	fmt.Println("使用配置:")
48 | 	for k, v := range map[string]interface{}{
49 | 		"  图片目录":  cfg.ImagesPath,
50 | 		"  CSV文件": cfg.CSVPath,
51 | 		"  端口":    cfg.Port,
52 | 		"  并发数":   cfg.Concurrency,
53 | 		"  下载延迟":  cfg.DownloadDelay,
54 | 	} {
55 | 		fmt.Printf("%s: %v\n", k, v)
56 | 	}
57 | 
58 | 	utils.Run(cfg)
59 | }
60 | 


--------------------------------------------------------------------------------
/server/go.mod:
--------------------------------------------------------------------------------
 1 | module weibo-archiver
 2 | 
 3 | go 1.21
 4 | 
 5 | require (
 6 | 	github.com/charmbracelet/bubbles v0.20.0
 7 | 	github.com/charmbracelet/bubbletea v1.3.4
 8 | 	github.com/charmbracelet/lipgloss v1.0.0
 9 | 	github.com/schollz/progressbar/v3 v3.14.2
10 | 	github.com/spf13/pflag v1.0.5
11 | )
12 | 
13 | require (
14 | 	github.com/atotto/clipboard v0.1.4 // indirect
15 | 	github.com/aymanbagabas/go-osc52/v2 v2.0.1 // indirect
16 | 	github.com/charmbracelet/x/ansi v0.8.0 // indirect
17 | 	github.com/charmbracelet/x/term v0.2.1 // indirect
18 | 	github.com/erikgeiser/coninput v0.0.0-20211004153227-1c3628e74d0f // indirect
19 | 	github.com/lucasb-eyer/go-colorful v1.2.0 // indirect
20 | 	github.com/mattn/go-isatty v0.0.20 // indirect
21 | 	github.com/mattn/go-localereader v0.0.1 // indirect
22 | 	github.com/mattn/go-runewidth v0.0.16 // indirect
23 | 	github.com/mitchellh/colorstring v0.0.0-20190213212951-d06e56a500db // indirect
24 | 	github.com/muesli/ansi v0.0.0-20230316100256-276c6243b2f6 // indirect
25 | 	github.com/muesli/cancelreader v0.2.2 // indirect
26 | 	github.com/muesli/termenv v0.15.2 // indirect
27 | 	github.com/rivo/uniseg v0.4.7 // indirect
28 | 	github.com/sahilm/fuzzy v0.1.1 // indirect
29 | 	golang.org/x/sync v0.11.0 // indirect
30 | 	golang.org/x/sys v0.30.0 // indirect
31 | 	golang.org/x/term v0.17.0 // indirect
32 | 	golang.org/x/text v0.14.0 // indirect
33 | )
34 | 


--------------------------------------------------------------------------------
/server/internal/config/config.go:
--------------------------------------------------------------------------------
 1 | package config
 2 | 
 3 | import (
 4 | 	"fmt"
 5 | 	"os"
 6 | 	"path/filepath"
 7 | )
 8 | 
 9 | type Config struct {
10 | 	Version        string
11 | 	Port           int
12 | 	Concurrency    int
13 | 	DownloadDelay  int
14 | 	ImagesPath     string
15 | 	CSVPath        string
16 | 	IsDownloadMode bool
17 | 	IsServerMode   bool
18 | 	IsExited    bool
19 | }
20 | 
21 | // GetExecutableDir 获取可执行文件所在目录
22 | func GetExecutableDir() (string, error) {
23 | 	exe, err := os.Executable()
24 | 	if err != nil {
25 | 		return "", fmt.Errorf("获取可执行文件路径失败: %w", err)
26 | 	}
27 | 	return filepath.Dir(exe), nil
28 | }
29 | 


--------------------------------------------------------------------------------
/server/internal/server/images.go:
--------------------------------------------------------------------------------
 1 | package server
 2 | 
 3 | import (
 4 | 	"compress/gzip"
 5 | 	"io"
 6 | 	"net/http"
 7 | 	"strings"
 8 | 	"time"
 9 | )
10 | 
11 | func (s *Server) newImageHandler() http.Handler {
12 | 	fileServer := http.FileServer(http.Dir(s.config.ImagesPath))
13 | 	
14 | 	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
15 | 		// 设置缓存头
16 | 		w.Header().Set("Cache-Control", "public, max-age=3600")
17 | 		w.Header().Set("Expires", time.Now().Add(time.Hour).UTC().Format(http.TimeFormat))
18 | 
19 | 		// 检查客户端是否支持gzip
20 | 		if !strings.Contains(r.Header.Get("Accept-Encoding"), "gzip") {
21 | 			fileServer.ServeHTTP(w, r)
22 | 			return
23 | 		}
24 | 
25 | 		// 启用gzip压缩
26 | 		w.Header().Set("Content-Encoding", "gzip")
27 | 		gz := gzip.NewWriter(w)
28 | 		defer gz.Close()
29 | 
30 | 		gzWriter := gzipResponseWriter{Writer: gz, ResponseWriter: w}
31 | 		fileServer.ServeHTTP(gzWriter, r)
32 | 	})
33 | }
34 | 
35 | type gzipResponseWriter struct {
36 | 	io.Writer
37 | 	http.ResponseWriter
38 | }
39 | 
40 | func (w gzipResponseWriter) Write(b []byte) (int, error) {
41 | 	return w.Writer.Write(b)
42 | } 


--------------------------------------------------------------------------------
/server/internal/server/server.go:
--------------------------------------------------------------------------------
 1 | package server
 2 | 
 3 | import (
 4 | 	"fmt"
 5 | 	"net/http"
 6 | 	"weibo-archiver/internal/config"
 7 | )
 8 | 
 9 | type Server struct {
10 | 	config *config.Config
11 | 	mux    *http.ServeMux
12 | }
13 | 
14 | func New(cfg *config.Config) *Server {
15 | 	s := &Server{
16 | 		config: cfg,
17 | 		mux:    http.NewServeMux(),
18 | 	}
19 | 
20 | 	// 注册路由
21 | 	s.registerRoutes()
22 | 	return s
23 | }
24 | 
25 | func (s *Server) registerRoutes() {
26 | 	// 图片服务
27 | 	s.mux.Handle("/images/", http.StripPrefix("/images/", s.newImageHandler()))
28 | 	
29 | 	// SPA前端服务
30 | 	s.mux.Handle("/", s.newStaticHandler())
31 | }
32 | 
33 | func (s *Server) Start() error {
34 | 	port := s.config.Port
35 | 	if port == 0 {
36 | 		port = 3000
37 | 	}
38 | 
39 | 	fmt.Printf("服务器已启动，图片文件夹: %s\n", s.config.ImagesPath)
40 | 	fmt.Printf("\t- 图片访问: http://localhost:%d/images/\n", port)
41 | 	fmt.Printf("\t- 网页访问: http://localhost:%d\n", port)
42 | 
43 | 	return http.ListenAndServe(fmt.Sprintf(":%d", port), s.mux)
44 | }
45 | 


--------------------------------------------------------------------------------
/server/internal/server/static.go:
--------------------------------------------------------------------------------
 1 | package server
 2 | 
 3 | import (
 4 | 	"net/http"
 5 | 	"os"
 6 | 	"path/filepath"
 7 | )
 8 | 
 9 | func (s *Server) newStaticHandler() http.Handler {
10 | 	webPath, _ := os.Getwd()
11 | 
12 | 	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
13 | 		// 所有非资源请求都返回index.html
14 | 		if filepath.Ext(r.URL.Path) == "" {
15 | 			indexPath := filepath.Join(webPath, "index.html")
16 | 			if _, err := os.Stat(indexPath); err == nil {
17 | 				http.ServeFile(w, r, indexPath)
18 | 				return
19 | 			}
20 | 		}
21 | 
22 | 		// 静态资源请求
23 | 		fileServer := http.FileServer(http.Dir(webPath))
24 | 		fileServer.ServeHTTP(w, r)
25 | 	})
26 | }
27 | 


--------------------------------------------------------------------------------
/server/internal/ui/config.go:
--------------------------------------------------------------------------------
 1 | package ui
 2 | 
 3 | import (
 4 | 	"github.com/charmbracelet/lipgloss"
 5 | )
 6 | 
 7 | // Text 集中管理UI中使用的文本
 8 | var Text = struct {
 9 | 	AppTitle      string
10 | 	DownloadMode  string
11 | 	ServerMode    string
12 | 	ConfigPrompt  string
13 | 	ImageDirLabel string
14 | 	CSVFileLabel  string
15 | 	ConfirmButton string
16 | 	HelpText      string
17 | 	ModeSelection string
18 | 	DownloadDesc  string
19 | 	ServerDesc    string
20 | }{
21 | 	AppTitle:      "Weibo-archiver 本地工具",
22 | 	DownloadMode:  "下载模式",
23 | 	ServerMode:    "服务器模式",
24 | 	ConfigPrompt:  "请配置%s参数：",
25 | 	ImageDirLabel: "图片目录",
26 | 	CSVFileLabel:  "CSV文件路径",
27 | 	ConfirmButton: "[ 确认 ]",
28 | 	HelpText:      "(使用方向键/tab 切换, enter 确认, ctrl+c 退出)",
29 | 	ModeSelection: "请选择运行模式",
30 | 	DownloadDesc:  "从CSV文件下载微博图片",
31 | 	ServerDesc:    "启动Web服务器浏览图片",
32 | }
33 | 
34 | // Styles 集中管理UI中使用的样式
35 | var Styles = struct {
36 | 	Title  lipgloss.Style
37 | 	Error  lipgloss.Style
38 | 	Help   lipgloss.Style
39 | 	Button lipgloss.Style
40 | }{
41 | 	Title:  lipgloss.NewStyle().Bold(true),
42 | 	Error:  lipgloss.NewStyle().Foreground(lipgloss.Color("161")),
43 | 	Help:   lipgloss.NewStyle().Foreground(lipgloss.Color("240")),
44 | 	Button: lipgloss.NewStyle().Foreground(lipgloss.Color("#7D56F4")),
45 | }
46 | 
47 | // DefaultValues 默认值
48 | var DefaultValues = struct {
49 | 	ImgDir      string
50 | 	CSVFile     string
51 | 	Concurrency int
52 | 	Delay       int
53 | }{
54 | 	ImgDir:      "",
55 | 	CSVFile:     "",
56 | 	Concurrency: 4,
57 | 	Delay:       0,
58 | }
59 | 


--------------------------------------------------------------------------------
/server/internal/ui/interactive.go:
--------------------------------------------------------------------------------
 1 | package ui
 2 | 
 3 | import (
 4 | 	"weibo-archiver/internal/config"
 5 | 
 6 | 	tea "github.com/charmbracelet/bubbletea"
 7 | )
 8 | 
 9 | // RunInteractive 运行交互式UI并返回用户选择的选项
10 | func RunInteractive() (*config.Config, error) {
11 | 	p := tea.NewProgram(NewModel())
12 | 
13 | 	teaModel, err := p.Run()
14 | 
15 | 	model := teaModel.(Model)
16 | 
17 | 	cfg := &config.Config{
18 | 		ImagesPath:     model.ImgDir,
19 | 		CSVPath:        model.CsvFile,
20 | 		IsDownloadMode: model.IsDownload,
21 | 		IsServerMode:   model.IsServer,
22 | 		IsExited:       model.IsExited,
23 | 		Concurrency:    6,
24 | 		DownloadDelay:  1,
25 | 	}
26 | 
27 | 	return cfg, err
28 | }
29 | 


--------------------------------------------------------------------------------
/server/internal/ui/renderer.go:
--------------------------------------------------------------------------------
 1 | package ui
 2 | 
 3 | import (
 4 | 	"fmt"
 5 | 	"strings"
 6 | )
 7 | 
 8 | 
 9 | // renderModeSelection 渲染模式选择界面
10 | func RenderModeSelection(m Model) string {
11 | 	return fmt.Sprintf("\n %s\n\n%s",
12 | 		Styles.Title.Render(Text.AppTitle),
13 | 		m.ModeList.View())
14 | }
15 | 
16 | // renderConfigForm 渲染配置表单界面
17 | func RenderConfigForm(m Model) string {
18 | 	var b strings.Builder
19 | 
20 | 	// 标题
21 | 	modeTitle := Text.ServerMode
22 | 	if m.IsDownload {
23 | 		modeTitle = Text.DownloadMode
24 | 	}
25 | 	b.WriteString(fmt.Sprintf("\n %s - %s\n\n",
26 | 		Styles.Title.Render(Text.AppTitle),
27 | 		modeTitle))
28 | 
29 | 	// 提示文本
30 | 	b.WriteString(fmt.Sprintf(" %s\n\n", fmt.Sprintf(Text.ConfigPrompt, modeTitle)))
31 | 
32 | 	// 图片目录输入框
33 | 	b.WriteString(fmt.Sprintf(" %s: %s\n\n", Text.ImageDirLabel, m.Inputs[0].View()))
34 | 
35 | 	// CSV文件输入框 (仅下载模式)
36 | 	if m.IsDownload {
37 | 		b.WriteString(fmt.Sprintf(" %s: %s\n\n", Text.CSVFileLabel, m.Inputs[1].View()))
38 | 	}
39 | 
40 | 	// 确认按钮
41 | 	button := Text.ConfirmButton
42 | 	if m.CurInput == len(m.Inputs) {
43 | 		button = Styles.Button.Render(button)
44 | 	}
45 | 	b.WriteString(fmt.Sprintf("\n %s\n\n", button))
46 | 
47 | 	// 错误信息
48 | 	if m.Error != nil {
49 | 		b.WriteString(Styles.Error.Render(fmt.Sprintf(" 错误: %s\n\n", m.Error)))
50 | 	}
51 | 
52 | 	// 帮助文本
53 | 	b.WriteString(Styles.Help.Render(fmt.Sprintf(" %s\n", Text.HelpText)))
54 | 
55 | 	return b.String()
56 | }
57 | 


--------------------------------------------------------------------------------
/server/internal/ui/validator.go:
--------------------------------------------------------------------------------
 1 | package ui
 2 | 
 3 | import (
 4 | 	"fmt"
 5 | 	"strings"
 6 | 	"weibo-archiver/internal/utils"
 7 | )
 8 | 
 9 | func CheckCSVFile(m Model) string {
10 | 	errorMsg := ""
11 | 	if m.CsvFile == "" {
12 | 		errorMsg = fmt.Sprintf("%s不能为空", Text.CSVFileLabel)
13 | 	}
14 | 
15 | 	if !utils.FileExists(m.CsvFile) {
16 | 		errorMsg = fmt.Sprintf("文件不存在: %s", m.CsvFile)
17 | 	}
18 | 
19 | 	if !strings.HasSuffix(strings.ToLower(m.CsvFile), ".csv") {
20 | 		errorMsg = fmt.Sprintf("%s 不是CSV文件", m.CsvFile)
21 | 	}
22 | 
23 | 	return errorMsg
24 | }
25 | 
26 | func CheckImageDir(m Model) string {
27 | 	errorMsg := ""
28 | 	if m.ImgDir == "" {
29 | 		errorMsg = fmt.Sprintf("%s不能为空", Text.ImageDirLabel)
30 | 	}
31 | 
32 | 	if !utils.FileExists(m.ImgDir) {
33 | 		errorMsg = fmt.Sprintf("文件夹不存在: %s", m.ImgDir)
34 | 	}
35 | 
36 | 	if !utils.IsDir(m.ImgDir) {
37 | 		errorMsg = fmt.Sprintf("%s 不是文件夹", m.ImgDir)
38 | 	}
39 | 
40 | 	return errorMsg
41 | }
42 | 


--------------------------------------------------------------------------------
/server/internal/utils/argv.go:
--------------------------------------------------------------------------------
 1 | package utils
 2 | 
 3 | import (
 4 | 	"fmt"
 5 | 	"os"
 6 | 	"path/filepath"
 7 | 
 8 | 	"weibo-archiver/internal/config"
 9 | 
10 | 	"github.com/spf13/pflag"
11 | )
12 | 
13 | type AppInfo struct {
14 | 	Name        string
15 | 	Version     string
16 | 	Description string
17 | }
18 | 
19 | func InitFlags(info AppInfo) config.Config {
20 | 	// 定义命令行参数
21 | 	opts := config.Config{}
22 | 	pflag.BoolVarP(&opts.IsDownloadMode, "dl", "d", false, "下载模式")
23 | 	pflag.BoolVarP(&opts.IsServerMode, "server", "s", false, "服务器模式")
24 | 	pflag.StringVarP(&opts.CSVPath, "imgs-path", "i", "imgs.csv", "imgs.csv 的路径")
25 | 	pflag.StringVarP(&opts.ImagesPath, "download-folder", "o", "images", "图片保存的文件夹")
26 | 	pflag.IntVarP(&opts.Concurrency, "concurrency", "c", 4, "同时下载的最大数量")
27 | 	pflag.IntVarP(&opts.DownloadDelay, "delay", "t", 0, "每次下载的间隔时间（秒）")
28 | 	help := pflag.BoolP("help", "h", false, "显示帮助信息")
29 | 
30 | 	pflag.Parse()
31 | 
32 | 	// 显示帮助信息
33 | 	if *help {
34 | 		exeName := filepath.Base(os.Args[0])
35 | 
36 | 		fmt.Printf("%s v%s - %s\n\n", info.Name, info.Version, info.Description)
37 | 		fmt.Printf("用法: %s [选项]\n\n", exeName)
38 | 		fmt.Println("选项:")
39 | 		pflag.PrintDefaults()
40 | 
41 | 		fmt.Println("\n示例:")
42 | 		fmt.Println("\t" + exeName + " --dl -i imgs.csv -o images")
43 | 		fmt.Println("\t" + exeName + " --server -o images")
44 | 		fmt.Println("\t" + exeName + " (无参数，将进入交互模式)")
45 | 		os.Exit(0)
46 | 	}
47 | 
48 | 	// 检查运行模式
49 | 	if opts.IsDownloadMode && opts.IsServerMode {
50 | 		fmt.Println("错误: 不能同时运行下载模式和服务器模式")
51 | 		os.Exit(1)
52 | 	}
53 | 
54 | 	// 解析路径
55 | 	opts.CSVPath, _ = filepath.Abs(opts.CSVPath)
56 | 	opts.ImagesPath, _ = filepath.Abs(opts.ImagesPath)
57 | 
58 | 	return opts
59 | }
60 | 


--------------------------------------------------------------------------------
/server/internal/utils/comom.go:
--------------------------------------------------------------------------------
 1 | package utils
 2 | 
 3 | import (
 4 | 	"log"
 5 | 	"time"
 6 | 	"weibo-archiver/internal/config"
 7 | 	"weibo-archiver/internal/server"
 8 | )
 9 | 
10 | func Run(cfg *config.Config) {
11 | 	if cfg.IsDownloadMode {
12 | 		dl := NewDownloader(cfg)
13 | 		if err := dl.Start(); err != nil {
14 | 			log.Fatal(err)
15 | 		}
16 | 
17 | 		// 等2秒再退出
18 | 		time.Sleep(2 * time.Second)
19 | 	} else {
20 | 		srv := server.New(cfg)
21 | 		if err := srv.Start(); err != nil {
22 | 			log.Fatal(err)
23 | 		}
24 | 	}
25 | }
26 | 


--------------------------------------------------------------------------------
/server/internal/utils/files.go:
--------------------------------------------------------------------------------
 1 | package utils
 2 | 
 3 | import (
 4 | 	"bufio"
 5 | 	"os"
 6 | 
 7 | )
 8 | 
 9 | func ReadCSV(path string) ([]string, error) {
10 | 	file, err := os.Open(path)
11 | 	if err != nil {
12 | 		return nil, err
13 | 	}
14 | 	defer file.Close()
15 | 
16 | 	scanner := bufio.NewScanner(file)
17 | 	urls := []string{}
18 | 	for scanner.Scan() {
19 | 		urls = append(urls, scanner.Text())
20 | 	}
21 | 
22 | 	return urls, nil
23 | }
24 | 
25 | // fileExists 检查文件或目录是否存在
26 | func FileExists(path string) bool {
27 | 	_, err := os.Stat(path)
28 | 	return err == nil
29 | }
30 | 
31 | // isDir 检查是否是目录
32 | func IsDir(path string) bool {
33 | 	stat, err := os.Stat(path)
34 | 	return err == nil && stat.IsDir()
35 | }
36 | 


--------------------------------------------------------------------------------
/server/internal/utils/queue.go:
--------------------------------------------------------------------------------
 1 | package utils
 2 | 
 3 | import (
 4 | 	"sync"
 5 | 	"time"
 6 | )
 7 | 
 8 | type PQueue struct {
 9 | 	concurrency int
10 | 	delay       time.Duration
11 | 	tasks       chan func() error
12 | 	wg          sync.WaitGroup
13 | }
14 | 
15 | func NewPQueue(concurrency int, delay time.Duration) *PQueue {
16 | 	if concurrency == 0 {
17 | 		concurrency = 6
18 | 	}
19 | 	if delay == 0 {
20 | 		delay = 1 * time.Second
21 | 	}
22 | 	q := &PQueue{
23 | 		concurrency: concurrency,
24 | 		delay:       delay,
25 | 		tasks:       make(chan func() error, concurrency),
26 | 	}
27 | 
28 | 	// Start worker goroutines
29 | 	for i := 0; i < concurrency; i++ {
30 | 		go q.worker()
31 | 	}
32 | 
33 | 	return q
34 | }
35 | 
36 | func (q *PQueue) worker() {
37 | 	for task := range q.tasks {
38 | 		if q.delay > 0 {
39 | 			time.Sleep(q.delay)
40 | 		}
41 | 		_ = task()
42 | 		q.wg.Done()
43 | 	}
44 | }
45 | 
46 | func (q *PQueue) Add(task func() error) {
47 | 	q.wg.Add(1)
48 | 	q.tasks <- task
49 | }
50 | 
51 | func (q *PQueue) Wait() {
52 | 	q.wg.Wait()
53 | }
54 | 
55 | func (q *PQueue) Close() {
56 | 	close(q.tasks)
57 | }
58 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "http://json.schemastore.org/tsconfig",
 3 |   "compilerOptions": {
 4 |     "target": "ESNext",
 5 |     "jsx": "preserve",
 6 |     "jsxImportSource": "vue",
 7 |     "lib": ["DOM", "ESNext"],
 8 |     "useDefineForClassFields": true,
 9 |     "baseUrl": ".",
10 |     "module": "ESNext",
11 |     "moduleResolution": "Bundler",
12 |     "paths": {
13 |       "@weibo-archiver/core": ["packages/core"]
14 |     },
15 |     "types": [
16 |       "vite/client"
17 |     ],
18 |     "allowJs": true,
19 |     "strict": true,
20 |     "strictNullChecks": true,
21 |     "noUnusedLocals": true,
22 |     "esModuleInterop": true,
23 |     "skipLibCheck": true
24 |   },
25 |   "include": [
26 |     "apps",
27 |     "packages",
28 |     "*.ts",
29 |     "*.tsx",
30 |     "*.d.ts",
31 |     "apps/web/.nuxt/imports.d.ts",
32 |     "eslint.config.js"
33 |   ],
34 |   "exclude": [
35 |     "dist",
36 |     "node_modules"
37 |   ]
38 | }
39 | 


--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "rewrites": [
 3 |     {
 4 |       "source": "/(.*)",
 5 |       "destination": "/index.html"
 6 |     }
 7 |   ],
 8 |   "redirects": [
 9 |     {
10 |       "source": "/docs",
11 |       "destination": "https://docs.qq.com/doc/DTWttbXlMUGxZZnZq",
12 |       "statusCode": 301
13 |     }
14 |   ]
15 | }
16 | 


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