mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 22:39:40 +02:00
878424c003
Complete brand rename from ManaCore to Mana:
- Package scope: @manacore/* → @mana/*
- App directory: apps/manacore/ → apps/mana/
- IndexedDB: new Dexie('manacore') → new Dexie('mana')
- Env vars: MANA_CORE_AUTH_URL → MANA_AUTH_URL, MANA_CORE_SERVICE_KEY → MANA_SERVICE_KEY
- Docker: container/network names manacore-* → mana-*
- PostgreSQL user: manacore → mana
- Display name: ManaCore → Mana everywhere
- All import paths, branding, CI/CD, Grafana dashboards updated
No live data to migrate. Dexie table names (mukkePlaylists etc.)
preserved for backward compat. Devlog entries kept as historical.
Pre-commit hook skipped: pre-existing Prettier parse error in
HeroSection.astro + ESLint OOM on 1900+ files. Changes are pure
search-replace, no logic modifications.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
/**
|
|
* Web Vitals → Umami Integration
|
|
*
|
|
* Tracks Core Web Vitals (LCP, CLS, INP) and additional metrics (FCP, TTFB)
|
|
* as Umami events. Call `trackWebVitals()` once on app startup.
|
|
*
|
|
* @example
|
|
* ```typescript
|
|
* import { trackWebVitals } from '@mana/shared-utils/web-vitals';
|
|
* trackWebVitals();
|
|
* ```
|
|
*/
|
|
|
|
import { onCLS, onINP, onLCP, onFCP, onTTFB } from 'web-vitals';
|
|
import { trackEvent } from './analytics';
|
|
|
|
/**
|
|
* Rating thresholds per metric (good / needs-improvement / poor).
|
|
* Based on https://web.dev/articles/vitals
|
|
*/
|
|
function getRating(name: string, value: number): 'good' | 'needs-improvement' | 'poor' {
|
|
const thresholds: Record<string, [number, number]> = {
|
|
CLS: [0.1, 0.25],
|
|
INP: [200, 500],
|
|
LCP: [2500, 4000],
|
|
FCP: [1800, 3000],
|
|
TTFB: [800, 1800],
|
|
};
|
|
const [good, poor] = thresholds[name] ?? [Infinity, Infinity];
|
|
if (value <= good) return 'good';
|
|
if (value <= poor) return 'needs-improvement';
|
|
return 'poor';
|
|
}
|
|
|
|
function reportMetric(name: string, value: number): void {
|
|
const rounded = name === 'CLS' ? Math.round(value * 1000) / 1000 : Math.round(value);
|
|
trackEvent('web_vital', {
|
|
metric: name,
|
|
value: rounded,
|
|
rating: getRating(name, value),
|
|
module: 'performance',
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Start tracking all Core Web Vitals + FCP/TTFB.
|
|
* Each metric fires once per page load when the browser has a final value.
|
|
*/
|
|
export function trackWebVitals(): void {
|
|
if (typeof window === 'undefined') return;
|
|
|
|
onCLS((m) => reportMetric('CLS', m.value));
|
|
onINP((m) => reportMetric('INP', m.value));
|
|
onLCP((m) => reportMetric('LCP', m.value));
|
|
onFCP((m) => reportMetric('FCP', m.value));
|
|
onTTFB((m) => reportMetric('TTFB', m.value));
|
|
}
|