feat(admin): add post resource store poc

apps/admin/package.json

@@ -75,6 +75,7 @@
     "es-toolkit": "1.45.1",
     "event-source-polyfill": "1.0.31",
     "fuse.js": "7.1.0",
+    "immer": "^11.1.8",
     "jotai": "2.20.0",
     "js-cookie": "3.0.5",
     "js-yaml": "4.1.1",

apps/admin/src/data/post-category-resource/hooks.ts

@@ -0,0 +1,40 @@
+import { shallow } from 'zustand/shallow'
+
+import {
+  selectPostCategory,
+  selectPostCategories,
+  selectPostList,
+  selectVisiblePost,
+  serializeResourceListKey,
+  usePostCategoryResourceStore,
+} from './store'
+
+export function usePostResourceList(queryKey: readonly unknown[]) {
+  const listKey = serializeResourceListKey(queryKey)
+  return usePostCategoryResourceStore(
+    (state) => selectPostList(state, listKey),
+    shallow,
+  )
+}
+
+export function usePostResourceCategories() {
+  return usePostCategoryResourceStore(selectPostCategories, shallow)
+}
+
+export function usePostResourceCategoryIds() {
+  return usePostCategoryResourceStore((state) => state.categoryIds, shallow)
+}
+
+export function usePostResourceCategory(categoryId: string) {
+  return usePostCategoryResourceStore(
+    (state) => (categoryId ? selectPostCategory(state, categoryId) : undefined),
+    shallow,
+  )
+}
+
+export function usePostResourcePost(postId: string) {
+  return usePostCategoryResourceStore(
+    (state) => (postId ? selectVisiblePost(state, postId) : undefined),
+    shallow,
+  )
+}

apps/admin/src/data/post-category-resource/queries.ts

@@ -0,0 +1,96 @@
+import { useQuery } from '@tanstack/react-query'
+import type { QueryKey } from '@tanstack/react-query'
+
+import type { PaginateResult } from '~/models/base'
+import type { PostModel } from '~/models/post'
+
+import {
+  serializeResourceListKey,
+  usePostCategoryResourceStore,
+} from './store'
+import type { ResourceCategory } from './store'
+
+interface ResourceQueryOptions<TResult> {
+  enabled?: boolean
+  queryFn: () => Promise<TResult>
+  queryKey: QueryKey
+}
+
+interface PostListResourceQueryOptions<TResult>
+  extends ResourceQueryOptions<TResult> {
+  toPaginatedResult?: (result: TResult) => PaginateResult<PostModel>
+}
+
+export interface ResourceQueryReceipt {
+  hydratedAt: number
+}
+
+export function usePostCategoriesResourceQuery(
+  options: ResourceQueryOptions<ResourceCategory[]>,
+) {
+  return useQuery({
+    enabled: options.enabled,
+    queryFn: async () => {
+      const categories = await options.queryFn()
+      usePostCategoryResourceStore.getState().hydrateCategories(categories)
+      return createReceipt()
+    },
+    queryKey: options.queryKey,
+  })
+}
+
+export function usePostCategoryResourceQuery(
+  options: ResourceQueryOptions<ResourceCategory>,
+) {
+  return useQuery({
+    enabled: options.enabled,
+    queryFn: async () => {
+      const category = await options.queryFn()
+      usePostCategoryResourceStore.getState().hydrateCategory(category)
+      return createReceipt()
+    },
+    queryKey: options.queryKey,
+  })
+}
+
+export function usePostDetailResourceQuery(
+  options: ResourceQueryOptions<PostModel>,
+) {
+  return useQuery({
+    enabled: options.enabled,
+    queryFn: async () => {
+      const post = await options.queryFn()
+      usePostCategoryResourceStore.getState().hydratePostDetail(post)
+      return createReceipt()
+    },
+    queryKey: options.queryKey,
+  })
+}
+
+export function usePostListResourceQuery<TResult = PaginateResult<PostModel>>(
+  options: PostListResourceQueryOptions<TResult>,
+) {
+  return useQuery({
+    enabled: options.enabled,
+    queryFn: async () => {
+      const result = await options.queryFn()
+      const paginatedResult = options.toPaginatedResult
+        ? options.toPaginatedResult(result)
+        : (result as PaginateResult<PostModel>)
+
+      usePostCategoryResourceStore
+        .getState()
+        .hydratePostList(
+          serializeResourceListKey(options.queryKey),
+          paginatedResult,
+        )
+
+      return createReceipt()
+    },
+    queryKey: options.queryKey,
+  })
+}
+
+function createReceipt(): ResourceQueryReceipt {
+  return { hydratedAt: Date.now() }
+}