From 1795f13234efc4625baba602b5208d96498b17bd Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 20:59:39 +0100
Subject: [PATCH 01/27] Build: Add JS build process

---
 package.json      |  51 ++++++++++++++++
 webpack.config.js | 146 ++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 197 insertions(+)
 create mode 100644 package.json
 create mode 100644 webpack.config.js

diff --git a/package.json b/package.json
new file mode 100644
index 0000000..2fb7937
--- /dev/null
+++ b/package.json
@@ -0,0 +1,51 @@
+{
+	"name": "site-performance-tracker",
+	"version": "1.0.0",
+	"description": "Site Performance Tracker",
+	"author": "XWP",
+	"license": "GPL-2.0-or-later",
+	"keywords": [
+		"WordPress",
+		"Plugin"
+	],
+	"engines": {
+		"node": ">=14.0.0"
+	},
+	"homepage": "https://github.com/xwp/site-performance-tracker#readme",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/xwp/site-performance-tracker.git"
+	},
+	"bugs": {
+		"url": "https://github.com/xwp/site-performance-tracker/issues"
+	},
+	"browserslist": [
+		"last 2 Chrome versions",
+		"last 2 Firefox versions",
+		"last 2 Safari versions",
+		"last 2 Edge versions",
+		"last 2 iOS versions",
+		"last 1 Android version",
+		"last 1 ChromeAndroid version",
+		"> 2%"
+	],
+	"devDependencies": {
+		"@babel/plugin-syntax-dynamic-import": "^7.8.3",
+		"@wordpress/scripts": "^13.0.3",
+		"del": "^6.0.0",
+		"dir-archiver": "^1.1.1",
+		"gulp": "^4.0.2",
+		"gulp-rename": "^2.0.0",
+		"npm-run-all": "^4.1.5",
+		"webpackbar": "^5.0.0-3"
+	},
+	"scripts": {
+		"dev:js": "wp-scripts start",
+		"build:js": "wp-scripts build",
+		"lint:js": "wp-scripts lint-js",
+		"format:js": "npm run lint:js -- --fix"
+	},
+	"dependencies": {
+		"web-vitals": "^1.1.1"
+	}
+}
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..3d93312
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,146 @@
+/**
+ * External dependencies
+ */
+
+// TerserPlugin is bundled in Webpack 5.
+// eslint-disable-next-line import/no-extraneous-dependencies
+const TerserPlugin = require( 'terser-webpack-plugin' );
+// path is a native Node module
+// eslint-disable-next-line import/no-extraneous-dependencies
+const path = require( 'path' );
+const WebpackBar = require( 'webpackbar' );
+
+const config = {
+	srcDir: '/js/src/',
+	distDirModern: 'js/dist/module/',
+	distDirLegacy: 'js/dist/nomodule/'
+};
+
+config.modernJsEntries = {
+	'web-vitals-analytics': config.srcDir + 'web-vitals-analytics.js',
+};
+
+config.legacyJsEntries = {};
+
+/**
+ * WordPress dependencies
+ */
+const defaultConfig = require( '@wordpress/scripts/config/webpack.config' );
+
+const sharedConfig = {
+	optimization: {
+		minimizer: [
+			new TerserPlugin( {
+				parallel: true,
+				sourceMap: false,
+				cache: true,
+				terserOptions: {
+					output: {
+						comments: /translators:/i,
+					},
+				},
+				extractComments: false,
+			} ),
+		],
+	},
+	plugins: [ ...defaultConfig.plugins ],
+};
+
+const configureBabelLoader = ( browserlist ) => {
+	return {
+		test: /\.js$/,
+		use: {
+			loader: 'babel-loader',
+			options: {
+				babelrc: false,
+				exclude: [
+					/core-js/,
+					/regenerator-runtime/,
+				],
+				presets: [
+					[ '@babel/preset-env', {
+						loose: true,
+						modules: false,
+						// debug: true,
+						corejs: 3,
+						useBuiltIns: 'usage',
+						targets: {
+							browsers: browserlist,
+						},
+					} ],
+				],
+				plugins: [ '@babel/plugin-syntax-dynamic-import' ],
+			},
+		},
+	};
+};
+
+const legacyConfig = {
+	output: {
+		path: path.join( __dirname, config.distDirLegacy ),
+		filename: `[name].js`,
+		chunkFilename: `[name].js`,
+	},
+	module: {
+		rules: [
+			configureBabelLoader( [
+				'> 2%',
+				'not IE 11',
+				'last 2 versions',
+			] ),
+		],
+	},
+};
+
+const modernConfig = {
+	output: {
+		path: path.join( __dirname, config.distDirModern ),
+		filename: `[name].js`,
+		chunkFilename: `[name].js`,
+	},
+	module: {
+		rules: [
+			configureBabelLoader( [
+				// The last two versions of each browser, excluding versions
+				// that don't support <script type="module">.
+				'last 2 Chrome versions', 'not Chrome < 60',
+				'last 2 Safari versions', 'not Safari < 10.1',
+				'last 2 iOS versions', 'not iOS < 10.3',
+				'last 2 Firefox versions', 'not Firefox < 54',
+				'last 2 Edge versions', 'not Edge < 15',
+			] ),
+		],
+	},
+};
+
+const legacyJs = {
+	...defaultConfig,
+	...sharedConfig,
+	...legacyConfig,
+	entry: config.legacyJsEntries,
+	plugins: [
+		...sharedConfig.plugins,
+		// Display nice progress bar while building or watching.
+		new WebpackBar( {
+			name: 'LegacyJs',
+			color: '#003296',
+		} ),
+	],
+};
+
+const modernJs = {
+	...defaultConfig,
+	...sharedConfig,
+	...modernConfig,
+	entry: config.modernJsEntries,
+	plugins: [
+		...sharedConfig.plugins,
+		// Display nice progress bar while building or watching.
+		new WebpackBar( {
+			name: 'ModernJs',
+			color: '#36f271',
+		} ),
+	],
+};
+
+module.exports = [ modernJs ];

From 64dda684bbd0b0d67419cdd80618043f916658c8 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 20:59:56 +0100
Subject: [PATCH 02/27] Build: PHPCS ignore node modules & dist

---
 phpcs.xml.dist | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/phpcs.xml.dist b/phpcs.xml.dist
index 21acd1f..22e2c53 100644
--- a/phpcs.xml.dist
+++ b/phpcs.xml.dist
@@ -4,11 +4,13 @@
 	<arg value="s" /><!-- Show sniffs in all reports. -->
 
 	<rule ref="WordPress-Docs" />
-	
+
 	<rule ref="WordPress-Core">
 		<exclude name="WordPress.Files.FileName" />
 		<exclude name="Generic.Formatting.MultipleStatementAlignment" />
 	</rule>
 
 	<exclude-pattern>/vendor/</exclude-pattern>
+	<exclude-pattern>*/js/dist/*</exclude-pattern>
+	<exclude-pattern>*/node_modules/*</exclude-pattern>
 </ruleset>

From b36c07469dcd11e7bb1a0927562330879458ff93 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 21:00:38 +0100
Subject: [PATCH 03/27] WebVitals Analytics: Enqueue JS

---
 php/Plugin.php | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/php/Plugin.php b/php/Plugin.php
index a1d95cb..0262db7 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -71,6 +71,11 @@ protected function register_hooks() {
 			add_action( 'wp_footer', array( $this, 'add_before_action_mark' ), - PHP_INT_MAX );
 			add_action( 'wp_footer', array( $this, 'add_after_action_mark' ), PHP_INT_MAX );
 		}
+
+		/**
+		 * Load web vitals analytics.
+		 */
+		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
 	}
 
 	/**
@@ -215,5 +220,21 @@ public static function get_the_performance_mark( $mark_slug ) {
 
 		return sprintf( 'performance && performance.mark( %s );', wp_json_encode( 'mark_' . $mark_slug ) );
 	}
+
+	/**
+	 * Enqueue javascript to trigger web vitals tracking.
+	 */
+	public function enqueue_scripts() {
+		$asset = include plugin_dir_path( __DIR__ ) . '/js/dist/module/web-vitals-analytics.asset.php';
+
+		// Add to footer.
+		wp_enqueue_script(
+			'web-vitals-analytics',
+			plugin_dir_url( __DIR__ ) . 'js/dist/module/web-vitals-analytics.js',
+			$asset['dependencies'],
+			$asset['version'],
+			true
+		);
+	}
 }
 

From 7def689a3e608fa4a8089630dc36b48e5cf1e7b1 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 21:05:39 +0100
Subject: [PATCH 04/27] Web Vitals Analytics: Starting point

---
 js/src/web-vitals-analytics.js | 178 +++++++++++++++++++++++++++++++++
 1 file changed, 178 insertions(+)
 create mode 100644 js/src/web-vitals-analytics.js

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
new file mode 100644
index 0000000..abf6585
--- /dev/null
+++ b/js/src/web-vitals-analytics.js
@@ -0,0 +1,178 @@
+/*
+ * Copyright 2020 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* global gtag */
+
+import { getCLS, getFCP, getFID, getLCP } from "web-vitals";
+
+const getConfig = (id) => {
+	const config = {
+		measurement_version: "4",
+		page_path: location.pathname,
+	};
+
+	if (id.startsWith("UA-")) {
+		Object.assign(config, {
+			transport_type: "beacon",
+			custom_map: {
+				dimension1: "measurement_version",
+				dimension2: "client_id",
+				dimension3: "segments",
+				dimension4: "config",
+				dimension5: "event_meta",
+				dimension6: "event_debug",
+				metric1: "report_size",
+			},
+		});
+	}
+	if (id.startsWith("G-")) {
+		if (location.hostname !== "web-vitals-report.web.app") {
+			config.debug_mode = true;
+		}
+	}
+	return ["config", id, config];
+};
+
+const thresholds = {
+	CLS: [0.1, 0.25],
+	FCP: [1800, 3000],
+	FID: [100, 300],
+	LCP: [2500, 4000],
+};
+
+function getRating(value, thresholds) {
+	if (value > thresholds[1]) {
+		return "poor";
+	}
+	if (value > thresholds[0]) {
+		return "ni";
+	}
+	return "good";
+}
+
+function getNodePath(node) {
+	try {
+		let name = node.nodeName.toLowerCase();
+		if (name === "body") {
+			return "html>body";
+		}
+		if (node.id) {
+			return `${name}#${node.id}`;
+		}
+		if (node.className && node.className.length) {
+			name += `.${[...node.classList.values()].join(".")}`;
+		}
+		return `${getNodePath(node.parentElement)}>${name}`;
+	} catch (error) {
+		return "(error)";
+	}
+}
+
+function getDebugInfo(name, entries = []) {
+	const firstEntry = entries[0];
+	const lastEntry = entries[entries.length - 1];
+
+	switch (name) {
+		case "LCP":
+			if (lastEntry) {
+				return getNodePath(lastEntry.element);
+			}
+		case "FID":
+			if (firstEntry) {
+				const { name } = firstEntry;
+				// Report interactions with the `google-signin2` element as that,
+				// not any of the sub-elements.
+				if (firstEntry.target.closest("#google-signin2")) {
+					return `${name}(#google-signin2)`;
+				}
+				return `${name}(${getNodePath(firstEntry.target)})`;
+			}
+		case "CLS":
+			if (entries.length) {
+				const largestShift = entries.reduce((a, b) => {
+					return a && a.value > b.value ? a : b;
+				});
+				if (largestShift && largestShift.sources) {
+					const largestSource = largestShift.sources.reduce((a, b) => {
+						return a.node &&
+							a.previousRect.width * a.previousRect.height >
+								b.previousRect.width * b.previousRect.height
+							? a
+							: b;
+					});
+					if (largestSource) {
+						return getNodePath(largestSource.node);
+					}
+				}
+			}
+		default:
+			return "(not set)";
+	}
+}
+
+function sendToGoogleAnalytics({ name, value, delta, id, entries }) {
+	gtag("event", name, {
+		value: Math.round(name === "CLS" ? delta * 1000 : delta),
+		event_category: "Web Vitals",
+		event_label: id,
+		event_meta: getRating(value, thresholds[name]),
+		event_debug: getDebugInfo(name, entries),
+		non_interaction: true,
+	});
+}
+
+export function measureWebVitals() {
+	getCLS(sendToGoogleAnalytics);
+	getFCP(sendToGoogleAnalytics);
+	getFID(sendToGoogleAnalytics);
+	getLCP(sendToGoogleAnalytics);
+}
+
+function anonymizeConfig(state) {
+	const opts = state[`opts:${state.viewId}`];
+	if (opts && opts.active) {
+		return [
+			`id=${opts.metricIdDim}`,
+			`name=${opts.metricNameDim}`,
+			`metrics=${[opts.lcpName, opts.fidName, opts.clsName].join(",")}`,
+			`filters=${opts.filters}`,
+		].join("|");
+	}
+	return "(not set)";
+}
+
+export function measureReport({ state, duration, report, error }) {
+	gtag("event", `report_${error ? "error" : "success"}`, {
+		value: duration,
+		report_size: report ? report.rows.length : 0,
+		segments: [state.segmentA, state.segmentB].sort().join(", "),
+		config: anonymizeConfig(state),
+		event_category: "Usage",
+		event_label: error ? error.code || error.message : "(not set)",
+		event_meta: report ? report.meta.source : "(not set)",
+	});
+}
+
+export function initAnalytics() {
+	if (location.hostname !== "web-vitals-report.web.app") {
+		window.gtag = console.log;
+	}
+
+	gtag("js", new Date());
+	gtag(...getConfig("UA-XXXXXXXX-Y"));
+
+	measureWebVitals();
+}

