@graphcommerce/magento-search 9.1.0-canary.26 → 9.1.0-canary.29

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Change Log
 
+## 9.1.0-canary.29
+
+### Minor Changes
+
+- [#2525](https://github.com/graphcommerce-org/graphcommerce/pull/2525) [`f9176ad`](https://github.com/graphcommerce-org/graphcommerce/commit/f9176adf3bf643ac00c865fc173a80056d8b8170) - Search Categories through algolia ([@paales](https://github.com/paales))
+
+## 9.1.0-canary.28
+
+## 9.1.0-canary.27
+
 ## 9.1.0-canary.26
 
 ## 9.1.0-canary.25

package/graphql/fragments/CategorySearchFragment.graphql

@@ -0,0 +1,6 @@
+fragment CategorySearchFragment on CategoryResult {
+  __typename
+  items {
+    ...CategorySearchResult
+  }
+}

package/graphql/queries/CategorySearch.graphql

@@ -0,0 +1,5 @@
+query CategorySearch($pageSize: Int = 10, $filters: CategoryFilterInput) {
+  categories(filters: $filters, pageSize: $pageSize) {
+    ...CategorySearchFragment
+  }
+}

package/hooks/useCategorySearch.ts

@@ -0,0 +1,24 @@
+import { useQuery } from '@graphcommerce/graphql'
+import { CategorySearchDocument } from '../graphql/queries/CategorySearch.gql'
+import type { CategoriesApplySearchVariablesProps } from '../utils/categoriesApplySearchDefaults'
+import { useCategorySearchVariables } from './useCategorySearchVariables'
+
+export function useCategorySearch(props: CategoriesApplySearchVariablesProps) {
+  const { search } = props
+  const variables = useCategorySearchVariables(props)
+  const skip = !search || search.length < 3
+
+  const categories = useQuery(CategorySearchDocument, { variables, skip })
+
+  const categoryItems = (
+    categories.data?.categories?.items ??
+    categories.previousData?.categories?.items ??
+    []
+  )
+    .filter((v) => !!v)
+    .filter((c) => (typeof c?.include_in_menu === 'boolean' ? c?.include_in_menu : true))
+
+  if (categories.error || categoryItems.length === 0 || skip) return null
+
+  return categoryItems
+}

package/hooks/useCategorySearchVariables.ts

@@ -0,0 +1,14 @@
+import { useQuery } from '@graphcommerce/graphql'
+import { StoreConfigDocument } from '@graphcommerce/magento-store'
+import type { CategorySearchQueryVariables } from '../graphql/queries/CategorySearch.gql'
+import {
+  categoriesApplySearchDefaults,
+  type CategoriesApplySearchVariablesProps,
+} from '../utils/categoriesApplySearchDefaults'
+
+export function useCategorySearchVariables(
+  props: CategoriesApplySearchVariablesProps,
+): CategorySearchQueryVariables {
+  const config = useQuery(StoreConfigDocument).data
+  return config ? categoriesApplySearchDefaults(props, config) : {}
+}

package/index.ts

@@ -1,18 +1,3 @@
-export * from './CategorySearch.gql'
-export * from './components/CategorySearchResult/CategorySearchResult'
-export * from './components/CategorySearchResult/CategorySearchResults'
-export * from './components/CategorySearchResult/CategorySearchResult.gql'
-export * from './components/NoSearchResults/NoSearchResults'
-export * from './components/SearchButton/SearchButton'
-export * from './components/SearchContext/SearchContext'
-export * from './components/SearchDivider/SearchDivider'
-export * from './components/SearchForm/SearchForm'
-export * from './components/SearchLink/SearchLink'
-export * from './components/SearchFab/SearchFab'
-export * from './hooks/useProductList'
-export * from './components/ProductFiltersPro/ProductFiltersProCategorySectionSearch'
-export * from './components/ProductFiltersPro/ProductFiltersProSearchHeader'
-
 export {
   ProductListCount,
   ProductListFilters,
@@ -24,5 +9,22 @@ export {
 } from '@graphcommerce/magento-product'
 
 export * from '@graphcommerce/magento-product/components/ProductFiltersPro'
-export * from './utils/productListApplySearchDefaults'
+export * from './components/CategorySearchResult/CategorySearchResult'
+export * from './components/CategorySearchResult/CategorySearchResult.gql'
+export * from './components/CategorySearchResult/CategorySearchResults'
+export * from './components/NoSearchResults/NoSearchResults'
+export * from './components/ProductFiltersPro/ProductFiltersProCategorySectionSearch'
+export * from './components/ProductFiltersPro/ProductFiltersProSearchHeader'
 export * from './components/ProductFiltersPro/SearchField'
+export * from './components/SearchButton/SearchButton'
+export * from './components/SearchContext/SearchContext'
+export * from './components/SearchDivider/SearchDivider'
+export * from './components/SearchFab/SearchFab'
+export * from './components/SearchForm/SearchForm'
+export * from './components/SearchLink/SearchLink'
+export * from './graphql/queries/CategorySearch.gql'
+export * from './hooks/useCategorySearch'
+export * from './hooks/useCategorySearchVariables'
+export * from './hooks/useProductList'
+export * from './utils/productListApplySearchDefaults'
+export * from './utils/categoriesApplySearchDefaults'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-search",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.1.0-canary.26",
+  "version": "9.1.0-canary.29",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,17 +12,17 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^9.1.0-canary.26",
-    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.26",
-    "@graphcommerce/framer-utils": "^9.1.0-canary.26",
-    "@graphcommerce/graphql": "^9.1.0-canary.26",
-    "@graphcommerce/image": "^9.1.0-canary.26",
-    "@graphcommerce/magento-product": "^9.1.0-canary.26",
-    "@graphcommerce/magento-store": "^9.1.0-canary.26",
-    "@graphcommerce/next-ui": "^9.1.0-canary.26",
-    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.26",
-    "@graphcommerce/react-hook-form": "^9.1.0-canary.26",
-    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.26",
+    "@graphcommerce/ecommerce-ui": "^9.1.0-canary.29",
+    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.29",
+    "@graphcommerce/framer-utils": "^9.1.0-canary.29",
+    "@graphcommerce/graphql": "^9.1.0-canary.29",
+    "@graphcommerce/image": "^9.1.0-canary.29",
+    "@graphcommerce/magento-product": "^9.1.0-canary.29",
+    "@graphcommerce/magento-store": "^9.1.0-canary.29",
+    "@graphcommerce/next-ui": "^9.1.0-canary.29",
+    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.29",
+    "@graphcommerce/react-hook-form": "^9.1.0-canary.29",
+    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.29",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/utils/categoriesApplySearchDefaults.ts

@@ -0,0 +1,14 @@
+import type { StoreConfigQuery } from '@graphcommerce/magento-store'
+import type { CategorySearchQueryVariables } from '../graphql/queries/CategorySearch.gql'
+
+export type CategoriesApplySearchVariablesProps = {
+  search?: string | null
+}
+
+export function categoriesApplySearchDefaults(
+  props: CategoriesApplySearchVariablesProps,
+  conf: StoreConfigQuery,
+): CategorySearchQueryVariables {
+  const { search } = props
+  return { filters: { name: { match: search } }, pageSize: 5 }
+}

package/CategorySearch.graphql

@@ -1,7 +0,0 @@
-query CategorySearch($pageSize: Int = 10, $search: String = "") {
-  categories(filters: { name: { match: $search } }, pageSize: $pageSize) {
-    items {
-      ...CategorySearchResult
-    }
-  }
-}