Add page visibility, transition and lifecycle features

features/dom.yml

@@ -104,7 +104,6 @@ compat_features:
   - api.Document.getElementsByTagNameNS
   - api.Document.hasFocus
   - api.Document.head
-  - api.Document.hidden
   - api.Document.images
   - api.Document.implementation
   - api.Document.importNode
@@ -122,8 +121,6 @@ compat_features:
   - api.Document.replaceChildren
   - api.Document.scripts
   - api.Document.title
-  - api.Document.visibilityState
-  - api.Document.visibilitychange_event
   - api.DocumentFragment
   - api.DocumentFragment.DocumentFragment
   - api.DocumentFragment.append

features/dom.yml.dist

@@ -631,20 +631,6 @@ compat_features:
   #   safari_ios: "8"
   - api.Document.currentScript
 
-  # baseline: high
-  # baseline_low_date: 2015-07-29
-  # baseline_high_date: 2018-01-29
-  # support:
-  #   chrome: "33"
-  #   chrome_android: "33"
-  #   edge: "12"
-  #   firefox: "18"
-  #   firefox_android: "18"
-  #   safari: "7"
-  #   safari_ios: "7"
-  - api.Document.hidden
-  - api.Document.visibilityState
-
   # baseline: high
   # baseline_low_date: 2015-11-12
   # baseline_high_date: 2018-05-12
@@ -1187,19 +1173,6 @@ compat_features:
   - api.DocumentFragment.replaceChildren
   - api.Element.replaceChildren
 
-  # baseline: high
-  # baseline_low_date: 2021-04-26
-  # baseline_high_date: 2023-10-26
-  # support:
-  #   chrome: "62"
-  #   chrome_android: "62"
-  #   edge: "18"
-  #   firefox: "56"
-  #   firefox_android: "56"
-  #   safari: "14.1"
-  #   safari_ios: "14.5"
-  - api.Document.visibilitychange_event
-
   # baseline: high
   # baseline_low_date: 2022-03-08
   # baseline_high_date: 2024-09-08

features/page-lifecycle.yml

@@ -0,0 +1,7 @@
+name: Page lifecycle
+description: "The page lifecycle API helps you safely handle page suspensions or discards from memory. The `freeze` and `resume` events fire when the browser suspends or resumes a page from memory while the `document.wasDiscarded` property reports whether the page was reloaded after being dropped."
+spec: https://wicg.github.io/page-lifecycle/
+compat_features:
+  - api.Document.freeze_event
+  - api.Document.resume_event
+  - api.Document.wasDiscarded

features/page-lifecycle.yml.dist

@@ -0,0 +1,13 @@
+# Generated from: page-lifecycle.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "68"
+    chrome_android: "68"
+    edge: "79"
+compat_features:
+  - api.Document.freeze_event
+  - api.Document.resume_event
+  - api.Document.wasDiscarded

features/page-transition-events.yml

@@ -0,0 +1,12 @@
+name: Page transition events
+description: "The `pageshow` and `pagehide` transition events fire when a document loads or unloads due to a navigation, such as clicking on a link on a page or the back button in a browser."
+spec: https://html.spec.whatwg.org/multipage/nav-history-apis.html#the-pagetransitionevent-interface
+caniuse: page-transition-events
+status:
+  compute_from: api.PageTransitionEvent
+compat_features:
+  - api.PageTransitionEvent
+  - api.PageTransitionEvent.PageTransitionEvent
+  - api.PageTransitionEvent.persisted
+  - api.Window.pagehide_event
+  - api.Window.pageshow_event

features/page-transition-events.yml.dist

