feat: add monitor

app/src/index.tsx

@@ -11,8 +11,11 @@ import TenantPage from "./pages/tenant/tenant";
 import SettingPage from "./pages/setting/setting";
 import ProductPage from "./pages/product/product";
 import { isVerifiedAccount } from "./service/auth";
+import { performanceTrace } from "./tools/performaceMonitoring";
+
 
 const root = document.getElementById("root");
+const rootPerformanceTrace = performanceTrace("performanceTrace");
 
 if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
 	throw new Error(
@@ -21,6 +24,7 @@ if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
 }
 
 if (root) {
+	rootPerformanceTrace.start();
 	render(
 		() => (
 			<Router>
@@ -60,6 +64,7 @@ if (root) {
 		),
 		root,
 	);
+	rootPerformanceTrace.stop();
 }
 
 async function checkAuth() {

app/src/pages/login/login.tsx

@@ -1,9 +1,11 @@
 import { createSignal } from "solid-js";
 import { signIn } from "../../service/auth";
+import { performanceTrace } from "../../tools/performaceMonitoring";
 
 const Login = () => {
 	const [email, setEmail] = createSignal("");
 	const [password, setPassword] = createSignal("");
+	const loginPerformanceTrace = performanceTrace("loginPerformanceTrace");
 
 	const validateEmail = (email: string) => {
 		const re = /\S+@\S+\.\S+/;
@@ -25,12 +27,14 @@ const Login = () => {
 	};
 
 	const handleLogin = async () => {
+		loginPerformanceTrace.start();
 		const userCredential = await signIn(email(), password());
 		if (userCredential instanceof Error) {
 			window.alert(userCredential.message);
 		} else {
 			window.location.href = "/dashboard/account";
 		}
+		loginPerformanceTrace.stop();
 	};
 
 	return (

app/src/tools/performaceMonitoring.ts

@@ -0,0 +1,11 @@
+import { getPerformance, trace } from "firebase/performance";
+import type { PerformanceTrace } from "firebase/performance";
+import { firebaseApp } from "../service/firebase";
+
+const perf = getPerformance(firebaseApp);
+
+
+
+export function performanceTrace(customTraceName: string):PerformanceTrace {
+  return trace(perf, customTraceName); 
+}