bla bli blub

alloy/config.alloy

@@ -0,0 +1,65 @@
+faro.receiver "integrations_app_agent_receiver" {
+	extra_log_labels = {
+		app  = "Frontend Observability",
+		kind = "",
+	}
+
+	server {
+		listen_address           = "0.0.0.0"
+		listen_port              = "8027"
+		cors_allowed_origins     = ["*"]
+		max_allowed_payload_size = "10MiB"
+
+		rate_limiting {
+			rate = 50
+		}
+	}
+
+	sourcemaps { }
+
+	output {
+		logs   = [loki.process.logs_process_client.receiver]
+		traces = []
+	}
+}
+
+loki.process "logs_process_client" {
+	forward_to = [loki.write.logs_write_client.receiver]
+
+	stage.json {
+		expressions = { 
+			app = "", 
+			service_name = "", 
+			kind = "", 
+			message = "", 
+			level = "" 
+		}
+	}
+
+	stage.labels {
+		values = { 
+			kind = "kind", 
+			service_name = "service_name", 
+			app = "app",
+			level = "level",
+		}
+	}
+
+	stage.static_labels {
+		set = {
+			source = "faro",
+		}
+	}
+}
+
+loki.write "logs_write_client" {
+	endpoint {
+        url  = "http://loki:3100/loki/api/v1/push"
+	}
+	external_labels = {
+    }
+}
+
+logging {
+	level = "info"
+}

src/App.tsx

@@ -6,21 +6,18 @@ import {
 	ReactIntegration,
 	ConsoleInstrumentation,
 	WebVitalsInstrumentation,
-    LogLevel,
 } from "@grafana/faro-react";
 import Dashboard from "@/components/Dashboard/Dashboard";
 
 function App() {
 	const isProduction = import.meta.env.PROD;
 
-    if (isProduction && window.location.hostname === "localhost") {
+	if (window.location.hostname === "localhost" && isProduction) {
-        console.debug("Initializing Faro environment...");
-
 		initializeFaro({
-            url: "http://localhost:12347/collect",
+			url: "http://alloy:8027/collect",
 			app: {
 				name: "monitor-im-flur",
-                version: import.meta.env.VITE_APP_VERSION || "0.0.1",
+				version: "0.0.1",
 				environment: "production",
 			},
 			instrumentations: [
@@ -33,6 +30,7 @@ function App() {
 			],
 		});
 	}
+
 	return <Dashboard />;
 }