@ventlio/tanstack-query 0.2.64 → 0.2.65

package/dist/index.js

@@ -5,7 +5,6 @@ export { useQueryHeaders } from './config/useQueryHeaders.js';
 export { useReactNativeEnv } from './config/useReactNativeEnv.js';
 export { scrollToTop } from './helpers/scrollToTop.js';
 export { getDateInFuture } from './helpers/timeFuncs.js';
-export { QueryModel } from './model/Model.js';
 export { useKeyTrackerModel } from './model/useKeyTrackerModel.js';
 export { useQueryModel } from './model/useQueryModel.js';
 export { useRefetchQuery } from './model/useRefetchQuery.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -83,94 +83,6 @@ const useQueryHeaders = () => {
     return { setQueryHeaders, getHeaders };
 };
 
-class QueryModel {
-    queryKey;
-    queryClient;
-    exact;
-    constructor(queryKey, queryClient, exact = true) {
-        this.queryKey = queryKey;
-        this.queryClient = queryClient;
-        this.exact = exact;
-    }
-    findAll(path) {
-        const data = this.queryClient.getQueryData(this.queryKey, { exact: this.exact });
-        if (!data) {
-            return [];
-        }
-        if (!path) {
-            return Array.isArray(data) ? data : [data];
-        }
-        return result(data, path, []);
-    }
-    findMany(selector, path) {
-        const data = this.findAll(path) ?? [];
-        return data.filter(selector);
-    }
-    find(id, path) {
-        const modelConfig = this.getModelConfig();
-        if (!modelConfig?.idColumn) {
-            return undefined;
-        }
-        const data = this.findAll(path) ?? [];
-        return data.find((record) => record[modelConfig.idColumn] === id);
-    }
-    update(id, data, path) {
-        const oldData = this.findAll(path) ?? [];
-        const modelConfig = this.getModelConfig();
-        if (!modelConfig?.idColumn) {
-            return undefined;
-        }
-        const idColumn = modelConfig.idColumn;
-        let updatedRecord = undefined;
-        const newData = oldData.map((record) => {
-            let dataRecord = record;
-            if (dataRecord[idColumn] === id) {
-                dataRecord = { ...dataRecord, ...data };
-                updatedRecord = dataRecord;
-            }
-            return dataRecord;
-        });
-        if (!path) {
-            this.queryClient.setQueryData(this.queryKey, newData);
-        }
-        else {
-            const queryData = this.queryClient.getQueryData(this.queryKey, { exact: this.exact }) ?? {};
-            this.queryClient.setQueryData(this.queryKey, set(queryData, path, newData));
-        }
-        return updatedRecord;
-    }
-    remove(id, path) {
-        const oldData = this.findAll(path) ?? [];
-        const modelConfig = this.getModelConfig();
-        if (!modelConfig?.idColumn) {
-            return false;
-        }
-        const idColumn = modelConfig.idColumn;
-        let updated = false;
-        const newData = oldData.filter((record) => {
-            const dataRecord = record;
-            if (dataRecord[idColumn] === id) {
-                updated = true;
-                return false;
-            }
-            return true;
-        });
-        if (!path) {
-            this.queryClient.setQueryData(this.queryKey, newData);
-        }
-        else {
-            const queryData = this.queryClient.getQueryData(this.queryKey, { exact: this.exact }) ?? {};
-            this.queryClient.setQueryData(this.queryKey, set(queryData, path, newData));
-        }
-        return updated;
-    }
-    getModelConfig() {
-        const { options } = this.queryClient.getQueryData(['config']) ?? {};
-        const { modelConfig } = options ?? {};
-        return modelConfig;
-    }
-}
-
 const useKeyTrackerModel = (keyTracker) => {
     const queryClient = useQueryClient();
     const getQueryKey = (innerKeyTracker) => {
@@ -191,6 +103,24 @@ const useQueryModel = (keyTracker, exact = true) => {
     const queryClient = useQueryClient();
     const { getQueryKey } = useKeyTrackerModel(keyTracker);
     const queryKey = getQueryKey();
+    const add = (data, position, path) => {
+        let records = findAll(path) ?? [];
+        if (!position || position === 'end') {
+            records = [...records, data];
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        }
+        else if (position === 'start') {
+            records = [data, ...records];
+        }
+        if (!path) {
+            queryClient.setQueryData(queryKey, records);
+        }
+        else {
+            const queryData = queryClient.getQueryData(queryKey, { exact }) ?? {};
+            queryClient.setQueryData(queryKey, set(queryData, path, records));
+        }
+        return data;
+    };
     const findAll = (path) => {
         const data = queryClient.getQueryData(queryKey, { exact });
         if (!data) {
@@ -268,7 +198,7 @@ const useQueryModel = (keyTracker, exact = true) => {
         }
         return updated;
     };
-    return { find, findAll, findMany, remove, update };
+    return { find, findAll, findMany, remove, update, add };
 };
 
 const useRefetchQuery = async (queryKey) => {
@@ -668,5 +598,5 @@ const usePostRequest = ({ path, isFormData = false, baseUrl, headers, fileSelect
     return { post, ...mutation };
 };
 
-export { ContentType, HttpMethod, QueryModel, axiosInstance, bootstrapQueryRequest, buildFormData, errorTransformer, getDateInFuture, makeRequest, scrollToTop, successTransformer, useDeleteRequest, useEnvironmentVariables, useGetRequest, useKeyTrackerModel, usePatchRequest, usePostRequest, useQueryConfig, useQueryHeaders, useQueryModel, useReactNativeEnv, useRefetchQuery };
+export { ContentType, HttpMethod, axiosInstance, bootstrapQueryRequest, buildFormData, errorTransformer, getDateInFuture, makeRequest, scrollToTop, successTransformer, useDeleteRequest, useEnvironmentVariables, useGetRequest, useKeyTrackerModel, usePatchRequest, usePostRequest, useQueryConfig, useQueryHeaders, useQueryModel, useReactNativeEnv, useRefetchQuery };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/model/index.d.ts

@@ -1,4 +1,3 @@
-export * from './Model';
 export * from './model.interface';
 export * from './useKeyTrackerModel';
 export * from './useQueryModel';

package/dist/model/model.interface.d.ts

@@ -1,7 +1,9 @@
 export interface QueryModelBuilder<T> {
+    add: (data: T, position?: QueryModelAddPosition, path?: string) => T | undefined;
     findAll: (path?: string) => T[] | undefined;
     findMany: (selector: (record: T) => boolean, path?: string) => T[];
     find: (id: number | string, path?: string) => T | undefined;
     update: (id: number | string, data: Partial<T>, path?: string) => T | undefined;
     remove: (id: number, path?: string) => boolean;
 }
+export type QueryModelAddPosition = 'start' | 'end';

package/dist/model/useQueryModel.js

@@ -7,6 +7,24 @@ const useQueryModel = (keyTracker, exact = true) => {
     const queryClient = useQueryClient();
     const { getQueryKey } = useKeyTrackerModel(keyTracker);
     const queryKey = getQueryKey();
+    const add = (data, position, path) => {
+        let records = findAll(path) ?? [];
+        if (!position || position === 'end') {
+            records = [...records, data];
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        }
+        else if (position === 'start') {
+            records = [data, ...records];
+        }
+        if (!path) {
+            queryClient.setQueryData(queryKey, records);
+        }
+        else {
+            const queryData = queryClient.getQueryData(queryKey, { exact }) ?? {};
+            queryClient.setQueryData(queryKey, set(queryData, path, records));
+        }
+        return data;
+    };
     const findAll = (path) => {
         const data = queryClient.getQueryData(queryKey, { exact });
         if (!data) {
@@ -84,7 +102,7 @@ const useQueryModel = (keyTracker, exact = true) => {
         }
         return updated;
     };
-    return { find, findAll, findMany, remove, update };
+    return { find, findAll, findMany, remove, update, add };
 };
 
 export { useQueryModel };

package/dist/model/useQueryModel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQueryModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useQueryModel.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ventlio/tanstack-query",
-  "version": "0.2.64",
+  "version": "0.2.65",
   "license": "MIT",
   "main": "dist/index.js",
   "contributors": [

package/src/model/index.ts

@@ -1,4 +1,3 @@
-export * from './Model';
 export * from './model.interface';
 export * from './useKeyTrackerModel';
 export * from './useQueryModel';

package/dist/model/Model.d.ts

@@ -1,14 +0,0 @@
-import type { QueryClient } from '@tanstack/react-query';
-import type { QueryModelBuilder } from './model.interface';
-export declare class QueryModel<T> implements QueryModelBuilder<T> {
-    private readonly queryKey;
-    private readonly queryClient;
-    private readonly exact;
-    constructor(queryKey: any[], queryClient: QueryClient, exact?: boolean);
-    findAll(path?: string): T[] | undefined;
-    findMany(selector: (record: T) => boolean, path?: string): T[];
-    find(id: string | number, path?: string): T | undefined;
-    update(id: string | number, data: Partial<T>, path?: string): T | undefined;
-    remove(id: number | string, path?: string): boolean;
-    private getModelConfig;
-}

package/dist/model/Model.js

@@ -1,93 +0,0 @@
-import result from 'lodash.result';
-import set from 'lodash.set';
-
-class QueryModel {
-    queryKey;
-    queryClient;
-    exact;
-    constructor(queryKey, queryClient, exact = true) {
-        this.queryKey = queryKey;
-        this.queryClient = queryClient;
-        this.exact = exact;
-    }
-    findAll(path) {
-        const data = this.queryClient.getQueryData(this.queryKey, { exact: this.exact });
-        if (!data) {
-            return [];
-        }
-        if (!path) {
-            return Array.isArray(data) ? data : [data];
-        }
-        return result(data, path, []);
-    }
-    findMany(selector, path) {
-        const data = this.findAll(path) ?? [];
-        return data.filter(selector);
-    }
-    find(id, path) {
-        const modelConfig = this.getModelConfig();
-        if (!modelConfig?.idColumn) {
-            return undefined;
-        }
-        const data = this.findAll(path) ?? [];
-        return data.find((record) => record[modelConfig.idColumn] === id);
-    }
-    update(id, data, path) {
-        const oldData = this.findAll(path) ?? [];
-        const modelConfig = this.getModelConfig();
-        if (!modelConfig?.idColumn) {
-            return undefined;
-        }
-        const idColumn = modelConfig.idColumn;
-        let updatedRecord = undefined;
-        const newData = oldData.map((record) => {
-            let dataRecord = record;
-            if (dataRecord[idColumn] === id) {
-                dataRecord = { ...dataRecord, ...data };
-                updatedRecord = dataRecord;
-            }
-            return dataRecord;
-        });
-        if (!path) {
-            this.queryClient.setQueryData(this.queryKey, newData);
-        }
-        else {
-            const queryData = this.queryClient.getQueryData(this.queryKey, { exact: this.exact }) ?? {};
-            this.queryClient.setQueryData(this.queryKey, set(queryData, path, newData));
-        }
-        return updatedRecord;
-    }
-    remove(id, path) {
-        const oldData = this.findAll(path) ?? [];
-        const modelConfig = this.getModelConfig();
-        if (!modelConfig?.idColumn) {
-            return false;
-        }
-        const idColumn = modelConfig.idColumn;
-        let updated = false;
-        const newData = oldData.filter((record) => {
-            const dataRecord = record;
-            if (dataRecord[idColumn] === id) {
-                updated = true;
-                return false;
-            }
-            return true;
-        });
-        if (!path) {
-            this.queryClient.setQueryData(this.queryKey, newData);
-        }
-        else {
-            const queryData = this.queryClient.getQueryData(this.queryKey, { exact: this.exact }) ?? {};
-            this.queryClient.setQueryData(this.queryKey, set(queryData, path, newData));
-        }
-        return updated;
-    }
-    getModelConfig() {
-        const { options } = this.queryClient.getQueryData(['config']) ?? {};
-        const { modelConfig } = options ?? {};
-        return modelConfig;
-    }
-}
-
-export { QueryModel };
-//# sourceMappingURL=Model.js.map

package/dist/model/Model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Model.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/src/model/Model.ts

@@ -1,107 +0,0 @@
-import type { QueryClient } from '@tanstack/react-query';
-import result from 'lodash.result';
-import set from 'lodash.set';
-import type { TanstackQueryConfig } from '../types';
-import type { QueryModelBuilder } from './model.interface';
-
-export class QueryModel<T> implements QueryModelBuilder<T> {
-  constructor(
-    private readonly queryKey: any[],
-    private readonly queryClient: QueryClient,
-    private readonly exact: boolean = true
-  ) {}
-
-  public findAll(path?: string): T[] | undefined {
-    const data = this.queryClient.getQueryData(this.queryKey, { exact: this.exact });
-
-    if (!data) {
-      return [];
-    }
-
-    if (!path) {
-      return Array.isArray(data) ? data : [data];
-    }
-
-    return result<T[]>(data, path, []);
-  }
-
-  public findMany(selector: (record: T) => boolean, path?: string): T[] {
-    const data = this.findAll(path) ?? [];
-    return data.filter(selector);
-  }
-
-  find(id: string | number, path?: string): T | undefined {
-    const modelConfig = this.getModelConfig();
-
-    if (!modelConfig?.idColumn) {
-      return undefined;
-    }
-    const data = this.findAll(path) ?? [];
-
-    return data.find((record) => (record as Record<string, any>)[modelConfig.idColumn] === id);
-  }
-
-  update(id: string | number, data: Partial<T>, path?: string): T | undefined {
-    const oldData = this.findAll(path) ?? [];
-    const modelConfig = this.getModelConfig();
-
-    if (!modelConfig?.idColumn) {
-      return undefined;
-    }
-    const idColumn = modelConfig.idColumn;
-
-    let updatedRecord: T | undefined = undefined;
-    const newData = oldData.map((record) => {
-      let dataRecord = record as Record<string, any>;
-
-      if (dataRecord[idColumn] === id) {
-        dataRecord = { ...dataRecord, ...data };
-        updatedRecord = dataRecord as T;
-      }
-
-      return dataRecord;
-    });
-
-    if (!path) {
-      this.queryClient.setQueryData(this.queryKey, newData);
-    } else {
-      const queryData = this.queryClient.getQueryData(this.queryKey, { exact: this.exact }) ?? {};
-      this.queryClient.setQueryData(this.queryKey, set(queryData, path, newData));
-    }
-    return updatedRecord;
-  }
-
-  remove(id: number | string, path?: string): boolean {
-    const oldData = this.findAll(path) ?? [];
-    const modelConfig = this.getModelConfig();
-
-    if (!modelConfig?.idColumn) {
-      return false;
-    }
-    const idColumn = modelConfig.idColumn;
-    let updated = false;
-    const newData = oldData.filter((record) => {
-      const dataRecord = record as Record<string, any>;
-      if (dataRecord[idColumn] === id) {
-        updated = true;
-        return false;
-      }
-      return true;
-    });
-
-    if (!path) {
-      this.queryClient.setQueryData(this.queryKey, newData);
-    } else {
-      const queryData = this.queryClient.getQueryData(this.queryKey, { exact: this.exact }) ?? {};
-      this.queryClient.setQueryData(this.queryKey, set(queryData, path, newData));
-    }
-    return updated;
-  }
-
-  private getModelConfig() {
-    const { options } = this.queryClient.getQueryData<TanstackQueryConfig>(['config']) ?? {};
-    const { modelConfig } = options ?? {};
-
-    return modelConfig;
-  }
-}