@graphcommerce/framer-next-pages 3.1.0 → 3.1.3

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 (7) hide show
  1. package/CHANGELOG.md +134 -227
  2. package/components/Page.tsx +3 -13
  3. package/components/PageRenderer.tsx +0 -1
  4. package/components/Pages.tsx +26 -5
  5. package/hooks/useGo.ts +2 -3
  6. package/index.ts +1 -2
  7. package/package.json +7 -6
package/CHANGELOG.md CHANGED
@@ -1,186 +1,164 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.1.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1363](https://github.com/graphcommerce-org/graphcommerce/pull/1363) [`c9f7ac026`](https://github.com/graphcommerce-org/graphcommerce/commit/c9f7ac026b49047eca05be208b515f364e21571c) Thanks [@paales](https://github.com/paales)! - Calling back multiple times in succession doens’t work on ipad and causes flashes on other devices. Replace with window.history.go(-x)
8
+
9
+ * [#1360](https://github.com/graphcommerce-org/graphcommerce/pull/1360) [`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c) Thanks [@paales](https://github.com/paales)! - Make sure the minimum height of the viewport is at least the viewport size on mobile.
10
+
11
+ * Updated dependencies [[`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c)]:
12
+ - @graphcommerce/framer-utils@3.1.0
13
+
14
+ ## 3.1.2
15
+
16
+ ### Patch Changes
17
+
18
+ - [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655) Thanks [@paales](https://github.com/paales)! - All default exports are now named exports internally and all `index.tsx` are renamed to the component name.
19
+
20
+ * [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef) Thanks [@paales](https://github.com/paales)! - upgrade dependencies
21
+
22
+ * Updated dependencies [[`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
23
+ - @graphcommerce/framer-utils@3.0.4
24
+
25
+ ## 3.1.1
26
+
27
+ ### Patch Changes
28
+
29
+ - [#1294](https://github.com/ho-nl/m2-pwa/pull/1294) [`afb993244`](https://github.com/ho-nl/m2-pwa/commit/afb993244aabc8135ce54a79743cbf63bc5677d3) Thanks [@paales](https://github.com/paales)! - Make sure the fallback handles localization properly
30
+
3
31
  ## 3.1.0
4
32
 
5
33
  ### Minor Changes
6
34
 
7
- - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281)
8
- [`4bb963d75`](https://github.com/ho-nl/m2-pwa/commit/4bb963d7595b5ce6e3a4924cc2e3e8b0210cdcd6)
9
- Thanks [@paales](https://github.com/paales)! - Add an option the FramerNextPages component to
10
- define a fallback and fallbackRoute.
35
+ - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281) [`4bb963d75`](https://github.com/ho-nl/m2-pwa/commit/4bb963d7595b5ce6e3a4924cc2e3e8b0210cdcd6) Thanks [@paales](https://github.com/paales)! - Add an option the FramerNextPages component to define a fallback and fallbackRoute.
11
36
 
12
37
  ### Patch Changes
13
38
 
14
- - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
15
- Thanks [@paales](https://github.com/paales)! - made packages public
39
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
16
40
 
17
- - Updated dependencies
18
- [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)]:
41
+ - Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)]:
19
42
  - @graphcommerce/framer-utils@3.0.3
20
43
 
21
44
  ## 3.0.2
22
45
 
23
46
  ### Patch Changes
24
47
 
25
- - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
26
- [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
27
- Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
28
- `ApolloErrorSnackbar` to the ecommerce-ui package.
48
+ - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274) [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7) Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and `ApolloErrorSnackbar` to the ecommerce-ui package.
29
49
 
30
- Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
31
- `magento-graphcms` example.
50
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from `magento-graphcms` example.
32
51
 
33
52
  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
34
53
 
35
54
  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
36
55
 
37
- * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
38
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
39
- Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
40
- `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
41
- duplicate packages in the node_modules folders.
42
-
43
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
44
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
45
- Thanks [@paales](https://github.com/paales)! - Upgraded to
46
- [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
47
- implementing
48
- [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
49
- soon.
50
-
51
- This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
52
- frontend to be able to revalidate pages manually.
53
-
54
- - Updated dependencies
55
- [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
56
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
56
+ * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2) Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from `dependencies` to `peerDependencies`. The result of this is that there will be significantly less duplicate packages in the node_modules folders.
57
+
58
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d) Thanks [@paales](https://github.com/paales)! - Upgraded to [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be implementing [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta) soon.
59
+
60
+ This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the frontend to be able to revalidate pages manually.
61
+
62
+ - Updated dependencies [[`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
57
63
  - @graphcommerce/framer-utils@3.0.2
58
64
 
59
65
  ## 3.0.1
60
66
 
61
67
  ### Patch Changes
62
68
 
63
- - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)
64
- Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files,
65
- so that the packages link to back to the website and repository
66
- - Updated dependencies
67
- [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
69
+ - [`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514) Thanks [@paales](https://github.com/paales)! - Added homepage and repository package.json files, so that the packages link to back to the website and repository
70
+ - Updated dependencies [[`0cbaa878b`](https://github.com/ho-nl/m2-pwa/commit/0cbaa878b8a844d5abbeb1797b625a33130e6514)]:
68
71
  - @graphcommerce/framer-utils@3.0.1
69
72
 
70
73
  ## 3.0.0
71
74
 
72
75
  ### Major Changes
73
76
 
74
- - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258)
75
- [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)
76
- Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
77
+ - [#1258](https://github.com/ho-nl/m2-pwa/pull/1258) [`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05) Thanks [@paales](https://github.com/paales)! - Upgraded to Material UI 5
77
78
 
78
79
  ### Patch Changes
79
80
 
80
- - Updated dependencies
81
- [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
81
+ - Updated dependencies [[`ad36382a4`](https://github.com/ho-nl/m2-pwa/commit/ad36382a4d55d83d9e47b7eb6a02671a2a631a05)]:
82
82
  - @graphcommerce/framer-utils@3.0.0
83
83
 
84
- All notable changes to this project will be documented in this file. See
85
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
84
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
86
85
 
87
86
  ## [2.109.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.109.1...@graphcommerce/framer-next-pages@2.109.2) (2022-01-04)
88
87
 
89
88
  ### Bug Fixes
90
89
 
91
- - regression where close button didn't work
92
- ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
90
+ - regression where close button didn't work ([5bf57b4](https://github.com/ho-nl/m2-pwa/commit/5bf57b470ab7c013fbe0a896792fcb316a454aa4))
93
91
 
94
92
  # [2.109.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.11...@graphcommerce/framer-next-pages@2.109.0) (2022-01-03)
95
93
 
96
94
  ### Features
97
95
 
98
- - **framer-next-pages:** reduce rerenders when navigating to a new page
99
- ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
96
+ - **framer-next-pages:** reduce rerenders when navigating to a new page ([5cf3301](https://github.com/ho-nl/m2-pwa/commit/5cf330130bb3527057da015e3c4a6fa295d7262e))
100
97
 
101
98
  ## [2.108.10](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.9...@graphcommerce/framer-next-pages@2.108.10) (2021-12-23)
102
99
 
103
100
  ### Bug Fixes
104
101
 
105
- - **framer-next-pages:** closing is janky, caused by setting pointer-events to none, trying without
106
- resetting the pointerevents
107
- ([9247fa3](https://github.com/ho-nl/m2-pwa/commit/9247fa312926416802abd68ea04b1e6b52531f2c))
102
+ - **framer-next-pages:** closing is janky, caused by setting pointer-events to none, trying without resetting the pointerevents ([9247fa3](https://github.com/ho-nl/m2-pwa/commit/9247fa312926416802abd68ea04b1e6b52531f2c))
108
103
 
109
104
  ## [2.108.8](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.7...@graphcommerce/framer-next-pages@2.108.8) (2021-12-21)
110
105
 
111
106
  ### Bug Fixes
112
107
 
113
- - **graphql:** make sure we're passing the correct store code to the schema endpoint
114
- ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
115
- - make sure we're remounting when the store changes
116
- ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
108
+ - **graphql:** make sure we're passing the correct store code to the schema endpoint ([39753f2](https://github.com/ho-nl/m2-pwa/commit/39753f2117ce7ba79dab035c4134e642829e7f18))
109
+ - make sure we're remounting when the store changes ([10756e3](https://github.com/ho-nl/m2-pwa/commit/10756e3eb252f8a91d84534ae024edb382a4ea0d))
117
110
 
118
111
  ## [2.108.7](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.6...@graphcommerce/framer-next-pages@2.108.7) (2021-12-20)
119
112
 
120
113
  ### Bug Fixes
121
114
 
122
- - animations would run on background page, make sure animations are not running when page is not
123
- active
124
- ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
115
+ - animations would run on background page, make sure animations are not running when page is not active ([2fcf4b8](https://github.com/ho-nl/m2-pwa/commit/2fcf4b8a853108147477e3a67c7ea202abb2842f))
125
116
 
126
117
  ## [2.108.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.2...@graphcommerce/framer-next-pages@2.108.3) (2021-12-15)
127
118
 
128
119
  ### Bug Fixes
129
120
 
130
- - **framer-next-pages:** make sure the cancellation of loading the fallback doesn't show an error
131
- ([3470461](https://github.com/ho-nl/m2-pwa/commit/34704612c7b19a61a8309967b982e5f04c0fe8b2))
121
+ - **framer-next-pages:** make sure the cancellation of loading the fallback doesn't show an error ([3470461](https://github.com/ho-nl/m2-pwa/commit/34704612c7b19a61a8309967b982e5f04c0fe8b2))
132
122
 
133
123
  ## [2.108.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.108.1...@graphcommerce/framer-next-pages@2.108.2) (2021-12-13)
134
124
 
135
125
  ### Bug Fixes
136
126
 
137
- - make sure we're using the correct variant
138
- ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
127
+ - make sure we're using the correct variant ([7fff606](https://github.com/ho-nl/m2-pwa/commit/7fff606390bc63c14cd8c033fbe5138226517869))
139
128
 
140
129
  # [2.108.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.107.5...@graphcommerce/framer-next-pages@2.108.0) (2021-12-03)
141
130
 
142
131
  ### Bug Fixes
143
132
 
144
- - **framer-next-pages:** do no throw error when framer next pages is recreated
145
- ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
146
- - make sure the fallback loads during idle timing to prevent jank
147
- ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
148
- - make sure the overlay becomes visible, even if the overlay is scrolled
149
- ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
150
- - make sure the overlays are rendered correctly on mobile
151
- ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
152
- - minHeight of page on iOS is sometimes less high than expected
153
- ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
154
- - spacing of LayoutTItle
155
- ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
133
+ - **framer-next-pages:** do no throw error when framer next pages is recreated ([6c4665b](https://github.com/ho-nl/m2-pwa/commit/6c4665b4a00adb1c1d770c458a590f4360be83d8))
134
+ - make sure the fallback loads during idle timing to prevent jank ([dd888e2](https://github.com/ho-nl/m2-pwa/commit/dd888e27b94091233d74ddba1023310b09910f0f))
135
+ - make sure the overlay becomes visible, even if the overlay is scrolled ([1738c98](https://github.com/ho-nl/m2-pwa/commit/1738c982ea84ec2b93daa824c4b8c86ab2a3f5ed))
136
+ - make sure the overlays are rendered correctly on mobile ([48f7050](https://github.com/ho-nl/m2-pwa/commit/48f705060e99b997f5b1db03ccc49f1051a1ed8f))
137
+ - minHeight of page on iOS is sometimes less high than expected ([8a0bc23](https://github.com/ho-nl/m2-pwa/commit/8a0bc234d153d974ac415369483ddabfb5e7fb0c))
138
+ - spacing of LayoutTItle ([7afcd31](https://github.com/ho-nl/m2-pwa/commit/7afcd3163d16e902cf2ff7917f56ee6a8798f55b))
156
139
 
157
140
  ### Features
158
141
 
159
- - **framer-next-pages:** automatically create a fallback page when there is no page to render.
160
- ([f18a804](https://github.com/ho-nl/m2-pwa/commit/f18a804a228901431f848927844dd9cd324170c1))
142
+ - **framer-next-pages:** automatically create a fallback page when there is no page to render. ([f18a804](https://github.com/ho-nl/m2-pwa/commit/f18a804a228901431f848927844dd9cd324170c1))
161
143
 
162
144
  ## [2.107.3](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.107.2...@graphcommerce/framer-next-pages@2.107.3) (2021-11-02)
163
145
 
164
146
  ### Bug Fixes
165
147
 
166
- - **framer-next-pages:** prevent back button loop when previous page is the up page of the previous
167
- page ([cbdde83](https://github.com/ho-nl/m2-pwa/commit/cbdde83790337bdf4c5f03c907ca6e6e02792e70))
148
+ - **framer-next-pages:** prevent back button loop when previous page is the up page of the previous page ([cbdde83](https://github.com/ho-nl/m2-pwa/commit/cbdde83790337bdf4c5f03c907ca6e6e02792e70))
168
149
 
169
150
  # [2.107.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.106.12...@graphcommerce/framer-next-pages@2.107.0) (2021-10-27)
170
151
 
171
152
  ### Features
172
153
 
173
- - **nextjs:** upgraded to nextjs 12
174
- ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
154
+ - **nextjs:** upgraded to nextjs 12 ([9331bc8](https://github.com/ho-nl/m2-pwa/commit/9331bc801f6419522115cc47d291d49d608d5a90))
175
155
 
176
156
  ## [2.106.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.106.0...@graphcommerce/framer-next-pages@2.106.2) (2021-09-27)
177
157
 
178
158
  ### Bug Fixes
179
159
 
180
- - ignore example directories when publishing
181
- ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
182
- - versions
183
- ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
160
+ - ignore example directories when publishing ([620cbb2](https://github.com/ho-nl/m2-pwa/commit/620cbb2d8e68b727b8593e2e45702c4d12276d92))
161
+ - versions ([b8b306c](https://github.com/ho-nl/m2-pwa/commit/b8b306c8f3a13415e441d0593c638ae2a3731cd6))
184
162
 
185
163
  ## [2.106.1](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.106.0...@graphcommerce/framer-next-pages@2.106.1) (2021-09-27)
186
164
 
@@ -188,135 +166,78 @@ All notable changes to this project will be documented in this file. See
188
166
 
189
167
  # Change Log
190
168
 
191
- All notable changes to this project will be documented in this file. See
192
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
169
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
193
170
 
194
171
  # 2.106.0 (2021-09-27)
195
172
 
196
173
  ### Bug Fixes
197
174
 
198
- - **app-shell-header:** offset not always correctly set
199
- ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
200
- - back button behavior
201
- ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
202
- - edit billing address updating state
203
- ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
204
- - **framer-next-pages:** back navigation renders the wrong page, items were reversed
205
- ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
206
- - **framer-next-pages:** backSteps returns NaN
207
- ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
208
- - **framer-next-pages:** better opening handling of sheets
209
- ([ab5b7d1](https://github.com/ho-nl/m2-pwa/commit/ab5b7d155df65f9e4ffa21b8c676eaf4be894f3a))
210
- - **framer-next-pages:** do not render initial animation
211
- ([6debfbf](https://github.com/ho-nl/m2-pwa/commit/6debfbfa21fd6b14ee3ff80b388b9008d2901f43))
212
- - **framer-next-pages:** fix closing of overlay in example
213
- ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
214
- - **framer-next-pages:** give back control to previous page as soon as possible
215
- ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
216
- - **framer-next-pages:** overlay offset fixes
217
- ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
218
- - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page
219
- ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
220
- - **framer-next-pages:** router proxy couldn’t fall back to home
221
- ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
222
- - **framer-next-pages:** set height of container properly on mobile
223
- ([a91728d](https://github.com/ho-nl/m2-pwa/commit/a91728d087a557800110477691704b6918ddf35c))
224
- - **framer-next-pages:** stacking order becomes reversed
225
- ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
226
- - **framer-next-page:** usePageRouter in SharedLayout
227
- ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
228
- - **framer-sheet:** left/rigth sheet is a little higher than the page
229
- ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
230
- - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast
231
- ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
232
- - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar
233
- ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
234
- - ignore md files from triggering version updates
235
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
236
- - make packages private so they dont get published accidently
237
- ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
238
- - performance of overlays on firefox
239
- ([46d256d](https://github.com/ho-nl/m2-pwa/commit/46d256dc611eb0eb9b9b01e7cd9d99845ef3b6da))
240
- - **use-back-link:** pop history after going back
241
- ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
175
+ - **app-shell-header:** offset not always correctly set ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
176
+ - back button behavior ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
177
+ - edit billing address updating state ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
178
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
179
+ - **framer-next-pages:** backSteps returns NaN ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
180
+ - **framer-next-pages:** better opening handling of sheets ([ab5b7d1](https://github.com/ho-nl/m2-pwa/commit/ab5b7d155df65f9e4ffa21b8c676eaf4be894f3a))
181
+ - **framer-next-pages:** do not render initial animation ([6debfbf](https://github.com/ho-nl/m2-pwa/commit/6debfbfa21fd6b14ee3ff80b388b9008d2901f43))
182
+ - **framer-next-pages:** fix closing of overlay in example ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
183
+ - **framer-next-pages:** give back control to previous page as soon as possible ([4870925](https://github.com/ho-nl/m2-pwa/commit/4870925554cfee3ac94209719d9464b82fce9cc5))
184
+ - **framer-next-pages:** overlay offset fixes ([1b45cc8](https://github.com/ho-nl/m2-pwa/commit/1b45cc85412c17a4a02ae6a3bad23808def6cbfc))
185
+ - **framer-next-pages:** prevent unessary rerender when navigating back to a previous page ([a5568d0](https://github.com/ho-nl/m2-pwa/commit/a5568d00a034ef0686bd36b548af1def93ad1522))
186
+ - **framer-next-pages:** router proxy couldn’t fall back to home ([7644698](https://github.com/ho-nl/m2-pwa/commit/76446981898e7573148ad71d496ef5bafc1232b8))
187
+ - **framer-next-pages:** set height of container properly on mobile ([a91728d](https://github.com/ho-nl/m2-pwa/commit/a91728d087a557800110477691704b6918ddf35c))
188
+ - **framer-next-pages:** stacking order becomes reversed ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
189
+ - **framer-next-page:** usePageRouter in SharedLayout ([c2fb164](https://github.com/ho-nl/m2-pwa/commit/c2fb164b342770089b787378a3f79529c36d2152))
190
+ - **framer-sheet:** left/rigth sheet is a little higher than the page ([4c4679d](https://github.com/ho-nl/m2-pwa/commit/4c4679d00de1e3306aa0587ad9f9f10df8e2324a))
191
+ - **framer-sheet:** make opacity animation of SheetBackdrop less jarring when dragging fast ([f25b7ce](https://github.com/ho-nl/m2-pwa/commit/f25b7ce2a16a621799a434704ed77b59089808cb))
192
+ - **framer-sheet:** make sure the left/right drawer have more space / better scrollbar ([226387a](https://github.com/ho-nl/m2-pwa/commit/226387a5e7b9b8a93f9516c97879be959b8072dc))
193
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
194
+ - make packages private so they dont get published accidently ([f7b693f](https://github.com/ho-nl/m2-pwa/commit/f7b693ff6a4d232d0871f6a68922d14678853a96))
195
+ - performance of overlays on firefox ([46d256d](https://github.com/ho-nl/m2-pwa/commit/46d256dc611eb0eb9b9b01e7cd9d99845ef3b6da))
196
+ - **use-back-link:** pop history after going back ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
242
197
 
243
198
  ### Features
244
199
 
245
- - ability to add a fallback
246
- ([470110c](https://github.com/ho-nl/m2-pwa/commit/470110c82c1de15954570aa28dc3f81048ae1ca1))
247
- - content header component
248
- ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
249
- - **framer-next-motion:** handle resizes
250
- ([4d9c297](https://github.com/ho-nl/m2-pwa/commit/4d9c2975c7b08cfdb1c024338a8d018e22808fc6))
251
- - **framer-next-page:** introduced SheetHeader
252
- ([dd6949f](https://github.com/ho-nl/m2-pwa/commit/dd6949fd027f6ec984f4de44fe75b36265f44906))
253
- - **framer-next-pages:** add sheet variants top, left, bottom, right
254
- ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
255
- - **framer-next-pages:** added SheetBackdrop component
256
- ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
257
- - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once
258
- ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
259
- - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays
260
- ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
261
- - **framer-next-pages:** animate drag indicator when resizing height
262
- ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
263
- - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet
264
- ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
265
- - **framer-next-pages:** base sheet on container height
266
- ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
267
- - **framer-next-pages:** enable dragging when the content isn’t scrollable
268
- ([3df9115](https://github.com/ho-nl/m2-pwa/commit/3df9115d3fbf72dbe547780f0bc6ce80e42b9e47))
269
- - **framer-next-pages:** implemented the FullPageShell for the remaining pages
270
- ([88386b4](https://github.com/ho-nl/m2-pwa/commit/88386b4652abb7765d6e755c7fb7a3cb6285a0e7))
271
- - **framer-next-pages:** made all animations renderless
272
- ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
273
- - **framer-next-pages:** move example to @graphcommerce/next-config
274
- ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
275
- - **framer-next-pages:** usePageDirection to determine which direction the user is navigating
276
- ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
277
- - **framer-next-pages:** working on new sheet component
278
- ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
279
- - **framer-sheet:** added SheetHeader component
280
- ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
281
- - **framer-sheet:** created separate package that can be implemented
282
- ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
283
- - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages
284
- ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
285
- - **image:** introduced completely rewritten Image component
286
- ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
287
- - imported react-modal-sheet
288
- ([e3a76f7](https://github.com/ho-nl/m2-pwa/commit/e3a76f71a6c8f7b5cfc0766673265733040ba164))
289
- - introduced SharedComponent to share layout between routes
290
- ([4e0f73c](https://github.com/ho-nl/m2-pwa/commit/4e0f73c5272b61806ffef1e516c453ffb9c9b0ab))
291
- - introduces framer-next-pages and framer-sheet to next-ui and soxbase package
292
- ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
293
- - left and sidebar drawers
294
- ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
295
- - next.js 11
296
- ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
297
- - **pageContext:** history prop
298
- ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
299
- - **playwright:** added new playwright package to enable browser testing
300
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
301
- - renamed all packages to use [@graphcommerce](https://github.com/graphcommerce) instead of
302
- [@reachdigital](https://github.com/reachdigital)
303
- ([491e4ce](https://github.com/ho-nl/m2-pwa/commit/491e4cec9a2686472dac36b79f999257c0811ffe))
304
- - upgraded to nextjs 11
305
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
306
- - **use-back-link:** go back in history when links are identical
307
- ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
200
+ - ability to add a fallback ([470110c](https://github.com/ho-nl/m2-pwa/commit/470110c82c1de15954570aa28dc3f81048ae1ca1))
201
+ - content header component ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
202
+ - **framer-next-motion:** handle resizes ([4d9c297](https://github.com/ho-nl/m2-pwa/commit/4d9c2975c7b08cfdb1c024338a8d018e22808fc6))
203
+ - **framer-next-page:** introduced SheetHeader ([dd6949f](https://github.com/ho-nl/m2-pwa/commit/dd6949fd027f6ec984f4de44fe75b36265f44906))
204
+ - **framer-next-pages:** add sheet variants top, left, bottom, right ([f0b44b4](https://github.com/ho-nl/m2-pwa/commit/f0b44b44a3c4976a35ca3235e305bd5f281f78d7))
205
+ - **framer-next-pages:** added SheetBackdrop component ([4981744](https://github.com/ho-nl/m2-pwa/commit/4981744a8bc5f74a0b7d510e0000d3070b388c79))
206
+ - **framer-next-pages:** added useCloseOverlay hook to close multiple steps at once ([55b7473](https://github.com/ho-nl/m2-pwa/commit/55b74730e64060c20072bf10f34d346964edc51f))
207
+ - **framer-next-pages:** added usePageRouter().go(-2) functionality to close overlays ([cb177e7](https://github.com/ho-nl/m2-pwa/commit/cb177e7266939b3a6a4f04c03852f024fd2dca3e))
208
+ - **framer-next-pages:** animate drag indicator when resizing height ([5b687d1](https://github.com/ho-nl/m2-pwa/commit/5b687d1cf5a04dfa2f499d1335404cd41992a7aa))
209
+ - **framer-next-pages:** animate the SheetBackdrop based on the y-value of the sheet ([96af2d4](https://github.com/ho-nl/m2-pwa/commit/96af2d4dcab87f952f9d3621a7cce9099f9310f6))
210
+ - **framer-next-pages:** base sheet on container height ([b8293e3](https://github.com/ho-nl/m2-pwa/commit/b8293e3762892529d39d3e12032d0450166ae79e))
211
+ - **framer-next-pages:** enable dragging when the content isn’t scrollable ([3df9115](https://github.com/ho-nl/m2-pwa/commit/3df9115d3fbf72dbe547780f0bc6ce80e42b9e47))
212
+ - **framer-next-pages:** implemented the FullPageShell for the remaining pages ([88386b4](https://github.com/ho-nl/m2-pwa/commit/88386b4652abb7765d6e755c7fb7a3cb6285a0e7))
213
+ - **framer-next-pages:** made all animations renderless ([7604fc0](https://github.com/ho-nl/m2-pwa/commit/7604fc037d76cefda711b7b6ccb40f14c1ef4c8e))
214
+ - **framer-next-pages:** move example to @graphcommerce/next-config ([b801856](https://github.com/ho-nl/m2-pwa/commit/b801856d370804616a986a6a66ba88ae4f193b4b))
215
+ - **framer-next-pages:** usePageDirection to determine which direction the user is navigating ([6769b90](https://github.com/ho-nl/m2-pwa/commit/6769b909486cbcc8bf58d83d13e0ef1b84a7389d))
216
+ - **framer-next-pages:** working on new sheet component ([cc6fb11](https://github.com/ho-nl/m2-pwa/commit/cc6fb11b22db59276a3ea32493bf340c02850a2c))
217
+ - **framer-sheet:** added SheetHeader component ([2cc164e](https://github.com/ho-nl/m2-pwa/commit/2cc164eac4b5022cfdf347a83ea559e26103063f))
218
+ - **framer-sheet:** created separate package that can be implemented ([69cc8ce](https://github.com/ho-nl/m2-pwa/commit/69cc8ce3237125335524728a70f4dae050032108))
219
+ - **framer-utils:** created framer-utils and implemented for framer-sheet and framer-next-pages ([788bf28](https://github.com/ho-nl/m2-pwa/commit/788bf282d4a38ec5e78ab7244065c540dfc132a1))
220
+ - **image:** introduced completely rewritten Image component ([e3413b3](https://github.com/ho-nl/m2-pwa/commit/e3413b3a57392d6571ea64cb8d9c8dca05ea31df))
221
+ - imported react-modal-sheet ([e3a76f7](https://github.com/ho-nl/m2-pwa/commit/e3a76f71a6c8f7b5cfc0766673265733040ba164))
222
+ - introduced SharedComponent to share layout between routes ([4e0f73c](https://github.com/ho-nl/m2-pwa/commit/4e0f73c5272b61806ffef1e516c453ffb9c9b0ab))
223
+ - introduces framer-next-pages and framer-sheet to next-ui and soxbase package ([e04ad8a](https://github.com/ho-nl/m2-pwa/commit/e04ad8a94cd1fd5a7c5575c9db7916b6e8a88f16))
224
+ - left and sidebar drawers ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
225
+ - next.js 11 ([7d61407](https://github.com/ho-nl/m2-pwa/commit/7d614075a778f488045034f74be4f75b93f63c43))
226
+ - **pageContext:** history prop ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
227
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
228
+ - 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))
229
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
230
+ - **use-back-link:** go back in history when links are identical ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
308
231
 
309
232
  # Change Log
310
233
 
311
- All notable changes to this project will be documented in this file. See
312
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
234
+ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
313
235
 
314
236
  ## [2.105.5](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.105.4...@graphcommerce/framer-next-pages@2.105.5) (2021-09-24)
315
237
 
316
238
  ### Bug Fixes
317
239
 
318
- - edit billing address updating state
319
- ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
240
+ - edit billing address updating state ([ecd9f48](https://github.com/ho-nl/m2-pwa/commit/ecd9f48ce313d8e7a698c06ff29b88231dc50168))
320
241
 
321
242
  # [2.105.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.104.0...@graphcommerce/framer-next-pages@2.105.0) (2021-08-30)
322
243
 
@@ -324,62 +245,48 @@ All notable changes to this project will be documented in this file. See
324
245
 
325
246
  ### Bug Fixes
326
247
 
327
- - **use-back-link:** pop history after going back
328
- ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
248
+ - **use-back-link:** pop history after going back ([20d69ef](https://github.com/ho-nl/m2-pwa/commit/20d69eff868d53d07084e5d1f78819939a5f429c))
329
249
 
330
250
  ### Features
331
251
 
332
- - **pageContext:** history prop
333
- ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
334
- - **use-back-link:** go back in history when links are identical
335
- ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
252
+ - **pageContext:** history prop ([9094551](https://github.com/ho-nl/m2-pwa/commit/909455146d159a839fa72046c15332fc763f315f))
253
+ - **use-back-link:** go back in history when links are identical ([9be8a05](https://github.com/ho-nl/m2-pwa/commit/9be8a050d418d2ef24bb6894c5946a1268883aba))
336
254
 
337
255
  # [2.104.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.103.1...@graphcommerce/framer-next-pages@2.104.0) (2021-08-17)
338
256
 
339
257
  ### Features
340
258
 
341
- - left and sidebar drawers
342
- ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
259
+ - left and sidebar drawers ([12a3b72](https://github.com/ho-nl/m2-pwa/commit/12a3b72edfad38a4b82701ec502f2f4d85c40e53))
343
260
 
344
261
  # [2.103.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.102.4...@graphcommerce/framer-next-pages@2.103.0) (2021-08-12)
345
262
 
346
263
  ### Features
347
264
 
348
- - upgraded to nextjs 11
349
- ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
265
+ - upgraded to nextjs 11 ([0053beb](https://github.com/ho-nl/m2-pwa/commit/0053beb7ef597c190add7264256a0eaec35868da))
350
266
 
351
267
  # [2.102.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.101.2...@graphcommerce/framer-next-pages@2.102.0) (2021-07-26)
352
268
 
353
269
  ### Features
354
270
 
355
- - **playwright:** added new playwright package to enable browser testing
356
- ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
271
+ - **playwright:** added new playwright package to enable browser testing ([6f49ec7](https://github.com/ho-nl/m2-pwa/commit/6f49ec7595563775b96ebf21c27e39da1282e8d9))
357
272
 
358
273
  ## [2.101.2](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.101.1...@graphcommerce/framer-next-pages@2.101.2) (2021-07-23)
359
274
 
360
275
  ### Bug Fixes
361
276
 
362
- - **app-shell-header:** offset not always correctly set
363
- ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
277
+ - **app-shell-header:** offset not always correctly set ([11a8907](https://github.com/ho-nl/m2-pwa/commit/11a890764be1ab4f6c584a5c8ca4e6620d0d73e5))
364
278
 
365
279
  # [2.101.0](https://github.com/ho-nl/m2-pwa/compare/@graphcommerce/framer-next-pages@2.100.10...@graphcommerce/framer-next-pages@2.101.0) (2021-07-20)
366
280
 
367
281
  ### Bug Fixes
368
282
 
369
- - back button behavior
370
- ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
371
- - **framer-next-pages:** back navigation renders the wrong page, items were reversed
372
- ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
373
- - **framer-next-pages:** backSteps returns NaN
374
- ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
375
- - **framer-next-pages:** fix closing of overlay in example
376
- ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
377
- - **framer-next-pages:** stacking order becomes reversed
378
- ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
379
- - ignore md files from triggering version updates
380
- ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
283
+ - back button behavior ([59f7b20](https://github.com/ho-nl/m2-pwa/commit/59f7b2047194c3506037fc88d791302c7c4a1a69))
284
+ - **framer-next-pages:** back navigation renders the wrong page, items were reversed ([7168fc1](https://github.com/ho-nl/m2-pwa/commit/7168fc1d1daa3920ae401dda0029e35a253068ec))
285
+ - **framer-next-pages:** backSteps returns NaN ([31ac95a](https://github.com/ho-nl/m2-pwa/commit/31ac95a75fb166efdc2d52d0aa0e40e45290e6bb))
286
+ - **framer-next-pages:** fix closing of overlay in example ([049a9a7](https://github.com/ho-nl/m2-pwa/commit/049a9a79f882bcf6251fc24cb395b88418349557))
287
+ - **framer-next-pages:** stacking order becomes reversed ([65bda4e](https://github.com/ho-nl/m2-pwa/commit/65bda4e8df199d805da6edc12ba61badf56eac8f))
288
+ - ignore md files from triggering version updates ([4f98392](https://github.com/ho-nl/m2-pwa/commit/4f9839250b3a32d3070da5290e5efcc5e2243fba))
381
289
 
382
290
  ### Features
383
291
 
384
- - content header component
385
- ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
292
+ - content header component ([9cf58cd](https://github.com/ho-nl/m2-pwa/commit/9cf58cd5ced3e89237fc04076aa0fae3618205ef))
package/components/Page.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { css } from '@emotion/react'
1
+ import { clientSizeCssVar } from '@graphcommerce/framer-utils'
2
2
  import { m, useIsPresent } from 'framer-motion'
3
3
  import React from 'react'
4
4
  import type { PageItem } from '../types'
@@ -14,7 +14,7 @@ export function scrollPos(idx: number): { x: number; y: number } {
14
14
  return scroll ? JSON.parse(scroll) : { x: 0, y: 0 }
15
15
  }
16
16
 
17
- export default function Page(props: PageProps) {
17
+ export function Page(props: PageProps) {
18
18
  const { active, historyIdx, children } = props
19
19
  const isPresent = useIsPresent()
20
20
 
@@ -34,17 +34,7 @@ export default function Page(props: PageProps) {
34
34
  const zIndex = active ? 1 : undefined
35
35
 
36
36
  return (
37
- <m.div
38
- style={{ position, top, zIndex }}
39
- css={css({
40
- left: 0,
41
- right: 0,
42
- minHeight: '100vh',
43
- '@supports (-webkit-touch-callout: none)': {
44
- height: '-webkit-fill-available',
45
- },
46
- })}
47
- >
37
+ <m.div style={{ position, top, zIndex, minHeight: clientSizeCssVar.y, left: 0, right: 0 }}>
48
38
  {children}
49
39
  </m.div>
50
40
  )
package/components/PageRenderer.tsx CHANGED
@@ -5,7 +5,6 @@ import React, { useMemo } from 'react'
5
5
  import { pageRouterContext } from '../context/pageRouterContext'
6
6
  import { PageItem } from '../types'
7
7
 
8
- // eslint-disable-next-line react/jsx-no-useless-fragment
9
8
  const NoLayout: React.FC = ({ children }) => <>{children}</>
10
9
 
11
10
  export type PageRendererProps = Omit<AppPropsType, 'router'> & {
package/components/Pages.tsx CHANGED
@@ -1,11 +1,12 @@
1
- import { AnimatePresence } from 'framer-motion'
1
+ import { clientSizeCssVar, useClientSizeCssVar } from '@graphcommerce/framer-utils'
2
+ import { AnimatePresence, m } from 'framer-motion'
2
3
  import { requestIdleCallback, cancelIdleCallback } from 'next/dist/client/request-idle-callback'
3
4
  import { AppPropsType } from 'next/dist/shared/lib/utils'
4
5
  import { NextRouter, Router } from 'next/router'
5
6
  import { useEffect, useRef, useState } from 'react'
6
7
  import { pageContext } from '../context/pageContext'
7
8
  import type { PageComponent, PageItem, UpPage } from '../types'
8
- import Page from './Page'
9
+ import { Page } from './Page'
9
10
  import { PageRenderer } from './PageRenderer'
10
11
 
11
12
  function findPlainIdx(items: PageItem[]) {
@@ -40,9 +41,10 @@ function getPageInfo(router: NextRouter) {
40
41
  // return url
41
42
  // }
42
43
 
43
- export default function FramerNextPages(props: PagesProps) {
44
+ export function FramerNextPages(props: PagesProps) {
44
45
  const { router, Component, pageProps: incomingProps, fallback = '/', fallbackRoute = '/' } = props
45
46
 
47
+ useClientSizeCssVar()
46
48
  const items = useRef<PageItem[]>([])
47
49
  const idx = Number(global.window?.history.state?.idx ?? 0)
48
50
  const prevHistory = useRef<number>(-1)
@@ -107,7 +109,7 @@ export default function FramerNextPages(props: PagesProps) {
107
109
  fallback,
108
110
  fallback,
109
111
  { shallow: false },
110
- undefined,
112
+ router.locale,
111
113
  false,
112
114
  )
113
115
 
@@ -128,7 +130,23 @@ export default function FramerNextPages(props: PagesProps) {
128
130
 
129
131
  cancel = requestIdleCallback(() => setFallback(fbItem))
130
132
  } catch (e) {
131
- // Loading failed, we do nothing.
133
+ if (process.env.NODE_ENV !== 'production') {
134
+ // eslint-disable-next-line no-console
135
+ console.log(
136
+ `%cTurn on "Preseve log on navigation" to see the error`,
137
+ 'color: blue; font-family:sans-serif; font-size: 20px',
138
+ )
139
+
140
+ console.error(
141
+ `@graphcommerce/framer-next-pages encountered loading the fallback.
142
+ This happens because the currently configured fallback '${fallback}'
143
+ or fallbackRoute '${fallbackRoute}' isn't correct.
144
+
145
+ Please make sure the fallbackRoute matches the filename of the index page you want to load. e.g. '/[...url]'
146
+ and pass it as a param in <FramerNextPages fallbackRoute='/[...url]' /> in your _app.tsx file.
147
+ `,
148
+ )
149
+ }
132
150
  }
133
151
  }
134
152
 
@@ -169,6 +187,9 @@ export default function FramerNextPages(props: PagesProps) {
169
187
 
170
188
  return (
171
189
  <AnimatePresence initial={false}>
190
+ <m.div
191
+ style={{ position: 'absolute', top: 0, minHeight: clientSizeCssVar.y, left: 0, right: 0 }}
192
+ />
172
193
  {renderItems.map((item, itemIdx) => {
173
194
  const { historyIdx, sharedKey, overlayGroup } = item
174
195
  const active = itemIdx === renderItems.length - 1
package/hooks/useGo.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useRouter } from 'next/router'
2
2
 
3
3
  export function useGo(delta: number) {
4
- const { push, back } = useRouter()
4
+ const { push } = useRouter()
5
5
  return () => {
6
6
  if (delta >= 0) {
7
7
  console.error(`Called .go(${delta}), only negative numbers are allowed. Redirecting to home`)
@@ -10,7 +10,6 @@ export function useGo(delta: number) {
10
10
  return
11
11
  }
12
12
 
13
- const deltaAbs = Math.abs(delta)
14
- for (let i = 0; i < deltaAbs; i++) back()
13
+ window.history.go(delta)
15
14
  }
16
15
  }
package/index.ts CHANGED
@@ -1,5 +1,4 @@
1
- export { default as FramerNextPages } from './components/Pages'
2
-
1
+ export * from './components/Pages'
3
2
  export * from './context/pageContext'
4
3
  export * from './context/pageRouterContext'
5
4
  export type { PageOptions, PageComponent } from './types'
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/framer-next-pages",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "3.1.0",
5
+ "version": "3.1.3",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,18 +12,19 @@
12
12
  }
13
13
  },
14
14
  "dependencies": {
15
- "@graphcommerce/framer-utils": "^3.0.3"
15
+ "@graphcommerce/framer-utils": "^3.1.0"
16
16
  },
17
17
  "devDependencies": {
18
- "@graphcommerce/eslint-config-pwa": "^4.0.3",
19
- "@graphcommerce/prettier-config-pwa": "^4.0.2",
18
+ "@graphcommerce/eslint-config-pwa": "^4.1.2",
19
+ "@graphcommerce/prettier-config-pwa": "^4.0.3",
20
20
  "@graphcommerce/typescript-config-pwa": "^4.0.2",
21
- "@playwright/test": "^1.19.1"
21
+ "@playwright/test": "^1.19.2"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "framer-motion": "^6.2.4",
25
25
  "next": "^12.1.0",
26
26
  "react": "^17.0.2",
27
- "react-dom": "^17.0.2"
27
+ "react-dom": "^17.0.2",
28
+ "@emotion/react": "^11.8.2"
28
29
  }
29
30
  }