arthur/flint
1
0
Fork 0
mirror of https://github.com/arthur-pbty/flint.git synced 2026-08-01 20:29:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: ajouter le composant MatomoScript pour l'analyse des données et mettre à jour les variables d'environnement dans .env.example

Browse Source
This commit is contained in:
Puechberty Arthur
2026-05-04 23:33:06 +02:00
parent ae60c50415
commit 19568822fe
3 changed files with 62 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.example
+10 -5
View File
@@ -5,22 +5,22 @@ WEB_PORT=3000
API_PORT=4000 API_PORT=4000
# DB # DB
POSTGRES_DB= POSTGRES_DB=flint
POSTGRES_USER= POSTGRES_USER=flint
POSTGRES_PASSWORD= POSTGRES_PASSWORD=
# REDIS # REDIS
REDIS_PASSWORD= REDIS_PASSWORD=
# URLS PROD # URLS PROD
WEB_URL=https://yourdomain.com WEB_URL=http://localhost:3000
API_BASE_URL=http://api:4000 API_BASE_URL=http://api:4000
NEXT_PUBLIC_API_BASE_URL=https://api.yourdomain.com NEXT_PUBLIC_API_BASE_URL=http://localhost:4000
# DISCORD # DISCORD
DISCORD_CLIENT_ID= DISCORD_CLIENT_ID=
DISCORD_CLIENT_SECRET= DISCORD_CLIENT_SECRET=
DISCORD_REDIRECT_URI=https://api.yourdomain.com/auth/discord/callback DISCORD_REDIRECT_URI=http://localhost:4000/auth/discord/callback
# Session/auth # Session/auth
JWT_SECRET= JWT_SECRET=
@@ -34,3 +34,8 @@ TOKEN_ENCRYPTION_KEY=
# Multi-tenant API limits # Multi-tenant API limits
TENANT_RATE_LIMIT_MAX=120 TENANT_RATE_LIMIT_MAX=120
TENANT_RATE_LIMIT_WINDOW_SECONDS=60 TENANT_RATE_LIMIT_WINDOW_SECONDS=60
# Matomo Analytics (optional - leave empty to disable)
# NEXT_PUBLIC_MATOMO_URL=
# NEXT_PUBLIC_MATOMO_SITE_ID=
apps/web/app/[locale]/layout.tsx
+2
View File
@@ -4,6 +4,7 @@ import { hasLocale, NextIntlClientProvider } from "next-intl";
import { getMessages, getTranslations } from "next-intl/server"; import { getMessages, getTranslations } from "next-intl/server";
import { notFound } from "next/navigation"; import { notFound } from "next/navigation";
import { MatomoScript } from "../../components/MatomoScript";
import { RTL_LOCALES, routing } from "../../i18n/routing"; import { RTL_LOCALES, routing } from "../../i18n/routing";
import "../globals.css"; import "../globals.css";
@@ -130,6 +131,7 @@ export default async function LocaleLayout({
<body <body
className={`${headingFont.variable} ${monoFont.variable} antialiased`} className={`${headingFont.variable} ${monoFont.variable} antialiased`}
> >
<MatomoScript />
<NextIntlClientProvider locale={locale} messages={messages}> <NextIntlClientProvider locale={locale} messages={messages}>
{children} {children}
</NextIntlClientProvider> </NextIntlClientProvider>
apps/web/components/MatomoScript.tsx
+50
View File
@@ -0,0 +1,50 @@
'use client';
import { useEffect } from 'react';
/**
* Matomo Analytics Script Component
* Injects the Matomo tracking script only if MATOMO_URL and MATOMO_SITE_ID are configured
*
* Environment variables:
* - NEXT_PUBLIC_MATOMO_URL: Base URL of Matomo instance (e.g., https://analytics.arthurp.fr/)
* - NEXT_PUBLIC_MATOMO_SITE_ID: Site ID in Matomo (e.g., 9)
*/
export function MatomoScript() {
useEffect(() => {
// Check if Matomo is properly configured
const matomoUrl = process.env.NEXT_PUBLIC_MATOMO_URL?.trim();
const matomoSiteId = process.env.NEXT_PUBLIC_MATOMO_SITE_ID?.trim();
// Skip if not configured
if (!matomoUrl || !matomoSiteId) {
if (process.env.NODE_ENV === 'development') {
console.debug('[Matomo] Not configured. Skipping analytics.');
}
return;
}
// Initialize Matomo tracking array
(window as any)._paq = (window as any)._paq || [];
const _paq = (window as any)._paq;
// Set up tracking
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
_paq.push(['setTrackerUrl', `${matomoUrl}matomo.php`]);
_paq.push(['setSiteId', matomoSiteId]);
// Inject the Matomo script
const script = document.createElement('script');
script.async = true;
script.src = `${matomoUrl}matomo.js`;
script.defer = true;
const firstScript = document.getElementsByTagName('script')[0];
if (firstScript && firstScript.parentNode) {
firstScript.parentNode.insertBefore(script, firstScript);
}
}, []);
return null;
}