@graphcommerce/image 7.0.0-canary.21 → 7.0.0

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 +169 -1
  2. package/components/Image.tsx +3 -3
  3. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,6 +1,174 @@
1
1
  # Change Log
2
2
 
3
- ## 7.0.0-canary.21
3
+ ## 7.0.0
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1944](https://github.com/graphcommerce-org/graphcommerce/pull/1944) [`5ce61c3d5`](https://github.com/graphcommerce-org/graphcommerce/commit/5ce61c3d545b67ed2c19668a5a505a91d6ec02c7) - When an image's width isn't known or is 0 it would always load an image ([@paales](https://github.com/paales))
8
+
9
+ ## 6.2.0-canary.98
10
+
11
+ ## 6.2.0-canary.97
12
+
13
+ ## 6.2.0-canary.96
14
+
15
+ ## 6.2.0-canary.95
16
+
17
+ ## 6.2.0-canary.94
18
+
19
+ ## 6.2.0-canary.93
20
+
21
+ ## 6.2.0-canary.92
22
+
23
+ ## 6.2.0-canary.91
24
+
25
+ ## 6.2.0-canary.90
26
+
27
+ ## 6.2.0-canary.89
28
+
29
+ ## 6.2.0-canary.88
30
+
31
+ ## 6.2.0-canary.87
32
+
33
+ ## 6.2.0-canary.86
34
+
35
+ ## 6.2.0-canary.85
36
+
37
+ ## 6.2.0-canary.84
38
+
39
+ ## 6.2.0-canary.83
40
+
41
+ ## 6.2.0-canary.82
42
+
43
+ ## 6.2.0-canary.81
44
+
45
+ ## 6.2.0-canary.80
46
+
47
+ ## 6.2.0-canary.79
48
+
49
+ ### Patch Changes
50
+
51
+ - [#2013](https://github.com/graphcommerce-org/graphcommerce/pull/2013) [`c57bdf8a4`](https://github.com/graphcommerce-org/graphcommerce/commit/c57bdf8a4ce936c3eedc4dfada3a464a113ac68a) - Updated @mui and framer-motion packages to latest versions ([@paales](https://github.com/paales))
52
+
53
+ ## 6.2.0-canary.78
54
+
55
+ ## 6.2.0-canary.77
56
+
57
+ ## 6.2.0-canary.76
58
+
59
+ ## 6.2.0-canary.75
60
+
61
+ ## 6.2.0-canary.74
62
+
63
+ ## 6.2.0-canary.73
64
+
65
+ ## 6.2.0-canary.72
66
+
67
+ ## 6.2.0-canary.71
68
+
69
+ ## 6.2.0-canary.70
70
+
71
+ ## 6.2.0-canary.69
72
+
73
+ ## 6.2.0-canary.68
74
+
75
+ ## 6.2.0-canary.67
76
+
77
+ ## 6.2.0-canary.66
78
+
79
+ ## 6.2.0-canary.65
80
+
81
+ ## 6.2.0-canary.64
82
+
83
+ ## 6.2.0-canary.63
84
+
85
+ ## 6.2.0-canary.62
86
+
87
+ ## 6.2.0-canary.61
88
+
89
+ ## 6.2.0-canary.60
90
+
91
+ ## 6.2.0-canary.59
92
+
93
+ ## 6.2.0-canary.58
94
+
95
+ ## 6.2.0-canary.57
96
+
97
+ ## 6.2.0-canary.56
98
+
99
+ ## 6.2.0-canary.55
100
+
101
+ ## 6.2.0-canary.54
102
+
103
+ ## 6.2.0-canary.53
104
+
105
+ ## 6.2.0-canary.52
106
+
107
+ ## 6.2.0-canary.51
108
+
109
+ ## 6.2.0-canary.50
110
+
111
+ ## 6.2.0-canary.49
112
+
113
+ ## 6.2.0-canary.48
114
+
115
+ ## 6.2.0-canary.47
116
+
117
+ ## 6.2.0-canary.46
118
+
119
+ ## 6.2.0-canary.45
120
+
121
+ ## 6.2.0-canary.44
122
+
123
+ ## 6.2.0-canary.43
124
+
125
+ ## 6.2.0-canary.42
126
+
127
+ ## 6.2.0-canary.41
128
+
129
+ ## 6.2.0-canary.40
130
+
131
+ ## 6.2.0-canary.39
132
+
133
+ ## 6.2.0-canary.38
134
+
135
+ ## 6.2.0-canary.37
136
+
137
+ ## 6.2.0-canary.36
138
+
139
+ ## 6.2.0-canary.35
140
+
141
+ ## 6.2.0-canary.34
142
+
143
+ ## 6.2.0-canary.33
144
+
145
+ ## 6.2.0-canary.32
146
+
147
+ ## 6.2.0-canary.31
148
+
149
+ ## 6.2.0-canary.30
150
+
151
+ ## 6.2.0-canary.29
152
+
153
+ ## 6.2.0-canary.28
154
+
155
+ ## 6.2.0-canary.27
156
+
157
+ ## 6.2.0-canary.26
158
+
159
+ ## 6.2.0-canary.25
160
+
161
+ ### Patch Changes
162
+
163
+ - [#1944](https://github.com/graphcommerce-org/graphcommerce/pull/1944) [`5ce61c3d5`](https://github.com/graphcommerce-org/graphcommerce/commit/5ce61c3d545b67ed2c19668a5a505a91d6ec02c7) - When an image's width isn't known or is 0 it would always load an image ([@paales](https://github.com/paales))
164
+
165
+ ## 6.2.0-canary.24
166
+
167
+ ## 6.2.0-canary.23
168
+
169
+ ## 6.2.0-canary.22
170
+
171
+ ## 6.2.0-canary.21
4
172
 
5
173
  ## 6.2.0-canary.20
6
174
 
package/components/Image.tsx CHANGED
@@ -37,7 +37,7 @@ type ImageConfig = ImageConfigComplete & { allSizes: number[] }
37
37
  const DEFAULT_SIZES: SizesRecord = { 0: '100vw', 1200: '50vw' }
38
38
 
39
39
  const VALID_LOADING_VALUES = ['lazy', 'eager', undefined] as const
40
- type LoadingValue = typeof VALID_LOADING_VALUES[number]
40
+ type LoadingValue = (typeof VALID_LOADING_VALUES)[number]
41
41
 
42
42
  const loaders = new Map<LoaderValue, (props: DefaultImageLoaderProps) => string>([
43
43
  ['imgix', imgixLoader],
@@ -147,14 +147,14 @@ function generateSrcSet(props: GenImgAttrsData): string {
147
147
  const { src, layout, width, quality = 52, sizes, loader, scale, config } = props
148
148
  const { widths, kind } = getWidths(config, width, layout, sizes)
149
149
 
150
- return widths
150
+ return `${widths
151
151
  .map(
152
152
  (w, i) =>
153
153
  `${loader({ src, quality, width: w })} ${
154
154
  kind === 'w' ? Math.round(w * scale) : i + 1
155
155
  }${kind}`,
156
156
  )
157
- .join(', ')
157
+ .join(', ')}, data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7 1w`
158
158
  }
159
159
 
160
160
  function defaultImageLoader(loaderProps: ImageLoaderProps) {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/image",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "7.0.0-canary.21",
5
+ "version": "7.0.0",
6
6
  "sideEffects": false,
7
7
  "scripts": {
8
8
  "dev": "tsc -W"
@@ -15,12 +15,12 @@
15
15
  }
16
16
  },
17
17
  "dependencies": {
18
- "@graphcommerce/framer-utils": "7.0.0-canary.21"
18
+ "@graphcommerce/framer-utils": "7.0.0"
19
19
  },
20
20
  "devDependencies": {
21
- "@graphcommerce/eslint-config-pwa": "7.0.0-canary.21",
22
- "@graphcommerce/prettier-config-pwa": "7.0.0-canary.21",
23
- "@graphcommerce/typescript-config-pwa": "7.0.0-canary.21"
21
+ "@graphcommerce/eslint-config-pwa": "7.0.0",
22
+ "@graphcommerce/prettier-config-pwa": "7.0.0",
23
+ "@graphcommerce/typescript-config-pwa": "7.0.0"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "@mui/material": "^5.10.16",