@c.a.f/infrastructure-react 1.0.2 → 1.0.3

package/.build/Ploc/usePloc.d.ts

@@ -1,15 +1,20 @@
 import type { Ploc } from "@c.a.f/core";
+/** Infers the state type S from a Ploc subclass P (P extends Ploc<S>) */
+type PlocState<P> = P extends Ploc<infer S> ? S : never;
 /**
  * React hook that subscribes to a Ploc and returns the current state and the Ploc instance.
  * Handles subscription on mount, syncs when the ploc reference changes, and unsubscribes on unmount.
+ * The return type preserves the concrete ploc type (e.g. UserPloc) so methods like loadUsers() are typed.
  *
  * @param ploc - A Ploc instance (from @c.a.f/core)
- * @returns A tuple of [currentState, ploc]
+ * @returns A tuple of [currentState, ploc] with the same ploc type as passed in
  *
  * @example
  * ```tsx
  * const [state, userPloc] = usePloc(userPloc);
+ * await userPloc.loadUsers(); // typed correctly
  * return <span>{state.name}</span>;
  * ```
  */
-export declare function usePloc<T>(ploc: Ploc<T>): [T, Ploc<T>];
+export declare function usePloc<P extends Ploc<PlocState<P>>>(ploc: P): [PlocState<P>, P];
+export {};

package/.build/Ploc/usePloc.js

@@ -2,13 +2,15 @@ import { useEffect, useState } from "react";
 /**
  * React hook that subscribes to a Ploc and returns the current state and the Ploc instance.
  * Handles subscription on mount, syncs when the ploc reference changes, and unsubscribes on unmount.
+ * The return type preserves the concrete ploc type (e.g. UserPloc) so methods like loadUsers() are typed.
  *
  * @param ploc - A Ploc instance (from @c.a.f/core)
- * @returns A tuple of [currentState, ploc]
+ * @returns A tuple of [currentState, ploc] with the same ploc type as passed in
  *
  * @example
  * ```tsx
  * const [state, userPloc] = usePloc(userPloc);
+ * await userPloc.loadUsers(); // typed correctly
  * return <span>{state.name}</span>;
  * ```
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@c.a.f/infrastructure-react",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Clean Architecture Frontend (CAF) — React adapters: usePloc, useUseCase, CAFErrorBoundary, DevTools, useRouteManager, useRouteRepository.",
   "keywords": [
     "clean-architecture-frontend",