perf(router): expose preloadStaleTime + add pdp-fast-navigation skill

package.json

@@ -6,12 +6,12 @@
   "scripts": {
     "dev": "vite dev",
     "dev:clean": "rm -rf node_modules/.vite .wrangler/state .tanstack && vite dev",
-    "generate:blocks": "tsx node_modules/@decocms/start/scripts/generate-blocks.ts",
+    "generate:blocks": "node node_modules/@decocms/start/dist/scripts/generate-blocks.cjs",
     "generate:routes": "tsr generate",
-    "generate:schema": "tsx node_modules/@decocms/start/scripts/generate-schema.ts --site storefront-tanstack",
-    "generate:invoke": "tsx node_modules/@decocms/start/scripts/generate-invoke.ts",
-    "generate:sections": "tsx node_modules/@decocms/start/scripts/generate-sections.ts",
-    "generate:loaders": "tsx node_modules/@decocms/start/scripts/generate-loaders.ts --exclude shopify/loaders,shopify/actions",
+    "generate:schema": "node node_modules/@decocms/start/dist/scripts/generate-schema.cjs --site storefront-tanstack",
+    "generate:invoke": "node node_modules/@decocms/start/dist/scripts/generate-invoke.cjs",
+    "generate:sections": "node node_modules/@decocms/start/dist/scripts/generate-sections.cjs",
+    "generate:loaders": "node node_modules/@decocms/start/dist/scripts/generate-loaders.cjs --exclude shopify/loaders,shopify/actions",
     "build": "npm run generate:blocks && npm run generate:schema && npm run generate:sections && npm run generate:loaders && tsr generate && vite build",
     "preview": "vite preview",
     "deploy": "npm run build && wrangler deploy",
@@ -29,7 +29,7 @@
   "license": "MIT",
   "dependencies": {
     "@decocms/apps": "^1.4.1",
-    "@decocms/start": "^1.6.2",
+    "@decocms/start": "5.2.1",
     "@tanstack/react-query": "5.90.21",
     "@tanstack/react-router": "1.166.7",
     "@tanstack/react-start": "1.166.8",

src/router.tsx

@@ -4,13 +4,16 @@ import { routeTree } from "./routeTree.gen";
 import "./setup";
 
 const queryClient = new QueryClient({
-  defaultOptions: { queries: { staleTime: 30_000 } },
+  defaultOptions: { queries: { staleTime: 60_000 } },
 });
 
 export function getRouter() {
   return createDecoRouter({
     routeTree,
     context: { queryClient },
+    defaultPreload: "intent",
+    defaultPreloadStaleTime: 60_000,
+    defaultPreloadGcTime: 5 * 60_000,
     Wrap: ({ children }) => (
       <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
     ),

src/server/admin/meta.gen.json

@@ -1776,10 +1776,10 @@
               "position": {
                 "type": "string",
                 "enum": [
-                  "Expanded",
                   "Left",
                   "Center",
-                  "Right"
+                  "Right",
+                  "Expanded"
                 ],
                 "nullable": true,
                 "title": "Banner position",

src/server/cms/loaders.gen.ts

@@ -4,37 +4,37 @@
 // Pass-through loader/action entries for COMMERCE_LOADERS.
 // Custom-wired entries should be excluded via --exclude and added manually in setup.ts.
 
-export const siteLoaders: Record<string, (props: any) => Promise<any>> = {
-  "site/actions/shipping/simulate": async (props: any) => {
+export const siteLoaders: Record<string, (props: any, request?: Request) => Promise<any>> = {
+  "site/actions/shipping/simulate": async (props: any, request?: Request) => {
     const mod = await import("../../actions/shipping/simulate");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/actions/shipping/simulate.ts": async (props: any) => {
+  "site/actions/shipping/simulate.ts": async (props: any, request?: Request) => {
     const mod = await import("../../actions/shipping/simulate");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/actions/wishlist/submit": async (props: any) => {
+  "site/actions/wishlist/submit": async (props: any, request?: Request) => {
     const mod = await import("../../actions/wishlist/submit");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/actions/wishlist/submit.ts": async (props: any) => {
+  "site/actions/wishlist/submit.ts": async (props: any, request?: Request) => {
     const mod = await import("../../actions/wishlist/submit");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/loaders/user": async (props: any) => {
+  "site/loaders/user": async (props: any, request?: Request) => {
     const mod = await import("../../loaders/user");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/loaders/user.ts": async (props: any) => {
+  "site/loaders/user.ts": async (props: any, request?: Request) => {
     const mod = await import("../../loaders/user");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/loaders/wishlist": async (props: any) => {
+  "site/loaders/wishlist": async (props: any, request?: Request) => {
     const mod = await import("../../loaders/wishlist");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
-  "site/loaders/wishlist.ts": async (props: any) => {
+  "site/loaders/wishlist.ts": async (props: any, request?: Request) => {
     const mod = await import("../../loaders/wishlist");
-    return mod.default(props);
+    return (mod.default as any)(props, request);
   },
 };