lovable-ssr 0.1.9 → 0.1.11

package/dist/components/AppRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/components/AppRoutes.tsx"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,4CAkDxB"}
+{"version":3,"file":"AppRoutes.d.ts","sourceRoot":"","sources":["../../src/components/AppRoutes.tsx"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,4CAiDxB"}

package/dist/components/AppRoutes.js

@@ -13,11 +13,11 @@ export function AppRoutes() {
         routeParams: {},
         searchParams: {},
     };
-    const routeKey = matchedRoute ? buildRouteKey(matchedRoute.path, params.routeParams) : '';
+    params.searchParams = RouterService.searchParams(location.search ?? '');
+    const routeKey = matchedRoute ? buildRouteKey(matchedRoute.path, params.routeParams, params.searchParams) : '';
     const { data, setData } = useRouteData();
     const currentData = routeKey ? data[routeKey] : undefined;
     const getServerData = matchedRoute?.Component?.getServerData;
-    params.searchParams = RouterService.searchParams(pathname);
     useEffect(() => {
         if (!routeKey || !getServerData || currentData !== undefined)
             return;

package/dist/components/BrowserRouteDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserRouteDataProvider.d.ts","sourceRoot":"","sources":["../../src/components/BrowserRouteDataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAsB7E"}
+{"version":3,"file":"BrowserRouteDataProvider.d.ts","sourceRoot":"","sources":["../../src/components/BrowserRouteDataProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CA0B7E"}

package/dist/components/BrowserRouteDataProvider.js

@@ -12,12 +12,14 @@ import { RouteDataProvider } from '../router/RouteDataContext.js';
 export function BrowserRouteDataProvider({ children }) {
     const preloadedData = typeof window !== 'undefined' ? (window.__PRELOADED_DATA__ ?? {}) : {};
     const pathname = typeof window !== 'undefined' ? window.location.pathname || '/' : '/';
+    const searchParams = typeof window !== 'undefined' ? RouterService.searchParams(window.location.search ?? '') : {};
     const matchedRoute = RouterService.matchRoute(pathname);
-    const routeParams = matchedRoute
+    const routeParamsResult = matchedRoute
         ? RouterService.routeParams(matchedRoute.path, pathname)
-        : {
-            routeParams: {},
-            searchParams: {},
-        };
-    return (_jsx(RouteDataProvider, { initialData: preloadedData, initialRoute: matchedRoute, initialParams: routeParams, children: children }));
+        : { routeParams: {}, searchParams: {} };
+    const initialParams = {
+        routeParams: routeParamsResult.routeParams,
+        searchParams: Object.keys(searchParams).length > 0 ? searchParams : routeParamsResult.searchParams,
+    };
+    return (_jsx(RouteDataProvider, { initialData: preloadedData, initialRoute: matchedRoute, initialParams: initialParams, children: children }));
 }

package/dist/router/RouteDataContext.d.ts

@@ -1,6 +1,10 @@
 import { type ReactNode } from 'react';
 export type RouteDataState = Record<string, Record<string, unknown>>;
-export declare function buildRouteKey(path: string, params: Record<string, string>): string;
+/**
+ * Builds a stable cache key for route data. Includes path, route params and optionally search params
+ * so that the same path with different query strings (e.g. ?filter=FPS vs ?filter=RPG) gets different keys.
+ */
+export declare function buildRouteKey(path: string, routeParams: Record<string, string>, searchParams?: Record<string, string>): string;
 interface RouteDataContextValue {
     data: RouteDataState;
     setData: (routeKey: string, value: Record<string, unknown>) => void;

package/dist/router/RouteDataContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouteDataContext.d.ts","sourceRoot":"","sources":["../../src/router/RouteDataContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAMZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAKlF;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrE;AAID,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAChF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAGC,GACF,EAAE,sBAAsB,2CAmBxB;AAED,wBAAgB,YAAY,IAAI,qBAAqB,CAMpD"}
+{"version":3,"file":"RouteDataContext.d.ts","sourceRoot":"","sources":["../../src/router/RouteDataContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAMZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAErE;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACnC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACpC,MAAM,CAYR;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACrE;AAID,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CAChF;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAGC,GACF,EAAE,sBAAsB,2CAmBxB;AAED,wBAAgB,YAAY,IAAI,qBAAqB,CAMpD"}

package/dist/router/RouteDataContext.js

@@ -1,10 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState, } from 'react';
-export function buildRouteKey(path, params) {
-    const sorted = Object.keys(params)
+/**
+ * Builds a stable cache key for route data. Includes path, route params and optionally search params
+ * so that the same path with different query strings (e.g. ?filter=FPS vs ?filter=RPG) gets different keys.
+ */
+export function buildRouteKey(path, routeParams, searchParams) {
+    const sortedRoute = Object.keys(routeParams)
         .sort()
-        .reduce((acc, k) => ({ ...acc, [k]: params[k] }), {});
-    return `${path}|${JSON.stringify(sorted)}`;
+        .reduce((acc, k) => ({ ...acc, [k]: routeParams[k] }), {});
+    let key = `${path}|${JSON.stringify(sortedRoute)}`;
+    if (searchParams && Object.keys(searchParams).length > 0) {
+        const sortedSearch = Object.keys(searchParams)
+            .sort()
+            .reduce((acc, k) => ({ ...acc, [k]: searchParams[k] }), {});
+        key += `|${JSON.stringify(sortedSearch)}`;
+    }
+    return key;
 }
 const RouteDataContext = createContext(null);
 export function RouteDataProvider({ children, initialData, initialRoute, initialParams = {
@@ -12,7 +23,7 @@ export function RouteDataProvider({ children, initialData, initialRoute, initial
     searchParams: {},
 }, }) {
     const initialKey = initialRoute && Object.keys(initialData ?? {}).length > 0
-        ? buildRouteKey(initialRoute.path, initialParams.routeParams)
+        ? buildRouteKey(initialRoute.path, initialParams.routeParams, initialParams.searchParams)
         : null;
     const [data, setDataState] = useState(() => initialKey && initialData ? { [initialKey]: initialData } : {});
     const setData = useCallback((routeKey, value) => {

package/dist/router/RouterService.d.ts

@@ -3,7 +3,8 @@ declare function matchPath(pathPattern: string, pathname: string): boolean;
 declare function isSsrRoute(pathname: string): boolean;
 declare function matchRoute(pathname: string): RouteConfig | undefined;
 declare function routeParams(routePath: string, pathname?: string): Record<'routeParams' | 'searchParams', Record<string, string>>;
-declare function searchParams(pathname: string): Record<string, string>;
+/** Parses the URL query string (e.g. "?filter=FPS" or "filter=FPS") into key/value pairs. */
+declare function searchParams(queryString: string): Record<string, string>;
 declare const RouterService: {
     isSsrRoute: typeof isSsrRoute;
     matchPath: typeof matchPath;

package/dist/router/RouterService.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RouterService.d.ts","sourceRoot":"","sources":["../../src/router/RouterService.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,iBAAS,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAOjE;AAED,iBAAS,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAG7C;AAED,iBAAS,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAM7D;AAED,iBAAS,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAazH;AACD,iBAAS,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAG9D;AAED,QAAA,MAAM,aAAa;;;;;;CAMlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"RouterService.d.ts","sourceRoot":"","sources":["../../src/router/RouterService.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,iBAAS,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAOjE;AAED,iBAAS,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAG7C;AAED,iBAAS,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS,CAM7D;AAED,iBAAS,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,aAAa,GAAG,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAazH;AACD,6FAA6F;AAC7F,iBAAS,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGjE;AAED,QAAA,MAAM,aAAa;;;;;;CAMlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/router/RouterService.js

@@ -36,9 +36,10 @@ function routeParams(routePath, pathname) {
     });
     return params;
 }
-function searchParams(pathname) {
-    const searchParams = new URLSearchParams(pathname);
-    return Object.fromEntries(searchParams.entries());
+/** Parses the URL query string (e.g. "?filter=FPS" or "filter=FPS") into key/value pairs. */
+function searchParams(queryString) {
+    const parsed = new URLSearchParams(queryString);
+    return Object.fromEntries(parsed.entries());
 }
 const RouterService = {
     isSsrRoute,

package/dist/ssr/render.d.ts

@@ -6,5 +6,9 @@ export interface RenderResult {
 export interface RenderOptions {
     wrap?: (children: ReactNode) => ReactNode;
 }
+/**
+ * Renders the app for a single URL. Called once per request with that request's URL.
+ * getServerData is invoked only for the route that matches this URL (never for all routes).
+ */
 export declare function render(url: string, options?: RenderOptions): Promise<RenderResult>;
 //# sourceMappingURL=render.d.ts.map

package/dist/ssr/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/ssr/render.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;CAC3C;AAED,wBAAsB,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAqCxF"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/ssr/render.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,SAAS,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAsB,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CAqCxF"}

package/dist/ssr/render.js

@@ -4,6 +4,10 @@ import { StaticRouter } from 'react-router-dom/server';
 import RouterService from '../router/RouterService.js';
 import { RouteDataProvider } from '../router/RouteDataContext.js';
 import { AppRoutes } from '../components/AppRoutes.js';
+/**
+ * Renders the app for a single URL. Called once per request with that request's URL.
+ * getServerData is invoked only for the route that matches this URL (never for all routes).
+ */
 export async function render(url, options) {
     const fullUrl = new URL(url, 'http://localhost');
     const pathname = fullUrl.pathname || '/';
@@ -12,7 +16,7 @@ export async function render(url, options) {
         routeParams: {},
         searchParams: {},
     };
-    const searchParams = matchedRoute ? RouterService.searchParams(pathname) : {};
+    const searchParams = matchedRoute ? RouterService.searchParams(fullUrl.search) : {};
     params.searchParams = searchParams;
     let preloadedData = { is_success: true };
     const getServerData = matchedRoute?.Component?.getServerData;

package/dist/ssr/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/ssr/server.ts"],"names":[],"mappings":"AAGA,OAAgB,EAAE,KAAK,OAAO,EAAkD,MAAM,SAAS,CAAC;AAIhG,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,yFAAyF;IACzF,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8KD,wBAAsB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC;IACtE,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACxD,CAAC,CAOD;AAED;qDACqD;AACrD,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAO7D"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/ssr/server.ts"],"names":[],"mappings":"AAGA,OAAgB,EAAE,KAAK,OAAO,EAAkD,MAAM,SAAS,CAAC;AAIhG,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,yFAAyF;IACzF,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA8MD,wBAAsB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,OAAO,CAAC;IACtE,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACxD,CAAC,CAOD;AAED;qDACqD;AACrD,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,QAO7D"}

package/dist/ssr/server.js

@@ -15,6 +15,15 @@ class SsrServer {
     config;
     isProd;
     _rendererCache;
+    /** On-demand SSR cache: key = pathname + normalized search params, value = render result. Only used in production. */
+    _ssrCache = new Map();
+    normalizeCacheKey(url) {
+        const u = new URL(url, 'http://localhost');
+        const search = new URLSearchParams(u.search);
+        const sorted = new URLSearchParams([...search.entries()].sort((a, b) => a[0].localeCompare(b[0])));
+        const q = sorted.toString();
+        return (u.pathname || '/') + (q ? `?${q}` : '');
+    }
     constructor(config) {
         this.config = {
             root: path.resolve(config.root),
@@ -86,9 +95,30 @@ class SsrServer {
     }
     async renderSsr(url, res) {
         const { template, render } = await this.getSsrRenderer();
-        const result = await render(url);
-        const appHtml = typeof result.html === 'string' ? result.html : '';
-        const preloadedData = result.preloadedData ?? {};
+        if (process.env.NODE_ENV !== 'production' && process.env.LOVABLE_SSR_DEBUG) {
+            console.log('[lovable-ssr] render(url)', url);
+        }
+        let appHtml;
+        let preloadedData;
+        if (this.isProd) {
+            const cacheKey = this.normalizeCacheKey(url);
+            const cached = this._ssrCache.get(cacheKey);
+            if (cached) {
+                appHtml = cached.html;
+                preloadedData = cached.preloadedData;
+            }
+            else {
+                const result = await render(url);
+                appHtml = typeof result.html === 'string' ? result.html : '';
+                preloadedData = result.preloadedData ?? {};
+                this._ssrCache.set(cacheKey, { html: appHtml, preloadedData });
+            }
+        }
+        else {
+            const result = await render(url);
+            appHtml = typeof result.html === 'string' ? result.html : '';
+            preloadedData = result.preloadedData ?? {};
+        }
         let html = template.replace('<div id="root"></div>', `<div id="root">${appHtml}</div>`);
         html = this.injectPreloadedData(html, preloadedData);
         if (this.vite) {

package/package.json

@@ -1,7 +1,17 @@
 {
   "name": "lovable-ssr",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "SSR and route data engine for Lovable projects",
+  "keywords": [
+    "ssr",
+    "react",
+    "vite",
+    "express",
+    "lovable",
+    "getServerData",
+    "route-registry",
+    "server-side-rendering"
+  ],
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",