@funnelsgrove/runtime 0.7.8 → 0.7.10

package/dist/components/FunnelRuntimeConfigBoundary.d.ts

@@ -13,6 +13,7 @@ type FunnelRuntimeConfigBoundaryProps = {
     errorFallback?: ReactNode;
     disabled?: boolean;
 };
+export declare const FUNNEL_RUNTIME_CONFIG_REFRESH_INTERVAL_MS = 5000;
 export declare function FunnelRuntimeConfigBoundary({ disabled, ...props }: FunnelRuntimeConfigBoundaryProps): import("react/jsx-runtime").JSX.Element;
 export declare const useFunnelRuntimeConfig: () => FunnelRuntimeConfigState;
 export {};

package/dist/components/FunnelRuntimeConfigBoundary.js

@@ -18,14 +18,12 @@ const FunnelRuntimeConfigContext = createContext({
     config: null,
     error: null,
 });
+export const FUNNEL_RUNTIME_CONFIG_REFRESH_INTERVAL_MS = 5000;
 const toError = (value) => (value instanceof Error ? value : new Error('Unable to load funnel runtime config'));
 /**
- * Loads the active publication once before the funnel mounts. The resolved
- * snapshot is deeply frozen and stays fixed for the lifetime of this boundary,
- * so one visitor can never switch experiments or prices mid-session.
- *
- * A published funnel never falls back to generated pricing or experiment
- * config: the version-bound artifact is its single source of truth.
+ * Loads the latest publication before mount and then follows config-only
+ * publications for the same source funnel version. Each resolved snapshot is
+ * deeply frozen; publication revisions are the only supported update boundary.
  */
 function ActiveFunnelRuntimeConfigBoundary({ funnelId, funnelVersionId, children, loadingFallback = null, errorFallback = null, }) {
     const [state, setState] = useState({
@@ -35,22 +33,37 @@ function ActiveFunnelRuntimeConfigBoundary({ funnelId, funnelVersionId, children
     });
     useEffect(() => {
         let active = true;
-        loadFunnelRuntimeConfig(funnelId, { versionId: funnelVersionId })
+        let refreshTimer = null;
+        const refresh = () => loadFunnelRuntimeConfig(funnelId, { versionId: funnelVersionId })
             .then((published) => resolvePublishedFunnelRuntimeConfig(published, {
             expectedFunnelVersionId: funnelVersionId,
         }))
             .then((config) => {
-            if (active) {
-                setState({ status: 'published', config, error: null });
-            }
+            if (!active)
+                return;
+            setState((current) => {
+                var _a;
+                return (current.status === 'published' && ((_a = current.config) === null || _a === void 0 ? void 0 : _a.revisionId) === config.revisionId
+                    ? current
+                    : { status: 'published', config, error: null });
+            });
         })
             .catch((error) => {
+            if (!active)
+                return;
+            setState((current) => (current.status === 'published'
+                ? current
+                : { status: 'fallback', config: null, error: toError(error) }));
+        });
+        void refresh().then(() => {
             if (active) {
-                setState({ status: 'fallback', config: null, error: toError(error) });
+                refreshTimer = setInterval(() => void refresh(), FUNNEL_RUNTIME_CONFIG_REFRESH_INTERVAL_MS);
             }
         });
         return () => {
             active = false;
+            if (refreshTimer)
+                clearInterval(refreshTimer);
         };
     }, [funnelId, funnelVersionId]);
     const contextValue = useMemo(() => state, [state]);

package/dist/index.d.ts

@@ -28,6 +28,7 @@ export * from './runtime/published-runtime-resolution.js';
 export * from './runtime/route-resolver.js';
 export * from './runtime/submit-email-capture.js';
 export * from './runtime/subscription-handoff.js';
+export * from './runtime/step-asset-preloader.js';
 export * from './runtime/url-user-attributes.js';
 export * from './runtime/use-url-user-attributes-sync.js';
 export * from './services/api.service.js';

package/dist/index.js

@@ -29,6 +29,7 @@ export * from './runtime/published-runtime-resolution.js';
 export * from './runtime/route-resolver.js';
 export * from './runtime/submit-email-capture.js';
 export * from './runtime/subscription-handoff.js';
+export * from './runtime/step-asset-preloader.js';
 export * from './runtime/url-user-attributes.js';
 export * from './runtime/use-url-user-attributes-sync.js';
 // Browser-safe services.

package/dist/runtime/step-asset-preloader.d.ts

@@ -0,0 +1,8 @@
+import type { FunnelManifest } from '../config/funnel.manifest.types.js';
+export type StepImagePreload = {
+    src: string;
+    width?: number;
+    height?: number;
+};
+export declare const resolveNextStepImagePreloads: (manifest: FunnelManifest, currentStepId: string) => StepImagePreload[];
+export declare const scheduleNextStepImagePreload: (manifest: FunnelManifest, currentStepId: string) => (() => void);

package/dist/runtime/step-asset-preloader.js

@@ -0,0 +1,44 @@
+const normalizeIdleImageAsset = (asset) => {
+    if (!asset || typeof asset === 'string' || asset.preload !== 'idle') {
+        return null;
+    }
+    return {
+        src: asset.src,
+        width: asset.width,
+        height: asset.height,
+    };
+};
+export const resolveNextStepImagePreloads = (manifest, currentStepId) => {
+    var _a, _b;
+    const nextStepIds = ((_a = manifest.edgesByStepId[currentStepId]) !== null && _a !== void 0 ? _a : [])
+        .map((edge) => edge.toStepId);
+    const preloadBySrc = new Map();
+    for (const nextStepId of nextStepIds) {
+        const nextStep = manifest.steps.find((step) => step.id === nextStepId);
+        for (const assetId of (_b = nextStep === null || nextStep === void 0 ? void 0 : nextStep.assetIds) !== null && _b !== void 0 ? _b : []) {
+            const preload = normalizeIdleImageAsset(manifest.assets[assetId]);
+            if (preload && !preloadBySrc.has(preload.src)) {
+                preloadBySrc.set(preload.src, preload);
+            }
+        }
+    }
+    return [...preloadBySrc.values()];
+};
+export const scheduleNextStepImagePreload = (manifest, currentStepId) => {
+    const preloads = resolveNextStepImagePreloads(manifest, currentStepId);
+    if (typeof window === 'undefined' || preloads.length === 0) {
+        return () => undefined;
+    }
+    const preload = () => {
+        for (const asset of preloads) {
+            const image = new window.Image();
+            image.src = asset.src;
+        }
+    };
+    if (typeof window.requestIdleCallback === 'function') {
+        const idleCallbackId = window.requestIdleCallback(preload);
+        return () => window.cancelIdleCallback(idleCallbackId);
+    }
+    const timeoutId = window.setTimeout(preload, 200);
+    return () => window.clearTimeout(timeoutId);
+};

package/dist/services/funnel-runtime-config.js

@@ -259,7 +259,8 @@ export const loadFunnelRuntimeConfig = (funnelId, options = {}) => {
     const fetcher = options.fetcher || globalThis.fetch;
     const basePath = (options.basePath || '/api/funnel-config').replace(/\/$/, '');
     const request = fetcher(`${basePath}/${encodeURIComponent(normalizedFunnelId)}?versionId=${encodeURIComponent(versionId)}`, {
-        headers: { accept: 'application/json' },
+        cache: 'no-store',
+        headers: { accept: 'application/json', 'cache-control': 'no-cache' },
     }).then(async (response) => {
         if (!response.ok) {
             throw new Error(`Unable to load funnel runtime config (${response.status})`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/runtime",
-  "version": "0.7.8",
+  "version": "0.7.10",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",