nuxt-outfit 1.7.0 → 1.8.0

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "@nuxt/outfit",
   "configKey": "outfit",
-  "version": "1.7.0"
+  "version": "1.8.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: 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,66 @@
+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/useQuery.d.ts

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

package/dist/runtime/composables/useQuery.mjs

@@ -0,0 +1,28 @@
+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.8.0",
   "description": "Outfit - Connection Laravel and Nuxt",
   "repository": {
     "type": "git",