@scayle/storefront-nuxt 7.63.0 → 7.64.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @scayle/storefront-nuxt
 
+## 7.64.1
+
+### Patch Changes
+
+- Format code with dprint
+- Updated dependencies
+  - @scayle/unstorage-compression-driver@0.1.3
+  - @scayle/h3-session@0.3.6
+
+## 7.64.0
+
+### Minor Changes
+
+- Add `useStorefrontSearch` composable
+
 ## 7.63.0
 
 ### Minor Changes
@@ -8,8 +23,8 @@
 
   ```ts
   const { data: externalIDPRedirects } = await useIDP({
-    queryParams: { redirectTo: '/account' },
-  })
+    queryParams: { redirectTo: "/account" },
+  });
   ```
 
   Please note that `code` and `state` are not supported as these are used by the SCAYLE Authentication API.
@@ -428,16 +443,16 @@ There is an `unwrap` function exported by this package (>=7.55.0) that can be us
   Before:
 
   ```typescript
-  toCurrency(100, { currency: 'EUR' })
-  formatPrice(100, { currencyFractionDigits: 2 })
+  toCurrency(100, { currency: "EUR" });
+  formatPrice(100, { currencyFractionDigits: 2 });
   ```
 
   After:
 
   ```typescript
-  const { formatCurrency } = useFormatHelpers()
-  formatCurrency(100, { currency: 'EUR' })
-  formatCurrency(100, { style: 'decimal', currencyFractionDigits: 2 })
+  const { formatCurrency } = useFormatHelpers();
+  formatCurrency(100, { currency: "EUR" });
+  formatCurrency(100, { style: "decimal", currencyFractionDigits: 2 });
   ```
 
 ## 7.44.1

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.9.0"
   },
-  "version": "7.62.4"
+  "version": "7.64.0"
 }

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

@@ -1,12 +1,13 @@
-import { type SearchInput, type SearchOptions } from '@scayle/storefront-core';
+import { type SearchInput, type SearchOptions, type TypeaheadSuggestionsEndpointResponseData } from '@scayle/storefront-core';
 type Options = Partial<{
     params: SearchOptions;
     key: string;
 }>;
+/** @deprecated `useSearch` is deprecated. Please, use `useSearchSuggestions` or `useSearchResolve` */
 export declare const useSearch: ({ params, key }?: Options) => {
-    data: any;
-    pending: any;
-    searchQuery: any;
+    data: import("vue").Ref<TypeaheadSuggestionsEndpointResponseData | undefined>;
+    pending: import("vue").Ref<boolean>;
+    searchQuery: import("vue").Ref<string>;
     resetSearch: () => void;
     search: ({ term, slug, productLimit }: SearchInput) => Promise<void>;
 };

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

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

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

@@ -0,0 +1,15 @@
+import { type SearchV2SuggestionsEndpointResponseData, type SearchV2With } from '@scayle/storefront-core';
+export type SearchOptions = Partial<{
+    params: Partial<{
+        categoryId: number;
+        with: SearchV2With;
+    }>;
+    key: string;
+}>;
+export declare const useStorefrontSearch: (searchQuery: Ref<string>, { params, key }?: SearchOptions) => {
+    data: import("vue").Ref<SearchV2SuggestionsEndpointResponseData | undefined>;
+    pending: import("vue").Ref<boolean>;
+    resetSearch: () => void;
+    getSearchSuggestions: () => Promise<void>;
+    resolveSearch: () => Promise<import("@scayle/storefront-core").SearchEntity | null | undefined>;
+};

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

@@ -0,0 +1,64 @@
+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" } = {}) => {
+  const data = useState(
+    `${key}-data`,
+    () => void 0
+  );
+  const nuxtApp = useNuxtApp();
+  const pending = useState(`${key}-pending`, () => false);
+  const error = useState(
+    `${key}-error`,
+    () => void 0
+  );
+  const status = useState(`${key}-error`, () => "idle");
+  const shop = useCurrentShop();
+  const getSearchSuggestions = async () => {
+    pending.value = true;
+    status.value = "pending";
+    if (!searchQuery.value) {
+      return;
+    }
+    try {
+      data.value = await rpcCall(
+        nuxtApp,
+        "getSearchSuggestions",
+        toValue(shop)
+      )({
+        term: String(searchQuery.value),
+        ...params
+      });
+    } catch (e) {
+      error.value = e;
+    } finally {
+      pending.value = false;
+      status.value = error.value ? "error" : "success";
+    }
+  };
+  const resolveSearch = async () => {
+    if (!searchQuery.value) {
+      return;
+    }
+    return await rpcCall(
+      nuxtApp,
+      "resolveSearch",
+      toValue(shop)
+    )({
+      term: searchQuery.value,
+      ...params
+    });
+  };
+  const resetSearch = () => {
+    searchQuery.value = "";
+    data.value = { suggestions: [] };
+  };
+  return {
+    data,
+    pending,
+    resetSearch,
+    getSearchSuggestions,
+    resolveSearch
+  };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scayle/storefront-nuxt",
   "type": "module",
-  "version": "7.63.0",
+  "version": "7.64.1",
   "description": "Nuxt integration for the SCAYLE Commerce Engine and Storefront API",
   "author": "SCAYLE Commerce Engine",
   "license": "MIT",
@@ -49,8 +49,8 @@
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "prep": "nuxi prepare playground",
-    "format": "prettier --ignore-unknown --log-level warn --check .",
-    "format:fix": "prettier --ignore-unknown --log-level warn --write .",
+    "format": "dprint check",
+    "format:fix": "dprint fmt",
     "lint": "eslint . --format gitlab",
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit -p tsconfig.check.json",
@@ -61,9 +61,9 @@
   },
   "dependencies": {
     "@nuxt/kit": "3.11.1",
-    "@scayle/h3-session": "0.3.5",
+    "@scayle/h3-session": "0.3.6",
     "@scayle/storefront-core": "7.48.0",
-    "@scayle/unstorage-compression-driver": "0.1.2",
+    "@scayle/unstorage-compression-driver": "0.1.3",
     "@vueuse/core": "10.9.0",
     "consola": "3.2.3",
     "core-js": "3.36.1",
@@ -82,19 +82,18 @@
     "@nuxt/module-builder": "0.5.5",
     "@nuxt/schema": "3.11.1",
     "@nuxt/test-utils": "3.12.0",
-    "@scayle/eslint-config-storefront": "3.2.6",
+    "@scayle/eslint-config-storefront": "3.2.7",
     "@scayle/eslint-plugin-vue-composable": "0.1.1",
-    "@scayle/prettier-config-storefront": "2.0.2",
-    "@types/node": "20.12.5",
+    "@types/node": "20.12.6",
+    "dprint": "0.45.1",
     "eslint": "8.57.0",
     "eslint-formatter-gitlab": "5.1.0",
     "h3": "1.11.1",
     "node-mocks-http": "1.14.1",
     "nuxt": "3.11.1",
-    "prettier": "3.0.0",
     "publint": "0.2.7",
     "vitest": "1.4.0",
-    "vue-tsc": "2.0.7"
+    "vue-tsc": "2.0.11"
   },
   "peerDependencies": {
     "h3": "^1.10.0",