@applitools/eyes-browser 1.6.13 → 1.6.14

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## [1.6.14](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.6.13...js/eyes-browser@1.6.14) (2026-04-29)
+
+
+### Dependencies
+
+* @applitools/ufg-client bumped to 1.22.0
+  #### Features
+
+  * new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+* @applitools/core bumped to 4.61.0
+  #### Features
+
+  * new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+
+
+
+* @applitools/eyes bumped to 1.40.0
+  #### Features
+
+  * new render target entities | AD 13251 ([#3775](https://github.com/Applitools-Dev/sdk/issues/3775)) ([18b6107](https://github.com/Applitools-Dev/sdk/commit/18b6107937ff0f18ba0a256fec1adc6d423f03dc))
+
+
+
+
 ## [1.6.13](https://github.com/Applitools-Dev/sdk/compare/js/eyes-browser@1.6.12...js/eyes-browser@1.6.13) (2026-04-23)
 
 

package/dist/index.js

@@ -103992,8 +103992,6 @@ var require_requests3 = __commonJS({
             ...toServerEnvironment(settings2.environment)
           };
           if (utils2.types.has(settings2.environment, "type") && settings2.environment.type === "native") {
-            renderOptions.renderInfo.vhsType = target.vhsType;
-            renderOptions.renderInfo.vhsCompatibilityParams = target.vhsCompatibilityParams;
             renderOptions.renderInfo.stitchMode = settings2.stitchMode;
           }
           if (settings2.region) {
@@ -104301,7 +104299,7 @@ var require_resource = __commonJS({
       return result;
     };
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.makeHashedResource = exports.makeResource = void 0;
+    exports.makeHashedEntry = exports.makeHashedResource = exports.makeResource = void 0;
     var buffer_1 = require_buffer();
     var crypto_1 = require_crypto_browserify();
     var utils2 = __importStar(require_browser3());
@@ -104349,6 +104347,19 @@ var require_resource = __commonJS({
       };
     }
     exports.makeHashedResource = makeHashedResource;
+    function makeHashedEntry({ url, hash, rootDomSnapshot }, resourceDependencies = []) {
+      if ("errorStatusCode" in hash) {
+        return { url, errorStatusCode: hash.errorStatusCode };
+      }
+      return {
+        url,
+        hash: hash.hash,
+        contentType: hash.contentType,
+        ...rootDomSnapshot && { rootDomSnapshot },
+        resourceDependencies
+      };
+    }
+    exports.makeHashedEntry = makeHashedEntry;
     function isDomOrVHS(resource) {
       return [
         "x-applitools-html/cdt",
@@ -104386,10 +104397,11 @@ var require_resource_dom = __commonJS({
     exports.makeResourceDom = void 0;
     var resource_1 = require_resource();
     function makeResourceDom({ cdt, resources }) {
-      const value = new TextEncoder().encode(JSON.stringify({
+      const payload = {
         resources: Object.fromEntries(Object.entries(resources).sort(([url1], [url2]) => url1 > url2 ? 1 : -1)),
         domNodes: cdt
-      }));
+      };
+      const value = new TextEncoder().encode(JSON.stringify(payload));
       const resource = (0, resource_1.makeResource)({ value, contentType: "x-applitools-html/cdt" });
       resource.id = `dom/${resource.hash.hash}`;
       return resource;
@@ -104495,22 +104507,97 @@ var require_create_render_target = __commonJS({
         return buffer_1.Buffer.from(resourceData, "utf-8");
       };
     }
+    function computeReplaceUrlSettings(snapshot, replaceResourceUrl) {
+      if (!replaceResourceUrl || !utils2.types.has(snapshot, "url"))
+        return void 0;
+      return { from: getSnapshotOrigin(snapshot.url), to: replaceResourceUrl };
+    }
+    function collectDirectUrls(snapshot, replaceResourceUrlsSettings) {
+      var _a, _b, _c;
+      return [
+        ...((_a = snapshot.resourceUrls) !== null && _a !== void 0 ? _a : []).map((url) => replaceResourceUrlIfNeeded(url, replaceResourceUrlsSettings)),
+        ...Object.keys((_b = snapshot.resourceContents) !== null && _b !== void 0 ? _b : {}).map((url) => replaceResourceUrlIfNeeded(url, replaceResourceUrlsSettings)),
+        ...((_c = snapshot.frames) !== null && _c !== void 0 ? _c : []).map((f) => replaceResourceUrlIfNeeded(f.url, replaceResourceUrlsSettings))
+      ];
+    }
+    function buildUrlList(snapshotUrl, finalResources, originalSnapshotResource) {
+      const urls = [snapshotUrl, ...Object.keys(finalResources).filter((url) => url !== snapshotUrl)];
+      if (originalSnapshotResource)
+        urls.push(snapshotUrl);
+      return urls;
+    }
+    function buildHashedEntries({ urls, urlToIndex, directUrls, dependencyMap, finalResources, originalSnapshotResource }) {
+      return urls.map((url, i) => {
+        var _a;
+        let deps;
+        if (i === 0) {
+          deps = directUrls.map((u) => urlToIndex.get(u)).filter((i2) => i2 !== void 0);
+        } else if ((_a = dependencyMap[url]) === null || _a === void 0 ? void 0 : _a.length) {
+          deps = dependencyMap[url].map((u) => urlToIndex.get(u)).filter((i2) => i2 !== void 0);
+        } else {
+          deps = [];
+        }
+        const hash = originalSnapshotResource && i === urls.length - 1 && url === urls[0] ? originalSnapshotResource : finalResources[url];
+        return (0, resource_1.makeHashedEntry)({ url, hash, rootDomSnapshot: i === 0 ? true : void 0 }, deps);
+      });
+    }
+    function buildDomRenderTarget({ snapshot, finalResources, dependencyMap, originalSnapshotResource, replaceResourceUrlsSettings }) {
+      const snapshotUrl = snapshot.url;
+      const directUrls = collectDirectUrls(snapshot, replaceResourceUrlsSettings);
+      const urls = buildUrlList(snapshotUrl, finalResources, originalSnapshotResource);
+      const urlToIndex = new Map(urls.map((url, i) => [url, i]));
+      const entries = buildHashedEntries({
+        urls,
+        urlToIndex,
+        directUrls,
+        dependencyMap,
+        finalResources,
+        originalSnapshotResource
+      });
+      const snapshotResource = finalResources[snapshotUrl];
+      delete finalResources[snapshotUrl];
+      return { snapshot: snapshotResource, resources: { entries }, source: snapshotUrl };
+    }
+    function buildDependencyMap({ snapshot, snapshotResources, processedDomResource, frameResources, replaceResourceUrlsSettings }) {
+      const frameDependencyMapping = frameResources.reduce((deps, resources, index) => {
+        Object.assign(deps, resources.dependencyMap);
+        const frameSnapshot = snapshot.frames[index];
+        if (utils2.types.has(frameSnapshot, "cdt")) {
+          const frameUrl = replaceResourceUrlIfNeeded(frameSnapshot.url, replaceResourceUrlsSettings);
+          const frameDeps = Object.keys(resources.mapping).filter((url) => url !== frameUrl);
+          if (frameDeps.length)
+            deps[frameUrl] = frameDeps;
+        }
+        return deps;
+      }, {});
+      return {
+        ...frameDependencyMapping,
+        ...snapshotResources.dependencyMap,
+        ...processedDomResource.dependencyMap
+      };
+    }
     function makeCreateRenderTarget({ processResources, logger: mainLogger, replaceResourceUrl }) {
       return async function createRenderTarget({ snapshot, settings, logger = mainLogger }) {
         logger = logger.extend(mainLogger, { tags: [`render-target-${utils2.general.shortid()}`] });
+        const replaceResourceUrlsSettings = computeReplaceUrlSettings(snapshot, replaceResourceUrl);
         const processedSnapshotResources = await processSnapshotResources({ snapshot, settings, logger });
         const resources = await processedSnapshotResources.promise;
-        const sortedResources = replaceResourceUrl ? Object.entries(resources).sort(([url1], [url2]) => url1.localeCompare(url2)).reduce((mapping, [url, resource]) => {
+        const { dependencyMap, originalSnapshotResource } = processedSnapshotResources;
+        const finalResources = replaceResourceUrl ? Object.entries(resources).sort(([url1], [url2]) => url1.localeCompare(url2)).reduce((mapping, [url, resource]) => {
           mapping[url] = resource;
           return mapping;
         }, {}) : resources;
         if (utils2.types.has(snapshot, "cdt")) {
-          const snapshotResource = sortedResources[snapshot.url];
-          delete sortedResources[snapshot.url];
-          return { snapshot: snapshotResource, resources: sortedResources, source: snapshot.url };
+          return buildDomRenderTarget({
+            snapshot,
+            finalResources,
+            dependencyMap,
+            originalSnapshotResource,
+            replaceResourceUrlsSettings
+          });
         } else {
           const snapshotResource = resources.vhs;
-          return utils2.types.has(snapshot, "vhsType") ? { snapshot: snapshotResource, resources, vhsType: snapshot.vhsType } : { snapshot: snapshotResource, resources, vhsCompatibilityParams: snapshot.vhsCompatibilityParams };
+          return { snapshot: snapshotResource, resources: { entries: [] } };
         }
       };
       async function processSnapshotResources({ snapshot, settings, logger }) {
@@ -104563,7 +104650,7 @@ var require_create_render_target = __commonJS({
         const domResource = utils2.types.has(snapshot, "cdt") ? {
           [snapshot.url]: (0, resource_dom_1.makeResourceDom)({
             cdt: replaceUrlInContentIfNeeded(snapshot.cdt, replaceResourceUrlsSettings),
-            resources: resourceMappingWithoutDom
+            resources: Object.fromEntries(Object.entries(resourceMappingWithoutDom).filter(([url]) => url !== snapshot.url))
           })
         } : {
           vhs: (0, resource_vhs_1.makeResourceVhs)({
@@ -104578,13 +104665,23 @@ var require_create_render_target = __commonJS({
         const frameResourceMapping = frameResources.reduce((mapping, resources) => {
           return Object.assign(mapping, resources.mapping);
         }, {});
+        const originalSnapshotResource = utils2.types.has(snapshot, "url") ? snapshotResourcesMapping[snapshot.url] : void 0;
         const resourceMapping = {
           ...frameResourceMapping,
           ...snapshotResources.mapping,
           ...processedDomResource.mapping
         };
+        const dependencyMap = buildDependencyMap({
+          snapshot,
+          snapshotResources,
+          processedDomResource,
+          frameResources,
+          replaceResourceUrlsSettings
+        });
         return {
           mapping: resourceMapping,
+          dependencyMap,
+          originalSnapshotResource,
           promise: Promise.all([
             snapshotResources.promise,
             processedDomResource.promise,
@@ -122038,6 +122135,7 @@ var require_process_resources = __commonJS({
     var utils2 = __importStar(require_browser3());
     function makeProcessResources({ fetchResource, uploadResource, cache = /* @__PURE__ */ new Map(), asyncCache, logger: mainLogger }) {
       return async function processResources({ resources, settings, logger = mainLogger }) {
+        var _a;
         logger = logger.extend(mainLogger, { tags: [`process-resources-${utils2.general.shortid()}`] });
         const processedResources = await Object.entries(resources).reduce(async (processedResourcesPromise, [url, resource]) => {
           if (utils2.types.has(resource, "value") || utils2.types.has(resource, "errorStatusCode")) {
@@ -122053,12 +122151,15 @@ var require_process_resources = __commonJS({
           }
         }, Promise.resolve({}));
         const mapping = {};
+        const dependencyMap = {};
         const ready = [];
         for (const [url, processedResource] of Object.entries(processedResources)) {
           mapping[url] = processedResource.hash;
+          if ((_a = processedResource.dependencies) === null || _a === void 0 ? void 0 : _a.length)
+            dependencyMap[url] = processedResource.dependencies;
           ready.push(processedResource.ready);
         }
-        return { mapping, promise: Promise.all(ready).then(() => mapping) };
+        return { mapping, dependencyMap, promise: Promise.all(ready).then(() => mapping) };
       };
       async function processContentfulResource({ resource, logger = mainLogger }) {
         var _a;
@@ -128310,7 +128411,7 @@ var require_package3 = __commonJS({
   "../core/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/core",
-      version: "4.60.0",
+      version: "4.61.0",
       homepage: "https://applitools.com",
       bugs: {
         url: "https://github.com/applitools/eyes.sdk.javascript1/issues"
@@ -129852,7 +129953,7 @@ var require_package4 = __commonJS({
   "../eyes/package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes",
-      version: "1.39.0",
+      version: "1.40.0",
       keywords: [
         "applitools",
         "eyes",
@@ -131467,7 +131568,7 @@ var require_package5 = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@applitools/eyes-browser",
-      version: "1.6.13",
+      version: "1.6.14",
       type: "module",
       keywords: [
         "applitools",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applitools/eyes-browser",
-  "version": "1.6.13",
+  "version": "1.6.14",
   "type": "module",
   "keywords": [
     "applitools",
@@ -51,7 +51,7 @@
     "test": "run playwright test"
   },
   "dependencies": {
-    "@applitools/eyes": "1.39.0"
+    "@applitools/eyes": "1.40.0"
   },
   "devDependencies": {
     "@applitools/test-server": "1.4.3",