Merge pull request besscroft#177 from besscroft/v2

merge

README.md

@@ -32,15 +32,6 @@ PicImpact 是一个摄影师专用的摄影作品展示网站，基于 Next.js +
 - 基于 prisma 的自动初始化数据库和数据迁移，简化部署流程。
 - 支持 Vercel 部署、Node.js 部署、Docker 等容器化部署，当然 k8s 也支持。
 
-### TODO 
-
-- [ ] 单独的存储管理功能（不会影响现有功能，属于扩展）。
-- [x] RSS 支持，能够使用 Follow 订阅。
-- [ ] Web Analytics 支持。
-- [ ] OneDrive 支持。
-
-> 会抽空进行开发与维护，也欢迎 PR!
-
 ### 如何部署
 
 你可以点击下面的按钮来一键部署到 Vercel，**然后将 `Build Command` 设置为 `pnpm run build:vercel`**，也可以 Fork 项目后手动部署到任何支持的平台。
@@ -77,10 +68,24 @@ docker run -d --name picimpact \
 
 ### 存储配置
 
-暂时提供了 AWS S3 API、Cloudflare R2、AList API 支持，您在部署成功后，可以去 `设置` -> `存储` 进行管理。
+> 暂时提供了 AWS S3 API、Cloudflare R2、AList API 支持，您在部署成功后，可以去 `设置` -> `存储` 进行管理。
+> 
+> 原则上优先支持 Cloudflare R2 和 AWS S3 API。
 
 我比较推荐 Cloudflare R2，算是很良心的了，流量免费。
 
+- Cloudflare R2 配置
+
+| Key                 | 备注                                                                       |
+|---------------------|--------------------------------------------------------------------------|
+| r2_accesskey_id     | Cloudflare AccessKey_ID                                                  |
+| r2_accesskey_secret | Cloudflare AccessKey_Secret                                              |
+| r2_endpoint         | Cloudflare Endpoint 地域节点，如：`https://<ACCOUNT_ID>.r2.cloudflarestorage.com` |
+| r2_bucket           | Cloudflare Bucket 存储桶名称，如：`picimpact`                                      |
+| r2_storage_folder   | 存储文件夹(Cloudflare R2)，严格格式，如：`picimpact` 或 `picimpact/images` ，填 `/` 或者不填表示根路径  |
+| r2_public_domain    | Cloudflare R2 自定义域（公开访问）                                                 |
+
+
 - AWS S3 配置
 
 | Key              | 备注                                                               |
@@ -95,17 +100,6 @@ docker run -d --name picimpact \
 | s3_cdn   | 是否启用 S3 CDN 模式，路径将返回 cdn 地址，默认 false。                            |
 | s3_cdn_url   | cdn 地址，如：`https://cdn.example.com`                               |
 
-- Cloudflare R2 配置
-
-| Key                 | 备注                                                                       |
-|---------------------|--------------------------------------------------------------------------|
-| r2_accesskey_id     | Cloudflare AccessKey_ID                                                  |
-| r2_accesskey_secret | Cloudflare AccessKey_Secret                                              |
-| r2_endpoint         | Cloudflare Endpoint 地域节点，如：`https://<ACCOUNT_ID>.r2.cloudflarestorage.com` |
-| r2_bucket           | Cloudflare Bucket 存储桶名称，如：`picimpact`                                      |
-| r2_storage_folder   | 存储文件夹(Cloudflare R2)，严格格式，如：`picimpact` 或 `picimpact/images` ，填 `/` 或者不填表示根路径  |
-| r2_public_domain    | Cloudflare R2 自定义域（公开访问）                                                 |
-
 - AList API 配置
 
 | Key         | 备注                                   |
@@ -133,11 +127,11 @@ pnpm run dev
 
 PicImpact 欢迎各种贡献，包括但不限于改进，新功能，文档和代码改进，问题和错误报告。
 
-`v1` 分支目前仅维护和修复 bug。
+`v1` 目前停止维护。
 
 `v2` 分支开发下一个版本，同时接受 `PR`！
 
-> 有需求和建议都可以提，有空的话我会处理，但受限于 Next / SSR 的⌈局限性⌋，很多功能的设计上可能会有取舍。
+> 有需求和建议都可以提，有空的话我会处理，但受限于 Next / SSR 的⌈局限性⌋，以及照顾移动端使用体验，很多功能的设计上可能会有取舍。
 
 ### 隐私安全
 
