fimo-next 2.8.0-staging.1 → 2.8.0-staging.3

package/dist/runtime/next/provider.js

@@ -4,7 +4,7 @@ import { QueryClient, QueryClientContext, QueryClientProvider } from '@tanstack/
 import { createLabels } from 'fimo/labels';
 import { ensurePreviewScript } from 'fimo/preview';
 import { useRouter as usePagesRouter } from 'next/compat/router.js';
-import { usePathname } from 'next/navigation.js';
+import { usePathname, useRouter } from 'next/navigation.js';
 import { createContext, Suspense, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { resolveConnection } from '#connection';
 import { connectClientRuntime } from './client-runtime.js';
@@ -40,23 +40,37 @@ export function FimoProvider({ children, ...props }) {
     const [connection] = useState(resolveConnection);
     return (_jsxs(_Fragment, { children: [_jsx("script", { id: FIMO_CONNECTION_SCRIPT_ID, type: "application/json", dangerouslySetInnerHTML: { __html: serializeConnection(connection) } }), _jsx(FimoClientProvider, { connection: connection, ...props, children: children })] }));
 }
+/**
+ * `next/compat/router` answers only under the Pages Router, and
+ * `next/navigation`'s router hook only under the App Router, so each router
+ * gets its own bridge rather than one component calling a hook that may not
+ * exist.
+ */
 function FimoPreviewRuntime({ previewScriptUrl }) {
+    const pagesRouter = usePagesRouter();
+    return pagesRouter ? (_jsx(PagesRouterPreview, { router: pagesRouter, previewScriptUrl: previewScriptUrl })) : (_jsx(AppRouterPreview, { previewScriptUrl: previewScriptUrl }));
+}
+function AppRouterPreview({ previewScriptUrl }) {
+    const router = useRouter();
+    // The router fetches and renders the picked route; a raw history.pushState
+    // only moved the URL and left the previous page on screen.
+    const navigate = useCallback((to) => router.push(to), [router]);
+    usePreviewBridge(previewScriptUrl, usePathname() ?? '/', navigate);
+    return null;
+}
+function PagesRouterPreview({ router, previewScriptUrl, }) {
+    const pathname = usePathname() ?? router.asPath.split(/[?#]/, 1)[0] ?? '/';
+    const navigate = useCallback((to) => router.push(to), [router]);
+    usePreviewBridge(previewScriptUrl, pathname, navigate);
+    return null;
+}
+function usePreviewBridge(previewScriptUrl, pathname, navigate) {
     const context = useContext(FimoNextContext);
     const locale = context.locale ?? context.connection?.defaultLocale ?? 'en';
-    const appPathname = usePathname();
-    const pagesRouter = usePagesRouter();
-    const pathname = appPathname ?? pagesRouter?.asPath.split(/[?#]/, 1)[0] ?? '/';
-    const navigate = useCallback((to) => {
-        if (pagesRouter) {
-            return pagesRouter.push(to);
-        }
-        window.history.pushState(null, '', to);
-    }, [pagesRouter]);
     useEffect(() => {
         ensurePreviewScript(previewScriptUrl);
         return connectNextPreview({ locale, navigate, pathname, previewScriptUrl });
     }, [locale, navigate, pathname, previewScriptUrl]);
-    return null;
 }
 export function useNextContentLocale(requestedLocale, defaultLocale) {
     const context = useContext(FimoNextContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fimo-next",
-  "version": "2.8.0-staging.1",
+  "version": "2.8.0-staging.3",
   "description": "Fimo runtime for Next.js projects.",
   "files": [
     "dist/",
@@ -49,13 +49,13 @@
     "test:watch": "vitest"
   },
   "devDependencies": {
-    "@fimo/tsconfig": "2.8.0-staging.1",
+    "@fimo/tsconfig": "2.8.0-staging.3",
     "@tanstack/react-query": "^5.80.6",
     "@types/node": "22.18.6",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "fimo": "2.8.0-staging.1",
-    "fimo-react": "2.8.0-staging.1",
+    "fimo": "2.8.0-staging.3",
+    "fimo-react": "2.8.0-staging.3",
     "next": "16.3.3",
     "react": "19.2.4",
     "react-dom": "19.2.4",
@@ -64,7 +64,7 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.80.6",
-    "fimo": "2.8.0-staging.1",
+    "fimo": "2.8.0-staging.3",
     "fimo-react": ">=2.0.1",
     "next": "^15.0.0 || ^16.0.0",
     "react": "^18.2.0 || ^19.0.0",