@coframe/sdk 1.1.56 → 1.1.59

package/dist/pkg/cf.cjs.js

@@ -480,6 +480,10 @@ const getSelectorWithoutCache = (element, options) => {
         }
         return null;
     }
+    const ownId = (el) => {
+        const id = el.getAttribute('id');
+        return id && !isGeneratedIdentifier(id) ? id : undefined;
+    };
     const getParentNode = (element) => {
         return element.parentElement || getShadowHost(element);
     };
@@ -487,7 +491,7 @@ const getSelectorWithoutCache = (element, options) => {
         var _a;
         const selector = {
             t: el.tagName.toLowerCase(),
-            id: el.getAttribute('id') || undefined,
+            id: ownId(el),
             text: getInnerText(el) || undefined,
             href: el.getAttribute('href') || undefined,
             dataTestId: el.getAttribute('data-test-id') || undefined,
@@ -572,12 +576,33 @@ const getElement = (selector, options) => {
     return null;
 };
 const resolvedPathCache = new Map();
+const isGeneratedIdentifier = (value) => {
+    const token = value.trim();
+    if (!token)
+        return false;
+    const frameworkId = /^(?::r[0-9a-z]+:|«r[0-9a-z]+»|radix-:?r?[0-9a-z]+:?.*|headlessui-[a-z-]+-:?r?[0-9a-z]+:?|react-aria\d+.*|mui-\d+|ember\d+)$/;
+    const cssInJsClass = /^(?:css-[0-9a-z]{5,}(?:-[A-Za-z0-9]+)?|sc-[A-Za-z]{5,}|jsx-\d{6,}|[A-Za-z][A-Za-z0-9]*_[A-Za-z0-9]+__[A-Za-z0-9_-]{5})$/;
+    if (frameworkId.test(token) || cssInJsClass.test(token))
+        return true;
+    return token.split(/[-_:.]+/).some((segment) => {
+        var _a, _b;
+        if (/^\d{8,}$/.test(segment))
+            return true;
+        if (/^[0-9a-f]{6,}$/.test(segment) &&
+            /\d/.test(segment) &&
+            /[a-f]/.test(segment))
+            return true;
+        return (/^[0-9a-zA-Z]{8,}$/.test(segment) &&
+            ((_b = (_a = segment.match(/\d+|[a-zA-Z]+/g)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) >= 5);
+    });
+};
+const stableId = (id) => id && !isGeneratedIdentifier(id) ? id : undefined;
 const selectorKey = (selector) => selector.fingerprint || JSON.stringify(selector);
 const keepsIdentity = (document, element, selector) => {
     if (element.tagName.toLowerCase() !== selector.t.toLowerCase())
         return false;
     const attrs = [
-        ['id', selector.id],
+        ['id', stableId(selector.id)],
         ['data-test-id', selector.dataTestId],
         ['aria-label', selector.ariaLabel],
     ];
@@ -843,7 +868,7 @@ const generateRelativePaths = (sel, max) => {
         const uniqueQueries = [];
         const nonUniqQueries = [];
         const newWipPaths = [];
-        if (currentSel.id) {
+        if (currentSel.id && !isGeneratedIdentifier(currentSel.id)) {
             uniqueQueries.push({
                 xpath: `[@id="${currentSel.id}"]`,
                 css: `#${currentSel.id}`,
@@ -2506,6 +2531,7 @@ function isElementVisible(el) {
 }
 const VALUE_UNKNOWN_YET = 'n/a';
 function checkActivationCondition(condition, personalizationHeaders, currentUrl, languages, browserPlatform, userToken, userVisitCount, runJsFunction, logger, options) {
+    var _a;
     if (condition.and) {
         const results = condition.and.map((c) => checkActivationCondition(c, personalizationHeaders, currentUrl, languages, browserPlatform, userToken, userVisitCount, runJsFunction, logger));
         const hasUnknown = results.some((r) => r === VALUE_UNKNOWN_YET);
@@ -2612,12 +2638,13 @@ function checkActivationCondition(condition, personalizationHeaders, currentUrl,
             }
         }
     }
-    if (condition.device) {
-        const isMobileDevice = personalizationHeaders['x-is-mobile-viewer'] === 'true';
-        if (condition.device.includes('mobile') && !isMobileDevice) {
-            return false;
+    if ((_a = condition.device) === null || _a === void 0 ? void 0 : _a.length) {
+        let device = personalizationHeaders['x-device-type'];
+        if (!['desktop', 'mobile', 'tablet'].includes(device)) {
+            device =
+                personalizationHeaders['x-is-mobile-viewer'] === 'true' ? 'mobile' : '';
         }
-        if (condition.device.includes('desktop') && isMobileDevice) {
+        if (!condition.device.includes(device)) {
             return false;
         }
     }

package/dist/pkg/cf.esm.mjs

@@ -478,6 +478,10 @@ const getSelectorWithoutCache = (element, options) => {
         }
         return null;
     }
+    const ownId = (el) => {
+        const id = el.getAttribute('id');
+        return id && !isGeneratedIdentifier(id) ? id : undefined;
+    };
     const getParentNode = (element) => {
         return element.parentElement || getShadowHost(element);
     };
@@ -485,7 +489,7 @@ const getSelectorWithoutCache = (element, options) => {
         var _a;
         const selector = {
             t: el.tagName.toLowerCase(),
-            id: el.getAttribute('id') || undefined,
+            id: ownId(el),
             text: getInnerText(el) || undefined,
             href: el.getAttribute('href') || undefined,
             dataTestId: el.getAttribute('data-test-id') || undefined,
@@ -570,12 +574,33 @@ const getElement = (selector, options) => {
     return null;
 };
 const resolvedPathCache = new Map();
+const isGeneratedIdentifier = (value) => {
+    const token = value.trim();
+    if (!token)
+        return false;
+    const frameworkId = /^(?::r[0-9a-z]+:|«r[0-9a-z]+»|radix-:?r?[0-9a-z]+:?.*|headlessui-[a-z-]+-:?r?[0-9a-z]+:?|react-aria\d+.*|mui-\d+|ember\d+)$/;
+    const cssInJsClass = /^(?:css-[0-9a-z]{5,}(?:-[A-Za-z0-9]+)?|sc-[A-Za-z]{5,}|jsx-\d{6,}|[A-Za-z][A-Za-z0-9]*_[A-Za-z0-9]+__[A-Za-z0-9_-]{5})$/;
+    if (frameworkId.test(token) || cssInJsClass.test(token))
+        return true;
+    return token.split(/[-_:.]+/).some((segment) => {
+        var _a, _b;
+        if (/^\d{8,}$/.test(segment))
+            return true;
+        if (/^[0-9a-f]{6,}$/.test(segment) &&
+            /\d/.test(segment) &&
+            /[a-f]/.test(segment))
+            return true;
+        return (/^[0-9a-zA-Z]{8,}$/.test(segment) &&
+            ((_b = (_a = segment.match(/\d+|[a-zA-Z]+/g)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) >= 5);
+    });
+};
+const stableId = (id) => id && !isGeneratedIdentifier(id) ? id : undefined;
 const selectorKey = (selector) => selector.fingerprint || JSON.stringify(selector);
 const keepsIdentity = (document, element, selector) => {
     if (element.tagName.toLowerCase() !== selector.t.toLowerCase())
         return false;
     const attrs = [
-        ['id', selector.id],
+        ['id', stableId(selector.id)],
         ['data-test-id', selector.dataTestId],
         ['aria-label', selector.ariaLabel],
     ];
@@ -841,7 +866,7 @@ const generateRelativePaths = (sel, max) => {
         const uniqueQueries = [];
         const nonUniqQueries = [];
         const newWipPaths = [];
-        if (currentSel.id) {
+        if (currentSel.id && !isGeneratedIdentifier(currentSel.id)) {
             uniqueQueries.push({
                 xpath: `[@id="${currentSel.id}"]`,
                 css: `#${currentSel.id}`,
@@ -2504,6 +2529,7 @@ function isElementVisible(el) {
 }
 const VALUE_UNKNOWN_YET = 'n/a';
 function checkActivationCondition(condition, personalizationHeaders, currentUrl, languages, browserPlatform, userToken, userVisitCount, runJsFunction, logger, options) {
+    var _a;
     if (condition.and) {
         const results = condition.and.map((c) => checkActivationCondition(c, personalizationHeaders, currentUrl, languages, browserPlatform, userToken, userVisitCount, runJsFunction, logger));
         const hasUnknown = results.some((r) => r === VALUE_UNKNOWN_YET);
@@ -2610,12 +2636,13 @@ function checkActivationCondition(condition, personalizationHeaders, currentUrl,
             }
         }
     }
-    if (condition.device) {
-        const isMobileDevice = personalizationHeaders['x-is-mobile-viewer'] === 'true';
-        if (condition.device.includes('mobile') && !isMobileDevice) {
-            return false;
+    if ((_a = condition.device) === null || _a === void 0 ? void 0 : _a.length) {
+        let device = personalizationHeaders['x-device-type'];
+        if (!['desktop', 'mobile', 'tablet'].includes(device)) {
+            device =
+                personalizationHeaders['x-is-mobile-viewer'] === 'true' ? 'mobile' : '';
         }
-        if (condition.device.includes('desktop') && isMobileDevice) {
+        if (!condition.device.includes(device)) {
             return false;
         }
     }

package/package.json

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