nuxt-outfit 1.7.0 → 1.9.0

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@nuxt/outfit",
   "configKey": "outfit",
-  "version": "1.7.0"
+  "version": "1.9.0"
 }

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

@@ -0,0 +1,11 @@
+export declare const useDataFetch: (name: any, path: any, options?: {}) => Promise<{
+    pending: any;
+    refresh: any;
+    data: any;
+    filters: any;
+    currentPage: import("vue").WritableComputedRef<any>;
+    changePage: (page: any) => Promise<void>;
+    changePerPage: (count: any) => Promise<void>;
+    filter: () => Promise<void>;
+    clearFilter: () => Promise<void>;
+}>;

package/dist/runtime/composables/useDataFetch.mjs

@@ -0,0 +1,68 @@
+import { useRouter, useNuxtApp, useQuery, useAsyncData } from "#imports";
+import { reactive, computed, watch } from "vue";
+import { klona as deepClone } from "klona/full";
+import { flatten } from "flat";
+export const useDataFetch = async (name, path, options = {}) => {
+  const { $spaFetch } = useNuxtApp();
+  const { push } = useRouter();
+  const { getBindingQueryValues } = useQuery();
+  const { filters: filtersQuery, other: otherQuery } = getBindingQueryValues();
+  const filters = reactive({ ...deepClone(options?.filters), ...options?.isSilent ? {} : filtersQuery });
+  const other = reactive({ page: 1, ...options?.isSilent ? {} : otherQuery });
+  const currentPage = computed({
+    get() {
+      return other.page;
+    },
+    set(value) {
+      other.page = value;
+    }
+  });
+  const preparedFilters = computed(() => {
+    const inLine = flatten(filters);
+    return Object.keys(inLine).filter((key) => inLine[key] !== null).reduce((result, key) => {
+      result[`filter[${key}]`] = inLine[key];
+      return result;
+    }, {});
+  });
+  const validQuery = computed(() => ({ ...other, ...preparedFilters.value }));
+  const { data, refresh, pending } = await useAsyncData(name, () => $spaFetch(path, {
+    query: validQuery.value,
+    ...options?.fetch ?? {}
+  }));
+  const make = async () => {
+    await refresh();
+    if (options?.isSilent !== true) {
+      push({ query: validQuery.value });
+    }
+  };
+  const changePage = async (page) => {
+    currentPage.value = page;
+    await make();
+  };
+  const changePerPage = async (count) => {
+    other.per_page = count;
+    await make();
+  };
+  const filter = async () => {
+    currentPage.value = 1;
+    await make();
+  };
+  const clearFilter = async () => {
+    Object.assign(filters, deepClone(options?.filters));
+    await make();
+  };
+  watch(filters, async () => {
+    await filter();
+  }, { deep: true });
+  return {
+    pending,
+    refresh,
+    data,
+    filters,
+    currentPage,
+    changePage,
+    changePerPage,
+    filter,
+    clearFilter
+  };
+};

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

@@ -1,4 +1,4 @@
 export declare const useFile: () => {
     createArrayBufferFromBase64: (base64: any) => ArrayBufferLike;
-    createFileFromBase64: (base64: any, name: any, type: any) => File;
+    createFileFromBase64: (base64: any, name: any) => File;
 };

package/dist/runtime/composables/useFile.mjs

@@ -8,7 +8,7 @@ export const useFile = () => {
     }
     return bytes.buffer;
   };
-  const createFileFromBase64 = (base64, name, type) => {
+  const createFileFromBase64 = (base64, name) => {
     return new File([new Blob([createArrayBufferFromBase64(base64)])], name);
   };
   return {

package/dist/runtime/composables/useForm.mjs

@@ -84,11 +84,11 @@ export const useForm = (opts = {}) => {
   };
   const toFormData = (fields2, form = null, namespace = null) => {
     const formData = form || new FormData();
-    for (let property in fields2) {
-      if (!fields2.hasOwnProperty(property)) {
+    for (const property in fields2) {
+      if (!Object.prototype.hasOwnProperty.call(fields2, property)) {
         continue;
       }
-      let formKey = namespace ? `${namespace}[${property}]` : property;
+      const formKey = namespace ? `${namespace}[${property}]` : property;
       if (fields2[property] instanceof FileList || Array.isArray(fields2[property])) {
         fields2[property].forEach((element, index) => {
           if (element instanceof File) {

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

@@ -0,0 +1,6 @@
+export declare const useQuery: () => {
+    getBindingQueryValues: () => {
+        filters: {};
+        other: {};
+    };
+};

package/dist/runtime/composables/useQuery.mjs

@@ -0,0 +1,29 @@
+import { useRoute } from "#imports";
+export const useQuery = () => {
+  const { query } = useRoute();
+  const convertValue = (value) => {
+    if (!isNaN(value)) {
+      return parseFloat(value);
+    } else if (value === "true" || value === "false") {
+      return value === "true";
+    } else if (value.includes(",")) {
+      return value.split(",").map((item) => convertValue(item.trim()));
+    }
+    return value;
+  };
+  const getBindingQueryValues = () => {
+    return Object.keys(query).reduce((params, key) => {
+      const match = key.match(/^filter\[(.+)\]$/);
+      const value = convertValue(query[key]);
+      if (match) {
+        params.filters[match[1]] = value;
+      } else {
+        params.other[key] = value;
+      }
+      return params;
+    }, { filters: {}, other: {} });
+  };
+  return {
+    getBindingQueryValues
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-outfit",
-  "version": "1.7.0",
+  "version": "1.9.0",
   "description": "Outfit - Connection Laravel and Nuxt",
   "repository": {
     "type": "git",