franpcode/inbox-negotiator
1
0
Fork 0
mirror of https://github.com/FranP-code/inbox-negotiator.git synced 2025-10-13 00:42:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add Vercel Analytics integration and update dependencies

Browse Source
This commit is contained in:
Francisco Pessano
2025-06-09 00:29:48 -03:00
parent 1278ac3efe
commit 486ce640b8
3 changed files with 44 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@@ -47,6 +47,7 @@
"@supabase/supabase-js": "^2.50.0",
"@types/react": "^18.3.10",
"@types/react-dom": "^18.3.0",
"@vercel/analytics": "^1.5.0",
"ai": "^4.3.16",
"astro": "^5.9.0",
"class-variance-authority": "^0.7.0",

3
pnpm-lock.yaml generated
View File

@@ -116,6 +116,9 @@ importers:
'@types/react-dom':
specifier: ^18.3.0
version: 18.3.7(@types/react@18.3.23)
'@vercel/analytics':
specifier: ^1.5.0
version: 1.5.0(react@18.3.1)
ai:
specifier: ^4.3.16
version: 4.3.16(react@18.3.1)(zod@3.23.8)

70
src/layouts/Layout.astro
View File

@@ -1,4 +1,5 @@
---
import Analytics from "@vercel/analytics/astro";
interface Props {
title: string;
}
@@ -8,36 +9,45 @@ const { title } = Astro.props;
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<script is:inline>
// shadcn dark mode script for Astro
const themeKey = 'theme';
function getThemePreference() {
if (typeof localStorage !== 'undefined' && localStorage.getItem(themeKey)) {
return localStorage.getItem(themeKey);
}
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
const isDark = getThemePreference() === 'dark';
document.documentElement.classList[isDark ? 'add' : 'remove']('dark');
if (typeof localStorage !== 'undefined') {
const observer = new MutationObserver(() => {
const isDark = document.documentElement.classList.contains('dark');
localStorage.setItem(themeKey, isDark ? 'dark' : 'light');
});
observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
}
</script>
</head>
<body>
<slot />
</body>
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<script is:inline>
// shadcn dark mode script for Astro
const themeKey = "theme";
function getThemePreference() {
if (
typeof localStorage !== "undefined" &&
localStorage.getItem(themeKey)
) {
return localStorage.getItem(themeKey);
}
return window.matchMedia("(prefers-color-scheme: dark)").matches
? "dark"
: "light";
}
const isDark = getThemePreference() === "dark";
document.documentElement.classList[isDark ? "add" : "remove"]("dark");
if (typeof localStorage !== "undefined") {
const observer = new MutationObserver(() => {
const isDark = document.documentElement.classList.contains("dark");
localStorage.setItem(themeKey, isDark ? "dark" : "light");
});
observer.observe(document.documentElement, {
attributes: true,
attributeFilter: ["class"],
});
}
</script>
</head>
<body>
<slot />
<Analytics />
</body>
</html>
<style is:global>
:root {