@ainias42/tanstack-ids 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ainias42/tanstack-ids",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -14,7 +14,9 @@
     "lint:noCache": "eslint \"src/{**/*,*}.{js,jsx,tsx,ts}\" --max-warnings 0",
     "lint": "npm run lint:noCache -- --cache",
     "lint:fix": "npm run lint -- --fix",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "prettier": "npm run prettier:list -- --write",
+    "prettier:list": "prettier --list-different \"src/**/*.{ts,tsx,js,jsx,json}\""
   },
   "type": "module",
   "author": "",
@@ -23,14 +25,16 @@
     "url": "gitea@git.silas.link:Ainias/libraries.git"
   },
   "dependencies": {
-    "@ainias42/js-helper": ">=0.8.15",
-    "@tanstack/react-query": "^5.8.9",
+    "@ainias42/config": "*",
+    "@types/react": "^19.1.11",
+    "@ainias42/js-helper": "^0.8.17",
+    "@tanstack/react-query": "^5.85.5",
     "@yornaath/batshit": "^0.10.1",
-    "react-query-kit": "^3.3.0",
-    "zustand": "^4.5.5"
+    "react-query-kit": "^3.3.2",
+    "zustand": "^5.0.8",
+    "react": "^19.1.1"
   },
   "devDependencies": {
-    "ctix": "^2.6.4",
-    "prettier": "^3.3.3"
+    "ctix": "^2.7.1"
   }
 }

package/src/QueryContext/QueriesContextProvider.tsx

