feature: add logging for page views (#115)

even though it is mandatory.... hmmm

Author: jaybarden1

apps/web/astar-dev/.env.example

@@ -8,5 +8,7 @@ MJ_APIKEY_PRIVATE=
 CONTACT_EMAIL=
 MAILJET_FROM_EMAIL=
 
-# leave blank to disable analytics
+# Server-side telemetry (Node SDK — read at runtime via process.env)
 APPLICATIONINSIGHTS_CONNECTION_STRING=
+# Client-side telemetry (browser JS SDK — baked in at build time, safe to expose)
+PUBLIC_APPINSIGHTS_CONNECTION_STRING=

apps/web/astar-dev/package-lock.json

@@ -19,6 +19,7 @@
     "vue": "^3.5.0"
   },
   "devDependencies": {
+    "@types/node": "^25.5.0",
     "typescript": "^5.7.0",
     "vitest": "^4.1.2"
   },

apps/web/astar-dev/package.json

@@ -17,7 +17,7 @@ function getClient(): appInsights.TelemetryClient | null {
     return client;
   }
 
-  const connectionString = import.meta.env.APPLICATIONINSIGHTS_CONNECTION_STRING;
+  const connectionString = process.env.APPLICATIONINSIGHTS_CONNECTION_STRING;
   if (typeof connectionString !== 'string' || connectionString.length === 0) {
     return null;
   }

apps/web/astar-dev/src/lib/telemetry.ts

@@ -0,0 +1,17 @@
+import { defineMiddleware } from 'astro:middleware';
+import { trackTrace } from './lib/telemetry';
+
+export const onRequest = defineMiddleware(async (context, next) => {
+  const start = Date.now();
+  const response = await next();
+  const duration = Date.now() - start;
+
+  trackTrace('page/view', {
+    method: context.request.method,
+    path: context.url.pathname,
+    status: String(response.status),
+    durationMs: String(duration),
+  });
+
+  return response;
+});

apps/web/astar-dev/src/middleware.ts

@@ -218,10 +218,10 @@ export const POST: APIRoute = async ({ request }) => {
   const message = (body.message as string).trim();
   const sendCopy = body.sendCopy === true;
 
-  const apiKey = import.meta.env.MJ_APIKEY_PUBLIC;
-  const apiSecret = import.meta.env.MJ_APIKEY_PRIVATE;
-  const contactEmail = import.meta.env.CONTACT_EMAIL;
-  const fromEmail = import.meta.env.MAILJET_FROM_EMAIL;
+  const apiKey = process.env.MJ_APIKEY_PUBLIC;
+  const apiSecret = process.env.MJ_APIKEY_PRIVATE;
+  const contactEmail = process.env.CONTACT_EMAIL;
+  const fromEmail = process.env.MAILJET_FROM_EMAIL;
 
   if (typeof apiKey !== 'string' || apiKey.length === 0 || typeof apiSecret !== 'string' || apiSecret.length === 0) {
     trackException(new Error('contact/missing-mailjet-credentials: MJ_APIKEY_PUBLIC or MJ_APIKEY_PRIVATE is not configured'));

apps/web/astar-dev/src/pages/api/contact.ts

@@ -2,6 +2,7 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "strictNullChecks": true,
-    "baseUrl": "."
+    "baseUrl": ".",
+    "types": ["node"]
   }
 }