@graphcommerce/image 2.105.13 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +85 -33
  2. package/components/Image.tsx +77 -32
  3. package/package.json +11 -15
package/CHANGELOG.md CHANGED
@@ -1,68 +1,120 @@
1
1
  # Change Log
2
2
 
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
3
+ ## 3.0.2
5
4
 
6
- # [2.105.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/image@2.104.13...@graphcommerce/image@2.105.0) (2021-10-27)
5
+ ### Patch Changes
7
6
 
7
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
8
+ [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
9
+ Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
10
+ `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
11
+ duplicate packages in the node_modules folders.
8
12
 
9
- ### Features
13
+ * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
14
+ [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
15
+ Thanks [@paales](https://github.com/paales)! - Upgraded to
16
+ [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
17
+ implementing
18
+ [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
19
+ soon.
10
20
 
11
- * **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
21
+ This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
22
+ frontend to be able to revalidate pages manually.
12
23
 
24
+ * Updated dependencies
25
+ [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
26
+ [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
27
+ - @graphcommerce/framer-utils@3.0.2
13
28
 
29
+ ## 3.0.1
14
30
 
31
+ ### Patch Changes
15
32
 
33
+ - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
34
+ Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
35
+ so that the packages link to back to the website and repository
36
+ - Updated dependencies
37
+ [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
38
+ - @graphcommerce/framer-utils@3.0.1
16
39
 
17
- ## [2.104.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/image@2.104.0...@graphcommerce/image@2.104.2) (2021-09-27)
40
+ ## 3.0.0
18
41
 
42
+ ### Major Changes
19
43
 
20
- ### Bug Fixes
44
+ - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
45
+ [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
46
+ Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
21
47
 
22
- * versions ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
48
+ ### Patch Changes
23
49
 
50
+ - Updated dependencies
51
+ [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
52
+ - @graphcommerce/framer-utils@3.0.0
24
53
 
54
+ All notable changes to this project will be documented in this file. See
55
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
25
56
 
57
+ # [2.105.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/image@2.104.13...@graphcommerce/image@2.105.0) (2021-10-27)
26
58
 
59
+ ### Features
27
60
 
28
- ## [2.104.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/image@2.104.0...@graphcommerce/image@2.104.1) (2021-09-27)
61
+ - **nextjs:** upgraded to nextjs 12
62
+ ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
29
63
 
30
- **Note:** Version bump only for package @graphcommerce/image
64
+ ## [2.104.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/image@2.104.0...@graphcommerce/image@2.104.2) (2021-09-27)
31
65
 
66
+ ### Bug Fixes
32
67
 
68
+ - versions
69
+ ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
33
70
 
71
+ ## [2.104.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/image@2.104.0...@graphcommerce/image@2.104.1) (2021-09-27)
34
72
 
73
+ **Note:** Version bump only for package @graphcommerce/image
35
74
 
36
75
  # 2.104.0 (2021-09-27)
37
76
 
38
-
39
77
  ### Bug Fixes
40
78
 
41
- * cart item image sizes ([e7c860c](https://github.com/ho-nl/m2-pwa/commit/e7c860c785e172b9275e1a00c8b51509d6b297a8))
42
- * ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
43
- * **image:** add loading attribute to unoptimized image ([13f7709](https://github.com/ho-nl/m2-pwa/commit/13f77096a5b1ed3f60cfa7b61ac7373d1a2b44d4))
44
- * **image:** change sizing of images on grid/productpage ([0e573b6](https://github.com/ho-nl/m2-pwa/commit/0e573b69a2d405126433e7c4747c01b533858b78))
45
- * **image:** component would rerender unnessarily ([bfc041d](https://github.com/ho-nl/m2-pwa/commit/bfc041d39e34faf60581dbdba7a15a32928368b3))
46
- * **image:** do not report when image isn't rendered yet ([5aa08ef](https://github.com/ho-nl/m2-pwa/commit/5aa08efc1eade69f53e1645c37fcb0632d83bc5e))
47
- * **image:** fix build ([b730cb6](https://github.com/ho-nl/m2-pwa/commit/b730cb6ae4e50dcf2f60e2046d6acf3047caacb3))
48
- * **image:** image decoding async added ([8c5f59f](https://github.com/ho-nl/m2-pwa/commit/8c5f59f54b9e28b60e197b7ddefdd78b71f6665e))
49
- * **image:** image src is visible while loading the image ([735d79e](https://github.com/ho-nl/m2-pwa/commit/735d79e8ccab296dcc5750458fc1760f17fe47c7))
50
- * **image:** make sure unoptimized images are preloaded correctly and remove preloads from lots of images ([fb2b4fc](https://github.com/ho-nl/m2-pwa/commit/fb2b4fcb5336ff880a9b32775847d7b6738ba1ea))
51
- * introduced SvgImageSimple and solve issue with review chips ([931d7fd](https://github.com/ho-nl/m2-pwa/commit/931d7fdcf0faa9d2264899b72e564138215b6bd8))
52
- * make packages private so they dont get published accidently ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
53
-
79
+ - cart item image sizes
80
+ ([e7c860c](https://github.com/ho-nl/m2-pwa/commit/e7c860c785e172b9275e1a00c8b51509d6b297a8))
81
+ - ignore md files from triggering version updates
82
+ ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
83
+ - **image:** add loading attribute to unoptimized image
84
+ ([13f7709](https://github.com/ho-nl/m2-pwa/commit/13f77096a5b1ed3f60cfa7b61ac7373d1a2b44d4))
85
+ - **image:** change sizing of images on grid/productpage
86
+ ([0e573b6](https://github.com/ho-nl/m2-pwa/commit/0e573b69a2d405126433e7c4747c01b533858b78))
87
+ - **image:** component would rerender unnessarily
88
+ ([bfc041d](https://github.com/ho-nl/m2-pwa/commit/bfc041d39e34faf60581dbdba7a15a32928368b3))
89
+ - **image:** do not report when image isn't rendered yet
90
+ ([5aa08ef](https://github.com/ho-nl/m2-pwa/commit/5aa08efc1eade69f53e1645c37fcb0632d83bc5e))
91
+ - **image:** fix build
92
+ ([b730cb6](https://github.com/ho-nl/m2-pwa/commit/b730cb6ae4e50dcf2f60e2046d6acf3047caacb3))
93
+ - **image:** image decoding async added
94
+ ([8c5f59f](https://github.com/ho-nl/m2-pwa/commit/8c5f59f54b9e28b60e197b7ddefdd78b71f6665e))
95
+ - **image:** image src is visible while loading the image
96
+ ([735d79e](https://github.com/ho-nl/m2-pwa/commit/735d79e8ccab296dcc5750458fc1760f17fe47c7))
97
+ - **image:** make sure unoptimized images are preloaded correctly and remove preloads from lots of
98
+ images
99
+ ([fb2b4fc](https://github.com/ho-nl/m2-pwa/commit/fb2b4fcb5336ff880a9b32775847d7b6738ba1ea))
100
+ - introduced SvgImageSimple and solve issue with review chips
101
+ ([931d7fd](https://github.com/ho-nl/m2-pwa/commit/931d7fdcf0faa9d2264899b72e564138215b6bd8))
102
+ - make packages private so they dont get published accidently
103
+ ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
54
104
 
55
105
  ### Features
56
106
 
57
- * **image:** allow passing props to the picture component ([3425664](https://github.com/ho-nl/m2-pwa/commit/3425664f197974d2e9db048fc94d447b2d34c280))
58
- * **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
59
- * **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
60
- * 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))
61
- * upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
62
-
63
-
64
-
65
-
107
+ - **image:** allow passing props to the picture component
108
+ ([3425664](https://github.com/ho-nl/m2-pwa/commit/3425664f197974d2e9db048fc94d447b2d34c280))
109
+ - **image:** introduced completely rewritten Image component
110
+ ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
111
+ - **playwright:** added new playwright package to enable browser testing
112
+ ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
113
+ - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
114
+ [@reachdigital](https://github.com/reachdigital)
115
+ ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
116
+ - upgraded to nextjs 11
117
+ ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
66
118
 
67
119
  # Change Log
68
120
 
package/components/Image.tsx CHANGED
@@ -2,16 +2,21 @@
2
2
  /* eslint-disable no-param-reassign */
3
3
  /* eslint-disable @next/next/no-img-element */
4
4
  /* eslint-disable jsx-a11y/alt-text */
5
- import { useForkRef } from '@material-ui/core'
6
- import { LoaderValue, VALID_LOADERS } from 'next/dist/server/image-config'
5
+ import { useForkRef, styled, SxProps, Theme } from '@mui/material'
6
+ import {
7
+ ImageConfigComplete,
8
+ LoaderValue,
9
+ VALID_LOADERS,
10
+ imageConfigDefault,
11
+ } from 'next/dist/server/image-config'
12
+ import { ImageConfigContext } from 'next/dist/shared/lib/image-config-context'
7
13
  import Head from 'next/head'
8
14
  import type { ImageLoaderProps, ImageLoader } from 'next/image'
9
- import React, { useEffect, useRef } from 'react'
15
+ import React, { useContext, useEffect, useMemo, useRef } from 'react'
10
16
  import {
11
17
  akamaiLoader,
12
18
  cloudinaryLoader,
13
19
  configDeviceSizes,
14
- configImageSizes,
15
20
  configLoader,
16
21
  configPath,
17
22
  DefaultImageLoaderProps,
@@ -43,8 +48,6 @@ type LayoutValue = 'fill' | 'fixed' | 'intrinsic' | 'responsive' | undefined
43
48
 
44
49
  type PlaceholderValue = 'blur' | 'empty'
45
50
 
46
- type ImgElementStyle = NonNullable<JSX.IntrinsicElements['img']['style']>
47
-
48
51
  interface StaticImageData {
49
52
  src: string
50
53
  height: number
@@ -70,12 +73,17 @@ export function isStaticImport(src: string | StaticImport): src is StaticImport
70
73
  return typeof src === 'object' && (isStaticRequire(src) || isStaticImageData(src))
71
74
  }
72
75
 
73
- // sort smallest to largest
74
- const allSizes = [...configDeviceSizes, ...configImageSizes]
75
- configDeviceSizes.sort((a, b) => a - b)
76
- allSizes.sort((a, b) => a - b)
76
+ export function srcToString(src: StaticImport | string) {
77
+ return isStaticImport(src) ? (isStaticRequire(src) ? src.default : src).src : src
78
+ }
79
+
80
+ // // sort smallest to largest
81
+ // const allSizes = [...configDeviceSizes, ...configImageSizes]
82
+ // configDeviceSizes.sort((a, b) => a - b)
83
+ // allSizes.sort((a, b) => a - b)
77
84
 
78
85
  function getWidths(
86
+ config: ImageLoaderProps['config'],
79
87
  width: number | undefined,
80
88
  layout: LayoutValue,
81
89
  sizes = '',
@@ -92,12 +100,12 @@ function getWidths(
92
100
  const smallestRatio = Math.min(...percentSizes) * 0.01
93
101
 
94
102
  return {
95
- widths: allSizes.filter((s) => s >= configDeviceSizes[0] * smallestRatio),
103
+ widths: config.allSizes.filter((s) => s >= configDeviceSizes[0] * smallestRatio),
96
104
  kind: 'w',
97
105
  }
98
106
  }
99
107
 
100
- return { widths: allSizes, kind: 'w' }
108
+ return { widths: config.allSizes, kind: 'w' }
101
109
  }
102
110
  if (typeof width !== 'number' || layout === 'fill') {
103
111
  return { widths: configDeviceSizes, kind: 'w' }
@@ -114,7 +122,7 @@ function getWidths(
114
122
  // > something like a magnifying glass.
115
123
  // https://blog.twitter.com/engineering/en_us/topics/infrastructure/2019/capping-image-fidelity-on-ultra-high-resolution-devices.html
116
124
  [width, width * 2 /* , width * 3*/].map(
117
- (w) => allSizes.find((p) => p >= w) || allSizes[allSizes.length - 1],
125
+ (w) => config.allSizes.find((p) => p >= w) || config.allSizes[config.allSizes.length - 1],
118
126
  ),
119
127
  ),
120
128
  ]
@@ -129,23 +137,17 @@ type GenImgAttrsData = {
129
137
  quality?: number
130
138
  sizes: string
131
139
  scale: number
140
+ config: ImageLoaderProps['config']
132
141
  }
133
142
 
134
- function generateSrcSet({
135
- src,
136
- layout,
137
- width,
138
- quality = 52,
139
- sizes,
140
- loader,
141
- scale,
142
- }: GenImgAttrsData): string {
143
- const { widths, kind } = getWidths(width, layout, sizes)
143
+ function generateSrcSet(props: GenImgAttrsData): string {
144
+ const { src, layout, width, quality = 52, sizes, loader, scale, config } = props
145
+ const { widths, kind } = getWidths(config, width, layout, sizes)
144
146
 
145
147
  return widths
146
148
  .map(
147
149
  (w, i) =>
148
- `${loader({ src, quality, width: w })} ${
150
+ `${loader({ src, quality, width: w, config })} ${
149
151
  kind === 'w' ? Math.round(w * scale) : i + 1
150
152
  }${kind}`,
151
153
  )
@@ -212,7 +214,7 @@ export type ImageProps = IntrisincImage & {
212
214
  dontReportWronglySizedImages?: boolean
213
215
  width?: number
214
216
  height?: number
215
- pictureProps?: JSX.IntrinsicElements['picture']
217
+ pictureProps?: JSX.IntrinsicElements['picture'] & { sx?: SxProps<Theme> }
216
218
  /**
217
219
  * Possible values:
218
220
  *
@@ -228,8 +230,16 @@ export type ImageProps = IntrisincImage & {
228
230
  placeholder?: PlaceholderValue
229
231
  /** Size the image is rendered on mobile */
230
232
  sizes?: SizesString | SizesRecord
233
+
234
+ sx?: SxProps<Theme>
231
235
  }
232
236
 
237
+ const Img = styled('img')({})
238
+ const Picture = styled('picture')({})
239
+
240
+ // eslint-disable-next-line no-underscore-dangle
241
+ const configEnv = process.env.__NEXT_IMAGE_OPTS as any as ImageConfigComplete
242
+
233
243
  const Image = React.forwardRef<HTMLImageElement, ImageProps>(
234
244
  (
235
245
  {
@@ -254,6 +264,14 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
254
264
  const ref = useRef<HTMLImageElement>(null)
255
265
  const combinedRef = useForkRef(ref, forwardedRef)
256
266
 
267
+ const configContext = useContext(ImageConfigContext)
268
+ const config: ImageLoaderProps['config'] = useMemo(() => {
269
+ const c = configEnv || configContext || imageConfigDefault
270
+ const allSizes = [...c.deviceSizes, ...c.imageSizes].sort((a, b) => a - b)
271
+ const deviceSizes = c.deviceSizes.sort((a, b) => a - b)
272
+ return { ...c, allSizes, deviceSizes }
273
+ }, [configContext])
274
+
257
275
  const sizesOrig =
258
276
  layout === 'fixed' && width && !sizesIncomming
259
277
  ? (`${width}px` as SizesString)
@@ -426,9 +444,36 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
426
444
  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
427
445
  if (src?.startsWith('data:') || src?.startsWith('blob:')) unoptimized = true
428
446
 
429
- const srcSet3x = generateSrcSet({ src, layout, loader, quality, sizes, width, scale: 1.5 })
430
- const srcSet2x = generateSrcSet({ src, layout, loader, quality, sizes, width, scale: 1 })
431
- const srcSet1x = generateSrcSet({ src, layout, loader, quality, sizes, width, scale: 0.5 })
447
+ const srcSet3x = generateSrcSet({
448
+ config,
449
+ src,
450
+ layout,
451
+ loader,
452
+ quality,
453
+ sizes,
454
+ width,
455
+ scale: 1.5,
456
+ })
457
+ const srcSet2x = generateSrcSet({
458
+ config,
459
+ src,
460
+ layout,
461
+ loader,
462
+ quality,
463
+ sizes,
464
+ width,
465
+ scale: 1,
466
+ })
467
+ const srcSet1x = generateSrcSet({
468
+ config,
469
+ src,
470
+ layout,
471
+ loader,
472
+ quality,
473
+ sizes,
474
+ width,
475
+ scale: 0.5,
476
+ })
432
477
 
433
478
  if (layout !== 'fixed' && !style) style = {}
434
479
  if (layout === 'responsive') style = { ...style, width: '100%', height: 'auto' }
@@ -438,7 +483,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
438
483
  return (
439
484
  <>
440
485
  {unoptimized ? (
441
- <img
486
+ <Img
442
487
  ref={combinedRef}
443
488
  {...imgProps}
444
489
  loading={loading ?? 'lazy'}
@@ -449,7 +494,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
449
494
  style={style}
450
495
  />
451
496
  ) : (
452
- <picture {...pictureProps}>
497
+ <Picture {...pictureProps}>
453
498
  <source media='(-webkit-min-device-pixel-ratio: 2.5)' srcSet={srcSet3x} sizes={sizes} />
454
499
  <source media='(-webkit-min-device-pixel-ratio: 1.5)' srcSet={srcSet2x} sizes={sizes} />
455
500
  <source
@@ -457,7 +502,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
457
502
  srcSet={srcSet1x}
458
503
  sizes={sizes}
459
504
  />
460
- <img
505
+ <Img
461
506
  ref={combinedRef}
462
507
  {...imgProps}
463
508
  src={src}
@@ -469,7 +514,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
469
514
  data-nimg
470
515
  decoding='async'
471
516
  />
472
- </picture>
517
+ </Picture>
473
518
  )}
474
519
  {loading === 'eager' && (
475
520
  <Head>
package/package.json CHANGED
@@ -1,14 +1,13 @@
1
1
  {
2
2
  "name": "@graphcommerce/image",
3
- "version": "2.105.13",
3
+ "homepage": "https://www.graphcommerce.org/",
4
+ "repository": "github:graphcommerce-org/graphcommerce",
5
+ "version": "3.0.2",
4
6
  "sideEffects": false,
5
7
  "scripts": {
6
8
  "dev": "tsc -W"
7
9
  },
8
10
  "prettier": "@graphcommerce/prettier-config-pwa",
9
- "browserslist": [
10
- "extends @graphcommerce/browserslist-config-pwa"
11
- ],
12
11
  "eslintConfig": {
13
12
  "extends": "@graphcommerce/eslint-config-pwa",
14
13
  "parserOptions": {
@@ -16,21 +15,18 @@
16
15
  }
17
16
  },
18
17
  "dependencies": {
19
- "@graphcommerce/framer-utils": "^2.103.21"
18
+ "@graphcommerce/framer-utils": "^3.0.2"
20
19
  },
21
20
  "devDependencies": {
22
- "@graphcommerce/browserslist-config-pwa": "^3.0.3",
23
- "@graphcommerce/eslint-config-pwa": "^3.1.10",
24
- "@graphcommerce/prettier-config-pwa": "^3.0.5",
25
- "@graphcommerce/typescript-config-pwa": "^3.1.2",
26
- "@playwright/test": "^1.17.1"
21
+ "@graphcommerce/eslint-config-pwa": "^4.0.2",
22
+ "@graphcommerce/prettier-config-pwa": "^4.0.1",
23
+ "@graphcommerce/typescript-config-pwa": "^4.0.1",
24
+ "@playwright/test": "^1.19.1"
27
25
  },
28
26
  "peerDependencies": {
29
- "clsx": "^1.1.1",
30
- "next": "^12.0.7",
27
+ "next": "^12.1.0",
31
28
  "react": "^17.0.2",
32
29
  "react-dom": "^17.0.2",
33
- "type-fest": "^2.8.0"
34
- },
35
- "gitHead": "ddea6bd034cb06864b33fc4d8af9a3b5dad1c914"
30
+ "type-fest": "^2.11.2"
31
+ }
36
32
  }