@@ -7,8 +7,8 @@ import type { ReactNode } from 'react';
 export type QueriesContextProviderProps = { children: ReactNode };
 
 export const QueriesContextProvider = withMemo(function QueriesContextProvider({
-                                                                                   children
-                                                                               }: QueriesContextProviderProps) {
+    children,
+}: QueriesContextProviderProps) {
     // Refs
 
     // States/Variables/Selectors

package/src/QueryContext/SubQueriesContext.tsx

@@ -7,15 +7,15 @@ import React, { type ReactNode, useContext } from 'react';
 export type SubQueriesContextProps = { children: ReactNode; subContextId?: number };
 
 export const SubQueriesContext = withMemo(function SubQueriesContext({
-                                                                         children,
-                                                                         subContextId
-                                                                     }: SubQueriesContextProps) {
+    children,
+    subContextId,
+}: SubQueriesContextProps) {
     // Refs
 
     // States/Variables/Selectors
     const parentId = useContext(QueriesContext);
 
-    const [addSubContext, removeSubContext] = useQueriesStore(s => [s.addSubContext, s.removeSubContext]);
+    const [addSubContext, removeSubContext] = useQueriesStore((s) => [s.addSubContext, s.removeSubContext]);
 
     const id = useGenerateQueriesContextId();
     const usedId = subContextId ?? id;

package/src/QueryContext/useGenerateQueriesContextId.ts

@@ -2,6 +2,6 @@ import { useMemo } from 'react';
 import { useQueriesStore } from '@/QueryContext/useQueriesStore';
 
 export function useGenerateQueriesContextId() {
-    const generateId = useQueriesStore(s => s.generateContextId);
+    const generateId = useQueriesStore((s) => s.generateContextId);
     return useMemo(() => generateId(), [generateId]);
 }

package/src/QueryContext/useQueriesError.ts

@@ -4,5 +4,5 @@ import { useQueriesStore } from '@/QueryContext/useQueriesStore';
 
 export function useQueriesError(contextId?: number) {
     const context = useContext(QueriesContext);
-    return useQueriesStore(s => s.getError(contextId ?? context));
+    return useQueriesStore((s) => s.getError(contextId ?? context));
 }

package/src/QueryContext/useQueriesIsFetching.ts

@@ -4,5 +4,5 @@ import { useQueriesStore } from '@/QueryContext/useQueriesStore';
 
 export function useQueriesIsFetching(contextId?: number) {
     const context = useContext(QueriesContext);
-    return useQueriesStore(s => s.isFetching(contextId ?? context));
+    return useQueriesStore((s) => s.isFetching(contextId ?? context));
 }

package/src/QueryContext/useQueriesReload.ts

@@ -5,7 +5,7 @@ import { useQueryClient } from '@tanstack/react-query';
 
 export function useQueriesReload(contextId?: number) {
     const context = useContext(QueriesContext);
-    const reloadContext = useQueriesStore(s => s.reload);
+    const reloadContext = useQueriesStore((s) => s.reload);
     const queryClient = useQueryClient();
 
     return useCallback(async () => {

package/src/QueryContext/useQueriesStore.ts

@@ -21,14 +21,14 @@ function initialState() {
                 items: URecord<number, QueryItem>;
             }
         >,
-        subContexts: {} as URecord<number, number[]>
+        subContexts: {} as URecord<number, number[]>,
     };
 }
 
 export type QueriesStoreState = ReturnType<typeof actionsGenerator> & ReturnType<typeof initialState>;
 type SetState = (
     newState: Partial<QueriesStoreState> | QueriesStoreState | ((state: QueriesStoreState) => QueriesStoreState | void),
-    replace?: boolean
+    replace?: boolean,
 ) => void;
 type GetState = () => Readonly<QueriesStoreState>;
 const actionsGenerator = (set: SetState, get: GetState) => ({
@@ -38,11 +38,11 @@ const actionsGenerator = (set: SetState, get: GetState) => ({
     },
     generateContextId() {
         let id = 0;
-        set(state => {
+        set((state) => {
             state.lastContextId++;
             state.contexts[state.lastContextId] = {
                 lastId: 0,
-                items: {}
+                items: {},
             };
             id = state.lastContextId;
         });
@@ -50,7 +50,7 @@ const actionsGenerator = (set: SetState, get: GetState) => ({
     },
     setItem(contextId: number, itemId: number | undefined, item: QueryItem) {
         let id = itemId;
-        set(state => {
+        set((state) => {
             const contextData = state.contexts[contextId];
             if (!contextData) {
                 return;
@@ -68,34 +68,34 @@ const actionsGenerator = (set: SetState, get: GetState) => ({
         if (!itemId) {
             return;
         }
-        set(state => {
+        set((state) => {
             delete state.contexts[contextId]?.items[itemId];
         });
     },
     isFetching(contextId: number): boolean {
         const state = get();
         return (
-            ObjectHelper.values(state.contexts[contextId]?.items ?? {}).some(item => item.isFetching) ||
-            (state.subContexts[contextId]?.some(id => state.isFetching(id)) ?? false)
+            ObjectHelper.values(state.contexts[contextId]?.items ?? {}).some((item) => item.isFetching) ||
+            (state.subContexts[contextId]?.some((id) => state.isFetching(id)) ?? false)
         );
     },
     isFetchingByScope(contextId: number, scope: { global: boolean; subContexts: boolean }): boolean {
         const state = get();
         return (
             ((scope.global &&
-                ObjectHelper.values(state.contexts[contextId]?.items ?? {}).some(item => item.isFetching)) ||
-                (scope.subContexts && state.subContexts[contextId]?.some(id => state.isFetching(id)))) ??
+                ObjectHelper.values(state.contexts[contextId]?.items ?? {}).some((item) => item.isFetching)) ||
+                (scope.subContexts && state.subContexts[contextId]?.some((id) => state.isFetching(id)))) ??
             false
         );
     },
     getError(contextId: number): any {
         const state = get();
 
-        const error = ObjectHelper.values(state.contexts[contextId]?.items ?? {}).find(item => item.error)?.error;
+        const error = ObjectHelper.values(state.contexts[contextId]?.items ?? {}).find((item) => item.error)?.error;
         if (error) {
             return error;
         }
-        const subContextWithError = state.subContexts[contextId]?.find(childId => state.getError(childId));
+        const subContextWithError = state.subContexts[contextId]?.find((childId) => state.getError(childId));
         if (subContextWithError) {
             return state.getError(subContextWithError);
         }
@@ -104,7 +104,7 @@ const actionsGenerator = (set: SetState, get: GetState) => ({
     getAllKeys(contextId: number): Set<string> {
         const state = get();
 
-        const keys = new Set(ObjectHelper.values(state.contexts[contextId]?.items ?? {}).flatMap(item => item.keys));
+        const keys = new Set(ObjectHelper.values(state.contexts[contextId]?.items ?? {}).flatMap((item) => item.keys));
 
         const subContext = state.subContexts[contextId];
         if (subContext) {
@@ -123,28 +123,28 @@ const actionsGenerator = (set: SetState, get: GetState) => ({
 
         const keys = state.getAllKeys(contextId);
         return queryClient.refetchQueries({
-            predicate: query => keys.has(query.queryHash)
+            predicate: (query) => keys.has(query.queryHash),
         });
     },
     addSubContext(parent: number, child: number) {
-        set(state => {
+        set((state) => {
             const newChildren = state.subContexts[parent] ?? [];
             newChildren.push(child);
             state.subContexts[parent] = newChildren;
         });
     },
     removeSubContext(parent: number, child: number) {
-        set(state => {
-            state.subContexts[parent] = state.subContexts[parent]?.filter(id => id !== child);
+        set((state) => {
+            state.subContexts[parent] = state.subContexts[parent]?.filter((id) => id !== child);
         });
-    }
+    },
 });
 
 export const useQueriesStore = create<QueriesStoreState>()(
     subscribeWithSelector(
         immer((set, get) => ({
             ...initialState(),
-            ...actionsGenerator(set, get)
-        }))
-    )
+            ...actionsGenerator(set, get),
+        })),
+    ),
 );

package/src/QueryContext/useQuerySubscribeToReload.ts

@@ -1,19 +1,19 @@
 import { QueriesContext } from '@/QueryContext/QueriesContext';
-import { useClientLayoutEffect } from "@ainias42/react-bootstrap-mobile";
+import { useClientLayoutEffect } from '@ainias42/react-bootstrap-mobile';
 import { useContext, useRef } from 'react';
 import { useQueriesStore } from '@/QueryContext/useQueriesStore';
 
 export function useQueriesSubscribeToReload(keys: string[], isFetching: boolean, error: any) {
     const contextId = useContext(QueriesContext);
-    const setItem = useQueriesStore(s => s.setItem);
-    const removeItem = useQueriesStore(s => s.removeItem);
-    const id = useRef<number | undefined>();
+    const setItem = useQueriesStore((s) => s.setItem);
+    const removeItem = useQueriesStore((s) => s.removeItem);
+    const id = useRef<number | undefined>(undefined);
 
     useClientLayoutEffect(() => {
         id.current = setItem(contextId, id.current, {
             keys,
             error,
-            isFetching
+            isFetching,
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [contextId, error, isFetching, setItem, ...keys]);

package/src/QueryContext/useScopedQueriesIsFetching.ts

@@ -5,5 +5,5 @@ import { useQueriesStore } from '@/QueryContext/useQueriesStore';
 export function useScopedQueriesIsFetching(scope: { global: boolean; subContexts: boolean }, contextId?: number) {
     const context = useContext(QueriesContext);
 
-    return useQueriesStore(s => s.isFetchingByScope(contextId ?? context, scope));
+    return useQueriesStore((s) => s.isFetchingByScope(contextId ?? context, scope));
 }