@@ -162,7 +156,6 @@ PicImpact 欢迎各种贡献，包括但不限于改进，新功能，文档和
   - [Next.js](https://github.com/vercel/next.js)
   - [Hono.js](https://github.com/honojs/hono)
 - UI 框架：
-  - [Next UI](https://github.com/nextui-org/nextui)
   - [Radix](https://www.radix-ui.com/)
   - [shadcn/ui](https://ui.shadcn.com/)
 - 更多组件参见 package.json

app/(default)/[...album]/page.tsx

@@ -1,4 +1,4 @@
-import Masonry from '~/components/Masonry'
+import Masonry from '~/components/album/Masonry'
 import { fetchClientImagesListByAlbum, fetchClientImagesPageTotalByAlbum } from '~/server/db/query'
 import { ImageHandleProps } from '~/types'
 

app/(default)/label/[...tag]/page.tsx

@@ -1,4 +1,4 @@
-import Masonry from '~/components/Masonry'
+import Masonry from '~/components/album/Masonry'
 import { fetchClientImagesListByTag, fetchClientImagesPageTotalByTag } from '~/server/db/query'
 import { ImageHandleProps } from '~/types'
 

app/(default)/page.tsx

@@ -1,4 +1,4 @@
-import Masonry from '~/components/Masonry'
+import Masonry from '~/components/album/Masonry'
 import { fetchClientImagesListByAlbum, fetchClientImagesPageTotalByAlbum } from '~/server/db/query'
 import { ImageHandleProps } from '~/types'
 

app/admin/album/page.tsx

@@ -1,6 +1,6 @@
 import { fetchAlbumsList } from '~/server/db/query'
 import AlbumList from '~/components/admin/album/AlbumList'
-import RefreshButton from '~/components/RefreshButton'
+import RefreshButton from '~/components/album/RefreshButton'
 import { HandleProps } from '~/types'
 import React from 'react'
 import AlbumAddSheet from '~/components/admin/album/AlbumAddSheet'

app/admin/copyright/page.tsx

@@ -3,7 +3,7 @@ import { HandleProps } from '~/types'
 import React from 'react'
 import CopyrightList from '~/components/admin/copyright/CopyrightList'
 import CopyrightAddButton from '~/components/admin/copyright/CopyrightAddButton'
-import RefreshButton from '~/components/RefreshButton'
+import RefreshButton from '~/components/album/RefreshButton'
 import CopyrightAddSheet from '~/components/admin/copyright/CopyrightAddSheet'
 import CopyrightEditSheet from '~/components/admin/copyright/CopyrightEditSheet'
 

components/admin/album/AlbumAddSheet.tsx

@@ -145,9 +145,9 @@ export default function AlbumAddSheet(props : Readonly<HandleProps>) {
                 </div>
               </div>
               <Switch
-                checked={data?.allowDownload === 1}
+                checked={data?.allow_download === 0}
                 onCheckedChange={(value) => {
-                  setData({...data, allowDownload: value ? 1 : 0})
+                  setData({...data, allow_download: value ? 0 : 1})
                 }}
               />
             </div>

components/admin/album/AlbumEditSheet.tsx

@@ -154,9 +154,9 @@ export default function AlbumEditSheet(props : Readonly<HandleProps>) {
               </div>
             </div>
             <Switch
-              checked={album?.allow_download === 1}
+              checked={album?.allow_download === 0}
               onCheckedChange={(value) => {
-                setAlbumEditData({...album, allow_download: value ? 1 : 0})
+                setAlbumEditData({...album, allow_download: value ? 0 : 1})
               }}
             />
           </div>

components/admin/list/ImageView.tsx

@@ -6,10 +6,10 @@ import { DataProps, ImageType } from '~/types'
 import React from 'react'
 import { fetcher } from '~/lib/utils/fetcher'
 import useSWR from 'swr'
-import ExifView from '~/components/ExifView'
+import ExifView from '~/components/album/ExifView'
 import { Switch } from '~/components/ui/switch'
-import LivePhoto from '~/components/LivePhoto.tsx'
-import MultipleSelector from '~/components/ui/origin/multiselect.tsx'
+import LivePhoto from '~/components/album/LivePhoto'
+import MultipleSelector from '~/components/ui/origin/multiselect'
 
 export default function ImageView() {
   const { imageView, imageViewData, setImageView, setImageViewData } = useButtonStore(

components/Masonry.tsx → components/album/Masonry.tsx

@@ -5,10 +5,10 @@ import { ImageHandleProps, ImageType } from '~/types'
 import { MasonryPhotoAlbum, RenderImageContext, RenderImageProps } from 'react-photo-album'
 import { useSWRPageTotalHook } from '~/hooks/useSWRPageTotalHook'
 import useSWRInfinite from 'swr/infinite'
-import MasonryItem from '~/components/MasonryItem'
+import MasonryItem from '~/components/album/MasonryItem'
 import { toast } from 'sonner'
 import { useSearchParams } from 'next/navigation'
-import BlurImage from '~/components/BlurImage'
+import BlurImage from '~/components/album/BlurImage'
 import { useButtonStore } from '~/app/providers/button-store-Providers'
 import { FloatButton } from 'antd'
 

components/MasonryItem.tsx → components/album/MasonryItem.tsx

@@ -17,7 +17,7 @@ import {
 } from 'lucide-react'
 import * as React from 'react'
 import { useRouter } from 'next-nprogress-bar'
-import ExifView from '~/components/ExifView'
+import ExifView from '~/components/album/ExifView'
 import { toast } from 'sonner'
 import { usePathname } from 'next/navigation'
 import useSWR from 'swr'
@@ -40,7 +40,7 @@ import { DownloadIcon } from '~/components/icons/download'
 import { LinkIcon } from '~/components/icons/link'
 import { ArrowLeftIcon } from '~/components/icons/arrow-left'
 import { ArrowRightIcon } from '~/components/icons/arrow-right'
-import LivePhoto from '~/components/LivePhoto.tsx'
+import LivePhoto from '~/components/album/LivePhoto'
 
 dayjs.extend(customParseFormat)
 
@@ -207,7 +207,7 @@ export default function MasonryItem() {
                 <div className="flex flex-col space-y-2">
                   <div className="flex space-x-2">
                   {
-                    MasonryViewData.album_allow_download === 1 &&
+                    MasonryViewData.album_allow_download === 0 &&
                       <Button
                         onClick={async () => {
                           try {
@@ -248,7 +248,7 @@ export default function MasonryItem() {
                       分享
                     </Button>
                     {
-                      MasonryViewData.album_allow_download === 1 &&
+                      MasonryViewData.album_allow_download === 0 &&
                         <Button
                           onClick={() => downloadImg()}
                           disabled={download}