From 8ee67b6bfa67d6003baf88de558ec1528f6fe0d9 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 21:23:52 +0100
Subject: [PATCH 05/27] Build: Eslint config

---
 .eslintignore  |  4 ++++
 .eslintrc.json | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 52 insertions(+)
 create mode 100644 .eslintignore
 create mode 100755 .eslintrc.json

diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..a9a3605
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,4 @@
+**/*.min.js
+**/node_modules/**
+**/vendor/**
+**/js/dist/*.js
diff --git a/.eslintrc.json b/.eslintrc.json
new file mode 100755
index 0000000..e2cb683
--- /dev/null
+++ b/.eslintrc.json
@@ -0,0 +1,48 @@
+{
+  "extends": [
+    "plugin:@wordpress/eslint-plugin/recommended",
+    "prettier"
+  ],
+  "rules": {
+    "@wordpress/i18n-text-domain": [
+      "error",
+      {
+        "allowedTextDomain": [ "xcurrent" ]
+      }
+    ],
+    "prettier/prettier": [
+      "error",
+      {
+        "singleQuote": true,
+        "parenSpacing": true,
+        "trailingComma": "es5",
+        "jsxBracketSameLine": false,
+        "arrowParens": "avoid"
+      }
+    ]
+  },
+  "overrides": [
+    {
+      "files":[
+        "**/__tests__/**/*.js",
+        "**/test/*.js",
+        "**/?(*.)test.js",
+        "tests/js/**/*.js"
+      ],
+      "extends": [
+        "plugin:jest/all"
+      ],
+      "rules": {
+        "jest/lowercase-name": [
+          "error",
+          {
+            "ignore": [ "describe" ]
+          }
+        ],
+        "jest/no-hooks": "off",
+        "jest/prefer-expect-assertions": "off",
+        "jest/prefer-inline-snapshots": "off"
+      }
+    }
+  ]
+}

From d4d962ec52eca298aa9411a9e65d7662bf6bbf1e Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 21:30:11 +0100
Subject: [PATCH 06/27] WebVitals: Initialise with minimal performance impact

---
 js/src/web-vitals-analytics.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index abf6585..d23fc21 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -167,7 +167,7 @@ export function measureReport({ state, duration, report, error }) {
 }
 
 export function initAnalytics() {
-	if (location.hostname !== "web-vitals-report.web.app") {
+	if ( 'undefined' === typeof( window.gtag ) ) {
 		window.gtag = console.log;
 	}
 
@@ -176,3 +176,17 @@ export function initAnalytics() {
 
 	measureWebVitals();
 }
+
+( function () {
+	if ( 'requestIdleCallback' in window ) {
+		requestIdleCallback( initAnalytics );
+	} else {
+		if ( 'complete' === document.readyState ) {
+			setTimeout( initAnalytics, 5000 );
+		} else {
+			window.addEventListener( 'load', () => {
+				setTimeout( initAnalytics, 5000 );
+			} );
+		}
+	}
+} )();

From e618fb5e53f2888315aafad94ce155ce898967c7 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 7 Apr 2021 21:35:27 +0100
Subject: [PATCH 07/27] WebVitals: Track only the 95% modern browsers

---
 php/Plugin.php | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/php/Plugin.php b/php/Plugin.php
index 0262db7..3fc7eb3 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -76,6 +76,11 @@ protected function register_hooks() {
 		 * Load web vitals analytics.
 		 */
 		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );
+
+		/**
+		 * Load only for modern browsers
+		 */
+		add_filter( 'script_loader_tag', array( $this, 'optimize_scripts' ), 10, 2 );
 	}
 
 	/**
@@ -236,5 +241,25 @@ public function enqueue_scripts() {
 			true
 		);
 	}
+
+	/**
+	 * Optimize script tag attributes.
+	 *
+	 * @param string $tag    Tag mark-up.
+	 * @param string $handle Script ID.
+	 *
+	 * @return $tag
+	 */
+	public function optimize_scripts( $tag, $handle ) {
+		if ( 'web-vitals-analytics' !== $handle ) {
+			return $tag;
+		}
+
+		// Replaces only the first occurrence of src in the tag. Avoids replacing inside inline scripts.
+		if ( false !== strpos( $tag, ' src' ) ) {
+			return substr_replace( $tag, ' type="module" src', strpos( $tag, ' src' ), strlen( ' src' ) );
+		}
+		return $tag;
+	}
 }
 

From 0d5845496d578480ebe43f6fa916e46a0fa3b754 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Thu, 8 Apr 2021 12:56:26 +0100
Subject: [PATCH 08/27] Format: Lint JS

---
 .eslintignore                  |   2 +-
 js/src/web-vitals-analytics.js | 199 +++++++++++++++++----------------
 webpack.config.js              |  77 +++++--------
 3 files changed, 127 insertions(+), 151 deletions(-)

diff --git a/.eslintignore b/.eslintignore
index a9a3605..eef7762 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,4 +1,4 @@
 **/*.min.js
 **/node_modules/**
 **/vendor/**
-**/js/dist/*.js
+**/js/dist/**/*.js
diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index d23fc21..618088f 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -14,165 +14,169 @@
  * limitations under the License.
  */
 
-/* global gtag */
+/* global gtag, location, requestIdleCallback */
 
-import { getCLS, getFCP, getFID, getLCP } from "web-vitals";
+import { getCLS, getFCP, getFID, getLCP } from 'web-vitals';
 
