fix: correct scroll restoration on page reload (Fixes #1226)

Author: ruidosujeira

next.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   transpilePackages: ['@primer/react', '@tabnews/ui', '@tabnews/forms'],
   experimental: {
-    scrollRestoration: true,
+    scrollRestoration: false,
   },
   // Workaround: https://github.com/vercel/next.js/issues/51478#issuecomment-2095745187
   pageExtensions: ['public.js', 'workaround.js'],

pages/_app.public.js

@@ -1,4 +1,5 @@
 import { RevalidateProvider } from 'next-swr';
+import { useEffect } from 'react';
 import { SWRConfig } from 'swr';
 import '@tabnews/ui/css';
 
@@ -20,6 +21,18 @@ async function SWRFetcher(resource, init) {
 const fallbackData = { body: null, headers: {} };
 
 function MyApp({ Component, pageProps }) {
+  useEffect(() => {
+    const handleBeforeUnload = () => {
+      sessionStorage.setItem('scrollPos', window.scrollY);
+      console.warn('Posição do Scroll SALVA:', window.scrollY);
+    };
+
+    window.addEventListener('beforeunload', handleBeforeUnload);
+
+    return () => {
+      window.removeEventListener('beforeunload', handleBeforeUnload);
+    };
+  }, []);
   return (
     <ThemeProvider>
       <Turnstile />

pages/interface/components/Markdown/index.js

@@ -1,9 +1,21 @@
 import { isTrustedDomain } from '@tabnews/helpers';
 import { MarkdownEditor, MarkdownViewer } from '@tabnews/ui/markdown';
+import { useEffect } from 'react';
 
 const shouldAddNofollow = (url) => !isTrustedDomain(url);
 
 export default function Viewer(props) {
+  useEffect(() => {
+    const savedPos = sessionStorage.getItem('scrollPos');
+
+    if (savedPos) {
+      console.warn('Posição do Scroll RESTAURADA:', savedPos);
+
+      window.scrollTo(0, parseInt(savedPos, 10));
+
+      sessionStorage.removeItem('scrollPos');
+    }
+  }, [props.content]);
   return MarkdownViewer({
     shouldAddNofollow,
     ...props,