2.4.34

.env

@@ -45,7 +45,6 @@ MAIL_RECIPIENTS=info@e-tib.com
 # ────────────────────────────────────────────────────────────────────────────
 LOG_LEVEL=info
 GATEKEEPER_PASSWORD=klz2026
-SENTRY_DSN=
 # SENTRY_ENVIRONMENT is set automatically by CI
 
 # ────────────────────────────────────────────────────────────────────────────

.env.example

@@ -45,7 +45,6 @@ MAIL_RECIPIENTS=info@e-tib.com
 # ────────────────────────────────────────────────────────────────────────────
 LOG_LEVEL=info
 GATEKEEPER_PASSWORD=klz2026
-SENTRY_DSN=
 # SENTRY_ENVIRONMENT is set automatically by CI
 
 # ────────────────────────────────────────────────────────────────────────────

.env.production

@@ -16,7 +16,7 @@ UMAMI_WEBSITE_ID=d773ea10-a3b3-4ccf-9024-987e14c4d669
 UMAMI_API_ENDPOINT=https://analytics.infra.mintel.me
 
 # Error Tracking (GlitchTip/Sentry)
-SENTRY_DSN=
+SENTRY_DSN=https://dcb81958-dbf2-4a3d-b422-875f4672c14b@glitchtip.infra.mintel.me/5
 
 # Email Configuration (Mailgun)
 MAIL_HOST=smtp.eu.mailgun.org

app/[locale]/blog/[slug]/page.tsx

@@ -118,7 +118,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
 
           {/* Title overlay on image */}
           <div className="absolute inset-0 flex flex-col justify-end pb-16 md:pb-24">
-            <div className="container mx-auto px-4">
+            <div className="container mx-auto max-w-7xl px-4">
               <div className="max-w-4xl bg-neutral-dark/40 backdrop-blur-md p-6 rounded-2xl border border-white/10">
                 {post.frontmatter.category && (
                   <div className="overflow-hidden mb-6">
@@ -192,7 +192,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
       )}
 
       {/* Main Content Area with Sticky Narrative Layout */}
-      <div className="container mx-auto px-4 py-16 md:py-24">
+      <div className="container mx-auto max-w-7xl px-4 py-16 md:py-24">
         <div className="sticky-narrative-container">
           {/* Left Column: Content */}
           <div className="sticky-narrative-content">

components/analytics/AnalyticsShell.tsx

@@ -22,11 +22,18 @@ export default function AnalyticsShell() {
       return;
     }
 
+    const initServices = () => {
+      import('@/lib/services/create-services').then(({ getAppServices }) => {
+        getAppServices();
+        setShouldLoad(true);
+      }).catch(console.error);
+    };
+
     // Wait until browser is completely idle before loading heavy analytics/logger/sentry SDKs
     if (typeof window !== 'undefined' && 'requestIdleCallback' in window) {
-      window.requestIdleCallback(() => setShouldLoad(true), { timeout: 3000 });
+      window.requestIdleCallback(initServices, { timeout: 3000 });
     } else {
-      const timer = setTimeout(() => setShouldLoad(true), 2500);
+      const timer = setTimeout(initServices, 2500);
       return () => clearTimeout(timer);
     }
   }, []);

components/layout/Footer.tsx