-const getConfig = (id) => {
+const getConfig = id => {
 	const config = {
-		measurement_version: "4",
+		measurement_version: '4',
 		page_path: location.pathname,
 	};
 
-	if (id.startsWith("UA-")) {
-		Object.assign(config, {
-			transport_type: "beacon",
+	if ( id.startsWith( 'UA-' ) ) {
+		Object.assign( config, {
+			transport_type: 'beacon',
 			custom_map: {
-				dimension1: "measurement_version",
-				dimension2: "client_id",
-				dimension3: "segments",
-				dimension4: "config",
-				dimension5: "event_meta",
-				dimension6: "event_debug",
-				metric1: "report_size",
+				dimension1: 'measurement_version',
+				dimension2: 'client_id',
+				dimension3: 'segments',
+				dimension4: 'config',
+				dimension5: 'event_meta',
+				dimension6: 'event_debug',
+				metric1: 'report_size',
 			},
-		});
+		} );
 	}
-	if (id.startsWith("G-")) {
-		if (location.hostname !== "web-vitals-report.web.app") {
+	if ( id.startsWith( 'G-' ) ) {
+		if ( location.hostname !== 'web-vitals-report.web.app' ) {
 			config.debug_mode = true;
 		}
 	}
-	return ["config", id, config];
+	return [ 'config', id, config ];
 };
 
-const thresholds = {
-	CLS: [0.1, 0.25],
-	FCP: [1800, 3000],
-	FID: [100, 300],
-	LCP: [2500, 4000],
+const vitalThresholds = {
+	CLS: [ 0.1, 0.25 ],
+	FCP: [ 1800, 3000 ],
+	FID: [ 100, 300 ],
+	LCP: [ 2500, 4000 ],
 };
 
-function getRating(value, thresholds) {
-	if (value > thresholds[1]) {
-		return "poor";
+function getRating( value, thresholds ) {
+	if ( value > thresholds[ 1 ] ) {
+		return 'poor';
 	}
-	if (value > thresholds[0]) {
-		return "ni";
+	if ( value > thresholds[ 0 ] ) {
+		return 'ni';
 	}
-	return "good";
+	return 'good';
 }
 
-function getNodePath(node) {
+function getNodePath( node ) {
 	try {
 		let name = node.nodeName.toLowerCase();
-		if (name === "body") {
-			return "html>body";
+		if ( name === 'body' ) {
+			return 'html>body';
 		}
-		if (node.id) {
-			return `${name}#${node.id}`;
+		if ( node.id ) {
+			return `${ name }#${ node.id }`;
 		}
-		if (node.className && node.className.length) {
-			name += `.${[...node.classList.values()].join(".")}`;
+		if ( node.className && node.className.length ) {
+			name += `.${ [ ...node.classList.values() ].join( '.' ) }`;
 		}
-		return `${getNodePath(node.parentElement)}>${name}`;
-	} catch (error) {
-		return "(error)";
+		return `${ getNodePath( node.parentElement ) }>${ name }`;
+	} catch ( error ) {
+		return '(error)';
 	}
 }
 
-function getDebugInfo(name, entries = []) {
-	const firstEntry = entries[0];
-	const lastEntry = entries[entries.length - 1];
+function getDebugInfo( metricName, entries = [] ) {
+	const firstEntry = entries[ 0 ];
+	const lastEntry = entries[ entries.length - 1 ];
 
-	switch (name) {
-		case "LCP":
-			if (lastEntry) {
-				return getNodePath(lastEntry.element);
+	switch ( metricName ) {
+		case 'LCP':
+			if ( lastEntry ) {
+				return getNodePath( lastEntry.element );
 			}
-		case "FID":
-			if (firstEntry) {
+			break;
+		case 'FID':
+			if ( firstEntry ) {
 				const { name } = firstEntry;
 				// Report interactions with the `google-signin2` element as that,
 				// not any of the sub-elements.
-				if (firstEntry.target.closest("#google-signin2")) {
-					return `${name}(#google-signin2)`;
+				if ( firstEntry.target.closest( '#google-signin2' ) ) {
+					return `${ name }(#google-signin2)`;
 				}
-				return `${name}(${getNodePath(firstEntry.target)})`;
+				return `${ name }(${ getNodePath( firstEntry.target ) })`;
 			}
-		case "CLS":
-			if (entries.length) {
-				const largestShift = entries.reduce((a, b) => {
+			break;
+		case 'CLS':
+			if ( entries.length ) {
+				const largestShift = entries.reduce( ( a, b ) => {
 					return a && a.value > b.value ? a : b;
-				});
-				if (largestShift && largestShift.sources) {
-					const largestSource = largestShift.sources.reduce((a, b) => {
+				} );
+				if ( largestShift && largestShift.sources ) {
+					const largestSource = largestShift.sources.reduce( ( a, b ) => {
 						return a.node &&
 							a.previousRect.width * a.previousRect.height >
 								b.previousRect.width * b.previousRect.height
 							? a
 							: b;
-					});
-					if (largestSource) {
-						return getNodePath(largestSource.node);
+					} );
+					if ( largestSource ) {
+						return getNodePath( largestSource.node );
 					}
 				}
 			}
+			break;
 		default:
-			return "(not set)";
+			return '(not set)';
 	}
 }
 
-function sendToGoogleAnalytics({ name, value, delta, id, entries }) {
-	gtag("event", name, {
-		value: Math.round(name === "CLS" ? delta * 1000 : delta),
-		event_category: "Web Vitals",
+function sendToGoogleAnalytics( { name, value, delta, id, entries } ) {
+	gtag( 'event', name, {
+		value: Math.round( name === 'CLS' ? delta * 1000 : delta ),
+		event_category: 'Web Vitals',
 		event_label: id,
-		event_meta: getRating(value, thresholds[name]),
-		event_debug: getDebugInfo(name, entries),
+		event_meta: getRating( value, vitalThresholds[ name ] ),
+		event_debug: getDebugInfo( name, entries ),
 		non_interaction: true,
-	});
+	} );
 }
 
 export function measureWebVitals() {
-	getCLS(sendToGoogleAnalytics);
-	getFCP(sendToGoogleAnalytics);
-	getFID(sendToGoogleAnalytics);
-	getLCP(sendToGoogleAnalytics);
+	getCLS( sendToGoogleAnalytics );
+	getFCP( sendToGoogleAnalytics );
+	getFID( sendToGoogleAnalytics );
+	getLCP( sendToGoogleAnalytics );
 }
 
-function anonymizeConfig(state) {
-	const opts = state[`opts:${state.viewId}`];
-	if (opts && opts.active) {
+function anonymizeConfig( state ) {
+	const opts = state[ `opts:${ state.viewId }` ];
+	if ( opts && opts.active ) {
 		return [
-			`id=${opts.metricIdDim}`,
-			`name=${opts.metricNameDim}`,
-			`metrics=${[opts.lcpName, opts.fidName, opts.clsName].join(",")}`,
-			`filters=${opts.filters}`,
-		].join("|");
+			`id=${ opts.metricIdDim }`,
+			`name=${ opts.metricNameDim }`,
+			`metrics=${ [ opts.lcpName, opts.fidName, opts.clsName ].join( ',' ) }`,
+			`filters=${ opts.filters }`,
+		].join( '|' );
 	}
-	return "(not set)";
+	return '(not set)';
 }
 
-export function measureReport({ state, duration, report, error }) {
-	gtag("event", `report_${error ? "error" : "success"}`, {
+export function measureReport( { state, duration, report, error } ) {
+	gtag( 'event', `report_${ error ? 'error' : 'success' }`, {
 		value: duration,
 		report_size: report ? report.rows.length : 0,
-		segments: [state.segmentA, state.segmentB].sort().join(", "),
-		config: anonymizeConfig(state),
-		event_category: "Usage",
-		event_label: error ? error.code || error.message : "(not set)",
-		event_meta: report ? report.meta.source : "(not set)",
-	});
+		segments: [ state.segmentA, state.segmentB ].sort().join( ', ' ),
+		config: anonymizeConfig( state ),
+		event_category: 'Usage',
+		event_label: error ? error.code || error.message : '(not set)',
+		event_meta: report ? report.meta.source : '(not set)',
+	} );
 }
 
 export function initAnalytics() {
-	if ( 'undefined' === typeof( window.gtag ) ) {
+	if ( 'undefined' === typeof window.gtag ) {
+		// eslint-disable-next-line no-console
 		window.gtag = console.log;
 	}
 
-	gtag("js", new Date());
-	gtag(...getConfig("UA-XXXXXXXX-Y"));
+	gtag( 'js', new Date() );
+	gtag( ...getConfig( 'UA-XXXXXXXX-Y' ) );
 
 	measureWebVitals();
 }
@@ -180,13 +184,12 @@ export function initAnalytics() {
 ( function () {
 	if ( 'requestIdleCallback' in window ) {
 		requestIdleCallback( initAnalytics );
+	} else if ( 'complete' === document.readyState ) {
+		setTimeout( initAnalytics, 5000 );
 	} else {
-		if ( 'complete' === document.readyState ) {
+		// eslint-disable-next-line @wordpress/no-global-event-listener
+		window.addEventListener( 'load', () => {
 			setTimeout( initAnalytics, 5000 );
-		} else {
-			window.addEventListener( 'load', () => {
-				setTimeout( initAnalytics, 5000 );
-			} );
-		}
+		} );
 	}
 } )();
diff --git a/webpack.config.js b/webpack.config.js
index 3d93312..21d81cd 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -13,7 +13,7 @@ const WebpackBar = require( 'webpackbar' );
 const config = {
 	srcDir: '/js/src/',
 	distDirModern: 'js/dist/module/',
-	distDirLegacy: 'js/dist/nomodule/'
+	distDirLegacy: 'js/dist/nomodule/',
 };
 
 config.modernJsEntries = {
@@ -46,28 +46,28 @@ const sharedConfig = {
 	plugins: [ ...defaultConfig.plugins ],
 };
 
-const configureBabelLoader = ( browserlist ) => {
+const configureBabelLoader = browserlist => {
 	return {
 		test: /\.js$/,
 		use: {
 			loader: 'babel-loader',
 			options: {
 				babelrc: false,
-				exclude: [
-					/core-js/,
-					/regenerator-runtime/,
-				],
+				exclude: [ /core-js/, /regenerator-runtime/ ],
 				presets: [
-					[ '@babel/preset-env', {
-						loose: true,
-						modules: false,
-						// debug: true,
-						corejs: 3,
-						useBuiltIns: 'usage',
-						targets: {
-							browsers: browserlist,
+					[
+						'@babel/preset-env',
+						{
+							loose: true,
+							modules: false,
+							// debug: true,
+							corejs: 3,
+							useBuiltIns: 'usage',
+							targets: {
+								browsers: browserlist,
+							},
 						},
-					} ],
+					],
 				],
 				plugins: [ '@babel/plugin-syntax-dynamic-import' ],
 			},
@@ -75,23 +75,6 @@ const configureBabelLoader = ( browserlist ) => {
 	};
 };
 
-const legacyConfig = {
-	output: {
-		path: path.join( __dirname, config.distDirLegacy ),
-		filename: `[name].js`,
-		chunkFilename: `[name].js`,
-	},
-	module: {
-		rules: [
-			configureBabelLoader( [
-				'> 2%',
-				'not IE 11',
-				'last 2 versions',
-			] ),
-		],
-	},
-};
-
 const modernConfig = {
 	output: {
 		path: path.join( __dirname, config.distDirModern ),
@@ -103,31 +86,21 @@ const modernConfig = {
 			configureBabelLoader( [
 				// The last two versions of each browser, excluding versions
 				// that don't support <script type="module">.
-				'last 2 Chrome versions', 'not Chrome < 60',
-				'last 2 Safari versions', 'not Safari < 10.1',
-				'last 2 iOS versions', 'not iOS < 10.3',
-				'last 2 Firefox versions', 'not Firefox < 54',
-				'last 2 Edge versions', 'not Edge < 15',
+				'last 2 Chrome versions',
+				'not Chrome < 60',
+				'last 2 Safari versions',
+				'not Safari < 10.1',
+				'last 2 iOS versions',
+				'not iOS < 10.3',
+				'last 2 Firefox versions',
+				'not Firefox < 54',
+				'last 2 Edge versions',
+				'not Edge < 15',
 			] ),
 		],
 	},
 };
 
-const legacyJs = {
-	...defaultConfig,
-	...sharedConfig,
-	...legacyConfig,
-	entry: config.legacyJsEntries,
-	plugins: [
-		...sharedConfig.plugins,
-		// Display nice progress bar while building or watching.
-		new WebpackBar( {
-			name: 'LegacyJs',
-			color: '#003296',
-		} ),
-	],
-};
-
 const modernJs = {
 	...defaultConfig,
 	...sharedConfig,

From 4244cd7c57eff101c366823aa358c171a550cd48 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Fri, 9 Apr 2021 22:30:12 +0100
Subject: [PATCH 09/27] WebVitals: Add support for passing analytics ID as a
 variable

---
 js/src/web-vitals-analytics.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index 618088f..a5a9130 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -175,8 +175,10 @@ export function initAnalytics() {
 		window.gtag = console.log;
 	}
 
-	gtag( 'js', new Date() );
-	gtag( ...getConfig( 'UA-XXXXXXXX-Y' ) );
+	if ( 'undefined' !== typeof(sitePerformanceTrackerAnalytics) && sitePerformanceTrackerAnalytics.gtag_id ) {
+		gtag( 'js', new Date() );
+		gtag( ...getConfig( sitePerformanceTrackerAnalytics.gtag_id ) );
+	}
 
 	measureWebVitals();
 }

From 4113167e2788830b3f8e75571b14ba6bae8c3c95 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Fri, 9 Apr 2021 22:42:20 +0100
Subject: [PATCH 10/27] WebVitals: Enqueue the script only if support is
 declared

---
 README.md      | 10 ++++++++++
 php/Plugin.php | 24 +++++++++++++++---------
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 30f5de1..4f0acc4 100644
--- a/README.md
+++ b/README.md
@@ -122,6 +122,16 @@ Filter the [entry types](https://developer.mozilla.org/en-US/docs/Web/API/Perfor
 apply_filters( 'site_performance_tracker_event_types', array $entry_types = [ 'paint', 'navigation', 'mark' ] );
 ```
 
+##### Enable web vitals tracking
+
+To send web vitals to Google Analytics in a format compatible with the [Web Vitals Report](https://web-vitals-report.web.app/), enable the following theme support and passing in the ID, both UA- and G- ID formats are supported:
+
+```php
+add_theme_support( 'site_performance_tracker_vitals', array(
+	'gtag_id' => 'UA-XXXXXXXX-Y',
+) );
+```
+
 ## Changelog
 
 #### 0.3.1 - March 11, 2020
diff --git a/php/Plugin.php b/php/Plugin.php
index 3fc7eb3..27fc7c4 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -231,15 +231,21 @@ public static function get_the_performance_mark( $mark_slug ) {
 	 */
 	public function enqueue_scripts() {
 		$asset = include plugin_dir_path( __DIR__ ) . '/js/dist/module/web-vitals-analytics.asset.php';
-
-		// Add to footer.
-		wp_enqueue_script(
-			'web-vitals-analytics',
-			plugin_dir_url( __DIR__ ) . 'js/dist/module/web-vitals-analytics.js',
-			$asset['dependencies'],
-			$asset['version'],
-			true
-		);
+		$vitals_theme_support = get_theme_support( 'site_performance_tracker_vitals' );
+
+		if ( $vitals_theme_support ) {
+			// Add to footer.
+			wp_enqueue_script(
+				'web-vitals-analytics',
+				plugin_dir_url( __DIR__ ) . 'js/dist/module/web-vitals-analytics.js',
+				$asset['dependencies'],
+				$asset['version'],
+				true
+			);
+
+			$analytics_data = reset( $vitals_theme_support );
+			wp_localize_script( 'web-vitals-analytics', 'sitePerformanceTrackerAnalytics', $analytics_data );
+		}
 	}
 
 	/**

From 3e4a1281d6837883b39fc815486686d0b911773d Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Fri, 9 Apr 2021 22:45:53 +0100
Subject: [PATCH 11/27] Release 0.5, readme update

---
 README.md                    | 4 ++++
 site-performance-tracker.php | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 4f0acc4..134bd44 100644
--- a/README.md
+++ b/README.md
@@ -134,6 +134,10 @@ add_theme_support( 'site_performance_tracker_vitals', array(
 
 ## Changelog
 
+#### 0.5 - April 13, 2021
+
+* Feature: Add support for sending data in the web vitals report format.
+
 #### 0.3.1 - March 11, 2020
 
 * Feature: Add support to Analytics added through Google Tag Managere.
diff --git a/site-performance-tracker.php b/site-performance-tracker.php
index 6b46679..300271f 100644
--- a/site-performance-tracker.php
+++ b/site-performance-tracker.php
@@ -8,7 +8,7 @@
  * Plugin Name: Site Performance Tracker
  * Plugin URI: https://github.com/xwp/site-performance-tracker
  * Description: Allows you to detect and track site performance metrics.
- * Version: 0.3.3
+ * Version: 0.5
  * Author: XWP.co
  * Author URI: https://xwp.co
  */

From f2ba5416df899125b07a89a50fb04a850cce6254 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Fri, 9 Apr 2021 23:41:56 +0100
Subject: [PATCH 12/27] Build: Compiled files

---
 js/dist/module/web-vitals-analytics.asset.php | 1 +
 js/dist/module/web-vitals-analytics.js        | 1 +
 2 files changed, 2 insertions(+)
 create mode 100644 js/dist/module/web-vitals-analytics.asset.php
 create mode 100644 js/dist/module/web-vitals-analytics.js

diff --git a/js/dist/module/web-vitals-analytics.asset.php b/js/dist/module/web-vitals-analytics.asset.php
new file mode 100644
index 0000000..9b414ca
--- /dev/null
+++ b/js/dist/module/web-vitals-analytics.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => '4d397c6e9cf08ba8842cbe9defa1e625');
\ No newline at end of file
diff --git a/js/dist/module/web-vitals-analytics.js b/js/dist/module/web-vitals-analytics.js
new file mode 100644
index 0000000..463ee1d
--- /dev/null
+++ b/js/dist/module/web-vitals-analytics.js
@@ -0,0 +1 @@
+!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return C})),n.d(t,"measureReport",(function(){return D})),n.d(t,"initAnalytics",(function(){return F}));var i,r,o,a,c=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},u=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},s=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},f="function"==typeof WeakSet?new WeakSet:new Set,m=function(e,t,n){var i;return function(){t.value>=0&&(n||f.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},l=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},v=function(){s((function(e){var t=e.timeStamp;l=t}),!0)},g=function(){return l<0&&(l=p(),v(),d((function(){setTimeout((function(){l=p(),v()}),0)}))),{get timeStamp(){return l}}},h={passive:!0,capture:!0},b=new Date,y=function(e,t){i||(i=t,r=e,o=new Date,_(removeEventListener),w())},w=function(){if(r>=0&&r<o-b){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};a.forEach((function(t){t(e)})),a=[]}},S=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,h),removeEventListener("pointercancel",i,h)};addEventListener("pointerup",n,h),addEventListener("pointercancel",i,h)}(t,e):y(t,e)}},_=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,S,h)}))};const L={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]};function E(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function P(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${P(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function k(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return P(i.element);break;case"FID":if(n){const{name:e}=n;return n.target.closest("#google-signin2")?e+"(#google-signin2)":`${e}(${P(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return P(t.node)}}break;default:return"(not set)"}}function T({name:e,value:t,delta:n,id:i,entries:r}){gtag("event",e,{value:Math.round("CLS"===e?1e3*n:n),event_category:"Web Vitals",event_label:i,event_meta:E(t,L[e]),event_debug:k(e,r),non_interaction:!0})}function C(){!function(e,t){var n,i=c("CLS",0),r=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},o=u("layout-shift",r);o&&(n=m(e,i,t),s((function(){o.takeRecords().map(r),n()})),d((function(){i=c("CLS",0),n=m(e,i,t)})))}(T),function(e,t){var n,i=g(),r=c("FCP"),o=u("paint",(function(e){"first-contentful-paint"===e.name&&(o&&o.disconnect(),e.startTime<i.timeStamp&&(r.value=e.startTime,r.entries.push(e),f.add(r),n()))}));o&&(n=m(e,r,t),d((function(i){r=c("FCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))})))}(T),function(e,t){var n,o=g(),l=c("FID"),p=function(e){e.startTime<o.timeStamp&&(l.value=e.processingStart-e.startTime,l.entries.push(e),f.add(l),n())},v=u("first-input",p);n=m(e,l,t),v&&s((function(){v.takeRecords().map(p),v.disconnect()}),!0),v&&d((function(){var o;l=c("FID"),n=m(e,l,t),a=[],r=-1,i=null,_(addEventListener),o=p,a.push(o),w()}))}(T),function(e,t){var n,i=g(),r=c("LCP"),o=function(e){var t=e.startTime;t<i.timeStamp&&(r.value=t,r.entries.push(e)),n()},a=u("largest-contentful-paint",o);if(a){n=m(e,r,t);var l=function(){f.has(r)||(a.takeRecords().map(o),a.disconnect(),f.add(r),n())};["keydown","click"].forEach((function(e){addEventListener(e,l,{once:!0,capture:!0})})),s(l,!0),d((function(i){r=c("LCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))}))}}(T)}function j(e){const t=e["opts:"+e.viewId];return t&&t.active?["id="+t.metricIdDim,"name="+t.metricNameDim,"metrics="+[t.lcpName,t.fidName,t.clsName].join(","),"filters="+t.filters].join("|"):"(not set)"}function D({state:e,duration:t,report:n,error:i}){gtag("event","report_"+(i?"error":"success"),{value:t,report_size:n?n.rows.length:0,segments:[e.segmentA,e.segmentB].sort().join(", "),config:j(e),event_category:"Usage",event_label:i?i.code||i.message:"(not set)",event_meta:n?n.meta.source:"(not set)"})}function F(){void 0===window.gtag&&(window.gtag=console.log),"undefined"!=typeof sitePerformanceTrackerAnalytics&&sitePerformanceTrackerAnalytics.gtag_id&&(gtag("js",new Date),gtag(...(e=>{const t={measurement_version:"4",page_path:location.pathname};return e.startsWith("UA-")&&Object.assign(t,{transport_type:"beacon",custom_map:{dimension1:"measurement_version",dimension2:"client_id",dimension3:"segments",dimension4:"config",dimension5:"event_meta",dimension6:"event_debug",metric1:"report_size"}}),e.startsWith("G-")&&"web-vitals-report.web.app"!==location.hostname&&(t.debug_mode=!0),["config",e,t]})(sitePerformanceTrackerAnalytics.gtag_id))),C()}"requestIdleCallback"in window?requestIdleCallback(F):"complete"===document.readyState?setTimeout(F,5e3):window.addEventListener("load",()=>{setTimeout(F,5e3)})}]);
\ No newline at end of file

From 79a9365025c8281142198fdc218a66413bda9421 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:24:22 +0100
Subject: [PATCH 13/27] WebVitals: Remove JS dependencies (only used on
 supported browsers)

---
 php/Plugin.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/php/Plugin.php b/php/Plugin.php
index 27fc7c4..8298b36 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -238,7 +238,7 @@ public function enqueue_scripts() {
 			wp_enqueue_script(
 				'web-vitals-analytics',
 				plugin_dir_url( __DIR__ ) . 'js/dist/module/web-vitals-analytics.js',
-				$asset['dependencies'],
+				array(),
 				$asset['version'],
 				true
 			);

From 830e1e5fb54bf3c758eeac7281b05f8cce891535 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:25:58 +0100
Subject: [PATCH 14/27] WebVitals: Pass chance to localized variable, rename it

---
 js/src/web-vitals-analytics.js |  7 +++++--
 php/Plugin.php                 | 12 ++++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index a5a9130..e683226 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -175,9 +175,12 @@ export function initAnalytics() {
 		window.gtag = console.log;
 	}
 
-	if ( 'undefined' !== typeof(sitePerformanceTrackerAnalytics) && sitePerformanceTrackerAnalytics.gtag_id ) {
+	if (
+		'undefined' !== typeof( window.webVitalsAnalyticsData ) &&
+		'undefined' !== typeof( window.webVitalsAnalyticsData.gtag_id )
+	) {
 		gtag( 'js', new Date() );
-		gtag( ...getConfig( sitePerformanceTrackerAnalytics.gtag_id ) );
+		gtag( ...getConfig( window.webVitalsAnalyticsData.gtag_id ) );
 	}
 
 	measureWebVitals();
diff --git a/php/Plugin.php b/php/Plugin.php
index 8298b36..3de3750 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -243,8 +243,16 @@ public function enqueue_scripts() {
 				true
 			);
 
-			$analytics_data = reset( $vitals_theme_support );
-			wp_localize_script( 'web-vitals-analytics', 'sitePerformanceTrackerAnalytics', $analytics_data );
+			$analytics_data = $vitals_theme_support[0]['gtag_id'];
+			$chance = apply_filters( 'site_performance_tracker_chance', $this->default_chance );
+			$web_vitals_analytics_data = array(
+				'chance' => htmlspecialchars( $chance ),
+			);
+			if ( isset( $vitals_theme_support[0] ) && isset( $vitals_theme_support[0]['gtag_id'] ) ) {
+				$web_vitals_analytics_data['gtag_id'] = htmlspecialchars( $vitals_theme_support[0]['gtag_id'] );
+			}
+
+			wp_localize_script( 'web-vitals-analytics', 'webVitalsAnalyticsData', $web_vitals_analytics_data );
 		}
 	}
 

From 78f78ff99f843f115b02c4e8e128608eb0c631d9 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:28:09 +0100
Subject: [PATCH 15/27] WebVitalsAnalytics: Remove dead code

---
 js/src/web-vitals-analytics.js | 30 ------------------------------
 1 file changed, 30 deletions(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index e683226..07ec743 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -94,11 +94,6 @@ function getDebugInfo( metricName, entries = [] ) {
 		case 'FID':
 			if ( firstEntry ) {
 				const { name } = firstEntry;
-				// Report interactions with the `google-signin2` element as that,
-				// not any of the sub-elements.
-				if ( firstEntry.target.closest( '#google-signin2' ) ) {
-					return `${ name }(#google-signin2)`;
-				}
 				return `${ name }(${ getNodePath( firstEntry.target ) })`;
 			}
 			break;
@@ -144,31 +139,6 @@ export function measureWebVitals() {
 	getLCP( sendToGoogleAnalytics );
 }
 
-function anonymizeConfig( state ) {
-	const opts = state[ `opts:${ state.viewId }` ];
-	if ( opts && opts.active ) {
-		return [
-			`id=${ opts.metricIdDim }`,
-			`name=${ opts.metricNameDim }`,
-			`metrics=${ [ opts.lcpName, opts.fidName, opts.clsName ].join( ',' ) }`,
-			`filters=${ opts.filters }`,
-		].join( '|' );
-	}
-	return '(not set)';
-}
-
-export function measureReport( { state, duration, report, error } ) {
-	gtag( 'event', `report_${ error ? 'error' : 'success' }`, {
-		value: duration,
-		report_size: report ? report.rows.length : 0,
-		segments: [ state.segmentA, state.segmentB ].sort().join( ', ' ),
-		config: anonymizeConfig( state ),
-		event_category: 'Usage',
-		event_label: error ? error.code || error.message : '(not set)',
-		event_meta: report ? report.meta.source : '(not set)',
-	} );
-}
-
 export function initAnalytics() {
 	if ( 'undefined' === typeof window.gtag ) {
 		// eslint-disable-next-line no-console

From ecd6f6c5dd88c4f9d5c0fd720d1568ca477b0204 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:39:39 +0100
Subject: [PATCH 16/27] WebVitals Analytics - Remove more dead code

---
 js/src/web-vitals-analytics.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index 07ec743..36f614e 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -34,15 +34,10 @@ const getConfig = id => {
 				dimension4: 'config',
 				dimension5: 'event_meta',
 				dimension6: 'event_debug',
-				metric1: 'report_size',
+				metric1:    'report_size',
 			},
 		} );
 	}
-	if ( id.startsWith( 'G-' ) ) {
-		if ( location.hostname !== 'web-vitals-report.web.app' ) {
-			config.debug_mode = true;
-		}
-	}
 	return [ 'config', id, config ];
 };
 

From 08f6c6e05a89e6c70bff54fae865065113e4c15a Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:40:45 +0100
Subject: [PATCH 17/27] WebVitalsAnalytics: Load JS only if in the trackign
 range, from browsers supporting requestIdleCallback

---
 js/src/web-vitals-analytics.js | 11 +----------
 php/Plugin.php                 | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index 36f614e..cf670ac 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -152,14 +152,5 @@ export function initAnalytics() {
 }
 
 ( function () {
-	if ( 'requestIdleCallback' in window ) {
-		requestIdleCallback( initAnalytics );
-	} else if ( 'complete' === document.readyState ) {
-		setTimeout( initAnalytics, 5000 );
-	} else {
-		// eslint-disable-next-line @wordpress/no-global-event-listener
-		window.addEventListener( 'load', () => {
-			setTimeout( initAnalytics, 5000 );
-		} );
-	}
+	requestIdleCallback( initAnalytics );
 } )();
diff --git a/php/Plugin.php b/php/Plugin.php
index 3de3750..b647b06 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -253,6 +253,19 @@ public function enqueue_scripts() {
 			}
 
 			wp_localize_script( 'web-vitals-analytics', 'webVitalsAnalyticsData', $web_vitals_analytics_data );
+
+			$web_vitals_init = "( function () {
+	if ( 'requestIdleCallback' in window ) {
+		var randNumber = Math.random();
+		if ( randNumber <= window.sitePerformanceObserver.chance ) {
+			requestIdleCallback( function() {
+				webVitalsAnalyticsScript = document.getElementById( 'web-vitals-analytics-js' );
+				webVitalsAnalyticsScript.src = webVitalsAnalyticsScript.dataset.src;
+			} );
+		}
+	}
+} )();";
+			wp_add_inline_script( 'web-vitals-analytics', $web_vitals_init );
 		}
 	}
 
@@ -271,7 +284,7 @@ public function optimize_scripts( $tag, $handle ) {
 
 		// Replaces only the first occurrence of src in the tag. Avoids replacing inside inline scripts.
 		if ( false !== strpos( $tag, ' src' ) ) {
-			return substr_replace( $tag, ' type="module" src', strpos( $tag, ' src' ), strlen( ' src' ) );
+			return substr_replace( $tag, ' type="module" data-src', strpos( $tag, ' src' ), strlen( ' src' ) );
 		}
 		return $tag;
 	}

From b15ea27236c231a05ed6ea00452beec71f3eda0d Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:41:16 +0100
Subject: [PATCH 18/27] WebVitalsAnalytics: Build

---
 js/dist/module/web-vitals-analytics.asset.php | 2 +-
 js/dist/module/web-vitals-analytics.js        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/dist/module/web-vitals-analytics.asset.php b/js/dist/module/web-vitals-analytics.asset.php
index 9b414ca..c6ef367 100644
--- a/js/dist/module/web-vitals-analytics.asset.php
+++ b/js/dist/module/web-vitals-analytics.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => '4d397c6e9cf08ba8842cbe9defa1e625');
\ No newline at end of file
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'd27b8fd49df72ef96a5ba80b4e05b212');
\ No newline at end of file
diff --git a/js/dist/module/web-vitals-analytics.js b/js/dist/module/web-vitals-analytics.js
index 463ee1d..417395a 100644
--- a/js/dist/module/web-vitals-analytics.js
+++ b/js/dist/module/web-vitals-analytics.js
@@ -1 +1 @@
-!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return C})),n.d(t,"measureReport",(function(){return D})),n.d(t,"initAnalytics",(function(){return F}));var i,r,o,a,c=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},u=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},s=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},f="function"==typeof WeakSet?new WeakSet:new Set,m=function(e,t,n){var i;return function(){t.value>=0&&(n||f.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},l=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},v=function(){s((function(e){var t=e.timeStamp;l=t}),!0)},g=function(){return l<0&&(l=p(),v(),d((function(){setTimeout((function(){l=p(),v()}),0)}))),{get timeStamp(){return l}}},h={passive:!0,capture:!0},b=new Date,y=function(e,t){i||(i=t,r=e,o=new Date,_(removeEventListener),w())},w=function(){if(r>=0&&r<o-b){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};a.forEach((function(t){t(e)})),a=[]}},S=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,h),removeEventListener("pointercancel",i,h)};addEventListener("pointerup",n,h),addEventListener("pointercancel",i,h)}(t,e):y(t,e)}},_=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,S,h)}))};const L={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]};function E(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function P(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${P(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function k(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return P(i.element);break;case"FID":if(n){const{name:e}=n;return n.target.closest("#google-signin2")?e+"(#google-signin2)":`${e}(${P(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return P(t.node)}}break;default:return"(not set)"}}function T({name:e,value:t,delta:n,id:i,entries:r}){gtag("event",e,{value:Math.round("CLS"===e?1e3*n:n),event_category:"Web Vitals",event_label:i,event_meta:E(t,L[e]),event_debug:k(e,r),non_interaction:!0})}function C(){!function(e,t){var n,i=c("CLS",0),r=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},o=u("layout-shift",r);o&&(n=m(e,i,t),s((function(){o.takeRecords().map(r),n()})),d((function(){i=c("CLS",0),n=m(e,i,t)})))}(T),function(e,t){var n,i=g(),r=c("FCP"),o=u("paint",(function(e){"first-contentful-paint"===e.name&&(o&&o.disconnect(),e.startTime<i.timeStamp&&(r.value=e.startTime,r.entries.push(e),f.add(r),n()))}));o&&(n=m(e,r,t),d((function(i){r=c("FCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))})))}(T),function(e,t){var n,o=g(),l=c("FID"),p=function(e){e.startTime<o.timeStamp&&(l.value=e.processingStart-e.startTime,l.entries.push(e),f.add(l),n())},v=u("first-input",p);n=m(e,l,t),v&&s((function(){v.takeRecords().map(p),v.disconnect()}),!0),v&&d((function(){var o;l=c("FID"),n=m(e,l,t),a=[],r=-1,i=null,_(addEventListener),o=p,a.push(o),w()}))}(T),function(e,t){var n,i=g(),r=c("LCP"),o=function(e){var t=e.startTime;t<i.timeStamp&&(r.value=t,r.entries.push(e)),n()},a=u("largest-contentful-paint",o);if(a){n=m(e,r,t);var l=function(){f.has(r)||(a.takeRecords().map(o),a.disconnect(),f.add(r),n())};["keydown","click"].forEach((function(e){addEventListener(e,l,{once:!0,capture:!0})})),s(l,!0),d((function(i){r=c("LCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))}))}}(T)}function j(e){const t=e["opts:"+e.viewId];return t&&t.active?["id="+t.metricIdDim,"name="+t.metricNameDim,"metrics="+[t.lcpName,t.fidName,t.clsName].join(","),"filters="+t.filters].join("|"):"(not set)"}function D({state:e,duration:t,report:n,error:i}){gtag("event","report_"+(i?"error":"success"),{value:t,report_size:n?n.rows.length:0,segments:[e.segmentA,e.segmentB].sort().join(", "),config:j(e),event_category:"Usage",event_label:i?i.code||i.message:"(not set)",event_meta:n?n.meta.source:"(not set)"})}function F(){void 0===window.gtag&&(window.gtag=console.log),"undefined"!=typeof sitePerformanceTrackerAnalytics&&sitePerformanceTrackerAnalytics.gtag_id&&(gtag("js",new Date),gtag(...(e=>{const t={measurement_version:"4",page_path:location.pathname};return e.startsWith("UA-")&&Object.assign(t,{transport_type:"beacon",custom_map:{dimension1:"measurement_version",dimension2:"client_id",dimension3:"segments",dimension4:"config",dimension5:"event_meta",dimension6:"event_debug",metric1:"report_size"}}),e.startsWith("G-")&&"web-vitals-report.web.app"!==location.hostname&&(t.debug_mode=!0),["config",e,t]})(sitePerformanceTrackerAnalytics.gtag_id))),C()}"requestIdleCallback"in window?requestIdleCallback(F):"complete"===document.readyState?setTimeout(F,5e3):window.addEventListener("load",()=>{setTimeout(F,5e3)})}]);
\ No newline at end of file
+!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return D})),n.d(t,"initAnalytics",(function(){return F}));var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},s=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},f="function"==typeof WeakSet?new WeakSet:new Set,l=function(e,t,n){var i;return function(){t.value>=0&&(n||f.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},m=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},v=function(){s((function(e){var t=e.timeStamp;m=t}),!0)},g=function(){return m<0&&(m=p(),v(),d((function(){setTimeout((function(){m=p(),v()}),0)}))),{get timeStamp(){return m}}},h={passive:!0,capture:!0},b=new Date,y=function(e,t){i||(i=t,r=e,a=new Date,L(removeEventListener),w())},w=function(){if(r>=0&&r<a-b){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};o.forEach((function(t){t(e)})),o=[]}},S=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,h),removeEventListener("pointercancel",i,h)};addEventListener("pointerup",n,h),addEventListener("pointercancel",i,h)}(t,e):y(t,e)}},L=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,S,h)}))};const _={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]};function E(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function C(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${C(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function P(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return C(i.element);break;case"FID":if(n){const{name:e}=n;return`${e}(${C(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return C(t.node)}}break;default:return"(not set)"}}function k({name:e,value:t,delta:n,id:i,entries:r}){gtag("event",e,{value:Math.round("CLS"===e?1e3*n:n),event_category:"Web Vitals",event_label:i,event_meta:E(t,_[e]),event_debug:P(e,r),non_interaction:!0})}function D(){!function(e,t){var n,i=u("CLS",0),r=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},a=c("layout-shift",r);a&&(n=l(e,i,t),s((function(){a.takeRecords().map(r),n()})),d((function(){i=u("CLS",0),n=l(e,i,t)})))}(k),function(e,t){var n,i=g(),r=u("FCP"),a=c("paint",(function(e){"first-contentful-paint"===e.name&&(a&&a.disconnect(),e.startTime<i.timeStamp&&(r.value=e.startTime,r.entries.push(e),f.add(r),n()))}));a&&(n=l(e,r,t),d((function(i){r=u("FCP"),n=l(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))})))}(k),function(e,t){var n,a=g(),m=u("FID"),p=function(e){e.startTime<a.timeStamp&&(m.value=e.processingStart-e.startTime,m.entries.push(e),f.add(m),n())},v=c("first-input",p);n=l(e,m,t),v&&s((function(){v.takeRecords().map(p),v.disconnect()}),!0),v&&d((function(){var a;m=u("FID"),n=l(e,m,t),o=[],r=-1,i=null,L(addEventListener),a=p,o.push(a),w()}))}(k),function(e,t){var n,i=g(),r=u("LCP"),a=function(e){var t=e.startTime;t<i.timeStamp&&(r.value=t,r.entries.push(e)),n()},o=c("largest-contentful-paint",a);if(o){n=l(e,r,t);var m=function(){f.has(r)||(o.takeRecords().map(a),o.disconnect(),f.add(r),n())};["keydown","click"].forEach((function(e){addEventListener(e,m,{once:!0,capture:!0})})),s(m,!0),d((function(i){r=u("LCP"),n=l(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))}))}}(k)}function F(){void 0===window.gtag&&(window.gtag=console.log),void 0!==window.webVitalsAnalyticsData&&void 0!==window.webVitalsAnalyticsData.gtag_id&&(gtag("js",new Date),gtag(...(e=>{const t={measurement_version:"4",page_path:location.pathname};return e.startsWith("UA-")&&Object.assign(t,{transport_type:"beacon",custom_map:{dimension1:"measurement_version",dimension2:"client_id",dimension3:"segments",dimension4:"config",dimension5:"event_meta",dimension6:"event_debug",metric1:"report_size"}}),["config",e,t]})(window.webVitalsAnalyticsData.gtag_id))),D()}requestIdleCallback(F)}]);
\ No newline at end of file

From f66dcc4409402d22752a4ff2de913f1becba811f Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 12:49:01 +0100
Subject: [PATCH 19/27] WebVitalsAnalytics: Use the webvitalsAnalyticsData

---
 php/Plugin.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/php/Plugin.php b/php/Plugin.php
index b647b06..1775b8e 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -257,7 +257,7 @@ public function enqueue_scripts() {
 			$web_vitals_init = "( function () {
 	if ( 'requestIdleCallback' in window ) {
 		var randNumber = Math.random();
-		if ( randNumber <= window.sitePerformanceObserver.chance ) {
+		if ( randNumber <= window.webVitalsAnalyticsData.chance ) {
 			requestIdleCallback( function() {
 				webVitalsAnalyticsScript = document.getElementById( 'web-vitals-analytics-js' );
 				webVitalsAnalyticsScript.src = webVitalsAnalyticsScript.dataset.src;

From e9775674365b04132624850f72eef69376cf8b60 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 18:56:03 +0100
Subject: [PATCH 20/27] WebVitals: Make analytics dimensions overwriteable

---
 js/src/web-vitals-analytics.js | 37 +++++++++++++++++++++++++---------
 php/Plugin.php                 |  9 ++++-----
 2 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index cf670ac..95ccf75 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -25,16 +25,35 @@ const getConfig = id => {
 	};
 
 	if ( id.startsWith( 'UA-' ) ) {
+		const uaDimMeasurementVersion = window.webVitalsAnalyticsData
+			.measurementVersion
+			? window.webVitalsAnalyticsData.measurementVersion
+			: 'dimension1';
+		const uaDimclientId = window.webVitalsAnalyticsData.clientId
+			? window.webVitalsAnalyticsData.clientId
+			: 'dimension2';
+		const uaDimSegments = window.webVitalsAnalyticsData.segments
+			? window.webVitalsAnalyticsData.segments
+			: 'dimension3';
+		const uaDimConfig = window.webVitalsAnalyticsData.config
+			? window.webVitalsAnalyticsData.config
+			: 'dimension4';
+		const uaDimEventMeta = window.webVitalsAnalyticsData.eventMeta
+			? window.webVitalsAnalyticsData.eventMeta
+			: 'dimension5';
+		const uaDimEventDebug = window.webVitalsAnalyticsData.eventDebug
+			? window.webVitalsAnalyticsData.eventDebug
+			: 'dimension6';
 		Object.assign( config, {
 			transport_type: 'beacon',
 			custom_map: {
-				dimension1: 'measurement_version',
-				dimension2: 'client_id',
-				dimension3: 'segments',
-				dimension4: 'config',
-				dimension5: 'event_meta',
-				dimension6: 'event_debug',
-				metric1:    'report_size',
+				[ uaDimMeasurementVersion ]: 'measurement_version',
+				[ uaDimclientId ]: 'client_id',
+				[ uaDimSegments ]: 'segments',
+				[ uaDimConfig ]: 'config',
+				[ uaDimEventMeta ]: 'event_meta',
+				[ uaDimEventDebug ]: 'event_debug',
+				metric1: 'report_size',
 			},
 		} );
 	}
@@ -141,8 +160,8 @@ export function initAnalytics() {
 	}
 
 	if (
-		'undefined' !== typeof( window.webVitalsAnalyticsData ) &&
-		'undefined' !== typeof( window.webVitalsAnalyticsData.gtag_id )
+		'undefined' !== typeof window.webVitalsAnalyticsData &&
+		'undefined' !== typeof window.webVitalsAnalyticsData.gtag_id
 	) {
 		gtag( 'js', new Date() );
 		gtag( ...getConfig( window.webVitalsAnalyticsData.gtag_id ) );
diff --git a/php/Plugin.php b/php/Plugin.php
index 1775b8e..859eb41 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -245,12 +245,11 @@ public function enqueue_scripts() {
 
 			$analytics_data = $vitals_theme_support[0]['gtag_id'];
 			$chance = apply_filters( 'site_performance_tracker_chance', $this->default_chance );
-			$web_vitals_analytics_data = array(
-				'chance' => htmlspecialchars( $chance ),
-			);
-			if ( isset( $vitals_theme_support[0] ) && isset( $vitals_theme_support[0]['gtag_id'] ) ) {
-				$web_vitals_analytics_data['gtag_id'] = htmlspecialchars( $vitals_theme_support[0]['gtag_id'] );
+			$web_vitals_analytics_data = array();
+			if ( isset( $vitals_theme_support[0] ) ) {
+				$web_vitals_analytics_data = $vitals_theme_support[0];
 			}
+			$web_vitals_analytics_data['chance'] = htmlspecialchars( $chance );
 
 			wp_localize_script( 'web-vitals-analytics', 'webVitalsAnalyticsData', $web_vitals_analytics_data );
 

From d821d75c803197f887262e7c8c0982b093ca345e Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 18:56:24 +0100
Subject: [PATCH 21/27] WebVitals: Build assets

---
 js/dist/module/web-vitals-analytics.asset.php | 2 +-
 js/dist/module/web-vitals-analytics.js        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/dist/module/web-vitals-analytics.asset.php b/js/dist/module/web-vitals-analytics.asset.php
index c6ef367..b5abe6f 100644
--- a/js/dist/module/web-vitals-analytics.asset.php
+++ b/js/dist/module/web-vitals-analytics.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'd27b8fd49df72ef96a5ba80b4e05b212');
\ No newline at end of file
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => '2ffe97aa04cd97e363cb6a9e8f5749e6');
\ No newline at end of file
diff --git a/js/dist/module/web-vitals-analytics.js b/js/dist/module/web-vitals-analytics.js
index 417395a..4236c52 100644
--- a/js/dist/module/web-vitals-analytics.js
+++ b/js/dist/module/web-vitals-analytics.js
@@ -1 +1 @@
-!function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return D})),n.d(t,"initAnalytics",(function(){return F}));var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},s=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},f="function"==typeof WeakSet?new WeakSet:new Set,l=function(e,t,n){var i;return function(){t.value>=0&&(n||f.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},m=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},v=function(){s((function(e){var t=e.timeStamp;m=t}),!0)},g=function(){return m<0&&(m=p(),v(),d((function(){setTimeout((function(){m=p(),v()}),0)}))),{get timeStamp(){return m}}},h={passive:!0,capture:!0},b=new Date,y=function(e,t){i||(i=t,r=e,a=new Date,L(removeEventListener),w())},w=function(){if(r>=0&&r<a-b){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};o.forEach((function(t){t(e)})),o=[]}},S=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,h),removeEventListener("pointercancel",i,h)};addEventListener("pointerup",n,h),addEventListener("pointercancel",i,h)}(t,e):y(t,e)}},L=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,S,h)}))};const _={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]};function E(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function C(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${C(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function P(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return C(i.element);break;case"FID":if(n){const{name:e}=n;return`${e}(${C(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return C(t.node)}}break;default:return"(not set)"}}function k({name:e,value:t,delta:n,id:i,entries:r}){gtag("event",e,{value:Math.round("CLS"===e?1e3*n:n),event_category:"Web Vitals",event_label:i,event_meta:E(t,_[e]),event_debug:P(e,r),non_interaction:!0})}function D(){!function(e,t){var n,i=u("CLS",0),r=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},a=c("layout-shift",r);a&&(n=l(e,i,t),s((function(){a.takeRecords().map(r),n()})),d((function(){i=u("CLS",0),n=l(e,i,t)})))}(k),function(e,t){var n,i=g(),r=u("FCP"),a=c("paint",(function(e){"first-contentful-paint"===e.name&&(a&&a.disconnect(),e.startTime<i.timeStamp&&(r.value=e.startTime,r.entries.push(e),f.add(r),n()))}));a&&(n=l(e,r,t),d((function(i){r=u("FCP"),n=l(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))})))}(k),function(e,t){var n,a=g(),m=u("FID"),p=function(e){e.startTime<a.timeStamp&&(m.value=e.processingStart-e.startTime,m.entries.push(e),f.add(m),n())},v=c("first-input",p);n=l(e,m,t),v&&s((function(){v.takeRecords().map(p),v.disconnect()}),!0),v&&d((function(){var a;m=u("FID"),n=l(e,m,t),o=[],r=-1,i=null,L(addEventListener),a=p,o.push(a),w()}))}(k),function(e,t){var n,i=g(),r=u("LCP"),a=function(e){var t=e.startTime;t<i.timeStamp&&(r.value=t,r.entries.push(e)),n()},o=c("largest-contentful-paint",a);if(o){n=l(e,r,t);var m=function(){f.has(r)||(o.takeRecords().map(a),o.disconnect(),f.add(r),n())};["keydown","click"].forEach((function(e){addEventListener(e,m,{once:!0,capture:!0})})),s(m,!0),d((function(i){r=u("LCP"),n=l(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,f.add(r),n()}))}))}))}}(k)}function F(){void 0===window.gtag&&(window.gtag=console.log),void 0!==window.webVitalsAnalyticsData&&void 0!==window.webVitalsAnalyticsData.gtag_id&&(gtag("js",new Date),gtag(...(e=>{const t={measurement_version:"4",page_path:location.pathname};return e.startsWith("UA-")&&Object.assign(t,{transport_type:"beacon",custom_map:{dimension1:"measurement_version",dimension2:"client_id",dimension3:"segments",dimension4:"config",dimension5:"event_meta",dimension6:"event_debug",metric1:"report_size"}}),["config",e,t]})(window.webVitalsAnalyticsData.gtag_id))),D()}requestIdleCallback(F)}]);
\ No newline at end of file
+!function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(i,a,function(t){return e[t]}.bind(null,a));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return C})),n.d(t,"initAnalytics",(function(){return P}));var i,a,o,r,c=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},s=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},u=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},l="function"==typeof WeakSet?new WeakSet:new Set,f=function(e,t,n){var i;return function(){t.value>=0&&(n||l.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},m=-1,v=function(){return"hidden"===document.visibilityState?0:1/0},p=function(){u((function(e){var t=e.timeStamp;m=t}),!0)},w=function(){return m<0&&(m=v(),p(),d((function(){setTimeout((function(){m=v(),p()}),0)}))),{get timeStamp(){return m}}},b={passive:!0,capture:!0},g=new Date,y=function(e,t){i||(i=t,a=e,o=new Date,D(removeEventListener),h())},h=function(){if(a>=0&&a<o-g){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+a};r.forEach((function(t){t(e)})),r=[]}},S=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),a()},i=function(){a()},a=function(){removeEventListener("pointerup",n,b),removeEventListener("pointercancel",i,b)};addEventListener("pointerup",n,b),addEventListener("pointercancel",i,b)}(t,e):y(t,e)}},D=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,S,b)}))};const L={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]};function _(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function A(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${A(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function V(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return A(i.element);break;case"FID":if(n){const{name:e}=n;return`${e}(${A(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return A(t.node)}}break;default:return"(not set)"}}function E({name:e,value:t,delta:n,id:i,entries:a}){gtag("event",e,{value:Math.round("CLS"===e?1e3*n:n),event_category:"Web Vitals",event_label:i,event_meta:_(t,L[e]),event_debug:V(e,a),non_interaction:!0})}function C(){!function(e,t){var n,i=c("CLS",0),a=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},o=s("layout-shift",a);o&&(n=f(e,i,t),u((function(){o.takeRecords().map(a),n()})),d((function(){i=c("CLS",0),n=f(e,i,t)})))}(E),function(e,t){var n,i=w(),a=c("FCP"),o=s("paint",(function(e){"first-contentful-paint"===e.name&&(o&&o.disconnect(),e.startTime<i.timeStamp&&(a.value=e.startTime,a.entries.push(e),l.add(a),n()))}));o&&(n=f(e,a,t),d((function(i){a=c("FCP"),n=f(e,a,t),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,l.add(a),n()}))}))})))}(E),function(e,t){var n,o=w(),m=c("FID"),v=function(e){e.startTime<o.timeStamp&&(m.value=e.processingStart-e.startTime,m.entries.push(e),l.add(m),n())},p=s("first-input",v);n=f(e,m,t),p&&u((function(){p.takeRecords().map(v),p.disconnect()}),!0),p&&d((function(){var o;m=c("FID"),n=f(e,m,t),r=[],a=-1,i=null,D(addEventListener),o=v,r.push(o),h()}))}(E),function(e,t){var n,i=w(),a=c("LCP"),o=function(e){var t=e.startTime;t<i.timeStamp&&(a.value=t,a.entries.push(e)),n()},r=s("largest-contentful-paint",o);if(r){n=f(e,a,t);var m=function(){l.has(a)||(r.takeRecords().map(o),r.disconnect(),l.add(a),n())};["keydown","click"].forEach((function(e){addEventListener(e,m,{once:!0,capture:!0})})),u(m,!0),d((function(i){a=c("LCP"),n=f(e,a,t),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,l.add(a),n()}))}))}))}}(E)}function P(){void 0===window.gtag&&(window.gtag=console.log),void 0!==window.webVitalsAnalyticsData&&void 0!==window.webVitalsAnalyticsData.gtag_id&&(gtag("js",new Date),gtag(...(e=>{const t={measurement_version:"4",page_path:location.pathname};if(e.startsWith("UA-")){const e=window.webVitalsAnalyticsData.measurementVersion?window.webVitalsAnalyticsData.measurementVersion:"dimension1",n=window.webVitalsAnalyticsData.clientId?window.webVitalsAnalyticsData.clientId:"dimension2",i=window.webVitalsAnalyticsData.segments?window.webVitalsAnalyticsData.segments:"dimension3",a=window.webVitalsAnalyticsData.config?window.webVitalsAnalyticsData.config:"dimension4",o=window.webVitalsAnalyticsData.eventMeta?window.webVitalsAnalyticsData.eventMeta:"dimension5",r=window.webVitalsAnalyticsData.eventDebug?window.webVitalsAnalyticsData.eventDebug:"dimension6";Object.assign(t,{transport_type:"beacon",custom_map:{[e]:"measurement_version",[n]:"client_id",[i]:"segments",[a]:"config",[o]:"event_meta",[r]:"event_debug",metric1:"report_size"}})}return["config",e,t]})(window.webVitalsAnalyticsData.gtag_id))),C()}requestIdleCallback(P)}]);
\ No newline at end of file

