/**
* Generate 'dynamic' CSS (css which depends on formValues)
* @param \Render\APIs\RootAPIv1\RootCssAPI|\Render\APIs\RootAPIv1\RootRenderAPI $rootCssApi
* @param \Render\Unit $rootUnit
* @param boolean $outputTreeData - weather data required for client side recompile is written or not
*/
public function generateCSS($rootCssApi, $rootUnit, $outputTreeData)
{
$unitData = $rootCssApi->getAllUnitData($rootUnit);
$globalDataHash = md5(json_encode($rootCssApi->getColorScheme()) . json_encode($rootCssApi->getResolutions()));
// collect css.js code
$dynCSSPlugins = array();
$formValues = array();
foreach ($unitData as $uid => $data) {
if (isset($data['dyncss']['formValues'])) {
$formValues[$uid] = $data['dyncss']['formValues'];
}
if ($data['dyncss']['plugin']) {
$pluginName = $data['dyncss']['plugin']['name'];
$dynCSSPlugins[$pluginName] = $data['dyncss']['plugin'];
}
}
// create css for each non-extension unit
foreach ($unitData as $unitId => $singleUnitData) {
if ($singleUnitData['dyncss']['isExtension']) {
continue;
}
// unit data subtree
$unitDataTree = $this->buildUnitTree($rootCssApi, $unitData, $unitId);
// convert to json tree (used by dyncss)
$cssJsonTree = array();
$this->buildJsonTree($cssJsonTree, $unitDataTree);
$cssCode = '';
// try to get cached value
$cacheKey = md5(json_encode($unitDataTree) . $globalDataHash . self::CACHE_VERSION);
$cachedValue = $rootCssApi->getUnitCache($rootCssApi->getUnitById($unitId), 'css');
if (isset($cachedValue['hash']) && $cachedValue['hash'] === $cacheKey) {
$cssCode = $cachedValue['cssCode'];
} else {
// regenerate css
try {
$cssCode = $this->cssEngine->compile($dynCSSPlugins, $cssJsonTree, $formValues, $rootCssApi);
$rootCssApi->setUnitCache($rootCssApi->getUnitById($unitId), 'css', array('hash' => $cacheKey, 'cssCode' => $cssCode));
} catch (\Exception $e) {
$this->addError($e->getMessage());
}
}
if ($outputTreeData) {
echo '<style data-tree="' . htmlentities(json_encode($cssJsonTree)) . '" class="generatedStyles" id="generatedStyle_' . $unitId . '" data-unit-id="' . $unitId . '">';
echo $cssCode;
echo '</style>';
} else {
echo $cssCode;
}
}
// load dyncss js module definition for client
if ($outputTreeData) {
$pluginUrls = array();
foreach ($dynCSSPlugins as $data) {
$pluginUrls[] = $data['url'];
}
echo '<script type="application/json" id="dyncss-plugins">' . json_encode($pluginUrls) . '</script>';
}
}
/**
* Root Modules css function (called by Backend Visitor)
* @param \Render\APIs\RootAPIv1\RootCssAPI $rootCssApi
* @param \Render\Unit $rootUnit
* @param \Render\ModuleInfo $moduleInfo
*/
public function css($rootCssApi, $rootUnit, $moduleInfo)
{
// Skip this in Edit Mode, as we need to
// generate some boilerplate for the client-side CSS implementation
if (!$rootCssApi->isEditMode()) {
$dynCss = $this->getDynCSSLib($moduleInfo);
$dynCss->generateCSS($rootCssApi, $rootUnit, false);
}
}
/**
* @param \Render\APIs\RootAPIv1\RootCssAPI $api
* @param \Render\Unit $unit
* @param \Render\ModuleInfo $moduleInfo
*/
public function css($api, $unit, $moduleInfo)
{
echo "START-CSS:" . $unit->getId() . "\n";
echo "ASSET-PATH:" . $moduleInfo->getAssetPath('assetPath') . "\n";
echo "ASSET-URL:" . $moduleInfo->getAssetUrl('assetUrl') . "\n";
echo "MEDIA-URL:" . $api->getMediaItem($api->getFormValue($unit, 'download'))->getUrl() . "\n";
echo "IMAGE-URL:" . $api->getMediaItem($api->getFormValue($unit, 'image'))->getImage()->resizeCenter(100, 100)->getUrl() . "\n";
try {
$url = $api->getMediaItem('ITEM-NOT-EXISTS')->getUrl();
} catch (\Exception $ignore) {
$url = '#exception';
}
echo "NOT-EXISTS-MEDIA-URL:" . $url . "\n";
echo "END-CSS:" . $unit->getId() . "\n";
}
