refactor: completely remove framer-motion and page transitions

This commit is contained in:
ralksta
2026-03-07 09:11:40 +01:00
parent 59ff506b72
commit a529614c19
4 changed files with 1 additions and 87 deletions

View File

@@ -12,7 +12,6 @@ import { ThemeToggle } from '@/components/ThemeToggle';
import { ScrollToTop } from '@/components/ScrollToTop';
import { Footer } from '@/components/Footer';
import { DevToolbar } from '@/components/DevToolbar';
import { PageTransition } from '@/components/PageTransition';
import { getConfig, getGoogleFontsUrl } from '@/lib/config';
const siteTitle = process.env.SITE_TITLE || 'Gallery';
@@ -88,9 +87,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
<ThemeToggle />
</nav>
</header>
<PageTransition enabled={config.transitions}>
<main className="main">{children}</main>
</PageTransition>
<main className="main">{children}</main>
<Footer />
<ScrollToTop />
{process.env.NODE_ENV === 'development' && <DevToolbar />}

View File

@@ -1,39 +0,0 @@
'use client';
import { motion, AnimatePresence } from 'framer-motion';
import { usePathname } from 'next/navigation';
import React from 'react';
interface PageTransitionProps {
children: React.ReactNode;
enabled: boolean;
}
/**
* Provides smooth page transitions using framer-motion.
* Can be toggled on/off via gallery.yaml.
*/
export function PageTransition({ children, enabled }: PageTransitionProps) {
const pathname = usePathname();
if (!enabled) {
return <>{children}</>;
}
return (
<AnimatePresence mode="wait">
<motion.div
key={pathname}
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{
duration: 0.3,
ease: 'easeInOut',
}}
>
{children}
</motion.div>
</AnimatePresence>
);
}

43
package-lock.json generated
View File

@@ -9,7 +9,6 @@
"version": "0.1.0",
"dependencies": {
"@types/leaflet": "^1.9.21",
"framer-motion": "^12.35.0",
"gray-matter": "^4.0.3",
"js-yaml": "^4.1.1",
"leaflet": "^1.9.4",
@@ -4505,33 +4504,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/framer-motion": {
"version": "12.35.0",
"resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.35.0.tgz",
"integrity": "sha512-w8hghCMQ4oq10j6aZh3U2yeEQv5K69O/seDI/41PK4HtgkLrcBovUNc0ayBC3UyyU7V1mrY2yLzvYdWJX9pGZQ==",
"license": "MIT",
"dependencies": {
"motion-dom": "^12.35.0",
"motion-utils": "^12.29.2",
"tslib": "^2.4.0"
},
"peerDependencies": {
"@emotion/is-prop-valid": "*",
"react": "^18.0.0 || ^19.0.0",
"react-dom": "^18.0.0 || ^19.0.0"
},
"peerDependenciesMeta": {
"@emotion/is-prop-valid": {
"optional": true
},
"react": {
"optional": true
},
"react-dom": {
"optional": true
}
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -5731,21 +5703,6 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/motion-dom": {
"version": "12.35.0",
"resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.35.0.tgz",
"integrity": "sha512-FFMLEnIejK/zDABn+vqGVAUN4T0+3fw+cVAY8MMT65yR+j5uMuvWdd4npACWhh94OVWQs79CrBBuwOwGRZAQiA==",
"license": "MIT",
"dependencies": {
"motion-utils": "^12.29.2"
}
},
"node_modules/motion-utils": {
"version": "12.29.2",
"resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.29.2.tgz",
"integrity": "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==",
"license": "MIT"
},
"node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",

View File

@@ -16,7 +16,6 @@
},
"dependencies": {
"@types/leaflet": "^1.9.21",
"framer-motion": "^12.35.0",
"gray-matter": "^4.0.3",
"js-yaml": "^4.1.1",
"leaflet": "^1.9.4",