From 80502e370aa258e46845adba91c6725908d878d9 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 18:59:41 +0100
Subject: [PATCH 22/27] WebVitalsAnalytics: Add documentation for overriding GA
 dimensions

---
 README.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/README.md b/README.md
index 134bd44..f78283d 100644
--- a/README.md
+++ b/README.md
@@ -132,6 +132,19 @@ add_theme_support( 'site_performance_tracker_vitals', array(
 ) );
 ```
 
+If you need to override the Google Analytics dimensions to store these under, pass them along on the add theme support initialisation:
+```php
+add_theme_support( 'site_performance_tracker_vitals', array(
+	'gtag_id'            => 'UA-XXXXXXXX-Y',
+	'measurementVersion' => 'dimension7',
+	'clientId'           => 'dimension8',
+	'segments'           => 'dimension9',
+	'config'             => 'dimension10',
+	'eventMeta'          => 'dimension11',
+	'eventDebug'         => 'dimension12',
+) );
+```
+
 ## Changelog
 
 #### 0.5 - April 13, 2021

From e125b50aab26673b9fa6aa868e3efa460e6c9047 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 22:28:53 +0100
Subject: [PATCH 23/27] WebVitals: Remove unused variable

---
 php/Plugin.php | 1 -
 1 file changed, 1 deletion(-)

diff --git a/php/Plugin.php b/php/Plugin.php
index 859eb41..b71160d 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -243,7 +243,6 @@ public function enqueue_scripts() {
 				true
 			);
 
-			$analytics_data = $vitals_theme_support[0]['gtag_id'];
 			$chance = apply_filters( 'site_performance_tracker_chance', $this->default_chance );
 			$web_vitals_analytics_data = array();
 			if ( isset( $vitals_theme_support[0] ) ) {

From a637f6c2dc2baaea4b788b5ffbd49877f2a202b4 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Tue, 13 Apr 2021 22:29:21 +0100
Subject: [PATCH 24/27] WebVitals: Remove reliance on the autoloader

---
 site-performance-tracker.php | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/site-performance-tracker.php b/site-performance-tracker.php
index 300271f..2c247c4 100644
--- a/site-performance-tracker.php
+++ b/site-performance-tracker.php
@@ -51,6 +51,8 @@ function site_performance_tracker_php_version_text() {
 // Setup the Composer auto loader for classes.
 if ( file_exists( __DIR__ . '/vendor/autoload.php' ) ) {
 	require_once __DIR__ . '/vendor/autoload.php';
+} else {
+	require_once __DIR__ . '/php/Plugin.php';
 }
 
 // Load helper functions manually.

From ad20fb203b4a266b015eff7838e124f15db67691 Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 14 Apr 2021 12:01:39 +0100
Subject: [PATCH 25/27] WebVitalsReport: Add support for analytics.js

---
 README.md                      |   9 +-
 js/src/web-vitals-analytics.js | 153 +++++++++++++++++++++------------
 2 files changed, 108 insertions(+), 54 deletions(-)

diff --git a/README.md b/README.md
index f78283d..05ba1ae 100644
--- a/README.md
+++ b/README.md
@@ -126,13 +126,20 @@ apply_filters( 'site_performance_tracker_event_types', array $entry_types = [ 'p
 
 To send web vitals to Google Analytics in a format compatible with the [Web Vitals Report](https://web-vitals-report.web.app/), enable the following theme support and passing in the ID, both UA- and G- ID formats are supported:
 
+Analytics is suppored, requires passing the ID using `ga_id`:
+```php
+add_theme_support( 'site_performance_tracker_vitals', array(
+	'ga_id' => 'UA-XXXXXXXX-Y',
+) );
+```
+Gtag is suppored, requires passing the ID using `gtag_id`:
 ```php
 add_theme_support( 'site_performance_tracker_vitals', array(
 	'gtag_id' => 'UA-XXXXXXXX-Y',
 ) );
 ```
 
-If you need to override the Google Analytics dimensions to store these under, pass them along on the add theme support initialisation:
+If you need to override the Google Analytics dimensions (defaults to dimensions1 through 6) to store these under, pass them along on the add theme support initialisation:
 ```php
 add_theme_support( 'site_performance_tracker_vitals', array(
 	'gtag_id'            => 'UA-XXXXXXXX-Y',
diff --git a/js/src/web-vitals-analytics.js b/js/src/web-vitals-analytics.js
index 95ccf75..ac88119 100644
--- a/js/src/web-vitals-analytics.js
+++ b/js/src/web-vitals-analytics.js
@@ -14,57 +14,72 @@
  * limitations under the License.
  */
 
-/* global gtag, location, requestIdleCallback */
+/* global ga, gtag, location, requestIdleCallback */
 
 import { getCLS, getFCP, getFID, getLCP } from 'web-vitals';
 
+const vitalThresholds = {
+	CLS: [ 0.1, 0.25 ],
+	FCP: [ 1800, 3000 ],
+	FID: [ 100, 300 ],
+	LCP: [ 2500, 4000 ],
+};
+
+const uaDimMeasurementVersion = window.webVitalsAnalyticsData.measurementVersion
+	? window.webVitalsAnalyticsData.measurementVersion
+	: 'dimension1';
+const uaDimclientId = window.webVitalsAnalyticsData.clientId
+	? window.webVitalsAnalyticsData.cliegantId
+	: 'dimension2';
+const uaDimSegments = window.webVitalsAnalyticsData.segments
+	? window.webVitalsAnalyticsData.segments
+	: 'dimension3';
+const uaDimConfig = window.webVitalsAnalyticsData.config
+	? window.webVitalsAnalyticsData.config
+	: 'dimension4';
+const uaDimEventMeta = window.webVitalsAnalyticsData.eventMeta
+	? window.webVitalsAnalyticsData.eventMeta
+	: 'dimension5';
+const uaDimEventDebug = window.webVitalsAnalyticsData.eventDebug
+	? window.webVitalsAnalyticsData.eventDebug
+	: 'dimension6';
+
 const getConfig = id => {
 	const config = {
-		measurement_version: '4',
 		page_path: location.pathname,
 	};
 
-	if ( id.startsWith( 'UA-' ) ) {
-		const uaDimMeasurementVersion = window.webVitalsAnalyticsData
-			.measurementVersion
-			? window.webVitalsAnalyticsData.measurementVersion
-			: 'dimension1';
-		const uaDimclientId = window.webVitalsAnalyticsData.clientId
-			? window.webVitalsAnalyticsData.clientId
-			: 'dimension2';
-		const uaDimSegments = window.webVitalsAnalyticsData.segments
-			? window.webVitalsAnalyticsData.segments
-			: 'dimension3';
-		const uaDimConfig = window.webVitalsAnalyticsData.config
-			? window.webVitalsAnalyticsData.config
-			: 'dimension4';
-		const uaDimEventMeta = window.webVitalsAnalyticsData.eventMeta
-			? window.webVitalsAnalyticsData.eventMeta
-			: 'dimension5';
-		const uaDimEventDebug = window.webVitalsAnalyticsData.eventDebug
-			? window.webVitalsAnalyticsData.eventDebug
-			: 'dimension6';
+	if ( 'gtag' === window.webVitalsAnalyticsData.delivery ) {
 		Object.assign( config, {
 			transport_type: 'beacon',
-			custom_map: {
-				[ uaDimMeasurementVersion ]: 'measurement_version',
-				[ uaDimclientId ]: 'client_id',
-				[ uaDimSegments ]: 'segments',
-				[ uaDimConfig ]: 'config',
-				[ uaDimEventMeta ]: 'event_meta',
-				[ uaDimEventDebug ]: 'event_debug',
-				metric1: 'report_size',
-			},
+			measurement_version: '6',
 		} );
 	}
-	return [ 'config', id, config ];
-};
 
-const vitalThresholds = {
-	CLS: [ 0.1, 0.25 ],
-	FCP: [ 1800, 3000 ],
-	FID: [ 100, 300 ],
-	LCP: [ 2500, 4000 ],
+	if ( id.startsWith( 'UA-' ) ) {
+		// Only gtag suports custom maps.
+		if ( 'gtag' === window.webVitalsAnalyticsData.delivery ) {
+			Object.assign( config, {
+				custom_map: {
+					[ uaDimMeasurementVersion ]: 'measurement_version',
+					[ uaDimclientId ]: 'client_id',
+					[ uaDimSegments ]: 'segments',
+					[ uaDimConfig ]: 'config',
+					[ uaDimEventMeta ]: 'event_meta',
+					[ uaDimEventDebug ]: 'event_debug',
+					metric1: 'report_size',
+				},
+			} );
+		}
+
+		if ( 'ga' === window.webVitalsAnalyticsData.delivery ) {
+			Object.assign( config, {
+				[ uaDimMeasurementVersion ]: '6',
+			} );
+		}
+	}
+
+	return [ 'config', id, config ];
 };
 
 function getRating( value, thresholds ) {
@@ -136,14 +151,29 @@ function getDebugInfo( metricName, entries = [] ) {
 }
 
 function sendToGoogleAnalytics( { name, value, delta, id, entries } ) {
-	gtag( 'event', name, {
-		value: Math.round( name === 'CLS' ? delta * 1000 : delta ),
-		event_category: 'Web Vitals',
-		event_label: id,
-		event_meta: getRating( value, vitalThresholds[ name ] ),
-		event_debug: getDebugInfo( name, entries ),
-		non_interaction: true,
-	} );
+	if ( 'undefined' !== typeof window.webVitalsAnalyticsData.gtag_id ) {
+		gtag( 'event', name, {
+			event_category: 'Web Vitals',
+			event_label: id,
+			value: Math.round( name === 'CLS' ? delta * 1000 : delta ),
+			non_interaction: true,
+			event_meta: getRating( value, vitalThresholds[ name ] ),
+			metric_rating: getRating( value, vitalThresholds[ name ] ),
+			event_debug: getDebugInfo( name, entries ),
+		} );
+	}
+	if ( 'undefined' !== typeof window.webVitalsAnalyticsData.ga_id ) {
+		ga( 'send', 'event', {
+			eventCategory: 'Web Vitals',
+			eventAction: name,
+			eventLabel: id,
+			eventValue: Math.round( name === 'CLS' ? delta * 1000 : delta ),
+			nonInteraction: true,
+			transport: 'beacon',
+			[ uaDimEventMeta ]: getRating( value, vitalThresholds[ name ] ),
+			[ uaDimEventDebug ]: getDebugInfo( name, entries ),
+		} );
+	}
 }
 
 export function measureWebVitals() {
@@ -154,19 +184,36 @@ export function measureWebVitals() {
 }
 
 export function initAnalytics() {
-	if ( 'undefined' === typeof window.gtag ) {
-		// eslint-disable-next-line no-console
-		window.gtag = console.log;
+	if ( 'undefined' === typeof window.webVitalsAnalyticsData ) {
+		return false;
+		// Do nothing without a config.
+	}
+	if ( 'undefined' !== typeof window.webVitalsAnalyticsData.gtag_id ) {
+		window.webVitalsAnalyticsData.delivery = 'gtag';
+	} else if ( 'undefined' !== typeof window.webVitalsAnalyticsData.ga_id ) {
+		window.webVitalsAnalyticsData.delivery = 'ga';
 	}
 
-	if (
-		'undefined' !== typeof window.webVitalsAnalyticsData &&
-		'undefined' !== typeof window.webVitalsAnalyticsData.gtag_id
-	) {
+	if ( 'gtag' === window.webVitalsAnalyticsData.delivery ) {
+		window.webVitalsAnalyticsData.type = 'gtag';
+		if ( 'undefined' === typeof window.gtag ) {
+			// eslint-disable-next-line no-console
+			window.gtag = console.log;
+		}
 		gtag( 'js', new Date() );
 		gtag( ...getConfig( window.webVitalsAnalyticsData.gtag_id ) );
 	}
 
+	if ( 'ga' === window.webVitalsAnalyticsData.delivery ) {
+		if ( 'undefined' === typeof window.ga ) {
+			// eslint-disable-next-line no-console
+			window.ga = console.log;
+		} else {
+			ga( 'js', new Date() );
+			ga( ...getConfig( window.webVitalsAnalyticsData.ga_id ) );
+		}
+	}
+
 	measureWebVitals();
 }
 

From a732e6224745d55fc851aa5464420acf4ae890ea Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 14 Apr 2021 12:01:59 +0100
Subject: [PATCH 26/27] WebVitals: Build assets

---
 js/dist/module/web-vitals-analytics.asset.php | 2 +-
 js/dist/module/web-vitals-analytics.js        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/dist/module/web-vitals-analytics.asset.php b/js/dist/module/web-vitals-analytics.asset.php
index b5abe6f..6560129 100644
--- a/js/dist/module/web-vitals-analytics.asset.php
+++ b/js/dist/module/web-vitals-analytics.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => '2ffe97aa04cd97e363cb6a9e8f5749e6');
\ No newline at end of file
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => '545643e091ef707f7501413bf114f4ab');
\ No newline at end of file
diff --git a/js/dist/module/web-vitals-analytics.js b/js/dist/module/web-vitals-analytics.js
index 4236c52..1306ce9 100644
--- a/js/dist/module/web-vitals-analytics.js
+++ b/js/dist/module/web-vitals-analytics.js
@@ -1 +1 @@
-!function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(i,a,function(t){return e[t]}.bind(null,a));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return C})),n.d(t,"initAnalytics",(function(){return P}));var i,a,o,r,c=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},s=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},u=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},l="function"==typeof WeakSet?new WeakSet:new Set,f=function(e,t,n){var i;return function(){t.value>=0&&(n||l.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},m=-1,v=function(){return"hidden"===document.visibilityState?0:1/0},p=function(){u((function(e){var t=e.timeStamp;m=t}),!0)},w=function(){return m<0&&(m=v(),p(),d((function(){setTimeout((function(){m=v(),p()}),0)}))),{get timeStamp(){return m}}},b={passive:!0,capture:!0},g=new Date,y=function(e,t){i||(i=t,a=e,o=new Date,D(removeEventListener),h())},h=function(){if(a>=0&&a<o-g){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+a};r.forEach((function(t){t(e)})),r=[]}},S=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),a()},i=function(){a()},a=function(){removeEventListener("pointerup",n,b),removeEventListener("pointercancel",i,b)};addEventListener("pointerup",n,b),addEventListener("pointercancel",i,b)}(t,e):y(t,e)}},D=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,S,b)}))};const L={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]};function _(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function A(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${A(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function V(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return A(i.element);break;case"FID":if(n){const{name:e}=n;return`${e}(${A(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return A(t.node)}}break;default:return"(not set)"}}function E({name:e,value:t,delta:n,id:i,entries:a}){gtag("event",e,{value:Math.round("CLS"===e?1e3*n:n),event_category:"Web Vitals",event_label:i,event_meta:_(t,L[e]),event_debug:V(e,a),non_interaction:!0})}function C(){!function(e,t){var n,i=c("CLS",0),a=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},o=s("layout-shift",a);o&&(n=f(e,i,t),u((function(){o.takeRecords().map(a),n()})),d((function(){i=c("CLS",0),n=f(e,i,t)})))}(E),function(e,t){var n,i=w(),a=c("FCP"),o=s("paint",(function(e){"first-contentful-paint"===e.name&&(o&&o.disconnect(),e.startTime<i.timeStamp&&(a.value=e.startTime,a.entries.push(e),l.add(a),n()))}));o&&(n=f(e,a,t),d((function(i){a=c("FCP"),n=f(e,a,t),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,l.add(a),n()}))}))})))}(E),function(e,t){var n,o=w(),m=c("FID"),v=function(e){e.startTime<o.timeStamp&&(m.value=e.processingStart-e.startTime,m.entries.push(e),l.add(m),n())},p=s("first-input",v);n=f(e,m,t),p&&u((function(){p.takeRecords().map(v),p.disconnect()}),!0),p&&d((function(){var o;m=c("FID"),n=f(e,m,t),r=[],a=-1,i=null,D(addEventListener),o=v,r.push(o),h()}))}(E),function(e,t){var n,i=w(),a=c("LCP"),o=function(e){var t=e.startTime;t<i.timeStamp&&(a.value=t,a.entries.push(e)),n()},r=s("largest-contentful-paint",o);if(r){n=f(e,a,t);var m=function(){l.has(a)||(r.takeRecords().map(o),r.disconnect(),l.add(a),n())};["keydown","click"].forEach((function(e){addEventListener(e,m,{once:!0,capture:!0})})),u(m,!0),d((function(i){a=c("LCP"),n=f(e,a,t),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,l.add(a),n()}))}))}))}}(E)}function P(){void 0===window.gtag&&(window.gtag=console.log),void 0!==window.webVitalsAnalyticsData&&void 0!==window.webVitalsAnalyticsData.gtag_id&&(gtag("js",new Date),gtag(...(e=>{const t={measurement_version:"4",page_path:location.pathname};if(e.startsWith("UA-")){const e=window.webVitalsAnalyticsData.measurementVersion?window.webVitalsAnalyticsData.measurementVersion:"dimension1",n=window.webVitalsAnalyticsData.clientId?window.webVitalsAnalyticsData.clientId:"dimension2",i=window.webVitalsAnalyticsData.segments?window.webVitalsAnalyticsData.segments:"dimension3",a=window.webVitalsAnalyticsData.config?window.webVitalsAnalyticsData.config:"dimension4",o=window.webVitalsAnalyticsData.eventMeta?window.webVitalsAnalyticsData.eventMeta:"dimension5",r=window.webVitalsAnalyticsData.eventDebug?window.webVitalsAnalyticsData.eventDebug:"dimension6";Object.assign(t,{transport_type:"beacon",custom_map:{[e]:"measurement_version",[n]:"client_id",[i]:"segments",[a]:"config",[o]:"event_meta",[r]:"event_debug",metric1:"report_size"}})}return["config",e,t]})(window.webVitalsAnalyticsData.gtag_id))),C()}requestIdleCallback(P)}]);
\ No newline at end of file
+!function(e){var t={};function n(i){if(t[i])return t[i].exports;var a=t[i]={i:i,l:!1,exports:{}};return e[i].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)n.d(i,a,function(t){return e[t]}.bind(null,a));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";n.r(t),n.d(t,"measureWebVitals",(function(){return M})),n.d(t,"initAnalytics",(function(){return I}));var i,a,o,r,s=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v1-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},u=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},d=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},l="function"==typeof WeakSet?new WeakSet:new Set,f=function(e,t,n){var i;return function(){t.value>=0&&(n||l.has(t)||"hidden"===document.visibilityState)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},w=-1,v=function(){return"hidden"===document.visibilityState?0:1/0},m=function(){u((function(e){var t=e.timeStamp;w=t}),!0)},p=function(){return w<0&&(w=v(),m(),d((function(){setTimeout((function(){w=v(),m()}),0)}))),{get timeStamp(){return w}}},g={passive:!0,capture:!0},b=new Date,y=function(e,t){i||(i=t,a=e,o=new Date,A(removeEventListener),h())},h=function(){if(a>=0&&a<o-b){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+a};r.forEach((function(t){t(e)})),r=[]}},D=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){y(e,t),a()},i=function(){a()},a=function(){removeEventListener("pointerup",n,g),removeEventListener("pointercancel",i,g)};addEventListener("pointerup",n,g),addEventListener("pointercancel",i,g)}(t,e):y(t,e)}},A=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,D,g)}))};const V={CLS:[.1,.25],FCP:[1800,3e3],FID:[100,300],LCP:[2500,4e3]},S=window.webVitalsAnalyticsData.measurementVersion?window.webVitalsAnalyticsData.measurementVersion:"dimension1",_=window.webVitalsAnalyticsData.clientId?window.webVitalsAnalyticsData.cliegantId:"dimension2",L=window.webVitalsAnalyticsData.segments?window.webVitalsAnalyticsData.segments:"dimension3",E=window.webVitalsAnalyticsData.config?window.webVitalsAnalyticsData.config:"dimension4",C=window.webVitalsAnalyticsData.eventMeta?window.webVitalsAnalyticsData.eventMeta:"dimension5",P=window.webVitalsAnalyticsData.eventDebug?window.webVitalsAnalyticsData.eventDebug:"dimension6",j=e=>{const t={page_path:location.pathname};return"gtag"===window.webVitalsAnalyticsData.delivery&&Object.assign(t,{transport_type:"beacon",measurement_version:"6"}),e.startsWith("UA-")&&("gtag"===window.webVitalsAnalyticsData.delivery&&Object.assign(t,{custom_map:{[S]:"measurement_version",[_]:"client_id",[L]:"segments",[E]:"config",[C]:"event_meta",[P]:"event_debug",metric1:"report_size"}}),"ga"===window.webVitalsAnalyticsData.delivery&&Object.assign(t,{[S]:"6"})),["config",e,t]};function k(e,t){return e>t[1]?"poor":e>t[0]?"ni":"good"}function O(e){try{let t=e.nodeName.toLowerCase();return"body"===t?"html>body":e.id?`${t}#${e.id}`:(e.className&&e.className.length&&(t+="."+[...e.classList.values()].join(".")),`${O(e.parentElement)}>${t}`)}catch(e){return"(error)"}}function F(e,t=[]){const n=t[0],i=t[t.length-1];switch(e){case"LCP":if(i)return O(i.element);break;case"FID":if(n){const{name:e}=n;return`${e}(${O(n.target)})`}break;case"CLS":if(t.length){const e=t.reduce((e,t)=>e&&e.value>t.value?e:t);if(e&&e.sources){const t=e.sources.reduce((e,t)=>e.node&&e.previousRect.width*e.previousRect.height>t.previousRect.width*t.previousRect.height?e:t);if(t)return O(t.node)}}break;default:return"(not set)"}}function T({name:e,value:t,delta:n,id:i,entries:a}){void 0!==window.webVitalsAnalyticsData.gtag_id&&gtag("event",e,{event_category:"Web Vitals",event_label:i,value:Math.round("CLS"===e?1e3*n:n),non_interaction:!0,event_meta:k(t,V[e]),metric_rating:k(t,V[e]),event_debug:F(e,a)}),void 0!==window.webVitalsAnalyticsData.ga_id&&ga("send","event",{eventCategory:"Web Vitals",eventAction:e,eventLabel:i,eventValue:Math.round("CLS"===e?1e3*n:n),nonInteraction:!0,transport:"beacon",[C]:k(t,V[e]),[P]:F(e,a)})}function M(){!function(e,t){var n,i=s("CLS",0),a=function(e){e.hadRecentInput||(i.value+=e.value,i.entries.push(e),n())},o=c("layout-shift",a);o&&(n=f(e,i,t),u((function(){o.takeRecords().map(a),n()})),d((function(){i=s("CLS",0),n=f(e,i,t)})))}(T),function(e,t){var n,i=p(),a=s("FCP"),o=c("paint",(function(e){"first-contentful-paint"===e.name&&(o&&o.disconnect(),e.startTime<i.timeStamp&&(a.value=e.startTime,a.entries.push(e),l.add(a),n()))}));o&&(n=f(e,a,t),d((function(i){a=s("FCP"),n=f(e,a,t),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,l.add(a),n()}))}))})))}(T),function(e,t){var n,o=p(),w=s("FID"),v=function(e){e.startTime<o.timeStamp&&(w.value=e.processingStart-e.startTime,w.entries.push(e),l.add(w),n())},m=c("first-input",v);n=f(e,w,t),m&&u((function(){m.takeRecords().map(v),m.disconnect()}),!0),m&&d((function(){var o;w=s("FID"),n=f(e,w,t),r=[],a=-1,i=null,A(addEventListener),o=v,r.push(o),h()}))}(T),function(e,t){var n,i=p(),a=s("LCP"),o=function(e){var t=e.startTime;t<i.timeStamp&&(a.value=t,a.entries.push(e)),n()},r=c("largest-contentful-paint",o);if(r){n=f(e,a,t);var w=function(){l.has(a)||(r.takeRecords().map(o),r.disconnect(),l.add(a),n())};["keydown","click"].forEach((function(e){addEventListener(e,w,{once:!0,capture:!0})})),u(w,!0),d((function(i){a=s("LCP"),n=f(e,a,t),requestAnimationFrame((function(){requestAnimationFrame((function(){a.value=performance.now()-i.timeStamp,l.add(a),n()}))}))}))}}(T)}function I(){if(void 0===window.webVitalsAnalyticsData)return!1;void 0!==window.webVitalsAnalyticsData.gtag_id?window.webVitalsAnalyticsData.delivery="gtag":void 0!==window.webVitalsAnalyticsData.ga_id&&(window.webVitalsAnalyticsData.delivery="ga"),"gtag"===window.webVitalsAnalyticsData.delivery&&(window.webVitalsAnalyticsData.type="gtag",void 0===window.gtag&&(window.gtag=console.log),gtag("js",new Date),gtag(...j(window.webVitalsAnalyticsData.gtag_id))),"ga"===window.webVitalsAnalyticsData.delivery&&(void 0===window.ga?window.ga=console.log:(ga("js",new Date),ga(...j(window.webVitalsAnalyticsData.ga_id)))),M()}requestIdleCallback(I)}]);
\ No newline at end of file

From eb73f22bfc6ff5393a3c6bc70b3d9b523acbc02c Mon Sep 17 00:00:00 2001
From: Mike Crantea <mike.crantea@xwp.co>
Date: Wed, 14 Apr 2021 12:16:53 +0100
Subject: [PATCH 27/27] WebVitals: Remove dataset, make solution more flexible

---
 php/Plugin.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/php/Plugin.php b/php/Plugin.php
index b71160d..4015a3c 100644
--- a/php/Plugin.php
+++ b/php/Plugin.php
@@ -257,8 +257,9 @@ public function enqueue_scripts() {
 		var randNumber = Math.random();
 		if ( randNumber <= window.webVitalsAnalyticsData.chance ) {
 			requestIdleCallback( function() {
-				webVitalsAnalyticsScript = document.getElementById( 'web-vitals-analytics-js' );
+				webVitalsAnalyticsScript = document.querySelector( 'script[data-src*=\"web-vitals-analytics.js\"]' );
 				webVitalsAnalyticsScript.src = webVitalsAnalyticsScript.dataset.src;
+				delete webVitalsAnalyticsScript.dataset.src;
 			} );
 		}
 	}