Merge pull request #113 from asad-rafter/CLD-270-adding-preconnect

Cld 270 adding preconnect

Author: yuval-cloudinary

cartridges/int_cloudinary_pd/cartridge/experience/components/assets/mediaLibrary.js

@@ -110,6 +110,7 @@ module.exports.preRender = function (context, editorId) {
             viewmodel.transformation = replaceGlobalTransformations(context.content[editorId].transformation);
         }
         viewmodel.srcset = generateBreakPoints(viewmodel);
+        viewmodel.CloudinaryPageDesignerCNAME = constants.SITE_PREFS.CloudinaryPageDesignerCNAME;
     }
     return viewmodel;
 };

cartridges/int_cloudinary_pd/cartridge/experience/utils/cloudinaryPDConstants.js

@@ -7,5 +7,6 @@ module.exports.cloudinaryPDConstants = {
     CLD_TRACKING_PARAM: '?_i=AH',
     API_TRACKING_PARAM: 'CloudinarySalesForcePageDesigner/' + verJson.version + ' (CommerceCloud ' + System.compatibilityMode + ') SFPD',
     CLD_LIST_SERVICE_CLOUDNAME_PLACEHOLDER: '[cloudname]',
-    CLD_CLOUDNAME: sitePrefs.getCustom().CloudinaryPageDesignerCloudName
+    CLD_CLOUDNAME: sitePrefs.getCustom().CloudinaryPageDesignerCloudName,
+    SITE_PREFS: sitePrefs.getCustom()
 };

cartridges/int_cloudinary_pd/cartridge/templates/default/experience/components/assets/cloudinaryImage.isml

@@ -10,7 +10,9 @@
     window.cloudName = value.cloudName;
     window.cname = value.cname || null;
 </script>
-
+<isif condition="${pdict.viewmodel.CloudinaryPageDesignerCNAME}">
+    <link rel="preconnect" href="${'https://' + pdict.viewmodel.CloudinaryPageDesignerCNAME}" />
+</isif>
 <div class="cloudinary-media-library-container sfdc-component-mock sfdc-component-assets-media_library-mock">
     <isif condition="${pdict.viewmodel.src}">
         <isif condition="${pdict.viewmodel.imageLink}">