@@ -0,0 +1,69 @@
+# Generated from: page-transition-events.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "4"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1.5"
+    firefox_android: "4"
+    safari: "5"
+    safari_ios: "4"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "3"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "6"
+  #   firefox_android: "6"
+  #   safari: "5"
+  #   safari_ios: "4.2"
+  - api.Window.pagehide_event
+  - api.Window.pageshow_event
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "4"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1.5"
+  #   firefox_android: "4"
+  #   safari: "5"
+  #   safari_ios: "4"
+  - api.PageTransitionEvent
+
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "4"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "11"
+  #   firefox_android: "14"
+  #   safari: "5"
+  #   safari_ios: "4"
+  - api.PageTransitionEvent.persisted
+
+  # baseline: high
+  # baseline_low_date: 2020-01-15
+  # baseline_high_date: 2022-07-15
+  # support:
+  #   chrome: "16"
+  #   chrome_android: "18"
+  #   edge: "79"
+  #   firefox: "11"
+  #   firefox_android: "14"
+  #   safari: "6"
+  #   safari_ios: "6"
+  - api.PageTransitionEvent.PageTransitionEvent

features/page-visibility.yml

@@ -0,0 +1,10 @@
+name: Page visibility
+description: "The `document.visibilityState` and `document.hidden` properties tell you whether the page is visible to the user (for example, it's not minimized or in a background tab)."
+spec: https://html.spec.whatwg.org/multipage/interaction.html#page-visibility
+caniuse: pagevisibility
+status:
+  compute_from: api.Document.hidden
+compat_features:
+  - api.Document.hidden
+  - api.Document.visibilityState
+  - api.Document.visibilitychange_event

features/page-visibility.yml.dist

@@ -0,0 +1,43 @@
+# Generated from: page-visibility.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "33"
+    chrome_android: "33"
+    edge: "12"
+    firefox: "18"
+    firefox_android: "18"
+    safari: "7"
+    safari_ios: "7"
+compat_features:
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "33"
+  #   chrome_android: "33"
+  #   edge: "12"
+  #   firefox: "18"
+  #   firefox_android: "18"
+  #   safari: "7"
+  #   safari_ios: "7"
+  - api.Document.hidden
+  - api.Document.visibilityState
+
+  # baseline: high
+  # baseline_low_date: 2021-04-26
+  # baseline_high_date: 2023-10-26
+  # support:
+  #   chrome: "62"
+  #   chrome_android: "62"
+  #   edge: "18"
+  #   firefox: "56"
+  #   firefox_android: "56"
+  #   safari: "14.1"
+  #   safari_ios: "14.5"
+  - api.Document.visibilitychange_event

features/view-transitions.yml

@@ -10,6 +10,8 @@ compat_features:
   - api.ViewTransition.ready
   - api.ViewTransition.skipTransition
   - api.ViewTransition.updateCallbackDone
+  - api.Window.pagereveal_event
+  - api.Window.pageswap_event
   - css.properties.view-transition-name
   - css.properties.view-transition-name.none
   - css.selectors.view-transition

features/view-transitions.yml.dist

@@ -4,11 +4,9 @@
 status:
   baseline: false
   support:
-    chrome: "111"
-    chrome_android: "111"
-    edge: "111"
-    safari: "18"
-    safari_ios: "18"
+    chrome: "124"
+    chrome_android: "124"
+    edge: "124"
 compat_features:
   # baseline: false
   # support:
@@ -23,7 +21,6 @@ compat_features:
   - css.selectors.view-transition-new
   - css.selectors.view-transition-old
 
-  # ⬇️ Same status as overall feature ⬇️
   # baseline: false
   # support:
   #   chrome: "111"
@@ -39,3 +36,18 @@ compat_features:
   - api.ViewTransition.updateCallbackDone
   - css.properties.view-transition-name
   - css.properties.view-transition-name.none
+
+  # baseline: false
+  # support:
+  #   chrome: "123"
+  #   chrome_android: "123"
+  #   edge: "123"
+  - api.Window.pagereveal_event
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: false
+  # support:
+  #   chrome: "124"
+  #   chrome_android: "124"
+  #   edge: "124"
+  - api.Window.pageswap_event