@void-snippets/react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,82 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { ResourceService } from '@void-snippets/client';
+import { ResourceAdapters, TQueryParams, TPagination, TDefaultPaginatedResponse, TDefaultSingleResponse, ResourceListResult } from '@void-snippets/core';
+
+type Capitalize<S extends string> = S extends `${infer F}${infer Rest}` ? `${Uppercase<F>}${Rest}` : S;
+type UseListReturn<K extends string, TBase> = {
+    [P in K]: TBase[];
+} & {
+    pagination: TPagination;
+} & {
+    [P in `is${Capitalize<K>}Loading`]: boolean;
+} & {
+    [P in `${K}Error`]: Error | null;
+} & {
+    [P in `invalidate${Capitalize<K>}`]: () => void;
+};
+interface CreateResourceHooksOptions<TListRaw, TBase, TSingleRaw, TDetail> {
+    /**
+     * Adapters let you map your API's raw response shapes to the library's
+     * internal format. If your API matches the default shape
+     * ({ data: { items, page, limit, totalPages, totalDocuments } })
+     * you can omit this entirely.
+     *
+     * @example
+     * createResourceHooks("contacts", ContactsApis, {
+     *   adapters: {
+     *     fromList: (raw) => ({
+     *       items: raw.results,
+     *       pagination: { page: raw.page, limit: raw.perPage, totalPages: raw.pages, totalDocuments: raw.total },
+     *     }),
+     *     fromSingle: (raw) => raw.payload,
+     *   }
+     * })
+     */
+    adapters?: ResourceAdapters<TListRaw, TBase, TSingleRaw, TDetail>;
+    /**
+     * Default params for useList and useInfinite.
+     * @default { page: 1, limit: 10 }
+     */
+    defaultParams?: TQueryParams;
+}
+/**
+ * Creates a set of TanStack Query hooks for a resource.
+ *
+ * @param queryKeyPrefix  - Used as the TanStack Query cache key prefix AND
+ *                          to name the returned hook properties dynamically.
+ *                          e.g. "contacts" → { contacts, isContactsLoading, ... }
+ * @param apiService      - An instance of ResourceService (or a subclass).
+ * @param options         - Optional adapters and default params.
+ *
+ * @example
+ * // contacts.hooks.ts
+ * import { createResourceHooks } from '@void-snippets/react';
+ * import { ContactsApis } from './contacts.api';
+ *
+ * export const contactHooks = createResourceHooks('contacts', ContactsApis);
+ *
+ * // In a component:
+ * const { contacts, isContactsLoading } = contactHooks.useList();
+ * const { data } = contactHooks.useGet(id);
+ * const { create, update, delete: deleteContact } = contactHooks.useMutations();
+ */
+declare function createResourceHooks<K extends string, TId, TBase, TDetail = TBase, TCreate = Partial<TBase>, TUpdate = Partial<TBase>, TListRaw = TDefaultPaginatedResponse<TBase>, TSingleRaw = TDefaultSingleResponse<TDetail>>(queryKeyPrefix: K, apiService: ResourceService<TId, TBase, TDetail, TCreate, TUpdate, TListRaw, TSingleRaw>, options?: CreateResourceHooksOptions<TListRaw, TBase, TSingleRaw, TDetail>): {
+    useList: (params?: TQueryParams) => UseListReturn<K, TBase>;
+    useGet: (id: TId, staleTime?: number) => {
+        data: _tanstack_react_query.NoInfer<TDetail> | undefined;
+        isLoading: boolean;
+        error: Error | null;
+        refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<TDetail>, Error>>;
+    };
+    useMutations: () => {
+        create: _tanstack_react_query.UseMutationResult<TDetail, Error, TCreate, unknown>;
+        update: _tanstack_react_query.UseMutationResult<TDetail, Error, {
+            _id: TId;
+            payload: TUpdate;
+        }, unknown>;
+        delete: _tanstack_react_query.UseMutationResult<TDetail, Error, TId, unknown>;
+    };
+    useInfinite: (params?: TQueryParams) => _tanstack_react_query.UseInfiniteQueryResult<_tanstack_react_query.InfiniteData<ResourceListResult<TBase>, unknown>, Error>;
+};
+
+export { type CreateResourceHooksOptions, type UseListReturn, createResourceHooks };

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+import * as _tanstack_react_query from '@tanstack/react-query';
+import { ResourceService } from '@void-snippets/client';
+import { ResourceAdapters, TQueryParams, TPagination, TDefaultPaginatedResponse, TDefaultSingleResponse, ResourceListResult } from '@void-snippets/core';
+
+type Capitalize<S extends string> = S extends `${infer F}${infer Rest}` ? `${Uppercase<F>}${Rest}` : S;
+type UseListReturn<K extends string, TBase> = {
+    [P in K]: TBase[];
+} & {
+    pagination: TPagination;
+} & {
+    [P in `is${Capitalize<K>}Loading`]: boolean;
+} & {
+    [P in `${K}Error`]: Error | null;
+} & {
+    [P in `invalidate${Capitalize<K>}`]: () => void;
+};
+interface CreateResourceHooksOptions<TListRaw, TBase, TSingleRaw, TDetail> {
+    /**
+     * Adapters let you map your API's raw response shapes to the library's
+     * internal format. If your API matches the default shape
+     * ({ data: { items, page, limit, totalPages, totalDocuments } })
+     * you can omit this entirely.
+     *
+     * @example
+     * createResourceHooks("contacts", ContactsApis, {
+     *   adapters: {
+     *     fromList: (raw) => ({
+     *       items: raw.results,
+     *       pagination: { page: raw.page, limit: raw.perPage, totalPages: raw.pages, totalDocuments: raw.total },
+     *     }),
+     *     fromSingle: (raw) => raw.payload,
+     *   }
+     * })
+     */
+    adapters?: ResourceAdapters<TListRaw, TBase, TSingleRaw, TDetail>;
+    /**
+     * Default params for useList and useInfinite.
+     * @default { page: 1, limit: 10 }
+     */
+    defaultParams?: TQueryParams;
+}
+/**
+ * Creates a set of TanStack Query hooks for a resource.
+ *
+ * @param queryKeyPrefix  - Used as the TanStack Query cache key prefix AND
+ *                          to name the returned hook properties dynamically.
+ *                          e.g. "contacts" → { contacts, isContactsLoading, ... }
+ * @param apiService      - An instance of ResourceService (or a subclass).
+ * @param options         - Optional adapters and default params.
+ *
+ * @example
+ * // contacts.hooks.ts
+ * import { createResourceHooks } from '@void-snippets/react';
+ * import { ContactsApis } from './contacts.api';
+ *
+ * export const contactHooks = createResourceHooks('contacts', ContactsApis);
+ *
+ * // In a component:
+ * const { contacts, isContactsLoading } = contactHooks.useList();
+ * const { data } = contactHooks.useGet(id);
+ * const { create, update, delete: deleteContact } = contactHooks.useMutations();
+ */
+declare function createResourceHooks<K extends string, TId, TBase, TDetail = TBase, TCreate = Partial<TBase>, TUpdate = Partial<TBase>, TListRaw = TDefaultPaginatedResponse<TBase>, TSingleRaw = TDefaultSingleResponse<TDetail>>(queryKeyPrefix: K, apiService: ResourceService<TId, TBase, TDetail, TCreate, TUpdate, TListRaw, TSingleRaw>, options?: CreateResourceHooksOptions<TListRaw, TBase, TSingleRaw, TDetail>): {
+    useList: (params?: TQueryParams) => UseListReturn<K, TBase>;
+    useGet: (id: TId, staleTime?: number) => {
+        data: _tanstack_react_query.NoInfer<TDetail> | undefined;
+        isLoading: boolean;
+        error: Error | null;
+        refetch: (options?: _tanstack_react_query.RefetchOptions) => Promise<_tanstack_react_query.QueryObserverResult<_tanstack_react_query.NoInfer<TDetail>, Error>>;
+    };
+    useMutations: () => {
+        create: _tanstack_react_query.UseMutationResult<TDetail, Error, TCreate, unknown>;
+        update: _tanstack_react_query.UseMutationResult<TDetail, Error, {
+            _id: TId;
+            payload: TUpdate;
+        }, unknown>;
+        delete: _tanstack_react_query.UseMutationResult<TDetail, Error, TId, unknown>;
+    };
+    useInfinite: (params?: TQueryParams) => _tanstack_react_query.UseInfiniteQueryResult<_tanstack_react_query.InfiniteData<ResourceListResult<TBase>, unknown>, Error>;
+};
+
+export { type CreateResourceHooksOptions, type UseListReturn, createResourceHooks };

