update browser extension

5-browser-extension/solution/dist/manifest.json

@@ -1,12 +1,12 @@
 {
-	"manifest_version": 2,
+	"manifest_version": 3,
 	"name": "My Carbon Trigger",
 	"version": "0.1.0",
-	"permissions": ["<all_urls>"],
+	"host_permissions": ["<all_urls>"],
 	"background": {
-		"scripts": ["background.js"]
+		"service_worker": "background.js"
 	},
-	"browser_action": {
+	"action": {
 		"default_popup": "index.html"
 	}
 }

5-browser-extension/solution/package.json

@@ -3,6 +3,10 @@
 	"version": "1.0.0",
 	"description": "",
 	"main": "index.js",
+		"engines": {
+		"npm": ">=9.0.0",
+		"node": ">=18.0.0"
+	},
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"watch": "webpack --watch",
@@ -13,13 +17,13 @@
 		"edge extension",
 		"carbon usage tracker"
 	],
-	"author": "Jen Looper",
+	"author": "Microsoft Cloud Advocacy Team",
 	"license": "MIT",
 	"devDependencies": {
-		"webpack": "^4.44.1",
+		"webpack": "^5.88.1",
-		"webpack-cli": "^3.3.12"
+		"webpack-cli": "^5.1.4"
 	},
 	"dependencies": {
-  		"axios": "^0.21.1"
+		"axios": "^1.4.0"
 	}
 }

5-browser-extension/solution/src/index.js

@@ -1,4 +1,4 @@
-import axios from './node_modules/axios';
+import axios from 'axios';
 
 // form fields
 const form = document.querySelector('.form-data');

5-browser-extension/start/dist/manifest.json

@@ -1,12 +1,12 @@
 {
-	"manifest_version": 2,
+	"manifest_version": 3,
 	"name": "My Carbon Trigger",
 	"version": "0.1.0",
-	"permissions": ["<all_urls>"],
+	"host_permissions": ["<all_urls>"],
 	"background": {
-		"scripts": ["background.js"]
+		"service_worker": "background.js"
 	},
-	"browser_action": {
+	"action": {
 		"default_popup": "index.html"
 	}
 }

5-browser-extension/start/package.json

@@ -3,6 +3,10 @@
 	"version": "1.0.0",
 	"description": "",
 	"main": "index.js",
+	"engines": {
+		"npm": ">=9.0.0",
+		"node": ">=18.0.0"
+	},
 	"scripts": {
 		"test": "echo \"Error: no test specified\" && exit 1",
 		"watch": "webpack --watch",
@@ -13,13 +17,13 @@
 		"edge extension",
 		"carbon usage tracker"
 	],
-	"author": "Jen Looper",
+	"author": "Microsoft Cloud Advocacy Team",
 	"license": "MIT",
 	"devDependencies": {
-		"webpack": "^4.44.1",
+		"webpack": "^5.88.1",
-		"webpack-cli": "^3.3.12"
+		"webpack-cli": "^5.1.4"
 	},
 	"dependencies": {
-		"axios": "^0.19.2"
+		"axios": "^1.4.0"
 	}
 }