230 lines
7.8 KiB
PHP
230 lines
7.8 KiB
PHP
<?php
|
|
|
|
/** @noinspection PhpUnusedPrivateFieldInspection */
|
|
|
|
namespace Site\Templates;
|
|
|
|
use SilverStripe\Control\Controller;
|
|
use SilverStripe\View\TemplateGlobalProvider;
|
|
use SilverStripe\View\Requirements;
|
|
use SilverStripe\Core\Config\Config;
|
|
use SilverStripe\Control\Director;
|
|
use SilverStripe\Core\Path;
|
|
use SilverStripe\FontAwesome\FontAwesomeField;
|
|
|
|
class DeferredRequirements implements TemplateGlobalProvider
|
|
{
|
|
private static $css = [];
|
|
private static $js = [];
|
|
private static $deferred = false;
|
|
private static $static_domain;
|
|
private static $version;
|
|
private static $nojquery = false;
|
|
private static $jquery_version = '3.4.1';
|
|
private static $nofontawesome = false;
|
|
private static $custom_requirements = [];
|
|
|
|
/**
|
|
* @return array
|
|
*/
|
|
public static function get_template_global_variables(): array
|
|
{
|
|
return [
|
|
'AutoRequirements' => 'Auto',
|
|
'DeferedCSS' => 'loadCSS',
|
|
'DeferedJS' => 'loadJS',
|
|
'WebpackActive' => 'webpackActive',
|
|
'EmptyImgSrc' => 'emptyImageSrc',
|
|
];
|
|
}
|
|
|
|
public static function Auto($class = false): string
|
|
{
|
|
$config = Config::inst()->get(self::class);
|
|
$projectName = WebpackTemplateProvider::projectName();
|
|
$mainTheme = WebpackTemplateProvider::mainTheme();
|
|
$mainTheme = $mainTheme ?: $projectName;
|
|
|
|
$dir = Path::join(
|
|
Director::publicFolder(),
|
|
RESOURCES_DIR,
|
|
$projectName,
|
|
'client',
|
|
'dist'
|
|
);
|
|
$cssPath = Path::join($dir, 'css');
|
|
$jsPath = Path::join($dir, 'js');
|
|
|
|
// Initialization
|
|
Requirements::block(THIRDPARTY_DIR.'/jquery/jquery.js');
|
|
/*if (defined('FONT_AWESOME_DIR')) {
|
|
Requirements::block(FONT_AWESOME_DIR.'/css/lib/font-awesome.min.css');
|
|
}*/
|
|
Requirements::set_force_js_to_bottom(true);
|
|
|
|
// Main libs
|
|
if (!$config['nojquery']) {
|
|
self::loadJS(
|
|
'//ajax.googleapis.com/ajax/libs/jquery/'
|
|
.$config['jquery_version'].'/jquery.min.js'
|
|
);
|
|
}
|
|
|
|
if (!$config['noreact']) {
|
|
if (!Director::isDev()) {
|
|
self::loadJS('https://unpkg.com/react@17/umd/react.production.min.js');
|
|
self::loadJS('https://unpkg.com/react-dom@17/umd/react-dom.production.min.js');
|
|
} else {
|
|
self::loadJS('https://unpkg.com/react@17/umd/react.development.js');
|
|
self::loadJS('https://unpkg.com/react-dom@17/umd/react-dom.development.js');
|
|
}
|
|
}
|
|
|
|
// App libs
|
|
if (!$config['nofontawesome']) {
|
|
$v = !isset($config['fontawesome_version']) || !$config['fontawesome_version']
|
|
? Config::inst()->get(FontAwesomeField::class, 'version')
|
|
: $config['fontawesome_version'];
|
|
|
|
self::loadCSS('//use.fontawesome.com/releases/v'.$v.'/css/all.css');
|
|
}
|
|
|
|
self::loadCSS($mainTheme.'.css');
|
|
|
|
// hot reloading
|
|
/*if (self::webpackActive()) {
|
|
self::loadJS('hot.js');
|
|
}*/
|
|
|
|
self::loadJS($mainTheme.'.js');
|
|
|
|
// Custom controller requirements
|
|
$curr_class = $class ?: get_class(Controller::curr());
|
|
if (isset($config['custom_requirements'][$curr_class])) {
|
|
foreach ($config['custom_requirements'][$curr_class] as $file) {
|
|
if (strpos($file, '.css')) {
|
|
self::loadCSS($file);
|
|
}
|
|
if (strpos($file, '.js')) {
|
|
self::loadJS($file);
|
|
}
|
|
}
|
|
}
|
|
|
|
$curr_class = str_replace('\\', '.', $curr_class);
|
|
|
|
// Controller requirements
|
|
$themePath = Path::join($cssPath, $mainTheme.'_'.$curr_class . '.css');
|
|
$projectPath = Path::join($cssPath, $projectName.'_'.$curr_class . '.css');
|
|
if ($mainTheme && file_exists($themePath)) {
|
|
self::loadCSS($mainTheme.'_'.$curr_class . '.css');
|
|
} elseif (file_exists($projectPath)) {
|
|
self::loadCSS($projectName.'_'.$curr_class . '.css');
|
|
}
|
|
|
|
$themePath = Path::join($jsPath, $mainTheme.'_'.$curr_class . '.js');
|
|
$projectPath = Path::join($jsPath, $projectName.'_'.$curr_class . '.js');
|
|
if ($mainTheme && file_exists($themePath)) {
|
|
self::loadJS($mainTheme.'_'.$curr_class . '.js');
|
|
} elseif (file_exists($projectPath)) {
|
|
self::loadJS($projectName.'_'.$curr_class . '.js');
|
|
}
|
|
|
|
return self::forTemplate();
|
|
}
|
|
|
|
public static function loadCSS($css): void
|
|
{
|
|
$external = (mb_strpos($css, '//') === 0 || mb_strpos($css, 'http') === 0);
|
|
if ($external) {
|
|
self::$css[] = $css;
|
|
} else {
|
|
WebpackTemplateProvider::loadCSS($css);
|
|
}
|
|
}
|
|
|
|
public static function loadJS($js): void
|
|
{
|
|
/*$external = (mb_substr($js, 0, 2) === '//' || mb_substr($js, 0, 4) === 'http');
|
|
if ($external || (self::getDeferred() && !self::_webpackActive())) {*/
|
|
// webpack supposed to load external JS
|
|
if (self::getDeferred() && !self::webpackActive()) {
|
|
self::$js[] = $js;
|
|
} else {
|
|
WebpackTemplateProvider::loadJS($js);
|
|
}
|
|
}
|
|
|
|
public static function webpackActive(): bool
|
|
{
|
|
return WebpackTemplateProvider::isActive();
|
|
}
|
|
|
|
public static function setDeferred($bool): void
|
|
{
|
|
Config::inst()->set(__CLASS__, 'deferred', $bool);
|
|
}
|
|
|
|
public static function getDeferred(): bool
|
|
{
|
|
return self::config()['deferred'];
|
|
}
|
|
|
|
public static function forTemplate(): string
|
|
{
|
|
$result = '';
|
|
self::$css = array_unique(self::$css);
|
|
foreach (self::$css as $css) {
|
|
$result .= '<i class="defer-cs" data-load="' . self::get_url($css) . '"></i>';
|
|
}
|
|
|
|
self::$js = array_unique(self::$js);
|
|
foreach (self::$js as $js) {
|
|
$result .= '<i class="defer-sc" data-load="' . self::get_url($js) . '"></i>';
|
|
}
|
|
|
|
$result .=
|
|
'<script>function lsc(a,b){var c=document.createElement("script");c.readyState'
|
|
.'?c.onreadystatechange=function(){"loaded"!=c.readyState&&"complete"!=c.readyState||(c.onreadystatechange=null,b())}'
|
|
.':c.onload=function(){b()},c.src=a,document.getElementsByTagName("body")[0].appendChild(c)}'
|
|
.'function lscd(a){a<s.length-1&&(a++,lsc(s.item(a).getAttribute("data-load"),function(){lscd(a)}))}'
|
|
.'for(var s=document.getElementsByClassName("defer-cs"),i=0;i<s.length;i++){var b=document.createElement("link");b.rel="stylesheet",'
|
|
.'b.type="text/css",b.href=s.item(i).getAttribute("data-load"),b.media="all";var c=document.getElementsByTagName("body")[0];'
|
|
.'c.appendChild(b)}var s=document.getElementsByClassName("defer-sc"),i=0;if(s.item(i)!==null)lsc(s.item(i).getAttribute("data-load"),function(){lscd(i)});'
|
|
.'</script>';
|
|
|
|
return $result;
|
|
}
|
|
|
|
private static function get_url($url): string
|
|
{
|
|
$config = self::config();
|
|
|
|
// external URL
|
|
if (strpos($url, '//') !== false) {
|
|
return $url;
|
|
}
|
|
|
|
$path = WebpackTemplateProvider::toPublicPath($url);
|
|
|
|
$absolutePath = Director::getAbsFile($path);
|
|
$hash = sha1_file($absolutePath);
|
|
|
|
$version = $config['version'] ? '&v='.$config['version'] : '';
|
|
//$static_domain = $config['static_domain'];
|
|
//$static_domain = $static_domain ?: '';
|
|
|
|
return Controller::join_links(WebpackTemplateProvider::toPublicPath($url), '?m='.$hash.$version);
|
|
}
|
|
|
|
public static function emptyImageSrc(): string
|
|
{
|
|
return 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
|
|
}
|
|
|
|
public static function config(): array
|
|
{
|
|
return Config::inst()->get(__CLASS__);
|
|
}
|
|
}
|