package/dist/index.js

@@ -0,0 +1,152 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createResourceHooks: () => createResourceHooks
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/hooks/createResourceHooks.ts
+var import_react_query = require("@tanstack/react-query");
+var import_core = require("@void-snippets/core");
+var DEFAULT_PAGINATION = {
+  page: 1,
+  limit: 10
+};
+function createResourceHooks(queryKeyPrefix, apiService, options = {}) {
+  const {
+    adapters = (0, import_core.createDefaultAdapters)(),
+    defaultParams = DEFAULT_PAGINATION
+  } = options;
+  const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+  const capPrefix = capitalize(queryKeyPrefix);
+  return {
+    // -------------------------------------------------------------------------
+    // useList — paginated list with invalidation helper
+    // -------------------------------------------------------------------------
+    useList: (params = defaultParams) => {
+      var _a, _b, _c, _d, _e;
+      const queryClient = (0, import_react_query.useQueryClient)();
+      const queryKey = [queryKeyPrefix, params];
+      const query = (0, import_react_query.useQuery)({
+        queryKey,
+        queryFn: async () => {
+          const raw = await apiService.list(params);
+          return adapters.fromList(raw);
+        }
+      });
+      const items = (_b = (_a = query.data) == null ? void 0 : _a.items) != null ? _b : [];
+      const pagination = (_e = (_c = query.data) == null ? void 0 : _c.pagination) != null ? _e : {
+        page: 1,
+        limit: (_d = defaultParams.limit) != null ? _d : 10,
+        totalPages: 0,
+        totalDocuments: 0
+      };
+      return {
+        [queryKeyPrefix]: items,
+        pagination,
+        [`is${capPrefix}Loading`]: query.isLoading || query.isFetching,
+        [`${queryKeyPrefix}Error`]: query.error,
+        [`invalidate${capPrefix}`]: () => queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] })
+      };
+    },
+    // -------------------------------------------------------------------------
+    // useGet — single item by id
+    // -------------------------------------------------------------------------
+    useGet: (id, staleTime = 3e4) => {
+      const query = (0, import_react_query.useQuery)({
+        queryKey: [queryKeyPrefix, id],
+        queryFn: async () => {
+          const raw = await apiService.get(id);
+          return adapters.fromSingle(raw);
+        },
+        enabled: id !== void 0 && id !== null && id !== "",
+        staleTime
+      });
+      return {
+        data: query.data,
+        isLoading: query.isLoading || query.isFetching,
+        error: query.error,
+        refetch: query.refetch
+      };
+    },
+    // -------------------------------------------------------------------------
+    // useMutations — create / update / delete with auto-invalidation
+    // -------------------------------------------------------------------------
+    useMutations: () => {
+      const queryClient = (0, import_react_query.useQueryClient)();
+      const invalidate = () => queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] });
+      const createMutation = (0, import_react_query.useMutation)({
+        mutationFn: async (payload) => {
+          const raw = await apiService.create(payload);
+          return adapters.fromSingle(raw);
+        },
+        onSuccess: invalidate
+      });
+      const updateMutation = (0, import_react_query.useMutation)({
+        mutationFn: async ({ _id, payload }) => {
+          const raw = await apiService.update(_id, payload);
+          return adapters.fromSingle(raw);
+        },
+        onSuccess: invalidate
+      });
+      const deleteMutation = (0, import_react_query.useMutation)({
+        mutationFn: async (_id) => {
+          const raw = await apiService.delete(_id);
+          return adapters.fromSingle(raw);
+        },
+        onSuccess: invalidate
+      });
+      return {
+        create: createMutation,
+        update: updateMutation,
+        delete: deleteMutation
+      };
+    },
+    // -------------------------------------------------------------------------
+    // useInfinite — infinite scroll / load more
+    // -------------------------------------------------------------------------
+    useInfinite: (params = defaultParams) => {
+      return (0, import_react_query.useInfiniteQuery)({
+        queryKey: [queryKeyPrefix, "INFINITE", params],
+        queryFn: async ({ pageParam }) => {
+          var _a;
+          const raw = await apiService.list({
+            ...params,
+            page: pageParam,
+            limit: (_a = params.limit) != null ? _a : 20
+          });
+          return adapters.fromList(raw);
+        },
+        getNextPageParam: (lastPage) => {
+          const { page, totalPages } = lastPage.pagination;
+          return page < totalPages ? page + 1 : void 0;
+        },
+        initialPageParam: 1
+      });
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createResourceHooks
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/hooks/createResourceHooks.ts"],"sourcesContent":["export { createResourceHooks } from \"./hooks/createResourceHooks\";\nexport type {\n  UseListReturn,\n  CreateResourceHooksOptions,\n} from \"./hooks/createResourceHooks\";\n","import {\n  useInfiniteQuery,\n  useMutation,\n  useQuery,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport type { ResourceService } from \"@void-snippets/client\";\nimport type {\n  ResourceAdapters,\n  ResourceListResult,\n  TPagination,\n  TQueryParams,\n  TDefaultPaginatedResponse,\n  TDefaultSingleResponse,\n} from \"@void-snippets/core\";\nimport { createDefaultAdapters } from \"@void-snippets/core\";\n\n// ============================================================================\n// TYPE HELPERS\n// ============================================================================\n\ntype Capitalize<S extends string> = S extends `${infer F}${infer Rest}`\n  ? `${Uppercase<F>}${Rest}`\n  : S;\n\nconst DEFAULT_PAGINATION: Required<TQueryParams> = {\n  page: 1,\n  limit: 10,\n};\n\n// ============================================================================\n// RETURN TYPE — useList\n// Dynamically named keys based on the queryKeyPrefix (e.g. \"contacts\"):\n//   { contacts: TBase[], isContactsLoading: boolean, contactsError: Error | null, invalidateContacts: () => void }\n// ============================================================================\n\nexport type UseListReturn<K extends string, TBase> = {\n  [P in K]: TBase[];\n} & {\n  pagination: TPagination;\n} & {\n  [P in `is${Capitalize<K>}Loading`]: boolean;\n} & {\n  [P in `${K}Error`]: Error | null;\n} & {\n  [P in `invalidate${Capitalize<K>}`]: () => void;\n};\n\n// ============================================================================\n// OPTIONS\n// ============================================================================\n\nexport interface CreateResourceHooksOptions<\n  TListRaw,\n  TBase,\n  TSingleRaw,\n  TDetail\n> {\n  /**\n   * Adapters let you map your API's raw response shapes to the library's\n   * internal format. If your API matches the default shape\n   * ({ data: { items, page, limit, totalPages, totalDocuments } })\n   * you can omit this entirely.\n   *\n   * @example\n   * createResourceHooks(\"contacts\", ContactsApis, {\n   *   adapters: {\n   *     fromList: (raw) => ({\n   *       items: raw.results,\n   *       pagination: { page: raw.page, limit: raw.perPage, totalPages: raw.pages, totalDocuments: raw.total },\n   *     }),\n   *     fromSingle: (raw) => raw.payload,\n   *   }\n   * })\n   */\n  adapters?: ResourceAdapters<TListRaw, TBase, TSingleRaw, TDetail>;\n\n  /**\n   * Default params for useList and useInfinite.\n   * @default { page: 1, limit: 10 }\n   */\n  defaultParams?: TQueryParams;\n}\n\n// ============================================================================\n// FACTORY\n// ============================================================================\n\n/**\n * Creates a set of TanStack Query hooks for a resource.\n *\n * @param queryKeyPrefix  - Used as the TanStack Query cache key prefix AND\n *                          to name the returned hook properties dynamically.\n *                          e.g. \"contacts\" → { contacts, isContactsLoading, ... }\n * @param apiService      - An instance of ResourceService (or a subclass).\n * @param options         - Optional adapters and default params.\n *\n * @example\n * // contacts.hooks.ts\n * import { createResourceHooks } from '@void-snippets/react';\n * import { ContactsApis } from './contacts.api';\n *\n * export const contactHooks = createResourceHooks('contacts', ContactsApis);\n *\n * // In a component:\n * const { contacts, isContactsLoading } = contactHooks.useList();\n * const { data } = contactHooks.useGet(id);\n * const { create, update, delete: deleteContact } = contactHooks.useMutations();\n */\nexport function createResourceHooks<\n  K extends string,\n  TId,\n  TBase,\n  TDetail = TBase,\n  TCreate = Partial<TBase>,\n  TUpdate = Partial<TBase>,\n  TListRaw = TDefaultPaginatedResponse<TBase>,\n  TSingleRaw = TDefaultSingleResponse<TDetail>\n>(\n  queryKeyPrefix: K,\n  apiService: ResourceService<TId, TBase, TDetail, TCreate, TUpdate, TListRaw, TSingleRaw>,\n  options: CreateResourceHooksOptions<TListRaw, TBase, TSingleRaw, TDetail> = {}\n) {\n  const {\n    adapters = createDefaultAdapters<TBase, TDetail>() as unknown as ResourceAdapters<TListRaw, TBase, TSingleRaw, TDetail>,\n    defaultParams = DEFAULT_PAGINATION,\n  } = options;\n\n  const capitalize = (str: string) =>\n    str.charAt(0).toUpperCase() + str.slice(1);\n  const capPrefix = capitalize(queryKeyPrefix);\n\n  return {\n\n    // -------------------------------------------------------------------------\n    // useList — paginated list with invalidation helper\n    // -------------------------------------------------------------------------\n    useList: (\n      params: TQueryParams = defaultParams\n    ): UseListReturn<K, TBase> => {\n      const queryClient = useQueryClient();\n      const queryKey = [queryKeyPrefix, params];\n\n      const query = useQuery<ResourceListResult<TBase>, Error>({\n        queryKey,\n        queryFn: async () => {\n          const raw = await apiService.list(params);\n          return adapters.fromList(raw as TListRaw);\n        },\n      });\n\n      const items = query.data?.items ?? [];\n      const pagination: TPagination = query.data?.pagination ?? {\n        page: 1,\n        limit: defaultParams.limit ?? 10,\n        totalPages: 0,\n        totalDocuments: 0,\n      };\n\n      return {\n        [queryKeyPrefix]: items,\n        pagination,\n        [`is${capPrefix}Loading`]: query.isLoading || query.isFetching,\n        [`${queryKeyPrefix}Error`]: query.error,\n        [`invalidate${capPrefix}`]: () =>\n          queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] }),\n      } as UseListReturn<K, TBase>;\n    },\n\n    // -------------------------------------------------------------------------\n    // useGet — single item by id\n    // -------------------------------------------------------------------------\n    useGet: (id: TId, staleTime = 30_000) => {\n      const query = useQuery<TDetail, Error>({\n        queryKey: [queryKeyPrefix, id],\n        queryFn: async () => {\n          const raw = await apiService.get(id);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        enabled: id !== undefined && id !== null && id !== \"\",\n        staleTime,\n      });\n\n      return {\n        data: query.data,\n        isLoading: query.isLoading || query.isFetching,\n        error: query.error,\n        refetch: query.refetch,\n      };\n    },\n\n    // -------------------------------------------------------------------------\n    // useMutations — create / update / delete with auto-invalidation\n    // -------------------------------------------------------------------------\n    useMutations: () => {\n      const queryClient = useQueryClient();\n      const invalidate = () =>\n        queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] });\n\n      const createMutation = useMutation<TDetail, Error, TCreate>({\n        mutationFn: async (payload) => {\n          const raw = await apiService.create(payload);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        onSuccess: invalidate,\n      });\n\n      const updateMutation = useMutation<\n        TDetail,\n        Error,\n        { _id: TId; payload: TUpdate }\n      >({\n        mutationFn: async ({ _id, payload }) => {\n          const raw = await apiService.update(_id, payload);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        onSuccess: invalidate,\n      });\n\n      const deleteMutation = useMutation<TDetail, Error, TId>({\n        mutationFn: async (_id) => {\n          const raw = await apiService.delete(_id);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        onSuccess: invalidate,\n      });\n\n      return {\n        create: createMutation,\n        update: updateMutation,\n        delete: deleteMutation,\n      };\n    },\n\n    // -------------------------------------------------------------------------\n    // useInfinite — infinite scroll / load more\n    // -------------------------------------------------------------------------\n    useInfinite: (params: TQueryParams = defaultParams) => {\n      return useInfiniteQuery<ResourceListResult<TBase>, Error>({\n        queryKey: [queryKeyPrefix, \"INFINITE\", params],\n        queryFn: async ({ pageParam }) => {\n          const raw = await apiService.list({\n            ...params,\n            page: pageParam as number,\n            limit: params.limit ?? 20,\n          });\n          return adapters.fromList(raw as TListRaw);\n        },\n        getNextPageParam: (lastPage) => {\n          const { page, totalPages } = lastPage.pagination;\n          return page < totalPages ? page + 1 : undefined;\n        },\n        initialPageParam: 1,\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBAKO;AAUP,kBAAsC;AAUtC,IAAM,qBAA6C;AAAA,EACjD,MAAM;AAAA,EACN,OAAO;AACT;AAiFO,SAAS,oBAUd,gBACA,YACA,UAA4E,CAAC,GAC7E;AACA,QAAM;AAAA,IACJ,eAAW,mCAAsC;AAAA,IACjD,gBAAgB;AAAA,EAClB,IAAI;AAEJ,QAAM,aAAa,CAAC,QAClB,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAC3C,QAAM,YAAY,WAAW,cAAc;AAE3C,SAAO;AAAA;AAAA;AAAA;AAAA,IAKL,SAAS,CACP,SAAuB,kBACK;AA3IlC;AA4IM,YAAM,kBAAc,mCAAe;AACnC,YAAM,WAAW,CAAC,gBAAgB,MAAM;AAExC,YAAM,YAAQ,6BAA2C;AAAA,QACvD;AAAA,QACA,SAAS,YAAY;AACnB,gBAAM,MAAM,MAAM,WAAW,KAAK,MAAM;AACxC,iBAAO,SAAS,SAAS,GAAe;AAAA,QAC1C;AAAA,MACF,CAAC;AAED,YAAM,SAAQ,iBAAM,SAAN,mBAAY,UAAZ,YAAqB,CAAC;AACpC,YAAM,cAA0B,iBAAM,SAAN,mBAAY,eAAZ,YAA0B;AAAA,QACxD,MAAM;AAAA,QACN,QAAO,mBAAc,UAAd,YAAuB;AAAA,QAC9B,YAAY;AAAA,QACZ,gBAAgB;AAAA,MAClB;AAEA,aAAO;AAAA,QACL,CAAC,cAAc,GAAG;AAAA,QAClB;AAAA,QACA,CAAC,KAAK,SAAS,SAAS,GAAG,MAAM,aAAa,MAAM;AAAA,QACpD,CAAC,GAAG,cAAc,OAAO,GAAG,MAAM;AAAA,QAClC,CAAC,aAAa,SAAS,EAAE,GAAG,MAC1B,YAAY,kBAAkB,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC;AAAA,MAChE;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,QAAQ,CAAC,IAAS,YAAY,QAAW;AACvC,YAAM,YAAQ,6BAAyB;AAAA,QACrC,UAAU,CAAC,gBAAgB,EAAE;AAAA,QAC7B,SAAS,YAAY;AACnB,gBAAM,MAAM,MAAM,WAAW,IAAI,EAAE;AACnC,iBAAO,SAAS,WAAW,GAAiB;AAAA,QAC9C;AAAA,QACA,SAAS,OAAO,UAAa,OAAO,QAAQ,OAAO;AAAA,QACnD;AAAA,MACF,CAAC;AAED,aAAO;AAAA,QACL,MAAM,MAAM;AAAA,QACZ,WAAW,MAAM,aAAa,MAAM;AAAA,QACpC,OAAO,MAAM;AAAA,QACb,SAAS,MAAM;AAAA,MACjB;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,cAAc,MAAM;AAClB,YAAM,kBAAc,mCAAe;AACnC,YAAM,aAAa,MACjB,YAAY,kBAAkB,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC;AAE9D,YAAM,qBAAiB,gCAAqC;AAAA,QAC1D,YAAY,OAAO,YAAY;AAC7B,gBAAM,MAAM,MAAM,WAAW,OAAO,OAAO;AAC3C,iBAAO,SAAS,WAAW,GAAiB;AAAA,QAC9C;AAAA,QACA,WAAW;AAAA,MACb,CAAC;AAED,YAAM,qBAAiB,gCAIrB;AAAA,QACA,YAAY,OAAO,EAAE,KAAK,QAAQ,MAAM;AACtC,gBAAM,MAAM,MAAM,WAAW,OAAO,KAAK,OAAO;AAChD,iBAAO,SAAS,WAAW,GAAiB;AAAA,QAC9C;AAAA,QACA,WAAW;AAAA,MACb,CAAC;AAED,YAAM,qBAAiB,gCAAiC;AAAA,QACtD,YAAY,OAAO,QAAQ;AACzB,gBAAM,MAAM,MAAM,WAAW,OAAO,GAAG;AACvC,iBAAO,SAAS,WAAW,GAAiB;AAAA,QAC9C;AAAA,QACA,WAAW;AAAA,MACb,CAAC;AAED,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,IACF;AAAA;AAAA;AAAA;AAAA,IAKA,aAAa,CAAC,SAAuB,kBAAkB;AACrD,iBAAO,qCAAmD;AAAA,QACxD,UAAU,CAAC,gBAAgB,YAAY,MAAM;AAAA,QAC7C,SAAS,OAAO,EAAE,UAAU,MAAM;AAhP1C;AAiPU,gBAAM,MAAM,MAAM,WAAW,KAAK;AAAA,YAChC,GAAG;AAAA,YACH,MAAM;AAAA,YACN,QAAO,YAAO,UAAP,YAAgB;AAAA,UACzB,CAAC;AACD,iBAAO,SAAS,SAAS,GAAe;AAAA,QAC1C;AAAA,QACA,kBAAkB,CAAC,aAAa;AAC9B,gBAAM,EAAE,MAAM,WAAW,IAAI,SAAS;AACtC,iBAAO,OAAO,aAAa,OAAO,IAAI;AAAA,QACxC;AAAA,QACA,kBAAkB;AAAA,MACpB,CAAC;AAAA,IACH;AAAA,EACF;AACF;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,130 @@
+// src/hooks/createResourceHooks.ts
+import {
+  useInfiniteQuery,
+  useMutation,
+  useQuery,
+  useQueryClient
+} from "@tanstack/react-query";
+import { createDefaultAdapters } from "@void-snippets/core";
+var DEFAULT_PAGINATION = {
+  page: 1,
+  limit: 10
+};
+function createResourceHooks(queryKeyPrefix, apiService, options = {}) {
+  const {
+    adapters = createDefaultAdapters(),
+    defaultParams = DEFAULT_PAGINATION
+  } = options;
+  const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+  const capPrefix = capitalize(queryKeyPrefix);
+  return {
+    // -------------------------------------------------------------------------
+    // useList — paginated list with invalidation helper
+    // -------------------------------------------------------------------------
+    useList: (params = defaultParams) => {
+      var _a, _b, _c, _d, _e;
+      const queryClient = useQueryClient();
+      const queryKey = [queryKeyPrefix, params];
+      const query = useQuery({
+        queryKey,
+        queryFn: async () => {
+          const raw = await apiService.list(params);
+          return adapters.fromList(raw);
+        }
+      });
+      const items = (_b = (_a = query.data) == null ? void 0 : _a.items) != null ? _b : [];
+      const pagination = (_e = (_c = query.data) == null ? void 0 : _c.pagination) != null ? _e : {
+        page: 1,
+        limit: (_d = defaultParams.limit) != null ? _d : 10,
+        totalPages: 0,
+        totalDocuments: 0
+      };
+      return {
+        [queryKeyPrefix]: items,
+        pagination,
+        [`is${capPrefix}Loading`]: query.isLoading || query.isFetching,
+        [`${queryKeyPrefix}Error`]: query.error,
+        [`invalidate${capPrefix}`]: () => queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] })
+      };
+    },
+    // -------------------------------------------------------------------------
+    // useGet — single item by id
+    // -------------------------------------------------------------------------
+    useGet: (id, staleTime = 3e4) => {
+      const query = useQuery({
+        queryKey: [queryKeyPrefix, id],
+        queryFn: async () => {
+          const raw = await apiService.get(id);
+          return adapters.fromSingle(raw);
+        },
+        enabled: id !== void 0 && id !== null && id !== "",
+        staleTime
+      });
+      return {
+        data: query.data,
+        isLoading: query.isLoading || query.isFetching,
+        error: query.error,
+        refetch: query.refetch
+      };
+    },
+    // -------------------------------------------------------------------------
+    // useMutations — create / update / delete with auto-invalidation
+    // -------------------------------------------------------------------------
+    useMutations: () => {
+      const queryClient = useQueryClient();
+      const invalidate = () => queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] });
+      const createMutation = useMutation({
+        mutationFn: async (payload) => {
+          const raw = await apiService.create(payload);
+          return adapters.fromSingle(raw);
+        },
+        onSuccess: invalidate
+      });
+      const updateMutation = useMutation({
+        mutationFn: async ({ _id, payload }) => {
+          const raw = await apiService.update(_id, payload);
+          return adapters.fromSingle(raw);
+        },
+        onSuccess: invalidate
+      });
+      const deleteMutation = useMutation({
+        mutationFn: async (_id) => {
+          const raw = await apiService.delete(_id);
+          return adapters.fromSingle(raw);
+        },
+        onSuccess: invalidate
+      });
+      return {
+        create: createMutation,
+        update: updateMutation,
+        delete: deleteMutation
+      };
+    },
+    // -------------------------------------------------------------------------
+    // useInfinite — infinite scroll / load more
+    // -------------------------------------------------------------------------
+    useInfinite: (params = defaultParams) => {
+      return useInfiniteQuery({
+        queryKey: [queryKeyPrefix, "INFINITE", params],
+        queryFn: async ({ pageParam }) => {
+          var _a;
+          const raw = await apiService.list({
+            ...params,
+            page: pageParam,
+            limit: (_a = params.limit) != null ? _a : 20
+          });
+          return adapters.fromList(raw);
+        },
+        getNextPageParam: (lastPage) => {
+          const { page, totalPages } = lastPage.pagination;
+          return page < totalPages ? page + 1 : void 0;
+        },
+        initialPageParam: 1
+      });
+    }
+  };
+}
+export {
+  createResourceHooks
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/createResourceHooks.ts"],"sourcesContent":["import {\n  useInfiniteQuery,\n  useMutation,\n  useQuery,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport type { ResourceService } from \"@void-snippets/client\";\nimport type {\n  ResourceAdapters,\n  ResourceListResult,\n  TPagination,\n  TQueryParams,\n  TDefaultPaginatedResponse,\n  TDefaultSingleResponse,\n} from \"@void-snippets/core\";\nimport { createDefaultAdapters } from \"@void-snippets/core\";\n\n// ============================================================================\n// TYPE HELPERS\n// ============================================================================\n\ntype Capitalize<S extends string> = S extends `${infer F}${infer Rest}`\n  ? `${Uppercase<F>}${Rest}`\n  : S;\n\nconst DEFAULT_PAGINATION: Required<TQueryParams> = {\n  page: 1,\n  limit: 10,\n};\n\n// ============================================================================\n// RETURN TYPE — useList\n// Dynamically named keys based on the queryKeyPrefix (e.g. \"contacts\"):\n//   { contacts: TBase[], isContactsLoading: boolean, contactsError: Error | null, invalidateContacts: () => void }\n// ============================================================================\n\nexport type UseListReturn<K extends string, TBase> = {\n  [P in K]: TBase[];\n} & {\n  pagination: TPagination;\n} & {\n  [P in `is${Capitalize<K>}Loading`]: boolean;\n} & {\n  [P in `${K}Error`]: Error | null;\n} & {\n  [P in `invalidate${Capitalize<K>}`]: () => void;\n};\n\n// ============================================================================\n// OPTIONS\n// ============================================================================\n\nexport interface CreateResourceHooksOptions<\n  TListRaw,\n  TBase,\n  TSingleRaw,\n  TDetail\n> {\n  /**\n   * Adapters let you map your API's raw response shapes to the library's\n   * internal format. If your API matches the default shape\n   * ({ data: { items, page, limit, totalPages, totalDocuments } })\n   * you can omit this entirely.\n   *\n   * @example\n   * createResourceHooks(\"contacts\", ContactsApis, {\n   *   adapters: {\n   *     fromList: (raw) => ({\n   *       items: raw.results,\n   *       pagination: { page: raw.page, limit: raw.perPage, totalPages: raw.pages, totalDocuments: raw.total },\n   *     }),\n   *     fromSingle: (raw) => raw.payload,\n   *   }\n   * })\n   */\n  adapters?: ResourceAdapters<TListRaw, TBase, TSingleRaw, TDetail>;\n\n  /**\n   * Default params for useList and useInfinite.\n   * @default { page: 1, limit: 10 }\n   */\n  defaultParams?: TQueryParams;\n}\n\n// ============================================================================\n// FACTORY\n// ============================================================================\n\n/**\n * Creates a set of TanStack Query hooks for a resource.\n *\n * @param queryKeyPrefix  - Used as the TanStack Query cache key prefix AND\n *                          to name the returned hook properties dynamically.\n *                          e.g. \"contacts\" → { contacts, isContactsLoading, ... }\n * @param apiService      - An instance of ResourceService (or a subclass).\n * @param options         - Optional adapters and default params.\n *\n * @example\n * // contacts.hooks.ts\n * import { createResourceHooks } from '@void-snippets/react';\n * import { ContactsApis } from './contacts.api';\n *\n * export const contactHooks = createResourceHooks('contacts', ContactsApis);\n *\n * // In a component:\n * const { contacts, isContactsLoading } = contactHooks.useList();\n * const { data } = contactHooks.useGet(id);\n * const { create, update, delete: deleteContact } = contactHooks.useMutations();\n */\nexport function createResourceHooks<\n  K extends string,\n  TId,\n  TBase,\n  TDetail = TBase,\n  TCreate = Partial<TBase>,\n  TUpdate = Partial<TBase>,\n  TListRaw = TDefaultPaginatedResponse<TBase>,\n  TSingleRaw = TDefaultSingleResponse<TDetail>\n>(\n  queryKeyPrefix: K,\n  apiService: ResourceService<TId, TBase, TDetail, TCreate, TUpdate, TListRaw, TSingleRaw>,\n  options: CreateResourceHooksOptions<TListRaw, TBase, TSingleRaw, TDetail> = {}\n) {\n  const {\n    adapters = createDefaultAdapters<TBase, TDetail>() as unknown as ResourceAdapters<TListRaw, TBase, TSingleRaw, TDetail>,\n    defaultParams = DEFAULT_PAGINATION,\n  } = options;\n\n  const capitalize = (str: string) =>\n    str.charAt(0).toUpperCase() + str.slice(1);\n  const capPrefix = capitalize(queryKeyPrefix);\n\n  return {\n\n    // -------------------------------------------------------------------------\n    // useList — paginated list with invalidation helper\n    // -------------------------------------------------------------------------\n    useList: (\n      params: TQueryParams = defaultParams\n    ): UseListReturn<K, TBase> => {\n      const queryClient = useQueryClient();\n      const queryKey = [queryKeyPrefix, params];\n\n      const query = useQuery<ResourceListResult<TBase>, Error>({\n        queryKey,\n        queryFn: async () => {\n          const raw = await apiService.list(params);\n          return adapters.fromList(raw as TListRaw);\n        },\n      });\n\n      const items = query.data?.items ?? [];\n      const pagination: TPagination = query.data?.pagination ?? {\n        page: 1,\n        limit: defaultParams.limit ?? 10,\n        totalPages: 0,\n        totalDocuments: 0,\n      };\n\n      return {\n        [queryKeyPrefix]: items,\n        pagination,\n        [`is${capPrefix}Loading`]: query.isLoading || query.isFetching,\n        [`${queryKeyPrefix}Error`]: query.error,\n        [`invalidate${capPrefix}`]: () =>\n          queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] }),\n      } as UseListReturn<K, TBase>;\n    },\n\n    // -------------------------------------------------------------------------\n    // useGet — single item by id\n    // -------------------------------------------------------------------------\n    useGet: (id: TId, staleTime = 30_000) => {\n      const query = useQuery<TDetail, Error>({\n        queryKey: [queryKeyPrefix, id],\n        queryFn: async () => {\n          const raw = await apiService.get(id);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        enabled: id !== undefined && id !== null && id !== \"\",\n        staleTime,\n      });\n\n      return {\n        data: query.data,\n        isLoading: query.isLoading || query.isFetching,\n        error: query.error,\n        refetch: query.refetch,\n      };\n    },\n\n    // -------------------------------------------------------------------------\n    // useMutations — create / update / delete with auto-invalidation\n    // -------------------------------------------------------------------------\n    useMutations: () => {\n      const queryClient = useQueryClient();\n      const invalidate = () =>\n        queryClient.invalidateQueries({ queryKey: [queryKeyPrefix] });\n\n      const createMutation = useMutation<TDetail, Error, TCreate>({\n        mutationFn: async (payload) => {\n          const raw = await apiService.create(payload);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        onSuccess: invalidate,\n      });\n\n      const updateMutation = useMutation<\n        TDetail,\n        Error,\n        { _id: TId; payload: TUpdate }\n      >({\n        mutationFn: async ({ _id, payload }) => {\n          const raw = await apiService.update(_id, payload);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        onSuccess: invalidate,\n      });\n\n      const deleteMutation = useMutation<TDetail, Error, TId>({\n        mutationFn: async (_id) => {\n          const raw = await apiService.delete(_id);\n          return adapters.fromSingle(raw as TSingleRaw);\n        },\n        onSuccess: invalidate,\n      });\n\n      return {\n        create: createMutation,\n        update: updateMutation,\n        delete: deleteMutation,\n      };\n    },\n\n    // -------------------------------------------------------------------------\n    // useInfinite — infinite scroll / load more\n    // -------------------------------------------------------------------------\n    useInfinite: (params: TQueryParams = defaultParams) => {\n      return useInfiniteQuery<ResourceListResult<TBase>, Error>({\n        queryKey: [queryKeyPrefix, \"INFINITE\", params],\n        queryFn: async ({ pageParam }) => {\n          const raw = await apiService.list({\n            ...params,\n            page: pageParam as number,\n            limit: params.limit ?? 20,\n          });\n          return adapters.fromList(raw as TListRaw);\n        },\n        getNextPageParam: (lastPage) => {\n          const { page, totalPages } = lastPage.pagination;\n          return page < totalPages ? page + 1 : undefined;\n        },\n        initialPageParam: 1,\n      });\n    },\n  };\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@void-snippets/react",
+  "version": "0.1.0",
+  "description": "TanStack Query resource hooks factory for React",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "react",
+    "tanstack-query",
+    "react-query",
+    "hooks",
+    "api",
+    "void-snippets"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17.0.0"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@void-snippets/client": "0.1.0",
+    "@void-snippets/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}