Skip to content

Commit

Permalink
Merge branch 'master' into CLD-304-bump-version
Browse files Browse the repository at this point in the history
  • Loading branch information
yuval-cloudinary authored Jun 24, 2024
2 parents 2ca6edc + cd8a2f5 commit bfb380d
Show file tree
Hide file tree
Showing 8 changed files with 79 additions and 49 deletions.
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
{
"videoPlayerVersion": "1.10.1",
"version": "24.1.2"
}
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
{
"version": "24.1.2",
"videoPlayerVersion": "1.10.1"
"version": "24.1.2"
}
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ function renderImgs() {
conf.secure_distribution = window.cname;
conf.private_cdn = true;
}
cld = cloudinary.default.Cloudinary.new(conf);
const cld = cloudinary.default.Cloudinary.new(conf);
let config = cld.config();
if (config.secure === false) {
delete cld.config({ cname: window.cname }).secure_distribution;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,32 +3,43 @@
This document renders an instance of the component. Multiple instances can be placed on the page.

</iscomment>
<isset name="sitePref" value="${dw.system.Site.current.preferences.custom}" scope="page" />
<isscript>
// SFRA has a logic bug where full urls are added twice, so we need to check for duplicates before adding.
assets = require('*/cartridge/scripts/assets.js');
var assets = require('*/cartridge/scripts/assets.js');
pdict.viewmodel.CLDPDVideoPlayerJSURL = sitePref.CLDPDVideoPlayerJSURL;
pdict.viewmodel.CLDPDShrinkwrapJSURL = sitePref.CLDPDShrinkwrapJSURL;

assets.addJs('js/cloudinaryImages.js');
</isscript>

<script>
var value = JSON.parse('<isprint value="${JSON.stringify(pdict.viewmodel)}" encoding="jsonvalue"/>');
window.cldImages = window.cldImages || [];
window.cldImages.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;
var value = JSON.parse('<isprint value="${JSON.stringify(pdict.viewmodel)}" encoding="jsonvalue"/>');
window.cldImages = window.cldImages || [];
window.cldImages.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;

// Cloudinary Core JS
const script = document.querySelector('script[src="'+value.CLDPDVideoPlayerJSURL+'"]');
if (script === null) {
var shrinkWrap = document.createElement('script');
shrinkWrap.src = value.CLDPDShrinkwrapJSURL;
document.body.appendChild(shrinkWrap);
}
</script>


<div class="cloudinary-media-library-container sfdc-component-mock sfdc-component-assets-media_library-mock">
<isif condition="${pdict.viewmodel.placeholder}">
<isif condition="${pdict.viewmodel.imageLink}">
<a href="${pdict.viewmodel.imageLink}">
</isif>
<img class="component-media_library ml-image" src="${pdict.viewmodel.placeholder}" data-real-url="${pdict.viewmodel.src}"
id="${pdict.viewmodel.id}"
alt="${pdict.viewmodel.altText}"
style="max-width: 100%">
<isif condition="${pdict.viewmodel.imageLink}">
</a>
</isif>
<isif condition="${pdict.viewmodel.placeholder}">
<isif condition="${pdict.viewmodel.imageLink}">
<a href="${pdict.viewmodel.imageLink}">
</isif>
<img class="component-media_library ml-image" src="${pdict.viewmodel.placeholder}"
data-real-url="${pdict.viewmodel.src}" id="${pdict.viewmodel.id}" alt="${pdict.viewmodel.altText}"
style="max-width: 100%">
<isif condition="${pdict.viewmodel.imageLink}">
</a>
</isif>
</isif>
</div>
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,24 @@

Refer to module_pagedesigner_custom/cartridge/experience/components/assets/cloudinary_video.js
</iscomment>
<isset name="sitePref" value="${dw.system.Site.current.preferences.custom}" scope="page" />

<isscript>
// SFRA has a logic bug where full urls are added twice, so we need to check for duplicates before adding.
var assets = require('*/cartridge/scripts/assets.js');
var verJson = require('*/cartridge/scripts/cloudinary/version.json');


// Video Player CSS
var src = 'https://unpkg.com/cloudinary-video-player@'+verJson.videoPlayerVersion+'/dist/cld-video-player.min.css';
var src = sitePref.CLDPDVideoPlayerCSSURL;
if (assets.styles.lastIndexOf(src) < 0) {
assets.addCss(src);
}

// Cloudinary Video Player JS
src = 'https://unpkg.com/cloudinary-video-player@'+verJson.videoPlayerVersion+'/dist/cld-video-player.min.js';
src = sitePref.CLDPDVideoPlayerJSURL;
if (assets.scripts.lastIndexOf(src) < 0) {
assets.addJs(src);
}

pdict.viewmodel.CLDPDShrinkwrapJSURL = sitePref.CLDPDShrinkwrapJSURL;
assets.addJs('/js/cloudinaryVideos.js');
</isscript>

Expand All @@ -33,5 +33,11 @@
window.players.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;

// Check if the Cloudinary Core JS is inculded
const shrinkWrapJs = document.querySelector('script[src="'+value.CLDPDShrinkwrapJSURL+'"]');
if (shrinkWrapJs) {
shrinkWrapJs.parentNode.removeChild(shrinkWrapJs);
}
</script>
</div>
Original file line number Diff line number Diff line change
@@ -1,25 +1,35 @@
<!--- TEMPLATENAME: example.isml --->
<iscomment> TEMPLATENAME: example.isml </iscomment>
<isset name="sitePref" value="${dw.system.Site.current.preferences.custom}" scope="page" />

<isscript>
// SFRA has a logic bug where full urls are added twice, so we need to check for duplicates before adding.
assets = require('*/cartridge/scripts/assets.js');
var assets = require('*/cartridge/scripts/assets.js');
pdict.viewmodel.CLDPDVideoPlayerJSURL = sitePref.CLDPDVideoPlayerJSURL;
pdict.viewmodel.CLDPDShrinkwrapJSURL = sitePref.CLDPDShrinkwrapJSURL;

assets.addJs('*/js/cloudinaryImages.js');
</isscript>


<script>
var value = JSON.parse('<isprint value="${JSON.stringify(pdict.viewmodel)}" encoding="jsonvalue"/>');
window.cldImages = window.cldImages || [];
window.cldImages.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;
console.log(value);
var value = JSON.parse('<isprint value="${JSON.stringify(pdict.viewmodel)}" encoding="jsonvalue"/>');
window.cldImages = window.cldImages || [];
window.cldImages.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;

// Cloudinary Core JS
const script = document.querySelector('script[src="'+value.CLDPDVideoPlayerJSURL+'"]');
if (script === null) {
var shrinkWrap = document.createElement('script');
shrinkWrap.src = value.CLDPDShrinkwrapJSURL;
document.body.appendChild(shrinkWrap);
}
</script>

<h2>${pdict.headline}</h2>
<div class="cloudinary-media-library-container sfdc-component-mock sfdc-component-assets-media_library-mock">
<img class="component-media_library ml-image" src="${pdict.viewmodel.placeholder}" data-real-url="${pdict.viewmodel.src}"
id="${pdict.viewmodel.id}"
alt="${pdict.viewmodel.altText}"
style="max-width: 100%">
<img class="component-media_library ml-image" src="${pdict.viewmodel.placeholder}"
data-real-url="${pdict.viewmodel.src}" id="${pdict.viewmodel.id}" alt="${pdict.viewmodel.altText}"
style="max-width: 100%">
</div>
Original file line number Diff line number Diff line change
@@ -1,35 +1,40 @@
<!--- TEMPLATENAME: example.isml --->
<iscomment> TEMPLATENAME: example.isml </iscomment>
<isset name="sitePref" value="${dw.system.Site.current.preferences.custom}" scope="page" />

<isscript>
// SFRA has a logic bug where full urls are added twice, so we need to check for duplicates before adding.
var assets = require('*/cartridge/scripts/assets.js');
var verJson = require('*/cartridge/scripts/cloudinary/version.json');


// Video Player CSS
var src = 'https://unpkg.com/cloudinary-video-player@'+verJson.videoPlayerVersion+'/dist/cld-video-player.min.css';
var src = sitePref.CLDPDVideoPlayerCSSURL;
if (assets.styles.lastIndexOf(src) < 0) {
assets.addCss(src);
}

// Cloudinary Video Player JS
src = 'https://unpkg.com/cloudinary-video-player@'+verJson.videoPlayerVersion+'/dist/cld-video-player.min.js';
src = sitePref.CLDPDVideoPlayerJSURL;
if (assets.scripts.lastIndexOf(src) < 0) {
assets.addJs(src);
}

pdict.viewmodel.CLDPDShrinkwrapJSURL = sitePref.CLDPDShrinkwrapJSURL;
assets.addJs('/js/cloudinaryVideos.js');
</isscript>

<h2>${pdict.headline}</h2>
<div class="cloudinary-video-container sfdc-component-mock sfdc-component-assets-media_library_video-mock">
<video id="${pdict.viewmodel.id}"></video>
<script>
var value = JSON.parse('<isprint value="${JSON.stringify(pdict.viewmodel)}" encoding="jsonvalue"/>');
window.players = window.players || [];
window.players.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;
var value = JSON.parse('<isprint value="${JSON.stringify(pdict.viewmodel)}" encoding="jsonvalue"/>');
window.players = window.players || [];
window.players.push(value);
window.cloudName = value.cloudName;
window.cname = value.cname || null;

// Check if the Cloudinary Core JS is inculded
const shrinkWrapJs = document.querySelector('script[src="'+value.CLDPDShrinkwrapJSURL+'"]');
if (shrinkWrapJs) {
shrinkWrapJs.parentNode.removeChild(shrinkWrapJs);
}
</script>
</div>

Binary file modified metadata/cloudinary_pagedesigner_metadata.zip
Binary file not shown.

0 comments on commit bfb380d

Please sign in to comment.