jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-06-05 20:15:31 -04:00
Code Issues Activity

refactor: overhaul view transitions with granular per-page animation components

Browse Source 
- Replace single `<ViewTransition>` wrapper in layout with `FadeTransition` and `DirectionalTransition` components applied per page
- Add `components/page-transition.tsx` with reusable transition wrappers
- Expand view transition CSS with named classes: fade, slide, nav-forward/back, morph, text-morph, scale — all driven by CSS custom property durations
- Use React `<ViewTransition name=... share="text-morph">` for shared note title element between list and detail views
- Wrap comments suspense boundary with enter/exit slide transitions
- Add `persistent-nav` and `persistent-footer` view-transition-name groups to keep chrome static during navigation
- Fix reduced-motion override to target delay and duration instead of `animation: none`
- Add tracking-tight and letter-spacing tweaks to home page typography
This commit is contained in:
Jake Jarvis
2026-04-25 10:50:31 -04:00
parent ad90539df4
commit b2416ff0db
16 changed files with 1091 additions and 671 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+16 -16
View File
@@ -22,27 +22,27 @@
"db:migrate": "drizzle-kit migrate"
},
"dependencies": {
"@base-ui/react": "^1.4.0",
"@base-ui/react": "^1.4.1",
"@fontsource/inter": "^5.2.8",
"@mdx-js/loader": "^3.1.1",
"@mdx-js/react": "^3.1.1",
"@next/mdx": "16.2.3",
"@next/mdx": "16.2.4",
"@octokit/graphql": "^9.0.3",
"@octokit/graphql-schema": "^15.26.1",
"@vercel/analytics": "^2.0.1",
"@vercel/functions": "^3.4.3",
"@vercel/functions": "^3.4.4",
"@vercel/speed-insights": "^2.0.0",
"better-auth": "^1.6.4",
"better-auth": "^1.6.9",
"cheerio": "^1.2.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"copy-to-clipboard": "^3.3.3",
"copy-to-clipboard": "^4.0.2",
"drizzle-orm": "^0.45.2",
"fast-glob": "^3.3.3",
"feed": "^5.2.0",
"feed": "^5.2.1",
"html-entities": "^2.6.0",
"lucide-react": "1.7.0",
"next": "16.2.3",
"lucide-react": "1.11.0",
"next": "16.2.4",
"next-themes": "^0.4.6",
"pg": "^8.20.0",
"react": "19.2.5",
@@ -72,7 +72,7 @@
"remark-smartypants": "^3.0.2",
"remark-strip-mdx-imports-exports": "^1.0.1",
"server-only": "0.0.1",
"shadcn": "^4.2.0",
"shadcn": "^4.5.0",
"shiki": "^4.0.2",
"sonner": "^2.0.7",
"tailwind-merge": "^3.5.0",
@@ -80,28 +80,28 @@
"zod": "^4.3.6"
},
"devDependencies": {
"@tailwindcss/postcss": "^4.2.2",
"@tailwindcss/postcss": "^4.2.4",
"@tailwindcss/typography": "^0.5.19",
"@types/mdx": "^2.0.13",
"@types/node": "^25.6.0",
"@types/pg": "^8.20.0",
"@types/react": "19.2.14",
"@types/react-dom": "19.2.3",
"babel-plugin-react-compiler": "19.1.0-rc.3",
"babel-plugin-react-compiler": "1.0.0",
"dotenv": "^17.4.2",
"drizzle-kit": "^0.31.10",
"oxfmt": "^0.44.0",
"oxlint": "^1.60.0",
"oxfmt": "^0.46.0",
"oxlint": "^1.61.0",
"postcss": "^8.5.10",
"schema-dts": "^2.0.0",
"tailwindcss": "^4.2.2",
"tailwindcss": "^4.2.4",
"tw-animate-css": "^1.4.0",
"typescript": "6.0.2"
"typescript": "6.0.3"
},
"engines": {
"node": ">=24.x"
},
"packageManager": "pnpm@10.33.0+sha512.10568bb4a6afb58c9eb3630da90cc9516417abebd3fabbe6739f0ae795728da1491e9db5a544c76ad8eb7570f5c4bb3d6c637b2cb41bfdcdb47fa823c8649319",
"packageManager": "pnpm@10.33.2+sha512.a90faf6feeab71ad6c6e57f94e0fe1a12f5dcc22cd754db40ae9593eb6a3e0b6b12e3540218bb37ae083404b1f2ce6db2a4121e979829b4aff94b99f49da1cf8",
"pnpm": {
"onlyBuiltDependencies": [
"esbuild",