Performance Monitoring codelab JS SDK v9 update

.gitignore

@@ -17,3 +17,5 @@ firebase-debug.log
 */node_modules/**
 web/public/**/*.js
 web-start/public/**/*.js
+performance-monitoring/public/**/*.js
+performance-monitoring-start/public/**/*.js

performance-monitoring-start/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "performance-monitoring-start",
+  "version": "1.0.0",
+  "description": "This folder contains the starting code for the [Firebase Performance Monitoring for Web Codelab](https://codelabs.developers.google.com/codelabs/firebase-perf-mon-web/).",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "firebase": "^9.0.2"
+  },
+  "devDependencies": {
+    "webpack": "^5.53.0",
+    "webpack-cli": "^4.8.0"
+  }
+}

performance-monitoring-start/public/index.html

@@ -113,19 +113,7 @@ <h3><i class="material-icons">chat_bubble_outline</i> Friendly Chat</h3>
   </main>
 </div>
 
-<!-- Import and configure the Firebase SDK -->
-<!-- These scripts are made available when the app is served or deployed on Firebase Hosting -->
-<!-- If you do not want to serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup -->
-<script src="/__/firebase/8.6.7/firebase-app.js"></script>
-<script src="/__/firebase/8.6.7/firebase-auth.js"></script>
-<script src="/__/firebase/8.6.7/firebase-storage.js"></script>
-<script src="/__/firebase/8.6.7/firebase-messaging.js"></script>
-<script src="/__/firebase/8.6.7/firebase-firestore.js"></script>
-
-<!-- TODO: Import the Firebase Performance Monitoring library here. -->
-
-<script src="/__/firebase/init.js"></script>
-
-<script src="scripts/main.js"></script>
+<!-- This script is created by webpack -->
+<script type="module" src="scripts/main.js"></script>
 </body>
 </html>