@graphcommerce/graphcms-ui 6.2.0-canary.7 → 6.2.0-canary.71

package/CHANGELOG.md

@@ -1,5 +1,141 @@
 # Change Log
 
+## 6.2.0-canary.71
+
+## 6.2.0-canary.70
+
+## 6.2.0-canary.69
+
+## 6.2.0-canary.68
+
+## 6.2.0-canary.67
+
+## 6.2.0-canary.66
+
+## 6.2.0-canary.65
+
+## 6.2.0-canary.64
+
+## 6.2.0-canary.63
+
+## 6.2.0-canary.62
+
+## 6.2.0-canary.61
+
+## 6.2.0-canary.60
+
+## 6.2.0-canary.59
+
+## 6.2.0-canary.58
+
+## 6.2.0-canary.57
+
+## 6.2.0-canary.56
+
+## 6.2.0-canary.55
+
+## 6.2.0-canary.54
+
+## 6.2.0-canary.53
+
+## 6.2.0-canary.52
+
+## 6.2.0-canary.51
+
+## 6.2.0-canary.50
+
+### Minor Changes
+
+- [`e55d8c390`](https://github.com/graphcommerce-org/graphcommerce/commit/e55d8c390d90b4bb7bab11c6a99027ac72bd7e3e) - Created a new sidebar layout system, can be configured with productFiltersLayout in the graphcommerce.config.js ([@paales](https://github.com/paales))
+
+## 6.2.0-canary.49
+
+## 6.2.0-canary.48
+
+## 6.2.0-canary.47
+
+## 6.2.0-canary.46
+
+## 6.2.0-canary.45
+
+## 6.2.0-canary.44
+
+## 6.2.0-canary.43
+
+## 6.2.0-canary.42
+
+## 6.2.0-canary.41
+
+## 6.2.0-canary.40
+
+## 6.2.0-canary.39
+
+## 6.2.0-canary.38
+
+## 6.2.0-canary.37
+
+## 6.2.0-canary.36
+
+## 6.2.0-canary.35
+
+## 6.2.0-canary.34
+
+## 6.2.0-canary.33
+
+## 6.2.0-canary.32
+
+## 6.2.0-canary.31
+
+## 6.2.0-canary.30
+
+## 6.2.0-canary.29
+
+## 6.2.0-canary.28
+
+## 6.2.0-canary.27
+
+## 6.2.0-canary.26
+
+## 6.2.0-canary.25
+
+## 6.2.0-canary.24
+
+## 6.2.0-canary.23
+
+## 6.2.0-canary.22
+
+## 6.2.0-canary.21
+
+## 6.2.0-canary.20
+
+## 6.2.0-canary.19
+
+## 6.2.0-canary.18
+
+## 6.2.0-canary.17
+
+## 6.2.0-canary.16
+
+## 6.2.0-canary.15
+
+## 6.2.0-canary.14
+
+## 6.2.0-canary.13
+
+## 6.2.0-canary.12
+
+## 6.2.0-canary.11
+
+## 6.2.0-canary.10
+
+## 6.2.0-canary.9
+
+## 6.2.0-canary.8
+
+### Minor Changes
+
+- [#1912](https://github.com/graphcommerce-org/graphcommerce/pull/1912) [`a43d389e9`](https://github.com/graphcommerce-org/graphcommerce/commit/a43d389e956fe69b73238b12c98c781b7044e4bb) - Added dynamic rows feature and better performance for Hygraph ([@JoshuaS98](https://github.com/JoshuaS98))
+
 ## 6.2.0-canary.7
 
 ## 6.2.0-canary.6

package/Config.graphqls

@@ -2,6 +2,8 @@ extend input GraphCommerceConfig {
   """
   The HyGraph endpoint.
 
+  > Read-only endpoint that allows low latency and high read-throughput content delivery.
+
   Project settings -> API Access -> High Performance Read-only Content API
   """
   hygraphEndpoint: String!

package/components/index.ts

@@ -0,0 +1,2 @@
+export * from './RichText'
+export * from './Asset/Asset'

package/graphql/HygraphAllPages.graphql

@@ -0,0 +1,5 @@
+query HygraphAllPages($first: Int = 1000) {
+  pages(first: $first) {
+    url
+  }
+}

package/graphql/HygraphPage.graphql

@@ -0,0 +1,16 @@
+fragment HygraphPage on Page @injectable {
+  title
+  metaTitle
+  metaDescription
+  metaRobots
+  url
+  author
+  date
+  relatedPages {
+    title
+    url
+  }
+  asset {
+    ...Asset
+  }
+}

package/graphql/HygraphPages.graphql

@@ -0,0 +1,7 @@
+query HygraphPages($url: String!) {
+  pages(where: { url: $url }) {
+    id
+    __typename
+    ...HygraphPage
+  }
+}

package/graphql/PageLink.graphql

@@ -0,0 +1,10 @@
+fragment PageLink on PageLink @injectable {
+  title
+  url
+  description {
+    raw
+  }
+  asset {
+    ...Asset
+  }
+}

package/graphql/PagesStaticPaths.graphql

@@ -0,0 +1,6 @@
+query PagesStaticPaths($urlStartsWith: String!, $first: Int = 1000) {
+  pages(where: { url_starts_with: $urlStartsWith }, first: $first) {
+    url
+    metaRobots
+  }
+}

package/graphql/index.ts

@@ -0,0 +1,5 @@
+export * from './HygraphAllPages.gql'
+export * from './HygraphPage.gql'
+export * from './HygraphPages.gql'
+export * from './PageLink.gql'
+export * from './PagesStaticPaths.gql'

package/index.ts

@@ -1,3 +1,4 @@
-export * from './components/RichText'
-export * from './components/Asset/Asset'
+export * from './components'
+export * from './graphql'
+export * from './lib'
 export * from './links/createHygraphLink'

package/lib/hygraphPageContent.ts

@@ -0,0 +1,48 @@
+import { ApolloClient, NormalizedCacheObject } from '@graphcommerce/graphql'
+import { HygraphAllPagesDocument, HygraphPagesQuery, HygraphPagesDocument } from '../graphql'
+
+/**
+ * Fetch the page content for the given urls.
+ *
+ * - Uses an early bailout to check to reduce hygraph calls.
+ * - Implements an alias sytem to merge the content of multiple pages.
+ */
+async function pageContent(
+  client: ApolloClient<NormalizedCacheObject>,
+  url: string,
+  cached: boolean,
+): Promise<{ data: HygraphPagesQuery }> {
+  /**
+   * Some routes are very generic and wil be requested very often, like 'product/global'. To reduce
+   * the amount of requests to Hygraph we can cache the result of the query if requested.
+   *
+   * This only works in a persistent nodejs environment and doesn't work in a serverless
+   * environment, because those instances get discarded.
+   *
+   * This comes with a downside, if the page is updated the cache will not be invalidated, resulting
+   * in stale data.
+   *
+   * Todo: Implement next.js 13 fetch revalidation:
+   * https://beta.nextjs.org/docs/data-fetching/fetching#revalidating-data
+   */
+  const alwaysCache = process.env.NODE_ENV !== 'development' ? 'cache-first' : undefined
+  const fetchPolicy = cached ? alwaysCache : undefined
+
+  const allRoutes = await client.query({ query: HygraphAllPagesDocument, fetchPolicy: alwaysCache })
+
+  // Only do the query when there the page is found in the allRoutes
+  const found = allRoutes.data.pages.some((page) => page.url === url)
+
+  return found
+    ? client.query({ query: HygraphPagesDocument, variables: { url }, fetchPolicy })
+    : Promise.resolve({ data: { pages: [] } })
+}
+
+export async function hygraphPageContent(
+  client: ApolloClient<NormalizedCacheObject>,
+  url: string,
+  additionalProperties?: Promise<object> | object,
+  cached = false,
+): Promise<{ data: HygraphPagesQuery }> {
+  return pageContent(client, url, cached)
+}

package/lib/index.ts

@@ -0,0 +1 @@
+export * from './hygraphPageContent'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/graphcms-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "6.2.0-canary.7",
+  "version": "6.2.0-canary.71",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,14 +12,14 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "6.2.0-canary.7",
-    "@graphcommerce/prettier-config-pwa": "6.2.0-canary.7",
-    "@graphcommerce/typescript-config-pwa": "6.2.0-canary.7"
+    "@graphcommerce/eslint-config-pwa": "6.2.0-canary.71",
+    "@graphcommerce/prettier-config-pwa": "6.2.0-canary.71",
+    "@graphcommerce/typescript-config-pwa": "6.2.0-canary.71"
   },
   "dependencies": {
-    "@graphcommerce/graphql": "6.2.0-canary.7",
-    "@graphcommerce/image": "6.2.0-canary.7",
-    "@graphcommerce/next-ui": "6.2.0-canary.7"
+    "@graphcommerce/graphql": "6.2.0-canary.71",
+    "@graphcommerce/image": "6.2.0-canary.71",
+    "@graphcommerce/next-ui": "6.2.0-canary.71"
   },
   "peerDependencies": {
     "@mui/material": "^5.10.16",

package/plugins/hygraphGraphqlConfig.ts

@@ -5,6 +5,8 @@ export const func = 'graphqlConfig'
 export const exported = '@graphcommerce/graphql/config'
 
 const hygraphGraphqlConfig: MethodPlugin<typeof graphqlConfig> = (prev, config) => {
+  const results = prev(config)
+
   const locales = config.storefront.hygraphLocales
 
   if (!locales) return prev(config)
@@ -15,7 +17,7 @@ const hygraphGraphqlConfig: MethodPlugin<typeof graphqlConfig> = (prev, config)
     return context
   })
 
-  return prev({ ...config, links: [...(config.links ?? []), hygraphLink] })
+  return { ...results, links: [...results.links, hygraphLink] }
 }
 
 export const plugin = hygraphGraphqlConfig