@daviapps/react-utils 0.0.3 → 0.0.5

package/form/index.ts

@@ -1,5 +1,5 @@
 import { AxiosError } from "axios";
-// import type { FieldValues, UseFormReturn } from "react-hook-form";
+
 import z, {
   ZodArray,
   ZodBoolean,
@@ -12,9 +12,11 @@ import z, {
   ZodString,
 } from "zod/v3";
 
+import { type UseFormReturn } from "react-hook-form";
+
 export function zodSchemaDefaults<S extends ZodObject<any>, T = z.infer<S>>(
   schema: S,
-  overrides?: T
+  overrides?: T,
 ): any {
   return (Object.entries(schema._def.shape()) as [keyof T, ZodSchema][]).reduce(
     (acc, [key, value]) => {
@@ -23,7 +25,7 @@ export function zodSchemaDefaults<S extends ZodObject<any>, T = z.infer<S>>(
       if (value instanceof ZodObject) {
         acc[key] = zodSchemaDefaults(
           value,
-          defaultValue
+          defaultValue,
         ) as unknown as T[keyof T];
       } else if (
         value instanceof ZodArray ||
@@ -55,7 +57,7 @@ export function zodSchemaDefaults<S extends ZodObject<any>, T = z.infer<S>>(
       }
       return acc;
     },
-    {} as T
+    {} as T,
   );
 }
 
@@ -64,10 +66,9 @@ export interface ServerValidationErrorResponse {
   fieldErrors: Map<string, Array<string>>;
 }
 
-export function zodServerResolver(
-  e: AxiosError,
-  form: any /*UseFormReturn<any>*/
-) {
+export function zodServerResolver(e: Error, form: UseFormReturn<any>) {
+  if (!(e instanceof AxiosError)) return;
+
   const data = e.response?.data as ServerValidationErrorResponse | undefined;
   if (!data) return;
 

package/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from "./use-local-state";
+export * from "./use-session-state";

package/hooks/use-local-state.tsx

@@ -0,0 +1,80 @@
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+  type Dispatch,
+  type PropsWithChildren,
+  type SetStateAction,
+} from "react";
+
+export interface UseLocalStateProps<T> {
+  key: string;
+  initialState?: T | (() => T);
+  enabled?: boolean;
+}
+
+export function useLocalState<T>({
+  key,
+  initialState,
+  enabled = true,
+}: UseLocalStateProps<T>) {
+  const context = useContext(LocalStateContext);
+  if (!context) throw new Error("LocalStateProvider required");
+
+  const state = useState<T>(context.data[key] ?? (initialState as T));
+  const [value] = state;
+
+  // Initial value
+  useEffect(() => {
+    if (!enabled) return;
+    const value = context.data[key];
+    if (!value) return;
+    state[1](value);
+  }, [enabled]);
+
+  // Dispatch changes to context
+  useEffect(() => {
+    if (!enabled) return;
+    context.setData((prev) => ({ ...prev, [key]: value }));
+  }, [value, enabled]);
+
+  return state;
+}
+
+export type LocalStateContextProps<S> = {
+  data: S;
+  setData: Dispatch<SetStateAction<S>>;
+};
+
+export const LocalStateContext = createContext<
+  LocalStateContextProps<{ [key: string]: any }> | undefined
+>(undefined);
+
+export interface LocalStateProviderProps extends PropsWithChildren {
+  storageKey?: string;
+}
+
+export function LocalStateProvider({
+  children,
+  storageKey = "local-state",
+}: LocalStateProviderProps) {
+  const [data, setData] = useState(
+    JSON.parse(localStorage.getItem(storageKey) || "null") || {},
+  );
+
+  useEffect(() => {
+    localStorage.setItem(storageKey, JSON.stringify(data));
+  }, [data]);
+
+  return (
+    <LocalStateContext.Provider
+      value={{
+        data,
+        setData,
+      }}
+    >
+      {children}
+    </LocalStateContext.Provider>
+  );
+}

package/hooks/use-session-state.tsx

@@ -0,0 +1,72 @@
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+  type Dispatch,
+  type PropsWithChildren,
+  type SetStateAction,
+} from "react";
+
+export interface UseSessionStateProps<T> {
+  key: string;
+  initialState?: T | (() => T);
+  enabled?: boolean;
+}
+
+export function useSessionState<T>({
+  key,
+  initialState,
+  enabled = true,
+}: UseSessionStateProps<T>) {
+  const context = useContext(SessionStateContext);
+  if (!context) throw new Error("SessionStateProvider required");
+
+  const state = useState<T>(context.data[key] ?? (initialState as T));
+  const [value] = state;
+
+  // Dispatch changes to context
+  useEffect(() => {
+    if (!enabled) return;
+    context.setData((prev) => ({ ...prev, [key]: value }));
+  }, [value, enabled]);
+
+  return state;
+}
+
+export type SessionStateContextProps<S> = {
+  data: S;
+  setData: Dispatch<SetStateAction<S>>;
+};
+
+export const SessionStateContext = createContext<
+  SessionStateContextProps<{ [key: string]: any }> | undefined
+>(undefined);
+
+export interface SessionStateProviderProps extends PropsWithChildren {
+  storageKey?: string;
+}
+
+export function SessionStateProvider({
+  children,
+  storageKey = "session-state",
+}: SessionStateProviderProps) {
+  const [data, setData] = useState(
+    JSON.parse(sessionStorage.getItem(storageKey) || "null") || {},
+  );
+
+  useEffect(() => {
+    sessionStorage.setItem(storageKey, JSON.stringify(data));
+  }, [data]);
+
+  return (
+    <SessionStateContext.Provider
+      value={{
+        data,
+        setData,
+      }}
+    >
+      {children}
+    </SessionStateContext.Provider>
+  );
+}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@daviapps/react-utils",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "dependencies": {
+    "@trpc/client": "^11.7.1",
     "axios": "^1.13.2",
+    "react": "^19.2.4",
     "react-hook-form": "7.51.5",
     "zod": "^4.1.12"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.13"
   }
 }

package/tsconfig.app.json

@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src", "_dep/layouts", "_dep/views"]
+}

package/tsconfig.json

@@ -1,27 +1,13 @@
 {
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    // "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": false,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
   }
 }

package/tsconfig.node.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": false,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["vite.config.ts"]
+}