@@ -29,7 +29,7 @@ export function Footer({ companyInfo }: FooterProps) {
 
       <EUFundingBadge />
 
-      <div className="container relative z-10 grid grid-cols-1 md:grid-cols-4 lg:grid-cols-12 gap-4 md:gap-6 lg:gap-8 mb-4 md:mb-12">
+      <div className="container mx-auto max-w-7xl relative z-10 grid grid-cols-1 md:grid-cols-4 lg:grid-cols-12 gap-4 md:gap-6 lg:gap-8 mb-4 md:mb-12">
         {/* Brand Column Bento */}
         <div className="col-span-1 md:col-span-4 lg:col-span-5 flex flex-col justify-between bg-white/[0.02] border border-white/5 rounded-3xl p-5 md:p-8 lg:p-10 backdrop-blur-md relative group overflow-hidden">
           <div className="absolute inset-0 bg-gradient-to-br from-white/[0.04] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
@@ -217,7 +217,7 @@ export function Footer({ companyInfo }: FooterProps) {
         </div>
       </div>
 
-      <div className="container relative z-10">
+      <div className="container mx-auto max-w-7xl relative z-10">
         <div className="flex flex-col md:flex-row justify-between items-center gap-4 md:gap-6 py-4 px-5 md:py-6 md:px-8 rounded-2xl bg-white/[0.02] border border-white/5 backdrop-blur-md text-center md:text-left">
           <div className="flex flex-col md:flex-row items-center gap-4 md:gap-6 h-full">
             <p className="text-neutral-400 text-xs font-medium m-0">&copy; {new Date().getFullYear()} E-TIB GmbH. {locale === 'de' ? 'Alle Rechte vorbehalten.' : 'All rights reserved.'}</p>

lib/services/create-services.ts

@@ -2,6 +2,7 @@ import { AppServices } from './app-services';
 import { NoopAnalyticsService } from './analytics/noop-analytics-service';
 import { UmamiAnalyticsService } from './analytics/umami-analytics-service';
 import { MemoryCacheService } from './cache/memory-cache-service';
+import { GlitchtipErrorReportingService } from './errors/glitchtip-error-reporting-service';
 import { NoopErrorReportingService } from './errors/noop-error-reporting-service';
 import { NoopLoggerService } from './logging/noop-logger-service';
 import { PinoLoggerService } from './logging/pino-logger-service';
@@ -67,7 +68,17 @@ export function getAppServices(): AppServices {
   logger.info('Notification service initialized (noop)');
 
   // Create error reporting service (GlitchTip/Sentry or no-op)
-  const errors = new NoopErrorReportingService();
+  const errors = sentryEnabled
+    ? new GlitchtipErrorReportingService(
+        {
+          enabled: true,
+          dsn: config.errors.glitchtip.dsn,
+          tracesSampleRate: 0.1, // Client-side we usually want lower sample rate
+        },
+        logger,
+        notifications,
+      )
+    : new NoopErrorReportingService();
 
   if (sentryEnabled) {
     logger.info(

package.json

@@ -140,7 +140,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.4.28",
+  "version": "2.4.34",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

tests/create-services.test.ts

@@ -0,0 +1,26 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { getAppServices } from '../lib/services/create-services';
+import { GlitchtipErrorReportingService } from '../lib/services/errors/glitchtip-error-reporting-service';
+
+// Mock config to ensure sentry is enabled
+vi.mock('../lib/config', () => ({
+  config: {
+    analytics: { umami: { enabled: false } },
+    errors: { glitchtip: { enabled: true, dsn: 'https://test@glitchtip.infra.mintel.me/5' } },
+    logging: { level: 'info' },
+    notifications: { gotify: { enabled: false } },
+  },
+  getMaskedConfig: () => ({}),
+}));
+
+describe('AppServices (Client)', () => {
+  beforeEach(() => {
+    // Reset singleton
+    globalThis.__appServices = undefined;
+  });
+
+  it('should instantiate GlitchtipErrorReportingService when enabled', () => {
+    const services = getAppServices();
+    expect(services.errors).toBeInstanceOf(GlitchtipErrorReportingService);
+  });
+});

tests/sentry-config.test.ts

@@ -0,0 +1,20 @@
+import { readFileSync } from 'fs';
+import { resolve } from 'path';
+import { describe, it, expect } from 'vitest';
+import * as dotenv from 'dotenv';
+
+describe('Sentry Configuration', () => {
+  it('should have a valid SENTRY_DSN in .env', () => {
+    // Read the .env file as a string
+    const envPath = resolve(process.cwd(), '.env');
+    const envContent = readFileSync(envPath, 'utf8');
+
+    // Parse it using dotenv
+    const envConfig = dotenv.parse(envContent);
+
+    // Assert that SENTRY_DSN is defined and not empty
+    expect(envConfig.SENTRY_DSN).toBeDefined();
+    expect(envConfig.SENTRY_DSN.length).toBeGreaterThan(0);
+    expect(envConfig.SENTRY_DSN).toMatch(/^https:\/\/.+@glitchtip.infra.mintel.me\/\d+$/);
+  });
+});