@scayle/storefront-nuxt 7.72.1 → 7.72.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scayle/storefront-nuxt
 
+## 7.72.3
+
+### Patch Changes
+
+- Refactored composables to consistently use named exports rather than default exports and to use named functions instead of arrow functions
+
+## 7.72.2
+
+### Patch Changes
+
+- Add import alias `#storefront/composables` to package.json imports and explicitly added import alias to build transpilation to prevent potential build issues
+
 ## 7.72.1
 
 ### Patch Changes

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@scayle/storefront-nuxt",
-  "version": "7.72.0",
+  "version": "7.72.2",
   "configKey": "storefront",
   "compatibility": {
     "nuxt": "^3.9.0"

package/dist/module.mjs

@@ -61,7 +61,7 @@ export default {
 }`;
 }
 const PACKAGE_NAME = "@scayle/storefront-nuxt";
-const PACKAGE_VERSION = "7.72.0";
+const PACKAGE_VERSION = "7.72.2";
 const logger = createConsola({
   fancy: true,
   formatOptions: {
@@ -149,7 +149,7 @@ const module = defineNuxtModule({
     for (const rpcMethodName of options.rpcMethodNames ?? []) {
       if (rpcMethodNames.has(rpcMethodName) && !overridenRPCMethodNames.has(rpcMethodName)) {
         logger.warn(`
-Overriding RPC method '${rpcMethodName}' from '@scayle/storefront-nuxt' with a local custom implementation. 
+Overriding RPC method '${rpcMethodName}' from '@scayle/storefront-nuxt' with a local custom implementation.
 
 Should this be done on purpose, please be aware that this can lead to unexpected issues since the '@scayle/storefront-nuxt' package also uses this RPC method internally.
 To silence this warning, you can add '${rpcMethodName}' to 'rpcMethodOverrides' in the '@scayle/storefront-nuxt' config.
@@ -293,6 +293,7 @@ Missing RPC Overrides: ${Array.from(overridenRPCMethodNames).map((name) => `'${n
     nuxt.options.alias["#storefront/composables"] = resolve(
       "./runtime/composables"
     );
+    nuxt.options.build.transpile.push("#storefront/composables");
     addPlugin(resolve("./runtime/plugin/shop"));
     addPlugin({
       src: resolve("./runtime/plugin/log.client"),

package/dist/runtime/composables/core/useAvailableShops.d.ts

@@ -1,2 +1,2 @@
 import type { PublicShopConfig } from '../../../module';
-export declare const useAvailableShops: () => import("vue").Ref<PublicShopConfig[]>;
+export declare function useAvailableShops(): import("vue").Ref<PublicShopConfig[]>;

package/dist/runtime/composables/core/useAvailableShops.mjs

@@ -1,4 +1,4 @@
 import { useState } from "nuxt/app";
-export const useAvailableShops = () => {
+export function useAvailableShops() {
   return useState("availableShops", () => []);
-};
+}

package/dist/runtime/composables/core/useFormatHelpers.d.ts

@@ -8,7 +8,7 @@ type FormatCurrencyOptions = {
     currencyFractionDigits?: number;
     style: 'decimal';
 };
-export default function useFormatHelpers(): {
+export declare function useFormatHelpers(): {
     formatCurrency: (value: number, options?: FormatCurrencyOptions) => string;
 };
 export {};

package/dist/runtime/composables/core/useFormatHelpers.mjs

@@ -1,6 +1,6 @@
 import { getDefaultFractionDigits } from "@scayle/storefront-core";
 import { useCurrentShop } from "./useCurrentShop.mjs";
-export default function useFormatHelpers() {
+export function useFormatHelpers() {
   const currentShop = useCurrentShop();
   const formatCurrency = (value, options) => {
     const locale = options?.locale ?? currentShop.value.locale;

package/dist/runtime/composables/core/useIDP.d.ts

@@ -1,6 +1,6 @@
 import { type MaybeRefOrGetter } from 'vue';
 import type { RpcMethodParameters } from '@scayle/storefront-core';
-export declare const useIDP: (params?: MaybeRefOrGetter<RpcMethodParameters<'getExternalIdpRedirect'>>) => Promise<{
+export declare function useIDP(params?: MaybeRefOrGetter<RpcMethodParameters<'getExternalIdpRedirect'>>): Promise<{
     data: import("vue").Ref<{
         [k: string]: string;
     } | undefined>;

package/dist/runtime/composables/core/useIDP.mjs

@@ -3,7 +3,7 @@ import { useRpc } from "../core/useRpc.mjs";
 import { rpcCall } from "./../../rpc/rpcCall.mjs";
 import { useCurrentShop } from "./useCurrentShop.mjs";
 import { toValue } from "#imports";
-export const useIDP = async (params = {}) => {
+export async function useIDP(params = {}) {
   const nuxtApp = useNuxtApp();
   const shop = useCurrentShop();
   const { data, fetching, fetch, error, status } = await useRpc(
@@ -25,4 +25,4 @@ export const useIDP = async (params = {}) => {
     // TODO: Deprecate the property here and remove it with the next major release
     handleIDPLoginCallback
   };
-};
+}

package/dist/runtime/composables/core/useRpc.d.ts

@@ -1,5 +1,6 @@
 import type { RpcContext, RpcMethodName, RpcMethodParameters, RpcMethodReturnType } from '@scayle/storefront-core';
 import type { AsyncDataOptions, NuxtError } from 'nuxt/app';
+import { type MaybeRefOrGetter } from '#imports';
 type KeysOf<T> = Array<T extends T ? (keyof T extends string ? keyof T : never) : never>;
 export type RpcAsyncDataOptions<TResult> = AsyncDataOptions<TResult, TResult, KeysOf<TResult>, TResult>;
 export interface RpcOptions {
@@ -7,7 +8,7 @@ export interface RpcOptions {
     lazy?: boolean;
 }
 export type Status = 'idle' | 'pending' | 'success' | 'error';
-export declare const useRpc: <N extends RpcMethodName, P extends RpcMethodParameters<N>, TResult extends Exclude<Awaited<RpcMethodReturnType<N>>, Response>, TParams = P extends RpcContext ? undefined : P>(method: N, key: string, params?: any, options?: RpcOptions) => Promise<{
+export declare function useRpc<N extends RpcMethodName, P extends RpcMethodParameters<N>, TResult extends Exclude<Awaited<RpcMethodReturnType<N>>, Response>, TParams = P extends RpcContext ? undefined : P>(method: N, key: string, params?: MaybeRefOrGetter<TParams>, options?: RpcOptions): Promise<{
     data: import("vue").Ref<TResult | undefined>;
     fetching: import("vue").Ref<boolean>;
     fetch: () => Promise<void>;

package/dist/runtime/composables/core/useRpc.mjs

@@ -15,7 +15,7 @@ const handleError = (error) => {
   const data = resolveError(error);
   return createError(data);
 };
-export const useRpc = async (method, key, params, options = { autoFetch: true, lazy: false }) => {
+export async function useRpc(method, key, params, options = { autoFetch: true, lazy: false }) {
   const currentShop = useCurrentShop();
   const log = useCoreLog("rpc");
   const nuxtApp = useNuxtApp();
@@ -73,4 +73,4 @@ export const useRpc = async (method, key, params, options = { autoFetch: true, l
     error,
     status
   };
-};
+}

package/dist/runtime/composables/storefront/useQueryFilterState.d.ts

@@ -2,11 +2,11 @@ import type { FilterParams, SortingValueKey, TransformedFilter, Filter } from '@
 type Options = {
     defaultSort?: SortingValueKey;
 };
-declare const _default: (options?: Options) => {
+export declare function useQueryFilterState(options?: Options): {
     activeFilters: import("vue").ComputedRef<Filter>;
     applyFilters: (filter?: Filter, scrollToTop?: boolean) => Promise<void>;
     isActiveFilter: (filter?: TransformedFilter) => any;
     resetFilterUrl: () => Promise<void>;
     productConditions: import("vue").ComputedRef<FilterParams>;
 };
-export default _default;
+export {};

package/dist/runtime/composables/storefront/useQueryFilterState.mjs

@@ -10,7 +10,7 @@ import { computed } from "vue";
 import { getCurrentPage } from "../../utils/route.mjs";
 import { useRoute, useRouter } from "#imports";
 const DEFAULT_QUERY_KEYS = ["page", "sort", "term"];
-export default (options = {}) => {
+export function useQueryFilterState(options = {}) {
   const router = useRouter();
   const route = useRoute();
   const activeFilters = computed(() => {
@@ -63,4 +63,4 @@ export default (options = {}) => {
     resetFilterUrl,
     productConditions: computed(() => generateFilterParams())
   };
-};
+}

package/dist/runtime/composables/storefront/useSearch.d.ts

@@ -4,7 +4,7 @@ type Options = Partial<{
     key: string;
 }>;
 /** @deprecated `useSearch` is deprecated. Please, use `useSearchSuggestions` or `useSearchResolve` */
-export declare const useSearch: ({ params, key }?: Options) => {
+export declare function useSearch({ params, key }?: Options): {
     data: import("vue").Ref<TypeaheadSuggestionsEndpointResponseData | undefined>;
     pending: import("vue").Ref<boolean>;
     searchQuery: import("vue").Ref<string>;

package/dist/runtime/composables/storefront/useSearch.mjs

@@ -2,7 +2,7 @@ import { useState } from "nuxt/app";
 import { rpcCall } from "../../rpc/rpcCall.mjs";
 import { useCurrentShop } from "../core/useCurrentShop.mjs";
 import { useNuxtApp, toValue } from "#imports";
-export const useSearch = ({ params, key = "search" } = {}) => {
+export function useSearch({ params, key = "search" } = {}) {
   const data = useState(
     `${key}-data`,
     () => void 0
@@ -48,4 +48,4 @@ export const useSearch = ({ params, key = "search" } = {}) => {
     resetSearch,
     search
   };
-};
+}

package/dist/runtime/composables/storefront/useStorefrontSearch.d.ts

@@ -1,4 +1,5 @@
 import { type SearchV2SuggestionsEndpointResponseData, type SearchV2With } from '@scayle/storefront-core';
+import { type Ref } from '#imports';
 export type SearchOptions = Partial<{
     params: Partial<{
         categoryId: number;
@@ -6,7 +7,7 @@ export type SearchOptions = Partial<{
     }>;
     key: string;
 }>;
-export declare const useStorefrontSearch: (searchQuery: Ref<string>, { params, key }?: SearchOptions) => {
+export declare function useStorefrontSearch(searchQuery: Ref<string>, { params, key }?: SearchOptions): {
     data: import("vue").Ref<SearchV2SuggestionsEndpointResponseData | undefined>;
     pending: import("vue").Ref<boolean>;
     resetSearch: () => void;

package/dist/runtime/composables/storefront/useStorefrontSearch.mjs

@@ -2,7 +2,7 @@ import { useState } from "nuxt/app";
 import { rpcCall } from "../../rpc/rpcCall.mjs";
 import { useCurrentShop } from "../core/useCurrentShop.mjs";
 import { useNuxtApp, toValue } from "#imports";
-export const useStorefrontSearch = (searchQuery, { params, key = "search" } = {}) => {
+export function useStorefrontSearch(searchQuery, { params, key = "search" } = {}) {
   const data = useState(
     `${key}-data`,
     () => void 0
@@ -61,4 +61,4 @@ export const useStorefrontSearch = (searchQuery, { params, key = "search" } = {}
     getSearchSuggestions,
     resolveSearch
   };
-};
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "7.72.1",
+  "version": "7.72.3",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -29,6 +29,9 @@
       "default": "./dist/index.mjs"
     }
   },
+  "imports": {
+    "#storefront/composables": "./dist/runtime/composables/index.mjs"
+  },
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
@@ -72,7 +75,7 @@
     "unstorage": "1.10.2",
     "vue-router": "4.3.2",
     "yn": "5.0.0",
-    "zod": "3.23.5"
+    "zod": "3.23.8"
   },
   "devDependencies": {
     "@nuxt/eslint": "0.3.13",