@ramathibodi/nuxt-commons 4.0.4 → 4.0.6

package/dist/runtime/composables/apiModelItem.js

@@ -1,10 +1,9 @@
 import { computed, ref, watch } from "vue";
 import { useAlert } from "./alert.js";
-import { useApi } from "./api.js";
-import { buildApiEndpoint, stripModelByQualifier } from "./apiModel.js";
+import { useApiModelOperation } from "./apiModelOperation.js";
 export function useApiModelItem(props) {
   const alert = useAlert();
-  const api = useApi();
+  const ops = computed(() => useApiModelOperation(props.modelName));
   const modelBy = ref();
   const item = ref();
   const isLoading = ref(false);
@@ -20,11 +19,7 @@ export function useApiModelItem(props) {
   function reload() {
     isLoading.value = true;
     item.value = void 0;
-    const endpoint = buildApiEndpoint(props.modelName);
-    return api.postPromise(endpoint, {
-      variables: computedModelBy.value,
-      fields: fields.value
-    }).then((result) => {
+    return ops.value.read(fields.value, computedModelBy.value).then((result) => {
       if (Array.isArray(result)) {
         alert?.addAlert({ alertType: "error", message: "Return result is not single item" });
       } else {
@@ -38,11 +33,7 @@ export function useApiModelItem(props) {
   }
   function createItem(createItem2, callback) {
     isLoading.value = true;
-    const endpoint = buildApiEndpoint(stripModelByQualifier(props.modelName), "create");
-    return api.postPromise(endpoint, {
-      input: createItem2,
-      fields: fields.value
-    }).then((result) => {
+    return ops.value.create(createItem2, fields.value).then((result) => {
       item.value = result;
     }).catch((error) => {
       alert?.addAlert({ alertType: "error", message: error?.message ?? error });
@@ -54,11 +45,7 @@ export function useApiModelItem(props) {
   }
   function updateItem(updateItem2, callback) {
     isLoading.value = true;
-    const endpoint = buildApiEndpoint(stripModelByQualifier(props.modelName), "update");
-    return api.postPromise(endpoint, {
-      input: updateItem2,
-      fields: fields.value
-    }).then((result) => {
+    return ops.value.update(updateItem2, fields.value).then((result) => {
       item.value = result;
     }).catch((error) => {
       alert?.addAlert({ alertType: "error", message: error?.message ?? error });
@@ -70,11 +57,7 @@ export function useApiModelItem(props) {
   }
   function deleteItem(deleteItem2, callback) {
     isLoading.value = true;
-    const endpoint = buildApiEndpoint(stripModelByQualifier(props.modelName), "delete");
-    return api.postPromise(endpoint, {
-      input: deleteItem2,
-      fields: fields.value
-    }).catch((error) => {
+    return ops.value.delete(deleteItem2, fields.value).catch((error) => {
       alert?.addAlert({ alertType: "error", message: error?.message ?? error });
     }).finally(() => {
       isLoading.value = false;

package/dist/runtime/composables/apiModelOperation.d.ts

@@ -0,0 +1,19 @@
+export interface ApiModelPageable {
+    page?: number;
+    perPage?: number;
+    sortBy?: any;
+}
+export interface ApiModelOperationCallables<TItem = any, TInput = any> {
+    read: <T = TItem>(fields?: Array<string | object>, variables?: Record<string, any>, cache?: boolean | number) => Promise<T>;
+    readPageable: <T = TItem>(fields?: Array<string | object>, variables?: Record<string, any>, pageable?: ApiModelPageable) => Promise<{
+        data: T[];
+        meta: {
+            totalItems: number;
+        };
+    }>;
+    search: <T = TItem>(fields?: Array<string | object>, variables?: Record<string, any>, search?: any) => Promise<T[]>;
+    create: <T = TItem>(input: TInput | Record<string, any>, fields?: Array<string | object>) => Promise<T>;
+    update: <T = TItem>(input: TInput | Record<string, any>, fields?: Array<string | object>) => Promise<T>;
+    delete: <T = any>(input: TInput | Record<string, any>, fields?: Array<string | object>) => Promise<T>;
+}
+export declare function useApiModelOperation<TItem = any, TInput = any>(modelName: string): ApiModelOperationCallables<TItem, TInput>;

package/dist/runtime/composables/apiModelOperation.js

@@ -0,0 +1,56 @@
+import { useApi } from "./api.js";
+import { buildApiEndpoint, stripModelByQualifier } from "./apiModel.js";
+import { buildFields } from "./graphqlOperation.js";
+import { useGraphqlBridge } from "../bridges/graphql.js";
+export function useApiModelOperation(modelName) {
+  const api = useApi();
+  function prepFields(fields) {
+    const { graphqlType } = useGraphqlBridge();
+    const schema = graphqlType?.[modelName];
+    if (!schema) return fields;
+    return buildFields(schema, fields, 0);
+  }
+  return {
+    read: (fields, variables, cache) => {
+      const endpoint = buildApiEndpoint(modelName);
+      return api.postPromise(
+        endpoint,
+        { variables, fields: prepFields(fields) },
+        void 0,
+        void 0,
+        cache
+      );
+    },
+    readPageable: (fields, variables, pageable) => {
+      const endpoint = buildApiEndpoint(modelName, "pageable");
+      return api.postPromise(endpoint, {
+        ...variables || {},
+        variables,
+        fields: prepFields(fields),
+        page: pageable?.page,
+        perPage: pageable?.perPage,
+        sortBy: pageable?.sortBy
+      });
+    },
+    search: (fields, variables, search) => {
+      const endpoint = buildApiEndpoint(modelName, "search");
+      return api.postPromise(endpoint, {
+        variables,
+        fields: prepFields(fields),
+        search
+      });
+    },
+    create: (input, fields) => {
+      const endpoint = buildApiEndpoint(stripModelByQualifier(modelName), "create");
+      return api.postPromise(endpoint, { input, fields: prepFields(fields) });
+    },
+    update: (input, fields) => {
+      const endpoint = buildApiEndpoint(stripModelByQualifier(modelName), "update");
+      return api.postPromise(endpoint, { input, fields: prepFields(fields) });
+    },
+    delete: (input, fields) => {
+      const endpoint = buildApiEndpoint(stripModelByQualifier(modelName), "delete");
+      return api.postPromise(endpoint, { input, fields: prepFields(fields) });
+    }
+  };
+}

package/dist/runtime/composables/graphql.d.ts

@@ -1,5 +1,6 @@
 import { type UseMutationReturn } from '@vue/apollo-composable';
 import { type ClassConstructor } from '../utils/object.js';
+import { type CacheOption } from './api.js';
 declare type VariableOptions = {
     type?: string;
     name?: string;
@@ -11,7 +12,7 @@ declare type VariableOptions = {
 };
 export declare function useGraphQl(): {
     query: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean) => import("@vue/apollo-composable").UseQueryReturn<T, Record<string, never>>;
-    queryPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: boolean | number) => Promise<T>;
+    queryPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions, cache?: CacheOption) => Promise<T>;
     mutation: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => UseMutationReturn<any, any>;
     mutationPromise: <T>(operation: string, fields: Array<string | Object> | ClassConstructor<any>, variables?: VariableOptions) => Promise<T>;
 };

package/dist/runtime/composables/graphqlOperation.js

@@ -7,6 +7,7 @@ export function buildFields(operationFields, fields, depth = 0) {
   if (!operationFields) return [];
   if (isClassConstructor(fields)) fields = classAttributes(fields);
   if (!fields || fields.length == 0) fields = ["*"];
+  else fields = [...fields];
   if (fields.includes("*")) {
     operationFields.fields.forEach((field) => {
       if (!fields.includes(field) && !field.toLowerCase().endsWith("base64") && !field.toLowerCase().endsWith("base64string")) fields.push(field);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramathibodi/nuxt-commons",
-  "version": "4.0.4",
+  "version": "4.0.6",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",