fix: style fix. spacing DescItem

This commit is a style fix.
* spacing DescItem component.
* typo fix.
* show file hash

package.json

@@ -10,11 +10,12 @@
   },
   "keywords": [],
   "workspaces": [
-		"packages/*"
-	],
+    "packages/*"
+  ],
   "author": "",
   "license": "MIT",
   "devDependencies": {
     "@biomejs/biome": "1.6.3"
-  }
-}
+  },
+  "packageManager": "pnpm@9.5.0"
+}

packages/client/package.json

@@ -12,41 +12,41 @@
   },
   "dependencies": {
     "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@tanstack/react-virtual": "^3.2.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-radio-group": "^1.2.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "@tanstack/react-virtual": "^3.10.8",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "dbtype": "workspace:*",
-    "jotai": "^2.7.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-resizable-panels": "^2.0.16",
+    "clsx": "^2.1.1",
+    "dbtype": "workspace:dbtype",
+    "jotai": "^2.10.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-resizable-panels": "^2.1.4",
     "swr": "^2.2.5",
-    "tailwind-merge": "^2.2.2",
+    "tailwind-merge": "^2.5.3",
     "tailwindcss-animate": "^1.0.7",
     "usehooks-ts": "^3.1.0",
-    "wouter": "^3.1.0"
+    "wouter": "^3.3.5"
   },
   "devDependencies": {
-    "@types/node": ">=20.0.0",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^7.2.0",
-    "@typescript-eslint/parser": "^7.2.0",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
-    "postcss": "^8.4.38",
+    "@types/node": "^22.7.4",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-react-swc": "^3.7.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.12",
+    "postcss": "^8.4.47",
     "shadcn-ui": "^0.8.0",
-    "tailwindcss": "^3.4.3",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "tailwindcss": "^3.4.13",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.8"
   }
 }

packages/client/src/components/gallery/DescItem.tsx

@@ -20,7 +20,11 @@ export function DescTagItem({
 }) {
     return <DescItem name={name} className={className}>
         {items.length === 0 ? "N/A" : items.map(
-            (x) => <StyledLink key={x} to={`/search?allow_tag=${name}:${x}`}>{x}</StyledLink>
+            (x, i) => 
+            <>
+                <StyledLink key={x} to={`/search?allow_tag=${name}:${x}`}>{x}</StyledLink>
+                {i + 1 < items.length && <span className="">, </span>}
+            </>
         )}
     </DescItem>;
 }

packages/client/src/components/gallery/GalleryCard.tsx

@@ -1,4 +1,4 @@
-import type { Document } from "dbtype/api";
+import type { Document } from "dbtype";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card.tsx";
 import TagBadge from "@/components/gallery/TagBadge.tsx";
 import { Fragment, useLayoutEffect, useRef, useState } from "react";

packages/client/src/hook/useGalleryDoc.ts

@@ -1,5 +1,5 @@
 import useSWR from "swr";
-import type { Document } from "dbtype/api";
+import type { Document } from "dbtype";
 import { fetcher } from "./fetcher";
 
 export function useGalleryDoc(id: string) {

packages/client/src/page/contentInfoPage.tsx

@@ -58,14 +58,14 @@ export function ContentInfoPage({ params }: ContentInfoPageProps) {
                 </CardHeader>
                 <CardContent>
                     <div className="grid gap-4 grid-cols-[repeat(auto_fill_300px)]">
-                        <DescTagItem name="artist" items={classifiedTags.artist} />
-                        <DescTagItem name="group" items={classifiedTags.group} />
-                        <DescTagItem name="series" items={classifiedTags.series} />
-                        <DescTagItem name="character" items={classifiedTags.character} />
-                        <DescItem name="Created At">{new Date(data.created_at).toLocaleString()}</DescItem>
-                        <DescItem name="Modified At">{new Date(data.modified_at).toLocaleString()}</DescItem>
+                        <DescTagItem name="Artist" items={classifiedTags.artist} />
+                        <DescTagItem name="Group" items={classifiedTags.group} />
+                        <DescTagItem name="Series" items={classifiedTags.series} />
+                        <DescTagItem name="Character" items={classifiedTags.character} />
+                        <DescItem name="Created At / Modified At">{new Date(data.created_at).toLocaleString()} / {new Date(data.modified_at).toLocaleString()}</DescItem>
+                        <DescItem name="Filehash">{data.content_hash}</DescItem>
                         <DescItem name="Path">{`${data.basepath}/${data.filename}`}</DescItem>
-                        <DescItem name="Page Count">{JSON.stringify(data.additional)}</DescItem>
+                        <DescItem name="Page Count">{data.pagenum}</DescItem>
                     </div>
                     <div className="grid mt-4">
                         <span className="text-muted-foreground text-sm">Tags</span>

packages/server/package.json

@@ -11,31 +11,31 @@
 	"author": "",
 	"license": "ISC",
 	"dependencies": {
-		"@zip.js/zip.js": "^2.7.40",
-		"better-sqlite3": "^9.4.3",
+		"@zip.js/zip.js": "^2.7.52",
+		"better-sqlite3": "^9.6.0",
 		"chokidar": "^3.6.0",
 		"dbtype": "workspace:dbtype",
 		"dotenv": "^16.4.5",
 		"jose": "^5.9.3",
-		"koa": "^2.15.2",
+		"koa": "^2.15.3",
 		"koa-bodyparser": "^4.4.1",
 		"koa-compose": "^4.1.0",
 		"koa-router": "^12.0.1",
-		"kysely": "^0.27.3",
+		"kysely": "^0.27.4",
 		"natural-orderby": "^2.0.3",
 		"tiny-async-pool": "^1.3.0"
 	},
 	"devDependencies": {
-		"@types/better-sqlite3": "^7.6.9",
+		"@types/better-sqlite3": "^7.6.11",
 		"@types/jsonwebtoken": "^8.5.9",
 		"@types/koa": "^2.15.0",
 		"@types/koa-bodyparser": "^4.3.12",
 		"@types/koa-compose": "^3.2.8",
 		"@types/koa-router": "^7.4.8",
-		"@types/node": ">=20.0.0",
+		"@types/node": "^22.7.4",
 		"@types/tiny-async-pool": "^1.0.5",
-		"nodemon": "^3.1.0",
+		"nodemon": "^3.1.7",
 		"tsx": "^4.19.1",
-		"typescript": "^5.2.2"
+		"typescript": "^5.6.2"
 	}
 }