wrapper metrics in flag

examples/grid/src/index.ts

@@ -1,5 +1,5 @@
 import { DRPNode } from "@ts-drp/node";
-import { enableTracing, OpentelemetryMetrics } from "@ts-drp/tracer";
+import { enableTracing, IMetrics, OpentelemetryMetrics } from "@ts-drp/tracer";
 
 import { Grid } from "./objects/grid";
 import { render, enableUIControls, renderInfo } from "./render";
@@ -75,10 +75,9 @@ async function createConnectHandlers() {
 	});
 }
 
-async function run() {
+async function run(metrics?: IMetrics) {
 	enableUIControls();
 	renderInfo();
-	const metrics = new OpentelemetryMetrics("grid-service-2");
 
 	const button_create = <HTMLButtonElement>document.getElementById("createGrid");
 	button_create.addEventListener("click", async () => {
@@ -133,16 +132,18 @@ async function run() {
 }
 
 async function main() {
+	let metrics: IMetrics | undefined = undefined;
 	if (import.meta.env.VITE_ENABLE_TRACING) {
 		enableTracing();
+		metrics = new OpentelemetryMetrics("grid-service-2");
 	}
 
 	const networkConfig = getNetworkConfigFromEnv();
 	gridState.node = new DRPNode(networkConfig ? { network_config: networkConfig } : undefined);
 	await gridState.node.start();
 	await gridState.node.networkNode.isDialable(async () => {
 		console.log("Started node", import.meta.env);
-		await run();
+		await run(metrics);
 	});
 
 	setInterval(renderInfo, import.meta.env.VITE_RENDER_INFO_INTERVAL);