@coframe/sdk 1.1.24 → 1.1.25

package/dist/pkg/cf.cjs.js

@@ -2835,7 +2835,7 @@ function keepRolledOutExperiments(frames) {
 function buildSessionContext(isInitialApply) {
     const context = {};
     const viewport = getScreenSize();
-    if (isReportedSize(viewport.width) && isReportedSize(viewport.height)) {
+    if (isReportedSize$1(viewport.width) && isReportedSize$1(viewport.height)) {
         context.viewport_width = viewport.width;
         context.viewport_height = viewport.height;
     }
@@ -2858,7 +2858,7 @@ function buildSessionContext(isInitialApply) {
     }
     return context;
 }
-function isReportedSize(size) {
+function isReportedSize$1(size) {
     return (typeof size === 'number' && size > 0 && size !== Number.POSITIVE_INFINITY);
 }
 function getNavigationType(isInitialApply) {
@@ -3779,6 +3779,39 @@ async function modifyPage(Coframe, configResult, projectResult, analytics) {
 }
 
 const TIMEOUT_MAX_MS = 5000;
+const MAX_NOT_RENDERED_REASON_CHARS = 200;
+function isReportedSize(size) {
+    return (typeof size === 'number' && size > 0 && size !== Number.POSITIVE_INFINITY);
+}
+function describeEnvironment(initTime) {
+    const metadata = {};
+    if (typeof window !== 'undefined') {
+        if (isReportedSize(window.innerWidth)) {
+            metadata.viewport_width = window.innerWidth;
+        }
+        if (isReportedSize(window.innerHeight)) {
+            metadata.viewport_height = window.innerHeight;
+        }
+        const screen = window.screen;
+        if (screen && isReportedSize(screen.width)) {
+            metadata.screen_width = screen.width;
+        }
+        if (screen && isReportedSize(screen.height)) {
+            metadata.screen_height = screen.height;
+        }
+        if (isReportedSize(window.devicePixelRatio)) {
+            metadata.device_pixel_ratio = window.devicePixelRatio;
+        }
+        if (typeof navigator.userAgent === 'string') {
+            metadata.user_agent = navigator.userAgent;
+        }
+        if (typeof document.readyState === 'string') {
+            metadata.document_ready_state = document.readyState;
+        }
+    }
+    metadata.ms_since_init = Math.max(0, Date.now() - initTime);
+    return metadata;
+}
 function getFeatureFlagValue(cmd) {
     if (cmd.featureFlagSet !== undefined)
         return cmd.featureFlagSet;
@@ -3832,6 +3865,15 @@ async function resolveConfig(Coframe, revealPage) {
             logger.warn('Failed to wait for variant rendered command', 'missing_variant_rendered');
         }
     };
+    const warnVariantNotRendered = (reason) => {
+        if (!applyVariantChangesStarted)
+            return;
+        const metadata = describeEnvironment(executionStartTime.getTime());
+        if (typeof reason === 'string') {
+            metadata.reason = reason.slice(0, MAX_NOT_RENDERED_REASON_CHARS);
+        }
+        logger.warn('Variant not rendered', 'variant_not_rendered', metadata);
+    };
     waitForCmd((cmd) => cmd.variantRendered === true || cmd.emit === 'variantRendered', Coframe, timeoutMs)
         .then((cmd) => {
         if (!cmd) {
@@ -3841,6 +3883,13 @@ async function resolveConfig(Coframe, revealPage) {
         .finally(() => {
         revealPage();
     });
+    const loggedReasons = [];
+    listenForCmd((cmd) => cmd.emit === 'variantNotRendered', (cmd) => {
+        if (loggedReasons.indexOf(cmd.reason) !== -1)
+            return;
+        loggedReasons.push(cmd.reason);
+        warnVariantNotRendered(cmd.reason);
+    });
     if (!projectId) {
         logger.error('No project ID', 'no_project_id', {
             description: 'No Coframe Page ID',

package/dist/pkg/cf.esm.mjs

@@ -2833,7 +2833,7 @@ function keepRolledOutExperiments(frames) {
 function buildSessionContext(isInitialApply) {
     const context = {};
     const viewport = getScreenSize();
-    if (isReportedSize(viewport.width) && isReportedSize(viewport.height)) {
+    if (isReportedSize$1(viewport.width) && isReportedSize$1(viewport.height)) {
         context.viewport_width = viewport.width;
         context.viewport_height = viewport.height;
     }
@@ -2856,7 +2856,7 @@ function buildSessionContext(isInitialApply) {
     }
     return context;
 }
-function isReportedSize(size) {
+function isReportedSize$1(size) {
     return (typeof size === 'number' && size > 0 && size !== Number.POSITIVE_INFINITY);
 }
 function getNavigationType(isInitialApply) {
@@ -3777,6 +3777,39 @@ async function modifyPage(Coframe, configResult, projectResult, analytics) {
 }
 
 const TIMEOUT_MAX_MS = 5000;
+const MAX_NOT_RENDERED_REASON_CHARS = 200;
+function isReportedSize(size) {
+    return (typeof size === 'number' && size > 0 && size !== Number.POSITIVE_INFINITY);
+}
+function describeEnvironment(initTime) {
+    const metadata = {};
+    if (typeof window !== 'undefined') {
+        if (isReportedSize(window.innerWidth)) {
+            metadata.viewport_width = window.innerWidth;
+        }
+        if (isReportedSize(window.innerHeight)) {
+            metadata.viewport_height = window.innerHeight;
+        }
+        const screen = window.screen;
+        if (screen && isReportedSize(screen.width)) {
+            metadata.screen_width = screen.width;
+        }
+        if (screen && isReportedSize(screen.height)) {
+            metadata.screen_height = screen.height;
+        }
+        if (isReportedSize(window.devicePixelRatio)) {
+            metadata.device_pixel_ratio = window.devicePixelRatio;
+        }
+        if (typeof navigator.userAgent === 'string') {
+            metadata.user_agent = navigator.userAgent;
+        }
+        if (typeof document.readyState === 'string') {
+            metadata.document_ready_state = document.readyState;
+        }
+    }
+    metadata.ms_since_init = Math.max(0, Date.now() - initTime);
+    return metadata;
+}
 function getFeatureFlagValue(cmd) {
     if (cmd.featureFlagSet !== undefined)
         return cmd.featureFlagSet;
@@ -3830,6 +3863,15 @@ async function resolveConfig(Coframe, revealPage) {
             logger.warn('Failed to wait for variant rendered command', 'missing_variant_rendered');
         }
     };
+    const warnVariantNotRendered = (reason) => {
+        if (!applyVariantChangesStarted)
+            return;
+        const metadata = describeEnvironment(executionStartTime.getTime());
+        if (typeof reason === 'string') {
+            metadata.reason = reason.slice(0, MAX_NOT_RENDERED_REASON_CHARS);
+        }
+        logger.warn('Variant not rendered', 'variant_not_rendered', metadata);
+    };
     waitForCmd((cmd) => cmd.variantRendered === true || cmd.emit === 'variantRendered', Coframe, timeoutMs)
         .then((cmd) => {
         if (!cmd) {
@@ -3839,6 +3881,13 @@ async function resolveConfig(Coframe, revealPage) {
         .finally(() => {
         revealPage();
     });
+    const loggedReasons = [];
+    listenForCmd((cmd) => cmd.emit === 'variantNotRendered', (cmd) => {
+        if (loggedReasons.indexOf(cmd.reason) !== -1)
+            return;
+        loggedReasons.push(cmd.reason);
+        warnVariantNotRendered(cmd.reason);
+    });
     if (!projectId) {
         logger.error('No project ID', 'no_project_id', {
             description: 'No Coframe Page ID',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coframe/sdk",
-  "version": "1.1.24",
+  "version": "1.1.25",
   "description": "Coframe optimizes your website using generative AI to deliver maximum impact to your audience and allow your site to improve itself as you sleep. Learn more at coframe.com.",
   "main": "dist/pkg/cf.cjs.js",
   "module": "dist/pkg/cf.esm.mjs",