@graphcommerce/graphql 2.103.1

package/CHANGELOG.md

@@ -0,0 +1,69 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [2.103.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/graphql@2.103.0...@graphcommerce/graphql@2.103.1) (2021-09-27)
+
+**Note:** Version bump only for package @graphcommerce/graphql
+
+
+
+
+
+# 2.103.0 (2021-09-27)
+
+
+### Bug Fixes
+
+* ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
+
+
+### Features
+
+* **graphql:** introduced new graphql package that holds all generated files ([a3e7aa0](https://github.com/ho-nl/m2-pwa/commit/a3e7aa05540540533b5ced9a95f1f802ecbe499f))
+* **graphql:** introducing local schema migrations ([e77ef8a](https://github.com/ho-nl/m2-pwa/commit/e77ef8ad4cd5723e2352dec937b45ee976929b24))
+* next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
+* **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
+* renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of [@reachdigital](https://github.com/reachdigital) ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
+* upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
+
+
+### Reverts
+
+* Revert "chore: upgrade @apollo/client" ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
+
+
+
+
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/graphql@2.101.3...@graphcommerce/graphql@2.102.0) (2021-08-12)
+
+### Features
+
+- upgraded to nextjs 11
+  ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
+
+## [2.101.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/graphql@2.101.2...@graphcommerce/graphql@2.101.3) (2021-08-09)
+
+### Reverts
+
+- Revert "chore: upgrade @apollo/client"
+  ([55ff24e](https://github.com/ho-nl/m2-pwa/commit/55ff24ede0e56c85b8095edadadd1ec5e0b1b8d2))
+
+# [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/graphql@2.100.10...@graphcommerce/graphql@2.101.0) (2021-07-26)
+
+### Bug Fixes
+
+- ignore md files from triggering version updates
+  ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
+
+### Features
+
+- **playwright:** added new playwright package to enable browser testing
+  ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))

package/README.md

@@ -0,0 +1 @@
+# GraphQL generation package, used by other packages.

package/_playwright/apolloClient.fixture.ts

@@ -0,0 +1,38 @@
+/* eslint-disable no-empty-pattern */
+import {
+  ApolloClient,
+  FetchResult,
+  InMemoryCache,
+  NormalizedCacheObject,
+  TypedDocumentNode,
+} from '@apollo/client'
+import { getOperationName } from '@apollo/client/utilities'
+import { test as base, Page } from '@playwright/test'
+
+type ApolloClientTest = {
+  apolloClient: ApolloClient<NormalizedCacheObject>
+}
+
+export async function waitForGraphQlResponse<Q, V>(
+  page: Page,
+  docOrName: string | TypedDocumentNode<Q, V>,
+): Promise<FetchResult<Q>> {
+  const name = typeof docOrName === 'string' ? docOrName : getOperationName(docOrName)
+  const response = await page.waitForResponse(
+    (r) => r.request().postDataJSON()?.operationName === name,
+  )
+  return (await response?.json()) as FetchResult<Q>
+}
+
+const test = base.extend<ApolloClientTest>({
+  apolloClient: async ({}, use) => {
+    const client = new ApolloClient({
+      uri: process.env.NEXT_PUBLIC_GRAPHQL_ENDPOINT || 'http://localhost:3001/api/graphql',
+      credentials: 'same-origin',
+      cache: new InMemoryCache({}),
+    })
+    await use(client)
+  },
+})
+
+export { test }

package/apollo-client.graphql

@@ -0,0 +1,2 @@
+"Indicates that the client should resolve the field value locally as part of a query, e.g. in a React component"
+directive @client on FIELD

package/index.ts

@@ -0,0 +1,7 @@
+export * from './measurePerformanceLink'
+
+export * from './generated/types'
+export { default as fragments } from './generated/fragments.json'
+
+export * from './migrateCache'
+export * from './typePolicies'

package/measurePerformanceLink.ts

@@ -0,0 +1,62 @@
+/* eslint-disable no-console */
+import { ApolloLink } from '@apollo/client/core'
+
+const slowOperationThreshold = 1000
+const slowResolverThreshold = 300
+
+interface TracingFormat {
+  version: 1
+  startTime: string
+  endTime: string
+  duration: number
+  execution: {
+    resolvers: {
+      path: (string | number)[]
+      parentType: string
+      fieldName: string
+      returnType: string
+      startOffset: number
+      duration: number
+    }[]
+  }
+}
+
+export const measurePerformanceLink = new ApolloLink((operation, forward) => {
+  if (typeof global.window !== 'undefined') {
+    return forward(operation)
+  }
+  // Called before operation is sent to server
+  operation.setContext({ measurePerformanceLinkStart: new Date().valueOf() })
+  return forward(operation).map((data) => {
+    // Called after server responds
+    const time: number =
+      new Date().valueOf() - (operation.getContext().measurePerformanceLinkStart as number)
+    let vars =
+      Object.keys(operation.variables).length > 0 ? `(${JSON.stringify(operation.variables)})` : ''
+    if (vars.length > 100) {
+      vars = `${vars.substr(0, 100)}…`
+    }
+
+    if (data.extensions?.tracing && time > slowOperationThreshold) {
+      const tracing = data.extensions?.tracing as TracingFormat
+
+      const duration = Math.round(tracing.duration / (1000 * 1000))
+
+      console.group(`[slow] ${operation.operationName}${vars}`)
+      console.info(`operations ${duration}ms, mesh: ${time - duration}ms`)
+
+      tracing.execution.resolvers
+        .filter((resolver) => resolver.duration > slowResolverThreshold * 1000 * 1000)
+        .forEach((resolver) =>
+          console.info(
+            `${operation.operationName}.${resolver.path.join('.')}[${Math.round(
+              resolver.duration / (1000 * 1000),
+            )}ms]`,
+          ),
+        )
+      console.groupEnd()
+    }
+
+    return data
+  })
+})

package/migrateCache.ts

@@ -0,0 +1,14 @@
+import { ApolloCache, NormalizedCacheObject } from '@apollo/client'
+
+export type MigrateCache = (
+  oldCache: ApolloCache<NormalizedCacheObject>,
+  newCache: ApolloCache<NormalizedCacheObject>,
+) => void
+
+export const migrateCacheHandler = (
+  oldCache: ApolloCache<NormalizedCacheObject>,
+  newCache: ApolloCache<NormalizedCacheObject>,
+  migrations: MigrateCache[],
+) => {
+  migrations.forEach((migration) => migration(oldCache, newCache))
+}

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@graphcommerce/graphql",
+  "version": "2.103.1",
+  "sideEffects": false,
+  "main": "index.ts",
+  "prettier": "@graphcommerce/prettier-config-pwa",
+  "browserslist": [
+    "extends @graphcommerce/browserslist-config-pwa"
+  ],
+  "eslintConfig": {
+    "extends": "@graphcommerce/eslint-config-pwa",
+    "parserOptions": {
+      "project": "./tsconfig.json"
+    }
+  },
+  "devDependencies": {
+    "@graphcommerce/browserslist-config-pwa": "^3.0.1",
+    "@graphcommerce/eslint-config-pwa": "^3.0.1",
+    "@graphcommerce/prettier-config-pwa": "^3.0.1",
+    "@graphcommerce/typescript-config-pwa": "^3.0.1",
+    "@playwright/test": "^1.14.1"
+  },
+  "dependencies": {
+    "@apollo/client": "^3.3.21",
+    "graphql": "^15.5.2",
+    "next": "^11.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  }
+}

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "exclude": ["**/node_modules", "**/.*/"],
+  "include": ["**/*.ts", "**/*.tsx"],
+  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json"
+}

package/typePolicies.ts

@@ -0,0 +1,18 @@
+import { mergeDeep } from '@apollo/client/utilities'
+import { TypedTypePolicies } from './generated/types'
+
+export const mergeTypePolicies = (policies: TypedTypePolicies[]): TypedTypePolicies =>
+  mergeDeep(...policies)
+
+const generateIdentifyer = (s: string) =>
+  Math.abs(
+    s.split('').reduce((a, b) => {
+      // eslint-disable-next-line no-param-reassign, no-bitwise
+      a = (a << 5) - a + b.charCodeAt(0)
+      // eslint-disable-next-line no-bitwise
+      return a & a
+    }, 0),
+  ).toString()
+
+export const getTypePoliciesVersion = (policies: TypedTypePolicies[]) =>
+  generateIdentifyer(JSON.stringify(policies))