@yimingliao/cms 0.0.75 → 0.0.77

package/dist/{chunk-N2PRNBP2.js → chunk-OAENV763.js}

@@ -468,6 +468,29 @@ var jsonArrayToUi = (data) => {
   }
 };
 
+// src/shared/utils/ensure-array.ts
+function ensureArray(value) {
+  if (value == null) return [];
+  return Array.isArray(value) ? value : [value];
+}
+
+// src/shared/utils/format-date-time.ts
+var dateTimeFormatter = new Intl.DateTimeFormat(void 0, {
+  year: "numeric",
+  month: "numeric",
+  day: "numeric",
+  hour: "2-digit",
+  minute: "2-digit"
+});
+function formatDateTime(input) {
+  if (!input) return "";
+  const date = typeof input === "string" ? new Date(input) : input;
+  if (Number.isNaN(date.getTime())) {
+    return "";
+  }
+  return dateTimeFormatter.format(date);
+}
+
 // src/shared/units.ts
 var SIZE = {
   BYTE: 1,
@@ -478,4 +501,4 @@ var SIZE = {
   PB: 1024 ** 5
 };
 
-export { FILE_TYPES, OG_TYPE_ARRAY, SIZE, TWITTER_CARD_ARRAY, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, findTranslation, formatFileSize, getMediaInfo, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd };
+export { FILE_TYPES, OG_TYPE_ARRAY, SIZE, TWITTER_CARD_ARRAY, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, ensureArray, findTranslation, formatDateTime, formatFileSize, getMediaInfo, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd };

package/dist/{chunk-3J5YR2NA.js → chunk-XWXG67I4.js}

@@ -1,4 +1,4 @@
-import { mimeToExtension } from './chunk-N2PRNBP2.js';
+import { mimeToExtension } from './chunk-OAENV763.js';
 import path from 'path/posix';
 import { ulid } from 'ulid';
 

package/dist/client/index.d.ts

@@ -1,5 +1,8 @@
-import { R as Result } from '../types-DHlRoJwv.js';
+import { R as Result, S as SuccessResult, a as ErrorResult } from '../types-DHlRoJwv.js';
 import { Logger } from 'logry';
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { QueryClient, UseMutationOptions, UseQueryOptions } from '@tanstack/react-query';
+import * as _tanstack_query_core from '@tanstack/query-core';
 
 interface FetchContext {
     input: string;
@@ -27,4 +30,268 @@ declare function createResponseInterceptor({ logger }: {
     logger: Logger;
 }): ResponseInterceptor;
 
-export { createRequestInterceptor, createResponseInterceptor, createSmartFetch };
+type ShowToastOption = boolean | {
+    success?: boolean;
+    error?: boolean;
+};
+declare const handleToast: (result: SuccessResult | ErrorResult, showToast?: ShowToastOption) => void;
+
+declare function createUseCommand(queryClient: QueryClient): <P = void, R = unknown>(fn: (params: P) => Promise<Result<R | undefined>>, mutationOptions?: UseMutationOptions<R | undefined, unknown, P> & {
+    showToast?: ShowToastOption;
+    shouldTrigger?: (payload: P) => (boolean | undefined) | Promise<boolean | undefined>;
+    clearAll?: boolean;
+}) => {
+    execute: (params: P extends void ? void : P) => Promise<R | undefined>;
+    isRedirecting: boolean;
+    errors: string[];
+    data: undefined;
+    variables: undefined;
+    error: null;
+    isError: false;
+    isIdle: true;
+    isPending: false;
+    isSuccess: false;
+    status: "idle";
+    mutate: _tanstack_react_query.UseMutateFunction<R | undefined, Error, P, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: _tanstack_react_query.UseMutateAsyncFunction<R | undefined, Error, P, unknown>;
+} | {
+    execute: (params: P extends void ? void : P) => Promise<R | undefined>;
+    isRedirecting: boolean;
+    errors: string[];
+    data: undefined;
+    variables: P;
+    error: null;
+    isError: false;
+    isIdle: false;
+    isPending: true;
+    isSuccess: false;
+    status: "pending";
+    mutate: _tanstack_react_query.UseMutateFunction<R | undefined, Error, P, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: _tanstack_react_query.UseMutateAsyncFunction<R | undefined, Error, P, unknown>;
+} | {
+    execute: (params: P extends void ? void : P) => Promise<R | undefined>;
+    isRedirecting: boolean;
+    errors: string[];
+    data: undefined;
+    error: Error;
+    variables: P;
+    isError: true;
+    isIdle: false;
+    isPending: false;
+    isSuccess: false;
+    status: "error";
+    mutate: _tanstack_react_query.UseMutateFunction<R | undefined, Error, P, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: _tanstack_react_query.UseMutateAsyncFunction<R | undefined, Error, P, unknown>;
+} | {
+    execute: (params: P extends void ? void : P) => Promise<R | undefined>;
+    isRedirecting: boolean;
+    errors: string[];
+    data: R | undefined;
+    error: null;
+    variables: P;
+    isError: false;
+    isIdle: false;
+    isPending: false;
+    isSuccess: true;
+    status: "success";
+    mutate: _tanstack_react_query.UseMutateFunction<R | undefined, Error, P, unknown>;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    mutateAsync: _tanstack_react_query.UseMutateAsyncFunction<R | undefined, Error, P, unknown>;
+};
+
+declare function createUseQuery(): <P = void, R = unknown, TData = R>(fn: (params?: P) => Promise<Result<R>>, queryKey: readonly unknown[], queryOptions?: Omit<UseQueryOptions<R | undefined, Error, TData, readonly unknown[]>, "queryKey"> & {
+    params?: P;
+}) => {
+    isNotFound: boolean;
+    data: _tanstack_query_core.NoInfer<TData>;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.NoInfer<TData>, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.NoInfer<TData>>;
+} | {
+    isNotFound: boolean;
+    data: _tanstack_query_core.NoInfer<TData>;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.NoInfer<TData>, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.NoInfer<TData>>;
+} | {
+    isNotFound: boolean;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.NoInfer<TData>, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.NoInfer<TData>>;
+} | {
+    isNotFound: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.NoInfer<TData>, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.NoInfer<TData>>;
+} | {
+    isNotFound: boolean;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.NoInfer<TData>, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.NoInfer<TData>>;
+} | {
+    isNotFound: boolean;
+    data: _tanstack_query_core.NoInfer<TData>;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: _tanstack_query_core.RefetchOptions) => Promise<_tanstack_query_core.QueryObserverResult<_tanstack_query_core.NoInfer<TData>, Error>>;
+    fetchStatus: _tanstack_query_core.FetchStatus;
+    promise: Promise<_tanstack_query_core.NoInfer<TData>>;
+};
+
+export { type ShowToastOption, createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast };

package/dist/client/index.js

@@ -1,4 +1,10 @@
-// src/client/infrastructure/smart-fetch/smart-fetch.ts
+import { ensureArray } from '../chunk-OAENV763.js';
+import { toast } from 'sonner';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMutation, useQuery } from '@tanstack/react-query';
+import { useState } from 'react';
+
+// src/client/infrastructure/fetch/smart-fetch.ts
 function createSmartFetch({
   requestInterceptor,
   responseInterceptor,
@@ -22,7 +28,7 @@ function createSmartFetch({
   return smartFetch;
 }
 
-// src/client/infrastructure/smart-fetch/request-interceptor.ts
+// src/client/infrastructure/fetch/request-interceptor.ts
 function createRequestInterceptor({ baseUrl }) {
   const requestInterceptor = (ctx) => {
     const normalizedBase = baseUrl.replace(/\/+$/, "");
@@ -43,7 +49,7 @@ function createRequestInterceptor({ baseUrl }) {
   return requestInterceptor;
 }
 
-// src/client/infrastructure/smart-fetch/response-interceptor.ts
+// src/client/infrastructure/fetch/response-interceptor.ts
 function createResponseInterceptor({ logger }) {
   const responseInterceptor = async (response, ctx) => {
     const duration = Date.now() - (ctx.meta.startTime ?? 0);
@@ -64,5 +70,119 @@ function createResponseInterceptor({ logger }) {
   };
   return responseInterceptor;
 }
+function ErrorDisplay({ errors }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: errors.map((error, index) => {
+    let field = error.field ?? "";
+    if (field.startsWith("translations")) field = field.slice(15);
+    if (field.includes(".") && !Number.isNaN(Number(field.at(-1)))) {
+      const [f, i] = field.split(".");
+      field = `${f} ${Number(i) + 1}`;
+    }
+    return /* @__PURE__ */ jsxs("p", { children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-bold", children: [
+        "(",
+        index + 1,
+        ")"
+      ] }),
+      "\xA0",
+      /* @__PURE__ */ jsx("span", { className: "font-bold underline underline-offset-2", children: field }),
+      "\xA0",
+      /* @__PURE__ */ jsx("span", { children: error.message })
+    ] }, index);
+  }) });
+}
+var createErrorDisplay = (errors) => ErrorDisplay({ errors });
+
+// src/client/infrastructure/toast/should-show-toast.ts
+var shouldShowToast = (type, showToast) => {
+  if (showToast === void 0) return false;
+  if (typeof showToast === "boolean") return showToast;
+  return !!showToast[type];
+};
+
+// src/client/infrastructure/toast/handle-toast.ts
+var handleToast = (result, showToast) => {
+  const normalizedShowToast = typeof showToast === "object" ? {
+    success: showToast.success ?? true,
+    error: showToast.error ?? true
+  } : showToast ?? true;
+  if (result.success) {
+    const { message } = result;
+    if (shouldShowToast("success", normalizedShowToast) && message) {
+      toast.success(message);
+    }
+  } else {
+    const { message, errors } = result;
+    if (shouldShowToast("error", normalizedShowToast)) {
+      if (errors && errors.length > 0) {
+        toast.error(createErrorDisplay(errors));
+      } else if (message) {
+        toast.error(message);
+      } else {
+        toast.error("Unknown Error");
+      }
+    }
+  }
+};
+function createUseCommand(queryClient) {
+  return function useCommand(fn, mutationOptions) {
+    const [isRedirecting, setIsRedirecting] = useState(false);
+    const [errors, setErrors] = useState([]);
+    const { showToast, shouldTrigger, clearAll = true } = mutationOptions || {};
+    const mutation = useMutation({
+      ...mutationOptions,
+      mutationFn: async (params) => {
+        const response = await fn(params);
+        handleToast(response, showToast);
+        if (response.success) {
+          setErrors([]);
+          if (clearAll) {
+            await queryClient.invalidateQueries({
+              predicate: (query) => !query.queryKey[0].startsWith("auth")
+            });
+          }
+          return response.data;
+        }
+        setErrors(
+          ensureArray(response.errors).map((e) => e.field).filter((f) => typeof f === "string")
+        );
+        throw new Error(response.message);
+      }
+    });
+    const execute = (async (params) => {
+      try {
+        if (shouldTrigger) {
+          const shouldProceed = await shouldTrigger(params);
+          if (!shouldProceed) {
+            setIsRedirecting(false);
+            return void 0;
+          }
+        }
+        setIsRedirecting(true);
+        return await mutation.mutateAsync(params);
+      } catch {
+        setIsRedirecting(false);
+        return void 0;
+      }
+    });
+    return { ...mutation, execute, isRedirecting, errors };
+  };
+}
+function createUseQuery() {
+  return function useQuery$1(fn, queryKey, queryOptions) {
+    const { params, ...rest } = queryOptions || {};
+    const query = useQuery({
+      queryKey: params ? [...queryKey, params] : queryKey,
+      queryFn: async () => {
+        const response = await fn(params);
+        if (response.success) return response.data;
+        throw new Error(response.message);
+      },
+      ...rest
+    });
+    const isNotFound = !query.isPending && !query.data;
+    return { ...query, isNotFound };
+  };
+}
 
