@graphcommerce/next-ui 9.1.0-canary.45 → 9.1.0-canary.47

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 9.1.0-canary.47
+
+### Patch Changes
+
+- [`4564271`](https://github.com/graphcommerce-org/graphcommerce/commit/4564271e702aab11c28e425029f4a7c09a4d5d61) - Created a revalidate method that returns a single value so that it can be overwritten centrally ([@paales](https://github.com/paales))
+
+## 9.1.0-canary.46
+
 ## 9.1.0-canary.45
 
 ## 9.1.0-canary.44
@@ -177,6 +185,7 @@
   ```
 
   When to use, replacement for:
+
   1. useMediaQuery: When you are now using useMediaQuery to conditionally render content for mobile or desktop. a. Is very slow as it has to wait for the JS to initialize on pageload. b. Can cause CLS problems if the useMediaQuery is used to render elements in the viewport. c. Can cause LCP issues if useMediaQuery is used to render the LCP element. d. Causes TBT problems as a component always needs to be rerendered. (And bad TBT can cause INP problems) e. HTML isn't present in the DOM, which can cause SEO issues.
   2. CSS Media query: When you are using CSS to show or hide content based on media queries. a. Causes TBT problems as both code paths need to be rendered. (And bad TBT can cause INP problems)
 
@@ -195,6 +204,7 @@
 ### Minor Changes
 
 - [#2216](https://github.com/graphcommerce-org/graphcommerce/pull/2216) [`74eb239`](https://github.com/graphcommerce-org/graphcommerce/commit/74eb2393a64988649178d59f53b33d41fecdd769) - Added Intl components, deprecated `useNumberFormat` and `useDateTimeFormatter`, and replaced usage sites. New components and hooks:
+
   - `<DisplayNames />` and `useIntlDisplayNames`
   - `<DateTimeFormat />`, `<DateFormat/>`, `<TimeFormat />` and `useIntlDateTimeFormat`
   - `<ListFormat />` and `useIntlListFormat`
@@ -435,6 +445,7 @@
 ### Minor Changes
 
 - [#1822](https://github.com/graphcommerce-org/graphcommerce/pull/1822) [`cc02c46e3`](https://github.com/graphcommerce-org/graphcommerce/commit/cc02c46e32c9a44a90789591f43d91ae234dac84) - Added Facebook Open Graph tags to product pages:
+
   - og:title
   - og:image
   - og:url
@@ -446,6 +457,7 @@
   - product:category ([@KMalkowski](https://github.com/KMalkowski))
 
 - [#1830](https://github.com/graphcommerce-org/graphcommerce/pull/1830) [`fafa76ba9`](https://github.com/graphcommerce-org/graphcommerce/commit/fafa76ba9e655739171abc553d309795c9d8e5c2) - Overlays now use an additional scroll container to handle vertical scroll, fixing:
+
   - Scrolling on desktop will not close the overlay when there is content to be scrolled
   - Scrolling will not snap to bottom / top when the content is barely scrollable
   - Dragging will only open or close the drawer, not something inbetween
@@ -513,6 +525,7 @@
 - [#1745](https://github.com/graphcommerce-org/graphcommerce/pull/1745) [`b1444b933`](https://github.com/graphcommerce-org/graphcommerce/commit/b1444b9336107d3ac111563f9b62a884f1b26a8d) - Bring password reset page more in line with standard forms, add missing translations. ([@github-actions](https://github.com/apps/github-actions))
 
 - [#1752](https://github.com/graphcommerce-org/graphcommerce/pull/1752) [`2a6a4d9ec`](https://github.com/graphcommerce-org/graphcommerce/commit/2a6a4d9ecfa1b58a66ba9b9d00016d6feda9aa95) - Updated dependencies to latest versions, except for nextjs; Solve tons of peer dependency issues.
+
   - Updated the @mui/material package
   - Removed dependencies on react-hook-form-mui and @playwright/test
   - Upgraded dependencies including type-fest and graphql-mesh
@@ -949,6 +962,7 @@
 ### Patch Changes
 
 - [#1509](https://github.com/graphcommerce-org/graphcommerce/pull/1509) [`0ab7c5465`](https://github.com/graphcommerce-org/graphcommerce/commit/0ab7c5465441cba9bf8cd185a6790ce2f443f4ed) Thanks [@paales](https://github.com/paales)! - SidebarGallery improvements (product page):
+
   - Prevent vertical scrolling
   - Disable zoom fab when there are no images
   - Hide scroller dots when there in only one image
@@ -1151,6 +1165,7 @@
 - [#1353](https://github.com/graphcommerce-org/graphcommerce/pull/1353) [`0e5ee7ba8`](https://github.com/graphcommerce-org/graphcommerce/commit/0e5ee7ba89698e5e711001e846ed182528060cba) Thanks [@paales](https://github.com/paales)! - Eslint: enable rules that were previously disabled and make fixes
 
 * [#1360](https://github.com/graphcommerce-org/graphcommerce/pull/1360) [`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c) Thanks [@paales](https://github.com/paales)! - Lots of fixes for LayoutOverlay:
+
   - When interacting with an overlay it causes browser resizes on mobile and causing a janky experience.
   - Allow interaction with the previous layer after it has been closed, instead of waiting for the actual route to complete.
   - Allow scrolling to the the bottom in the overlay when the height is just a bit higher than the window.
@@ -1307,6 +1322,7 @@
 - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281) [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d) Thanks [@paales](https://github.com/paales)! - Make sure we're able to style the backdrop and the regular overlay for LayoutOverlay
 
 * [#1284](https://github.com/ho-nl/m2-pwa/pull/1284) [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14) Thanks [@paales](https://github.com/paales)! - SvgIcon is now more extenable and flexible:
+
   - It will automatically calculate the stroke-width of the SVG based on the rendered size, allowing for a more flexible use for icons.
 
   - Make SvgIcon themable in your own Theme.

package/index.ts

@@ -9,9 +9,10 @@ export * from './Blog/BlogTitle/BlogTitle'
 export * from './Breadcrumbs'
 export * from './Button'
 export * from './ChipMenu/ChipMenu'
-export * from './FindAndReplace/FindAndReplace'
+export * from './Container/Container'
 export * from './ContainerWithHeader/ContainerWithHeader'
 export * from './Fab'
+export * from './FindAndReplace/FindAndReplace'
 export * from './FlagAvatar/FlagAvatar'
 export * from './Footer'
 export * from './Form/Form'
@@ -66,8 +67,8 @@ export * from './UspList/UspListItem'
 export * from './utils/cookie'
 export * from './utils/cssFlags'
 export * from './utils/normalizeLocale'
+export * from './utils/revalidate'
 export * from './utils/robots'
 export * from './utils/sitemap'
 export * from './utils/storefrontConfig'
 export * from './utils/sxx'
-export * from './Container/Container'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/next-ui",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.1.0-canary.45",
+  "version": "9.1.0-canary.47",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -24,13 +24,13 @@
     "@emotion/react": "^11",
     "@emotion/server": "^11",
     "@emotion/styled": "^11",
-    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.45",
-    "@graphcommerce/framer-next-pages": "^9.1.0-canary.45",
-    "@graphcommerce/framer-scroller": "^9.1.0-canary.45",
-    "@graphcommerce/framer-utils": "^9.1.0-canary.45",
-    "@graphcommerce/image": "^9.1.0-canary.45",
-    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.45",
-    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.45",
+    "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.47",
+    "@graphcommerce/framer-next-pages": "^9.1.0-canary.47",
+    "@graphcommerce/framer-scroller": "^9.1.0-canary.47",
+    "@graphcommerce/framer-utils": "^9.1.0-canary.47",
+    "@graphcommerce/image": "^9.1.0-canary.47",
+    "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.47",
+    "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.47",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/server.ts

@@ -1,9 +1,10 @@
+export * from './Document'
+export * from './PageMeta/canonicalize'
 export * from './Styles/withEmotionCache'
+export * from './utils/cookie'
 export * from './utils/getCssFlagInitScript'
 export * from './utils/normalizeLocale'
+export * from './utils/revalidate'
 export * from './utils/robots'
 export * from './utils/sitemap'
 export * from './utils/storefrontConfig'
-export * from './PageMeta/canonicalize'
-export * from './Document'
-export * from './utils/cookie'

package/utils/revalidate.ts

@@ -0,0 +1,13 @@
+type Revalidate = 'minutes' | 'hours' | 'days'
+
+export function revalidate(frequency: Revalidate = 'minutes') {
+  switch (frequency) {
+    case 'days':
+      return 60 * 60 * 24 * 20
+    case 'hours':
+      return 60 * 60 * 20
+    case 'minutes':
+    default:
+      return 60 * 20
+  }
+}