@graphcommerce/graphql 3.2.1 → 3.4.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Change Log
 
+## 3.4.1
+
+### Patch Changes
+
+- [#1552](https://github.com/graphcommerce-org/graphcommerce/pull/1552) [`18054c441`](https://github.com/graphcommerce-org/graphcommerce/commit/18054c441962ba750bed3acc39ab46c8d3a341ce) Thanks [@paales](https://github.com/paales)! - Updated to Next.js v12.2.2 and other packages and made compatible
+
+- Updated dependencies [[`18054c441`](https://github.com/graphcommerce-org/graphcommerce/commit/18054c441962ba750bed3acc39ab46c8d3a341ce)]:
+  - @graphcommerce/graphql-codegen-near-operation-file@3.0.15
+  - @graphcommerce/graphql-codegen-relay-optimizer-plugin@3.0.9
+
+## 3.4.0
+
+### Minor Changes
+
+- [#1544](https://github.com/graphcommerce-org/graphcommerce/pull/1544) [`5f927ebdc`](https://github.com/graphcommerce-org/graphcommerce/commit/5f927ebdc6f0331833e02b96e4f169bfe475ac6b) Thanks [@mikekeehnen](https://github.com/mikekeehnen)! - Fixed hydration errors on account, cart and wishlist
+
+## 3.3.0
+
+### Minor Changes
+
+- [#1524](https://github.com/graphcommerce-org/graphcommerce/pull/1524) [`735b78672`](https://github.com/graphcommerce-org/graphcommerce/commit/735b786724d5401cbe6e88f2515e121a1a0945b2) Thanks [@paales](https://github.com/paales)! - Add errorLink while in development mode to allow for better error reporting when sending faulty queries to backends
+
 ## 3.2.1
 
 ### Patch Changes

package/apollo-hooks/useClientQuery.ts

@@ -0,0 +1,15 @@
+import { useQuery as useQueryApollo } from '@apollo/client'
+import { useEffect, useState } from 'react'
+
+// eslint-disable-next-line prefer-const, import/no-mutable-exports
+export const useClientQuery: typeof useQueryApollo = (query, options) => {
+  const [firstRender, setFirstRender] = useState(true)
+
+  const response = useQueryApollo(query, options)
+
+  useEffect(() => {
+    if (firstRender) setFirstRender(false)
+  }, [firstRender])
+
+  return response
+}

package/errorLink.ts

@@ -1,29 +1,27 @@
 import { onError } from '@apollo/client/link/error'
 
 export const errorLink = onError(({ graphQLErrors, networkError, operation }) => {
-  if (process.env.NODE_ENV !== 'production') {
-    if (graphQLErrors)
-      console.error(
-        `[GraphQL errors]: ${graphQLErrors
-          .map(({ message, path }) => `${message} ${path?.join(',')}`)
-          .join(', ')}`,
-      )
+  if (graphQLErrors)
+    console.error(
+      `[GraphQL errors]: ${graphQLErrors
+        .map(({ message, path }) => `${message} ${path?.join(',')}`)
+        .join(', ')}`,
+    )
 
-    if (networkError)
-      console.error(`[Graphql error]: ${networkError}`)
+  if (networkError)
+    console.error(`[Graphql error]: ${networkError}`)
 
-      // eslint-disable-next-line @typescript-eslint/no-floating-promises
-    ;(async () => {
-      const graphql = await import('graphql')
+    // eslint-disable-next-line @typescript-eslint/no-floating-promises
+  ;(async () => {
+    const graphql = await import('graphql')
 
-      const gqlString = graphql
-        .print(operation.query)
-        .toString()
-        .replace(/(\r\n|\n|\r)/gm, ' ')
-        .replace(/\s\s+/g, ' ')
+    const gqlString = graphql
+      .print(operation.query)
+      .toString()
+      .replace(/(\r\n|\n|\r)/gm, ' ')
+      .replace(/\s\s+/g, ' ')
 
-      console.error(`[GraphQL operation]: ${gqlString}`)
-      console.error(`[GraphQL variables]: ${JSON.stringify(operation.variables)}`)
-    })()
-  }
+    console.error(`[GraphQL operation]: ${gqlString}`)
+    console.error(`[GraphQL variables]: ${JSON.stringify(operation.variables)}`)
+  })()
 })

package/index.ts

@@ -11,3 +11,4 @@ export * from './createCacheReviver'
 
 export * from './apollo'
 export * from './types'
+export * from './apollo-hooks/useClientQuery'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/graphql",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "3.2.1",
+  "version": "3.4.1",
   "sideEffects": false,
   "main": "index.ts",
   "prettier": "@graphcommerce/prettier-config-pwa",
@@ -13,25 +13,29 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^4.1.8",
+    "@graphcommerce/eslint-config-pwa": "^4.1.9",
     "@graphcommerce/prettier-config-pwa": "^4.0.6",
-    "@graphcommerce/typescript-config-pwa": "^4.0.3",
+    "@graphcommerce/typescript-config-pwa": "^4.0.4",
     "@playwright/test": "^1.21.1"
   },
   "dependencies": {
-    "@apollo/client": "^3.6.6",
-    "@graphcommerce/graphql-codegen-near-operation-file": "3.0.14",
-    "@graphcommerce/graphql-codegen-relay-optimizer-plugin": "3.0.8",
-    "@graphql-codegen/add": "3.1.1",
-    "@graphql-codegen/fragment-matcher": "3.2.1",
-    "@graphql-codegen/introspection": "2.1.1",
-    "@graphql-codegen/schema-ast": "2.4.1",
-    "@graphql-codegen/typed-document-node": "2.2.12",
-    "@graphql-codegen/typescript": "2.5.0",
-    "@graphql-codegen/typescript-apollo-client-helpers": "2.1.19",
-    "@graphql-codegen/typescript-document-nodes": "2.2.12",
-    "@graphql-codegen/typescript-operations": "2.4.1",
-    "apollo3-cache-persist": "^0.14.0",
+    "@apollo/client": "^3.6.9",
+    "@graphcommerce/graphql-codegen-near-operation-file": "3.0.15",
+    "@graphcommerce/graphql-codegen-relay-optimizer-plugin": "3.0.9",
+    "@graphql-codegen/add": "3.2.0",
+    "@graphql-codegen/fragment-matcher": "3.3.0",
+    "@graphql-codegen/introspection": "2.2.0",
+    "@graphql-codegen/schema-ast": "2.5.0",
+    "@graphql-codegen/typed-document-node": "2.3.1",
+    "@graphql-codegen/typescript": "2.7.1",
+    "@graphql-codegen/typescript-apollo-client-helpers": "2.2.1",
+    "@graphql-codegen/typescript-document-nodes": "2.3.1",
+    "@graphql-codegen/typescript-operations": "2.5.1",
+    "apollo3-cache-persist": "^0.14.1",
     "graphql": "16.5.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   }
 }