-export { createRequestInterceptor, createResponseInterceptor, createSmartFetch };
+export { createRequestInterceptor, createResponseInterceptor, createSmartFetch, createUseCommand, createUseQuery, handleToast };

package/dist/index.d.ts

@@ -96,6 +96,10 @@ declare const jsonArrayToDb: (data?: unknown) => unknown[];
 
 declare const jsonArrayToUi: (data?: unknown[]) => string;
 
+declare function ensureArray<T>(value: T | T[] | null | undefined): T[];
+
+declare function formatDateTime(input?: string | Date): string;
+
 declare const SIZE: {
     readonly BYTE: 1;
     readonly KB: 1024;
@@ -106,4 +110,4 @@ declare const SIZE: {
 };
 type SizeUnit = keyof typeof SIZE;
 
-export { BaseTranslation, ErrorDetail, ErrorResult, type ErrorResultParams, FileCard, FileFull, Folder, FolderFull, OG_TYPE_ARRAY, type OgType, PostFull, ROOT_FOLDER, ROOT_FOLDER_ID, ROOT_FOLDER_NAME, SIMPLE_UPLOAD_FOLDER_KEY, SIMPLE_UPLOAD_FOLDER_NAME, SIZE, type SizeUnit, SuccessResult, type SuccessResultParams, TWITTER_CARD_ARRAY, type TwitterCard, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, findTranslation, formatFileSize, getMediaInfo, isFileLocked, isFolderLocked, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd };
+export { BaseTranslation, ErrorDetail, ErrorResult, type ErrorResultParams, FileCard, FileFull, Folder, FolderFull, OG_TYPE_ARRAY, type OgType, PostFull, ROOT_FOLDER, ROOT_FOLDER_ID, ROOT_FOLDER_NAME, SIMPLE_UPLOAD_FOLDER_KEY, SIMPLE_UPLOAD_FOLDER_NAME, SIZE, type SizeUnit, SuccessResult, type SuccessResultParams, TWITTER_CARD_ARRAY, type TwitterCard, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, ensureArray, findTranslation, formatDateTime, formatFileSize, getMediaInfo, isFileLocked, isFolderLocked, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd };

package/dist/index.js

@@ -1,2 +1,2 @@
 export { ADMIN_ROLES, POST_TYPES, ROOT_FOLDER, ROOT_FOLDER_ID, ROOT_FOLDER_NAME, SIMPLE_UPLOAD_FOLDER_KEY, SIMPLE_UPLOAD_FOLDER_NAME, isFileLocked, isFolderLocked } from './chunk-FUAJWL2N.js';
-export { FILE_TYPES, OG_TYPE_ARRAY, SIZE, TWITTER_CARD_ARRAY, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, findTranslation, formatFileSize, getMediaInfo, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd } from './chunk-N2PRNBP2.js';
+export { FILE_TYPES, OG_TYPE_ARRAY, SIZE, TWITTER_CARD_ARRAY, classifyFileType, createBuildArticleMetadata, createBuildTranslations, createBuildWebsiteMetadata, datetimeToDb, datetimeToUi, ensureArray, findTranslation, formatDateTime, formatFileSize, getMediaInfo, jsonArrayToDb, jsonArrayToUi, mimeToExtension, result, serializeJsonLd } from './chunk-OAENV763.js';

package/dist/server/index.js

@@ -1,5 +1,5 @@
 import { ADMIN_ROLES, isFileLocked, isFolderLocked, ROOT_FOLDER_ID, ROOT_FOLDER } from '../chunk-FUAJWL2N.js';
-import { SIZE, result, datetimeToDb, jsonArrayToDb, mimeToExtension, classifyFileType, TWITTER_CARD_ARRAY, OG_TYPE_ARRAY } from '../chunk-N2PRNBP2.js';
+import { SIZE, result, datetimeToDb, jsonArrayToDb, mimeToExtension, classifyFileType, TWITTER_CARD_ARRAY, OG_TYPE_ARRAY } from '../chunk-OAENV763.js';
 import jwt from 'jsonwebtoken';
 import argon2 from 'argon2';
 import crypto, { timingSafeEqual } from 'crypto';

package/dist/storage/r2/index.js

@@ -1,5 +1,5 @@
-import { createObjectKey } from '../../chunk-3J5YR2NA.js';
-import '../../chunk-N2PRNBP2.js';
+import { createObjectKey } from '../../chunk-XWXG67I4.js';
+import '../../chunk-OAENV763.js';
 import { PutObjectCommand, DeleteObjectCommand, CopyObjectCommand } from '@aws-sdk/client-s3';
 
 function createR2Service({

package/dist/storage/sftp/index.js

@@ -1,5 +1,5 @@
-import { createObjectKey } from '../../chunk-3J5YR2NA.js';
-import '../../chunk-N2PRNBP2.js';
+import { createObjectKey } from '../../chunk-XWXG67I4.js';
+import '../../chunk-OAENV763.js';
 import path from 'path/posix';
 import { createPool } from 'generic-pool';
 import SFTPClient from 'ssh2-sftp-client';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yimingliao/cms",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "author": "Yiming Liao",
   "license": "MIT",
   "type": "module",
@@ -44,18 +44,21 @@
   },
   "dependencies": {
     "@keyv/redis": "^5.1.6",
+    "@types/react": "^19.2.14",
     "argon2": "^0.44.0",
     "jsonwebtoken": "^9.0.3",
     "keyv": "^5.6.0",
     "logry": "^2.1.6",
     "mime-types": "^3.0.2",
     "nodemailer": "^8.0.1",
+    "sonner": "^2.0.7",
     "ulid": "^3.0.2"
   },
   "devDependencies": {
     "@aws-sdk/client-s3": "^3.1004.0",
     "@eslint/js": "^10.0.1",
     "@prisma/client": "6.5.0",
+    "@tanstack/react-query": "^5.90.21",
     "@types/jsonwebtoken": "^9.0.10",
     "@types/mime-types": "^3.0.1",
     "@types/nodemailer": "^7.0.11",
@@ -73,6 +76,7 @@
     "knip": "^5.86.0",
     "next": "^16.1.6",
     "prisma": "6.5.0",
+    "react": "^19.2.4",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.56.1",