@coframe/sdk 1.1.1 → 1.1.3

package/dist/pkg/cf.cjs.js

@@ -1204,10 +1204,10 @@ const executeJs = (jsCode, args = {}, opts = {}) => {
         w.Coframe.vars[elKey] = opts.elementRef;
     }
     const invocation = opts.isExpression
-        ? `(${jsCode})(__args)`
+        ? `(\n${jsCode}\n)(__args)`
         : opts.elementRef
-            ? `(function(el){ ${jsCode} })(__args.el)`
-            : `(function(){ ${jsCode} })()`;
+            ? `(function(el){\n${jsCode}\n})(__args.el)`
+            : `(function(){\n${jsCode}\n})()`;
     const ranKey = `${key}_ran`;
     const script = document.createElement('script');
     script.id = `coframe-script-${key}`;
@@ -1243,6 +1243,7 @@ const executeJs = (jsCode, args = {}, opts = {}) => {
     return value;
 };
 const applyJavascriptModification = (element, args, logger, nonce, logMetadata = {}) => {
+    var _a, _b;
     const javascript = args.js;
     try {
         if (!javascript) {
@@ -1264,9 +1265,11 @@ const applyJavascriptModification = (element, args, logger, nonce, logMetadata =
         if (logger === null || logger === void 0 ? void 0 : logger.error) {
             logger.error('Error executing JavaScript:', 'error_execute_js', {
                 ...logMetadata,
-                error,
+                error: error instanceof Error
+                    ? error.stack || error.message
+                    : String(error),
                 javascript,
-                element,
+                element: (_b = (_a = element.outerHTML) === null || _a === void 0 ? void 0 : _a.slice(0, 200)) !== null && _b !== void 0 ? _b : element.tagName,
             });
         }
         else {
@@ -2907,9 +2910,12 @@ function setupTracking(Coframe, projectResult, previewVariantId, executionStartT
     return analytics;
 }
 
-async function awaitHydration(config, Coframe) {
+async function awaitHydration(config, Coframe, project) {
+    var _a, _b;
     if (!config.waitForHydration)
         return true;
+    if (!((_a = project.frames) === null || _a === void 0 ? void 0 : _a.length) && !((_b = project.tags) === null || _b === void 0 ? void 0 : _b.length))
+        return true;
     const cmd = await waitForCmd((cmd) => cmd.pageHydrated === true || cmd.emit === 'pageHydrated', Coframe);
     if (!cmd) {
         Coframe.logger.warn('Failed to wait for page hydrated command', 'wait_for_cmd_timeout');
@@ -3020,8 +3026,10 @@ function persistLaneClaims(claims, logger) {
     }
 }
 function createApplyVariants(Coframe, config, previewVariantId, executionStartTime, analytics, personalizationHeaders, laneStore) {
+    let isFirstApply = true;
     return async (pageUrl, pageProject) => {
-        const sessionId = generateUUID();
+        const sessionId = isFirstApply ? Coframe.sessionId : generateUUID();
+        isFirstApply = false;
         Coframe.sessionId = sessionId;
         const urlPreviewVariantId = getCurrentUrlSearchParams().get('coframe_variant_id') || null;
         const updatedPreviewVariantId = urlPreviewVariantId !== previewVariantId
@@ -3052,7 +3060,7 @@ function createApplyVariants(Coframe, config, previewVariantId, executionStartTi
 async function modifyPage(Coframe, configResult, projectResult, analytics) {
     const { config, timeoutMs, previewVariantId, integrationStartTime, executionStartTime, } = configResult;
     const { project: cdnProject, personalizationHeaders } = projectResult;
-    if (!(await awaitHydration(config, Coframe)))
+    if (!(await awaitHydration(config, Coframe, cdnProject)))
         return;
     if (cdnProject.tags) {
         executeTags(cdnProject.tags, Coframe.logger, config.nonce);

package/dist/pkg/cf.esm.mjs

@@ -1202,10 +1202,10 @@ const executeJs = (jsCode, args = {}, opts = {}) => {
         w.Coframe.vars[elKey] = opts.elementRef;
     }
     const invocation = opts.isExpression
-        ? `(${jsCode})(__args)`
+        ? `(\n${jsCode}\n)(__args)`
         : opts.elementRef
-            ? `(function(el){ ${jsCode} })(__args.el)`
-            : `(function(){ ${jsCode} })()`;
+            ? `(function(el){\n${jsCode}\n})(__args.el)`
+            : `(function(){\n${jsCode}\n})()`;
     const ranKey = `${key}_ran`;
     const script = document.createElement('script');
     script.id = `coframe-script-${key}`;
@@ -1241,6 +1241,7 @@ const executeJs = (jsCode, args = {}, opts = {}) => {
     return value;
 };
 const applyJavascriptModification = (element, args, logger, nonce, logMetadata = {}) => {
+    var _a, _b;
     const javascript = args.js;
     try {
         if (!javascript) {
@@ -1262,9 +1263,11 @@ const applyJavascriptModification = (element, args, logger, nonce, logMetadata =
         if (logger === null || logger === void 0 ? void 0 : logger.error) {
             logger.error('Error executing JavaScript:', 'error_execute_js', {
                 ...logMetadata,
-                error,
+                error: error instanceof Error
+                    ? error.stack || error.message
+                    : String(error),
                 javascript,
-                element,
+                element: (_b = (_a = element.outerHTML) === null || _a === void 0 ? void 0 : _a.slice(0, 200)) !== null && _b !== void 0 ? _b : element.tagName,
             });
         }
         else {
@@ -2905,9 +2908,12 @@ function setupTracking(Coframe, projectResult, previewVariantId, executionStartT
     return analytics;
 }
 
-async function awaitHydration(config, Coframe) {
+async function awaitHydration(config, Coframe, project) {
+    var _a, _b;
     if (!config.waitForHydration)
         return true;
+    if (!((_a = project.frames) === null || _a === void 0 ? void 0 : _a.length) && !((_b = project.tags) === null || _b === void 0 ? void 0 : _b.length))
+        return true;
     const cmd = await waitForCmd((cmd) => cmd.pageHydrated === true || cmd.emit === 'pageHydrated', Coframe);
     if (!cmd) {
         Coframe.logger.warn('Failed to wait for page hydrated command', 'wait_for_cmd_timeout');
@@ -3018,8 +3024,10 @@ function persistLaneClaims(claims, logger) {
     }
 }
 function createApplyVariants(Coframe, config, previewVariantId, executionStartTime, analytics, personalizationHeaders, laneStore) {
+    let isFirstApply = true;
     return async (pageUrl, pageProject) => {
-        const sessionId = generateUUID();
+        const sessionId = isFirstApply ? Coframe.sessionId : generateUUID();
+        isFirstApply = false;
         Coframe.sessionId = sessionId;
         const urlPreviewVariantId = getCurrentUrlSearchParams().get('coframe_variant_id') || null;
         const updatedPreviewVariantId = urlPreviewVariantId !== previewVariantId
@@ -3050,7 +3058,7 @@ function createApplyVariants(Coframe, config, previewVariantId, executionStartTi
 async function modifyPage(Coframe, configResult, projectResult, analytics) {
     const { config, timeoutMs, previewVariantId, integrationStartTime, executionStartTime, } = configResult;
     const { project: cdnProject, personalizationHeaders } = projectResult;
-    if (!(await awaitHydration(config, Coframe)))
+    if (!(await awaitHydration(config, Coframe, cdnProject)))
         return;
     if (cdnProject.tags) {
         executeTags(cdnProject.tags, Coframe.logger, config.nonce);

package/dist/pkg/server.cjs.js

@@ -45,12 +45,15 @@ async function fetchProjectFromEdge(projectId, currentUrl, signal, userContext,
     }
 }
 
-async function fetchAntiflickerFromEdge(projectId, currentUrl, userContext, headers) {
+async function fetchAntiflickerFromEdge(projectId, currentUrl, userContext, enableElementAntiFlicker, headers) {
     try {
         const payload = { projectId, currentUrl };
         if (userContext) {
             payload.userContext = userContext;
         }
+        if (enableElementAntiFlicker) {
+            payload.enableElementAntiFlicker = enableElementAntiFlicker;
+        }
         const config = encodeURIComponent(JSON.stringify(payload));
         const edgeUrl = new URL(`${"https://edge.cofra.me"}/cf.css`);
         edgeUrl.searchParams.set('config', config);
@@ -73,7 +76,7 @@ async function getProjectData(options) {
             ? fetchProjectFromEdge(options.projectId, options.currentUrl, undefined, options.userContext, options.headers)
             : Promise.resolve(null),
         includeCSS
-            ? fetchAntiflickerFromEdge(options.projectId, options.currentUrl, options.userContext, options.headers)
+            ? fetchAntiflickerFromEdge(options.projectId, options.currentUrl, options.userContext, options.enableElementAntiFlicker, options.headers)
             : Promise.resolve(null),
     ]);
     const config = {};

package/dist/pkg/server.esm.mjs

@@ -43,12 +43,15 @@ async function fetchProjectFromEdge(projectId, currentUrl, signal, userContext,
     }
 }
 
-async function fetchAntiflickerFromEdge(projectId, currentUrl, userContext, headers) {
+async function fetchAntiflickerFromEdge(projectId, currentUrl, userContext, enableElementAntiFlicker, headers) {
     try {
         const payload = { projectId, currentUrl };
         if (userContext) {
             payload.userContext = userContext;
         }
+        if (enableElementAntiFlicker) {
+            payload.enableElementAntiFlicker = enableElementAntiFlicker;
+        }
         const config = encodeURIComponent(JSON.stringify(payload));
         const edgeUrl = new URL(`${"https://edge.cofra.me"}/cf.css`);
         edgeUrl.searchParams.set('config', config);
@@ -71,7 +74,7 @@ async function getProjectData(options) {
             ? fetchProjectFromEdge(options.projectId, options.currentUrl, undefined, options.userContext, options.headers)
             : Promise.resolve(null),
         includeCSS
-            ? fetchAntiflickerFromEdge(options.projectId, options.currentUrl, options.userContext, options.headers)
+            ? fetchAntiflickerFromEdge(options.projectId, options.currentUrl, options.userContext, options.enableElementAntiFlicker, options.headers)
             : Promise.resolve(null),
     ]);
     const config = {};

package/dist/pkg/types/index.d.ts

@@ -234,6 +234,7 @@ type CoframeConfig = {
     projectId: string;
     trackingOnly?: boolean;
     enableAntiFlickering?: boolean;
+    enableElementAntiFlicker?: boolean;
     waitForHydration?: boolean;
     waitForCookiesEnabled?: boolean;
     waitForFeatureFlag?: boolean;

package/dist/pkg/types/react.d.ts

@@ -237,6 +237,7 @@ type CoframeConfig = {
     projectId: string;
     trackingOnly?: boolean;
     enableAntiFlickering?: boolean;
+    enableElementAntiFlicker?: boolean;
     waitForHydration?: boolean;
     waitForCookiesEnabled?: boolean;
     waitForFeatureFlag?: boolean;

package/dist/pkg/types/server.d.ts

@@ -215,6 +215,7 @@ interface GetProjectDataOptions {
     currentUrl: string;
     userContext?: Record<string, unknown>;
     headers: Headers | Record<string, string>;
+    enableElementAntiFlicker?: boolean;
     includeProject?: boolean;
     includeCSS?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coframe/sdk",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "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",