<?php
|
namespace JVBase\blocks;
|
|
use DateTime;
|
use DOMDocument;
|
use JVBase\managers\Cache;
|
use JVBase\managers\LoginManager;
|
use JVBase\managers\SEO\BreadcrumbManager;
|
use JVBase\managers\SEO\render\Thing\CreativeWork\MediaObject\VideoObject;
|
use JVBase\utility\Image;
|
use JVBase\utility\Video;
|
use WP_Block;
|
use WP_Query;
|
|
if (!defined('ABSPATH')) {
|
exit; // Exit if accessed directly
|
}
|
|
class CustomBlocks
|
{
|
protected Cache $cache;
|
|
protected static ?WP_Query $currentLoop = null;
|
protected static ?int $currentQueryId = null;
|
protected static array $counters = [];
|
protected static ?WP_Query $originalQuery = null;
|
protected array $ignore = ['align','alt','area','aspectRatio','backgroundColor','borderColor','buttonText','buttonPosition','buttonUseIcon','categories','className','columns','contentPosition','customOverlayColor','dimRatio','displayAsDropdown','displayAuthor','displayFeaturedImage','displayPostContent','displayPostContentRadio','displayPostDate','excerptLength','featuredImageAlign','fontSize','gradient','hasFixedLayout','hasParallax','height','iconColor','iconColorValue','iconColorValue','iconBackgroundColor','iconBackgroundColorValue','id','imageFill','isDark','isLink','isObjectPosition','isRepeated','isSearchFieldHidden','isStackedOnMobile','isUserOverlayColor','kind','label','largestFontSize','layout','lightbox','linkDestination','linkTo','level','mediaId','mediaLink','mediaPosition','mediaSizeSlug','mediaType','mediaWidth','metadata','minHeight','minHeightUnit','opacity','opensInNewTab','order','orderBy','ordered','overlayColor','overlayMenu','placeholder','postLayout','postsToShow','query', 'queryId','ref','rel','scale','shouldSyncIcon','showContent','showEmpty','showHierarchy','showLabel','showLabels','showOnlyTopLevel','showPostCounts','showTagCounts','size','sizeSlug','slug','smallestFontSize','tagName','taxonomy','term','textAlign','textColor','theme','title','type','url','useFeaturedImage','verticalAlignment','width','widthUnit',];
|
|
//For custom style output for nested links, etc
|
protected static array $pendingStyles = [];
|
protected static array $pendingClass = [];
|
protected static bool $renderGallery = false;
|
|
public function __construct()
|
{
|
$this->cache = Cache::for('blocks', WEEK_IN_SECONDS);
|
$this->cache->connect('post')->connect('taxonomy');
|
$this->cache->flush();
|
add_filter('pre_render_block', [$this, 'prerender'], 10, 3);
|
add_filter('render_block', [$this, 'render'], 10, 2);
|
|
add_action('init', [$this, 'registerBlockStyles']);
|
}
|
|
public function registerBlockStyles():void
|
{
|
do_action('jvbBlockStyles');
|
//Register extra block styles
|
register_block_style(
|
'core/navigation',
|
[
|
'name'=>'condensed',
|
'label' => __('Condensed', 'jvb')
|
]
|
);
|
register_block_style(
|
'core/navigation',
|
[
|
'name'=>'floating',
|
'label' => __('Floating', 'jvb')
|
]
|
);
|
register_block_style(
|
'core/navigation',
|
[
|
'name'=>'fixed',
|
'label' => __('Fixed', 'jvb')
|
]
|
);
|
register_block_style(
|
'core/group',
|
[
|
'name' =>'callout',
|
'label' => __('Callout', 'jvb')
|
]
|
);
|
register_block_style(
|
'core/group',
|
[
|
'name' =>'callalt',
|
'label' => __('Callout Alt', 'jvb')
|
]
|
);
|
register_block_style(
|
'core/separator',
|
[
|
'name' =>'logo',
|
'label' => __('With Logo', 'jvb')
|
]
|
);
|
}
|
protected function checkMethods(?string $content, array $block, ?WP_Block $parent = null, bool $isPrerender = false):?string
|
{
|
$blockName = $this->sanitizeBlockName($block);
|
|
$base = ($isPrerender) ? 'prerender_' : 'render_';
|
$method = $base.$blockName;
|
$function = BASE.$method;
|
|
if (function_exists($function)) {
|
return $function($block, $content, $parent);
|
} else if (method_exists($this, $method)) {
|
$content = $this->$method($block, $content, $parent);
|
return $isPrerender ? $this->maybeOutputCustomStyles().$content : $content;
|
} elseif (JVB_TESTING && !empty($blockName)) {
|
if (!in_array($block['blockName'], $this->getIgnore($isPrerender))) {
|
jvbDump('No method found for '.print_r($block['blockName'], true));
|
}
|
}
|
return $content;
|
}
|
protected function getIgnore(bool $isPrerender):array
|
{
|
//Ignore for both
|
$base = [
|
'core/null'
|
];
|
if ($isPrerender) {
|
$base = array_merge($base, [
|
'core/query-pagination',
|
'core/query-pagination-previous',
|
'core/query-pagination-next',
|
'core/query-pagination-numbers',
|
'core/query',
|
'core/calendar',
|
'core/archives',
|
]);
|
} else {
|
$base = array_merge($base, [
|
|
]);
|
}
|
return $base;
|
}
|
public function prerender(?string $content, array $block, ?WP_Block $parent = null):?string
|
{
|
$result = $this->checkMethods($content, $block, $parent, true);
|
return $result;
|
}
|
|
public function render(string $content, array $block):string
|
{
|
if ($block['blockName'] === 'jvb/feed') {
|
// Enqueue the feed block script (it will automatically load dependencies)
|
$this->localize_feedblock();
|
}
|
if ($block['blockName'] === 'jvb/forms') {
|
wp_enqueue_style('jvb-form');
|
}
|
|
return $this->checkMethods($content, $block);
|
}
|
|
/***********************************
|
* Blocks
|
**********************************/
|
/**
|
* Common Blocks
|
*/
|
//For Reference:
|
//core_form
|
//core_form_input
|
//core_form_submission_notification
|
//core_form_submit_button
|
/**
|
* Design blocks
|
*/
|
|
|
public function prerender_core_button(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'Button');
|
// jvbDump($parent, 'Parent');
|
preg_match('/href="([^"]*)"/', $block['innerHTML'], $url);
|
preg_match('/>([^<]*)<\/a>/', $block['innerHTML'], $label);
|
|
if (empty($url[1]) || empty($label[1])) {
|
return '';
|
}
|
$icon = '';
|
if (str_contains($url[1], 'google.com/maps')) {
|
$icon = jvbIcon('google-logo');
|
}
|
if (str_contains($url[1], 'maps.apple.com')) {
|
$icon = jvbIcon('apple-logo');
|
}
|
|
if ($icon !== '') {
|
return sprintf(
|
'<li%s><a href="%s" title="Find Us On %s">%s Maps</a></li>',
|
$this->getClassesAndStyles($block['attrs']??[]),
|
esc_url($url[1]),
|
esc_html($label[1]),
|
$icon
|
);
|
}
|
|
return sprintf(
|
'<li%s><a href="%s">%s</a></li>',
|
$this->getClassesAndStyles($block['attrs']??[]),
|
esc_url($url[1]),
|
esc_html($label[1])
|
);
|
}
|
|
public function prerender_core_buttons(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'buttons');
|
// jvbDump($parent, 'Parent');
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($block['attrs']??[], ['buttons','row']),
|
$this->innerBlocks($block)
|
);
|
}
|
|
public function prerender_core_column(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'column');
|
// jvbDump($parent, 'Parent');
|
$styles = (array_key_exists('attrs', $block) &&
|
array_key_exists('width', $block['attrs'])) ?
|
['flex-basis:'.$block['attrs']['width']]
|
: [];
|
return sprintf(
|
'<div%s>%s</div>',
|
$this->getClassesAndStyles($block['attrs']??[], ['col'], $styles),
|
$this->innerBlocks($block)
|
);
|
}
|
|
public function prerender_core_columns(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'columns');
|
$attrs = $block['attrs']??[];
|
$tagName = array_key_exists('tagName', $attrs) ? $attrs['tagName'] : 'section';
|
|
$classes = ['row', 'nowrap'];
|
if (!array_key_exists('isStackedOnMobile', $attrs) || $attrs['isStackedOnMobile'] === true){
|
$classes[] = 'stack-small';
|
}
|
return sprintf(
|
'<%s%s>%s</%s>',
|
$tagName,
|
$this->getClassesAndStyles($attrs, $classes),
|
$this->innerBlocks($block).'</section>',
|
$tagName
|
);
|
}
|
//core_comment_template
|
|
public function prerender_core_group(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'group');
|
// jvbDump($parent, 'Parent');
|
$tag = (array_key_exists('tagName', $block['attrs']??[])) ? $block['attrs']['tagName'] : 'div';
|
|
|
return sprintf(
|
'<%s%s>%s</%s>',
|
$tag,
|
$tag === 'main' ? '' : $this->getClassesAndStyles($block['attrs']??[], ['group']),
|
$this->innerBlocks($block),
|
$tag
|
);
|
}
|
//core_home_link
|
//core_more
|
//core_nextpage
|
public function prerender_core_nextpage(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
|
return str_replace('</a>', '</a></li>',str_replace('<a', '<li><a', wp_link_pages([
|
'before' => '<nav class="pagination x-btw"><ul>',
|
'after' => '</ul></nav>',
|
'nextpagelink' => __('<span>Next </span>'.jvbIcon('caret-circle-right'), 'jvb'),
|
'previouspagelink' => __(jvbIcon('caret-circle-left').'<span> Previous</span>', 'jvb'),
|
'next_or_number'=> 'next',
|
'echo' => false
|
])));
|
}
|
|
public function prerender_core_separator(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'separator');
|
// jvbDump($parent, 'Parent');
|
$attrs = $block['attrs']??[];
|
$logo = '';
|
if (array_key_exists('className', $attrs) && $attrs['className'] === 'is-style-logo'){
|
$logo = apply_filters('jvbSeparatorLogo', 'logo');
|
if (!empty($logo)) {
|
$logo = jvbIcon($logo);
|
}
|
}
|
return sprintf(
|
'<hr%s>',
|
$this->getClassesAndStyles($attrs),
|
// $logo
|
);
|
}
|
|
public function prerender_core_spacer(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
|
// jvbDump($block, 'spsacer');
|
// jvbDump($parent, 'Parent');
|
return sprintf(
|
'<div%s aria-hidden="true"></div>',
|
$this->getClassesAndStyles($block['attrs']??[], ['spacer'], ['height:2rem'])
|
);
|
}
|
//core_table_of_contents
|
//core_text_columns
|
|
/**
|
* Embed Block
|
*/
|
//core_embed
|
/**
|
* Media Blocks
|
*/
|
//core_audio
|
public function prerender_core_audio(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block,'audio');
|
$attrs = $block['attrs']??[];
|
$inside = $this->inside($block);
|
return sprintf('<figure%s>%s</figure>',
|
$this->getClassesAndStyles($attrs),
|
$inside
|
);
|
}
|
public function prerender_core_cover(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'cover');
|
// jvbDump($parent, 'Parent');
|
// Extract block attributes
|
$attrs = $block['attrs'] ?:[];
|
|
$innerContent = $this->innerBlocks($block);
|
|
$position = 'object-position: center;';
|
if (array_key_exists('focalPoint', $attrs)) {
|
$attrs['isObjectPosition'] = true;
|
}
|
|
|
// Check for background type
|
$backgroundType = $attrs['backgroundType'] ?? 'image';
|
$background = '';
|
|
$ID = false;
|
if (array_key_exists('useFeaturedImage', $attrs)) {
|
global $post;
|
$ID = get_post_thumbnail_id($post->ID);
|
} else if (array_key_exists('id', $attrs)) {
|
$ID = (int)$attrs['id'];
|
}
|
|
|
$doImage = true;
|
if ($this->checkAttrs('hasParallax', $attrs) || $this->checkAttrs('isRepeated', $attrs)) {
|
$doImage = false;
|
$attrs['style']['background']['backgroundImage']['id'] = $ID;
|
}
|
|
if ($doImage && $backgroundType === 'image' && $ID) {
|
$background .= str_replace('<img', '<img style="'.$position.'"', $this->image($ID));
|
} elseif ($backgroundType === 'video' && isset($attrs['url'])) {
|
$background .= '<video style="'.$position.'"autoplay muted loop playsinline src="' . esc_url($attrs['url']) . '"></video>';
|
}
|
|
$overlay = '';
|
if (!isset($attrs['style']['color']['duotone']) && (array_key_exists('overlayColor', $attrs) || array_key_exists('dimRatio', $attrs))) {
|
$tmp = [];
|
if (array_key_exists('overlayColor', $attrs)) {
|
$tmp['overlayColor'] = $attrs['overlayColor'];
|
}
|
if (array_key_exists('dimRatio', $attrs)) {
|
$tmp['dimRatio'] = $attrs['dimRatio'];
|
}
|
unset($attrs['overlayColor']);
|
unset($attrs['dimRatio']);
|
$overlay = sprintf(
|
'<div class="overlay"%s></div>',
|
$this->buildStylesString($tmp)
|
);
|
}
|
|
// Build classes and styles
|
unset($attrs['url']);
|
$classes = $this->getClassesAndStyles($attrs, ['cover row']);
|
|
|
|
return sprintf('<section%s>%s%s<div class="content">%s</div></section>',
|
$classes,
|
$overlay,
|
$background,
|
$innerContent
|
);
|
}
|
|
//core_file
|
public function prerender_core_file(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$attrs = $block['attrs']??[];
|
|
$showButton = !array_key_exists('showDownloadButton', $attrs);
|
preg_match('/>([^<]*)<\/a>/', $block['innerHTML'], $label);
|
$label = $label[1]??'';
|
$button = $showButton ?
|
sprintf(
|
' <a class="btn chip" href="%s">%s<span>Download</span></a>',
|
$attrs['href'],
|
jvbIcon('cloud-arrow-down')
|
) :
|
'';
|
|
$aOpen = $showButton ? '' :
|
sprintf(
|
'<a href="%s">',
|
$attrs['href']
|
);
|
$aClose = $showButton ? '' : '</a>';
|
return sprintf(
|
'<p%s>%s%s%s%s</p>',
|
$this->getClassesAndStyles($attrs, ['file']),
|
$aOpen,
|
$showButton ? $label : 'Download: '.$label,
|
$aClose,
|
$button
|
);
|
}
|
|
public function prerender_core_gallery(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'gallery');
|
$attrs = $block['attrs']??[];
|
// jvbDump($parent, 'Parent');
|
static::$renderGallery = true;
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($attrs, ['gallery']),
|
$this->innerBlocks($block,'<li>', '</li>')
|
);
|
}
|
|
public function prerender_core_image(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'image');
|
// jvbDump($parent, 'Parent');
|
$ID = $this->imageID('', $block);
|
if (!$ID) {
|
return '';
|
}
|
|
$attrs = $block['attrs']??[];
|
|
static::$renderGallery = true;
|
|
$title = (get_the_title($ID) !== '') ? '<b>'.get_the_title($ID).'</b>' : '';
|
$caption = (wp_get_attachment_caption($ID)) ?
|
'<figcaption>' .
|
$title .
|
wp_get_attachment_caption($ID) .
|
'</figcaption>' :
|
'<figcaption>' . $title . '</figcaption>';
|
$size = $attrs['sizeSlug'] ?? 'large';
|
$img = $this->imageLink(true, $ID, 'tiny', $size);
|
|
$aspectRatio = $attrs['aspectRatio']??false;
|
if ($aspectRatio) {
|
$img = str_replace('<img', sprintf(
|
'<img style="aspect-ratio:%s;"',
|
$aspectRatio
|
), $img);
|
}
|
|
return sprintf(
|
'<figure%s>%s%s</figure>',
|
$this->getClassesAndStyles($block['attrs']??[]),
|
$img,
|
$caption,
|
);
|
}
|
|
public function prerender_core_media_text(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
|
// jvbDump($block, 'media text');
|
// jvbDump($parent, 'Parent');
|
$ID = $this->imageID('', $block);
|
$attrs = $block['attrs']??[];
|
|
$size = array_key_exists('mediaSizeSlug', $attrs) ? $attrs['mediaSizeSlug'] : 'large';
|
$imgLink = ($ID) ? $this->imageLink(true, $ID, 'tiny', $size) : '';
|
|
$inner = $this->innerBlocks($block);
|
|
|
$classes = ['media-text', 'row', 'nowrap'];
|
if (!array_key_exists('isStackedOnMobile', $attrs) || $attrs['isStackedOnMobile'] === true) {
|
$classes[] = 'stack-small';
|
}
|
|
$figClasses = [];
|
if (isset($attrs['mediaWidth'])) {
|
$figClasses[] = 'width:'.$attrs['mediaWidth'].'%';
|
}
|
if (isset($attrs['imageFill']) && $attrs['imageFill'] === true) {
|
$figClasses[] = 'object-fit: cover';
|
}
|
if (array_key_exists('focalPoint', $attrs)) {
|
$attrs['isObjectPosition'] = true;
|
$style = $this->getFocalPointStyle($attrs['focalPoint'], $attrs);
|
$style .= ';object-fit:none;';
|
$imgLink = str_replace('<img', sprintf(
|
'<img style="%s"',
|
$style
|
), $imgLink);
|
unset($attrs['focalPoint']);
|
}
|
|
|
$figClasses = empty($figClasses) ? '' : ' style="'.implode(';',$figClasses).'"';
|
|
|
$inside = array_key_exists('mediaPosition', $attrs) && $attrs['mediaPosition'] === 'right'
|
? sprintf(
|
'<div>%s</div><figure%s>%s</figure>',
|
$inner,$figClasses, $imgLink
|
) : sprintf(
|
'<figure%s>%s</figure><div>%s</div>',
|
$figClasses,$imgLink, $inner
|
);
|
|
return sprintf(
|
'<div%s>%s</div>',
|
$this->getClassesAndStyles($attrs, $classes),
|
$inside
|
);
|
}
|
//core_video
|
|
public function prerender_core_video(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'video');
|
// jvbDump($parent, 'Parent');
|
|
$attrs = $block['attrs']??[];
|
//
|
// $ID = $attrs['id']??false;
|
// if (!$ID) {
|
// return '';
|
// }
|
// $caption = wp_get_attachment_caption($ID);
|
// $title = get_the_title($ID);
|
//
|
// $figCaption = sprintf(
|
// '<figcaption><b>%s</b>%s</figcaption>',
|
// $title,
|
// $caption
|
// );
|
//
|
// $video = Video::get($ID);
|
|
$inside = $this->inside($block);
|
return sprintf('<figure%s>%s</figure>',
|
$this->getClassesAndStyles($attrs),
|
$inside
|
);
|
}
|
|
/**
|
* Reusable blocks
|
*/
|
//core_pattern
|
|
/**
|
* Text Blocks
|
*/
|
public function prerender_core_code(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'code');
|
$attrs = $block['attrs']??[];
|
$content = $this->inside($block);
|
|
return str_replace('<code', sprintf(
|
'<code%s',
|
$this->getClassesAndStyles($attrs),
|
), $content);
|
}
|
public function prerender_core_details(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'details');
|
$attrs = $block['attrs']??[];
|
$isOpen = $this->checkAttrs('showContent', $attrs);
|
$summary = $this->extractElement($block['innerHTML'], 'summary');
|
$inside = $this->innerBlocks($block);
|
|
return sprintf(
|
'<details%s%s><summary>%s</summary>%s</details>',
|
$this->getClassesAndStyles($attrs),
|
$isOpen ? ' open' : '',
|
$summary,
|
$inside
|
);
|
}
|
//prerender_core_footnotes
|
// public function prerender_core_footnotes(array $block, ?string $content, ?WP_Block $parent):?string
|
// {
|
// jvbDump($block, 'footnotes');
|
//
|
// return null;
|
// }
|
//prerender_core_classic
|
public function prerender_core_heading(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'heading');
|
$attrs = $block['attrs']??[];
|
$level = $attrs['level'] ?? '2';
|
$content = $this->inside($block);
|
$id = sanitize_title(wp_strip_all_tags($this->stripTagContents('small', $content)));
|
return sprintf(
|
'<h%s id="%s"%s>%s</h%s>',
|
$level,
|
$id,
|
$this->getClassesAndStyles($attrs),
|
$content,
|
$level,
|
);
|
}
|
|
public function prerender_core_list(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'list');
|
// jvbDump($parent, 'Parent');
|
$tag = (array_key_exists('ordered', $block['attrs']??[])) ? 'ol' : 'ul';
|
return sprintf(
|
'<%s%s>%s</%s>',
|
$tag,
|
$this->getClassesAndStyles($block['attrs']??[]),
|
$this->innerBlocks($block),
|
$tag
|
);
|
}
|
|
// public function prerender_core_list_item(array $block):string
|
// {
|
// return '<li'.$this->getClassesAndStyles($block['attrs']).'>'.$this->inside($block).'</li>';
|
// }
|
//prerender_core_missing
|
|
public function prerender_core_paragraph(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'paragraph');
|
// jvbDump($parent, 'Parent');
|
$inside = $this->inside($block);
|
return empty($inside) ? '' : sprintf(
|
'<p%s>%s</p>',
|
$this->getClassesAndStyles($block['attrs']??[]),
|
$inside
|
);
|
}
|
public function prerender_core_quote(array $block, ?string $content, ?WP_Block $parent): ?string
|
{
|
// jvbDump($block, 'quote');
|
// jvbDump($parent, 'Parent');
|
$innerHTML = $block['innerHTML'];
|
|
// Extract cite content first
|
$cite = $this->extractElement($innerHTML, 'cite');
|
$citeHtml = ($cite === '') ? '' : '<cite>— '.$cite.'</cite>';
|
|
// Get the blockquote content
|
$content = $this->innerBlocks($block);
|
|
// Remove the cite element from content if it exists
|
if ($cite !== '') {
|
$content = $this->stripTagContents('cite', $content);
|
}
|
|
return sprintf(
|
'<blockquote%s>%s%s%s</blockquote>',
|
$this->getClassesAndStyles($block['attrs']??[]),
|
jvbIcon('quotes',['style' => 'fill']),
|
$content,
|
$citeHtml
|
);
|
}
|
public function prerender_core_pullquote(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'pullquote');
|
// jvbDump($parent, 'Parent');
|
$innerHTML = $block['innerHTML'];
|
|
// Extract cite content first
|
$cite = $this->extractElement($innerHTML, 'cite');
|
$citeHtml = ($cite === '') ? '' : '<cite>— '.$cite.'</cite>';
|
|
// Get the blockquote content
|
$content = $this->extractElement($innerHTML, 'blockquote');
|
|
// Remove the cite element from content if it exists
|
if ($cite !== '') {
|
$content = $this->stripTagContents('cite', $content);
|
}
|
$content = jvb_filter_content( $content);
|
|
return sprintf(
|
'<blockquote%s>%s%s</blockquote>',
|
$this->getClassesAndStyles($block['attrs']??[], ['pull']),
|
$content,
|
$citeHtml
|
);
|
}
|
public function prerender_core_table(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'table');
|
$attrs = $block['attrs']??[];
|
$figAttrs = [
|
'align' => $attrs['align']??''
|
];
|
unset($attrs['align']);
|
|
$inside = $this->inside($block); // inside the figure
|
$parts = explode('<figcaption', $inside); // inside the table
|
$table = $parts[0];
|
$table = str_replace(strtok($table, '>'),sprintf(
|
'<table%s',
|
$this->getClassesAndStyles($attrs)
|
), $table);
|
$caption = str_replace(strtok($parts[1], '>'), '<figcaption', $parts[1]);
|
|
return sprintf(
|
'<figure%s>%s%s</figure>',
|
$this->buildClassesString($figAttrs),
|
$table,
|
$caption
|
);
|
}
|
public function prerender_core_preformatted(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'verse');
|
$attrs = $block['attrs']??[];
|
return sprintf(
|
'<pre%s>%s</pre>',
|
$this->getClassesAndStyles($attrs),
|
$this->inside($block)
|
);
|
}
|
public function prerender_core_verse(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'verse');
|
$attrs = $block['attrs']??[];
|
return sprintf(
|
'<pre%s>%s</pre>',
|
$this->getClassesAndStyles($attrs),
|
$this->inside($block)
|
);
|
}
|
|
/**
|
* Theme Blocks
|
*/
|
//core_avatar
|
//core_loginout
|
public function prerender_core_loginout(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$action = is_user_logged_in() ? 'logout' : 'login';
|
$attrs = $block['attrs'];
|
$redirect = '';
|
if (array_key_exists('redirectToCurrent', $attrs) && $attrs['redirectToCurrent']) {
|
global $wp;
|
$redirect = get_home_url(null, $wp->request);
|
}
|
|
if (array_key_exists('displayLoginAsForm', $attrs) && $attrs['displayLoginAsForm']) {
|
LoginManager::getInstance()->setAction($action);
|
return LoginManager::getInstance()->renderLoginForm($action, $redirect, '<h2>Login</h2>');
|
|
}
|
|
return sprintf(
|
'<a href="%s"%s>%s</a>',
|
wp_login_url($redirect),
|
$this->getClassesAndStyles($attrs),
|
$action === 'login' ? jvbIcon('sign-in').'<span>Log in</span>' : jvbIcon('sign-out').'<span>Logout</span>'
|
);
|
}
|
//core_pattern
|
|
public function prerender_core_site_logo(array $block, ?string $content, ?WP_Block $parent = null):?string
|
{
|
// jvbDump($block, 'site logo');
|
// jvbDump($parent, 'Parent');
|
$attrs = $block['attrs']??[];
|
$open = $close = '';
|
|
if ((!is_home() && !is_front_page()) && (!array_key_exists('isLink', $attrs) || $attrs['isLink'] === true)) {
|
$open = '<a href="'.get_home_url().'" rel="home" class="logo">';
|
$close = '</a>';
|
}
|
$img = get_theme_mod('custom_logo');
|
$img = sprintf(
|
'<figure%s>%s</figure>',
|
$this->getClassesAndStyles($attrs, ['logo']),
|
$this->image($img, 'tiny', 'thumbnail')
|
);
|
return $open.$img.$close;
|
}
|
public function prerender_core_site_tagline(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$tagline = get_bloginfo('description');
|
|
return empty($tagline) ? '' : sprintf(
|
'<p%s>%s</p>',
|
$this->getClassesAndStyles($block['attrs']??[], ['tagline']),
|
$tagline
|
);
|
}
|
|
public function prerender_core_site_title(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'site title');
|
// jvbDump($parent, 'Parent');
|
$attrs = $block['attrs']??[];
|
$tag = (array_key_exists('level', $attrs)) ? $attrs['level'] : 1;
|
$tag = ($tag == 0) ? 'p' : 'h'.$tag;
|
|
$open = $close = '';
|
if (!is_front_page() && (!array_key_exists('isLink', $attrs) || $attrs['isLink'] === true)) {
|
$open = sprintf(
|
'<a href="%s" rel="home">',
|
get_home_url()
|
);
|
$close = '</a>';
|
}
|
$class = ($tag === 'p') ?
|
$this->getClassesAndStyles($block['attrs']??[], ['title']) :
|
$this->getClassesAndStyles($block['attrs']??[]);
|
|
|
return sprintf(
|
'<%s%s>%s%s%s</%s>',
|
$tag,
|
$class,
|
$open,
|
get_bloginfo('name'),
|
$close,
|
$tag
|
);
|
}
|
|
/**
|
* Theme Comments Blocks
|
*/
|
//core_avatar
|
//core_comment_author_name
|
//core_comment_content
|
//core_comment_date
|
//core_comment_edit_link
|
//core_comment_reply_link
|
//core_comments
|
//core_comments_pagination
|
//core_comments_pagination_next
|
//core_comments_pagination_number
|
//core_comments_pagination_previous
|
//core_comments_title
|
//core_post_comments_form
|
|
/**
|
* Theme Navigation Blocks
|
*/
|
public function prerender_core_navigation(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'navigation');
|
// jvbDump($parent, 'Parent');
|
// jvbDump($block, 'navigation');
|
$ID = (array_key_exists('ref', $block['attrs']??[])) ? $block['attrs']['ref'] : false;
|
|
if (empty($block['innerBlocks']) && $ID && get_post($ID)) {
|
$block['innerBlocks'] = parse_blocks(get_post($ID)->post_content);
|
}
|
$attrs = $block['attrs']??[];
|
|
$toggle = '';
|
$classes = [];
|
if (!array_key_exists('overlayMenu', $attrs) || $attrs['overlayMenu'] !== 'never') {
|
$toggle = sprintf(
|
'<button class="toggle main"
|
data-action="toggle-menu"
|
aria-label="Open Menu"
|
aria-controls="navigation-%d"
|
aria-expanded="false">%s%s</button>',
|
$ID,
|
jvbIcon('list'),
|
jvbIcon('x')
|
);
|
$classes[] = 'mobile';
|
if (array_key_exists('overlayMenu', $attrs) && $attrs['overlayMenu'] === 'always') {
|
$classes[] = 'always';
|
}
|
}
|
if (!array_key_exists('layout', $attrs)) {
|
$classes[] = 'left';
|
$classes[] = 'row';
|
}
|
$class = $this->getClassesAndStyles($attrs, $classes);
|
|
$helpmenu = '';
|
$title = get_the_title($ID);
|
$isMain = false;
|
if ($title === 'Main') {
|
$isMain = true;
|
$helpmenu = sprintf(
|
'<nav><ul>%s%s</ul></nav>',
|
jvbNotificationMenu(),
|
jvbHelpMenu()
|
);
|
}
|
|
|
//Allows to add custom items to a menu, based on the menu name
|
$helpmenu = apply_filters('jvbMenuExtraAfter', $helpmenu, $title, $ID);
|
$main = trim(apply_filters('jvbMenuExtra', $this->innerBlocks($block), $title, $block));
|
|
$main = str_starts_with($main, '<ul') ? $main : sprintf('<ul>%s</ul>',$main);
|
|
$skipToContent = $isMain ? '<span class="screen-reader-text">
|
<a href="#content">Skip to Content</a>
|
</span>' : '';
|
return sprintf(
|
'<nav%s id="navigation-%d"aria-label="Navigation">
|
%s%s%s</nav>%s',
|
$class,
|
$ID,
|
$skipToContent,
|
$toggle,
|
$main,
|
$helpmenu
|
);
|
}
|
|
public function prerender_core_navigation_link(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'navigation link');
|
// jvbDump($parent, 'Parent');
|
global $wp;
|
if (!array_key_exists('attrs', $block)) {
|
return '';
|
}
|
$attrs = $block['attrs']??[];
|
$url = (str_starts_with($attrs['url'],'/')) ?
|
home_url($attrs['url']) :
|
$attrs['url'];
|
$current = (home_url($wp->request.'/') == $url);
|
$attrs['url'] = $url;
|
$classes = ($current) ?
|
$this->getClassesAndStyles($attrs, ['current']):
|
$this->getClassesAndStyles($attrs);
|
$aria = '';
|
if ($current) {
|
$aria = ' aria-current="page"';
|
}
|
$linkOpen = $this->buildNavigationLink($attrs, $aria);
|
|
|
return sprintf(
|
'<li%s>%s%s</a></li>',
|
$classes,
|
$linkOpen,
|
$block['attrs']['label']
|
);
|
}
|
|
public function prerender_core_navigation_submenu(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'navigation submenu');
|
// jvbDump($parent, 'Parent');
|
global $wp;
|
$url = (str_starts_with($block['attrs']['url'],'/')) ?
|
home_url($block['attrs']['url']) :
|
$block['attrs']['url'];
|
$current = (home_url($wp->request) == $url);
|
|
$attrs = $block['attrs']??[];
|
$attrs['url'] = $url;
|
$classes = ($current) ?
|
$this->getClassesAndStyles($attrs, ['has-submenu', 'current']):
|
$this->getClassesAndStyles($attrs, ['has-submenu']);
|
|
$aria = '';
|
if ($current) {
|
$aria = ' aria-current="page"';
|
}
|
$id = sanitize_title($block['attrs']['label']);
|
$linkOpen = $this->buildNavigationLink($attrs, $aria);
|
$content = sprintf(
|
'<li%s>%s%s</a>
|
<button class="toggle" data-action="toggle-submenu" title="Toggle Submenu" aria-label="Open %s Submenu" aria-expanded="false" aria-controls="%s-submenu">
|
%s
|
</button>
|
<ul class="submenu" id=%s-submenu">',
|
$classes,
|
$linkOpen,
|
$attrs['label'],
|
$attrs['label'],
|
$id,
|
jvbIcon('caret-down', ['title'=>'Toggle Submenu']),
|
$id
|
);
|
|
$content .= $this->innerBlocks($block);
|
$content .= '</ul></li>';
|
|
return $content;
|
}
|
|
protected function buildNavigationLink(array $attrs, string $aria):string
|
{
|
$url =(str_starts_with($attrs['url'],'/')) ?
|
home_url($attrs['url']) :
|
$attrs['url'];
|
|
$target = $type = $id = $label = $desc = $rel = $title = $kind = '';
|
foreach ($attrs as $k => $v) {
|
switch ($k) {
|
case 'description':
|
$desc = $v;
|
break;
|
case 'rel':
|
$rel = ' rel="'.$v.'"';
|
break;
|
case 'title':
|
$title = ' title="'.$v.'"';
|
break;
|
case 'kind':
|
$kind = $v;
|
break;
|
case 'type':
|
$type = $v;
|
break;
|
case 'opensInNewTab':
|
$target = ' target="'.$v.'"';
|
break;
|
}
|
}
|
return sprintf(
|
'<a href="%s"%s%s%s%s>',
|
$url,
|
$aria,
|
$rel,
|
$target,
|
$title
|
);
|
}
|
|
/**
|
* Theme Query Blocks
|
*/
|
//core_post_author
|
|
public function prerender_core_post_author(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$attrs = $block['attrs'] ?? [];
|
|
$size = 96;
|
if (array_key_exists('avatarSize',$attrs) && is_int($attrs['avatarSize'])) {
|
$size = $attrs['avatarSize'];
|
}
|
$byline = $aOpen = $aClose = $avatar = $bio = '';
|
global $post;
|
$user = get_userdata($post->post_author);
|
|
if (!array_key_exists('showAvatar', $attrs) || $this->checkAttrs('showAvatar', $attrs)){
|
$avatar = get_avatar($post->post_author, $size);
|
}
|
if (!array_key_exists('showBio', $attrs) || $this->checkAttrs('showBio', $attrs)) {
|
$bio = wpautop($user->description);
|
}
|
|
$target = '';
|
if (array_key_exists('linkTarget', $attrs) && $attrs['linkTarget']=== '_blank') {
|
$target = ' target="_blank"';
|
}
|
|
if ($this->checkAttrs('isLink', $attrs)) {
|
$aOpen = sprintf(
|
'<a href="%s"%s>',
|
get_author_posts_url($post->post_author),
|
$target
|
);
|
$aClose = '</a>';
|
}
|
|
if (array_key_exists('byline', $attrs)) {
|
$byline = sprintf(
|
'<small>%s</small> — ',
|
$attrs['byline']
|
);
|
}
|
|
$name = $user->display_name;
|
|
|
return sprintf(
|
'<div%s>%s%s%s<p>%s%s%s%s</p>%s</div>',
|
$this->getClassesAndStyles($attrs, ['row','nowrap']),
|
$aOpen,
|
$avatar,
|
$aClose,
|
$aOpen,
|
$byline,
|
$name,
|
$aClose,
|
$bio
|
);
|
}
|
//core_post_author_biography
|
|
public function prerender_core_post_author_name(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$attrs = $block['attrs']??[];
|
global $post;
|
$aOpen = $aClose = '';
|
if ($this->checkAttrs('isLink', $attrs)) {
|
|
$aOpen = sprintf(
|
'<a href="%s" rel="author">',
|
get_author_posts_url($post->post_author)
|
);
|
$aClose = '</a>';
|
}
|
|
$author = get_userdata($post->post_author);
|
return sprintf(
|
'<p%s>%s%s%s</p>',
|
$this->getClassesAndStyles($attrs, ['author']),
|
$aOpen,
|
$author->display_name,
|
$aClose
|
);
|
}
|
public function prerender_core_post_content(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'post content');
|
// jvbDump($parent, 'Parent');
|
|
$tag = (array_key_exists('tagName', $block['attrs']??[])) ?
|
$block['attrs']['tagName'] :
|
'main';
|
|
if ($content == '') {
|
if(is_singular()) {
|
global $post, $page;
|
|
$pages = explode('<!--nextpage-->', $post->post_content);
|
$currentContent = $pages[max(0, $page - 1)] ?? $pages[0];
|
|
|
if ($page > 1 && !str_contains($currentContent, '<!--nextpage-->')) {
|
$currentContent = str_replace('<!-- /wp:nextpage -->','', $currentContent);
|
$currentContent .= '
|
<!-- wp:nextpage -->
|
<!--nextpage-->
|
<!-- /wp:nextpage -->';
|
}
|
|
$block['innerBlocks'] = parse_blocks($currentContent);
|
$result = $this->innerBlocks($block);
|
}else {
|
$result = '';
|
}
|
} else {
|
$result = $this->innerBlocks($block);
|
}
|
|
if(static::$renderGallery) {
|
add_action('wp_footer', 'jvbRenderGallery');
|
}
|
|
return apply_filters('jvb_post_content_output', $result, $block);
|
}
|
//core_post_date
|
public function prerender_core_post_date(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
|
// jvbDump($block, 'post date');
|
// return null;
|
$attrs = $block['attrs']??[];
|
$postDate = null;
|
$itemProp = 'datePublished';
|
$format = array_key_exists('format', $attrs) ? $attrs['format'] : 'M d, Y';
|
$dateFormat = null;
|
if (array_key_exists('displayType', $attrs)) {
|
switch ($attrs['displayType']) {
|
case 'displayType':
|
$postDate = get_post_modified_time('c');
|
$dateFormat = get_post_modified_time($format);
|
$itemProp = 'dateModified';
|
break;
|
|
|
}
|
}
|
$postDate = is_null($postDate) ? get_the_date('c') : $postDate;
|
$dateFormat = is_null($dateFormat) ? get_the_date($format) : $dateFormat;
|
|
|
|
$aOpen = $aClose = '';
|
if ($this->checkAttrs('isLink', $attrs) && !is_singular()) {
|
$aOpen = sprintf(
|
'<a href="%s">',
|
get_the_permalink()
|
);
|
$aClose = '</a>';
|
}
|
// jvbDump($parent, 'Parent');
|
|
return sprintf(
|
'<time datetime="%s" itemprop="%s"%s>%s%s%s</time>',
|
$postDate,
|
$itemProp,
|
$this->getClassesAndStyles($attrs),
|
$aOpen,
|
$dateFormat,
|
$aClose
|
);
|
}
|
//core_post_excerpt
|
public function prerender_core_post_excerpt(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$attrs = $block['attrs']??[];
|
|
$moreText = array_key_exists('moreText', $attrs) ? $attrs['moreText'] : 'Read more '.jvbIcon('arrow-circle-right');
|
$showMoreOnNewLine = !array_key_exists('showMoreOnNewLine', $attrs) || $this->checkAttrs('showMoreOnNewLine', $attrs);
|
// jvbDump($block);
|
// jvbDump($showMoreOnNewLine);
|
|
$excerpt = array_filter(explode('<p>',wpautop(get_the_excerpt())));
|
$classes = $this->getClassesAndStyles($attrs);
|
$excerpt = array_map(function ($line) use ($classes) {
|
return sprintf(
|
'<p%s>%s',
|
$classes,
|
$line
|
);
|
}, $excerpt);
|
|
if (!empty($moreText)) {
|
if ($showMoreOnNewLine) {
|
$excerpt[] = sprintf(
|
'<p%s><a href="%s" class="read-more">%s</a></p>',
|
$classes,
|
get_the_permalink(),
|
$moreText
|
);
|
} else {
|
$last = array_key_last($excerpt);
|
$excerpt[$last] = str_replace('</p>', sprintf('<a href="%s" class="read-more">%s</a>',
|
get_the_permalink(),
|
$moreText), $excerpt[$last]);
|
}
|
}
|
return implode('',$excerpt);
|
}
|
public function prerender_core_post_featured_image(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'featured image');
|
// jvbDump($parent, 'Parent');
|
global $post;
|
$attrs = $block['attrs']??[];
|
$ID = get_post_thumbnail_id($post->ID);
|
$aOpen = $aClose = '';
|
if(!is_single($post->ID) && $this->checkAttrs('isLink', $attrs)) {
|
$aOpen = '<a href="'.get_the_permalink($post->ID).'">';
|
$aClose = '</a>';
|
}
|
|
$img = apply_filters('jvbCoreFeaturedImage', '', $post->post_type, $attrs);
|
|
if (empty($img)) {
|
$img = $this->image($ID);
|
}
|
$aspectRatio = $attrs['aspectRatio']??false;
|
if ($aspectRatio) {
|
$img = str_replace('<img', sprintf(
|
'<img style="aspect-ratio:%s;"',
|
$aspectRatio
|
), $img);
|
}
|
|
|
return !empty($img) ? sprintf(
|
'<figure%s>%s%s%s</figure>',
|
$this->getClassesAndStyles($attrs),
|
$aOpen,
|
$img,
|
$aClose,
|
):'';
|
}
|
//core_post_navigation_link
|
public function prerender_core_post_navigation_link(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$attr = $block['attrs'];
|
$isPrevious = $attr['type']==='previous';
|
$title = array_key_exists('showTitle', $attr)&&$attr['showTitle'];
|
$linkLabel = array_key_exists('linkLabel', $attr)&&$attr['linkLabel'];
|
$label = array_key_exists('label', $attr) ? $attr['label'] : '';
|
$arrow = '';
|
if (array_key_exists('arrow', $attr)) {
|
$dir = $isPrevious ? 'left' : 'right';
|
$icon = match($attr['arrow']) {
|
'arrow' => 'arrow-square-',
|
'chevron' => 'caret-circle-'
|
};
|
if ($icon) {
|
$arrow = jvbIcon($icon.$dir);
|
}
|
}
|
// return $content;
|
$linkedLabel = $unlinkedLabel = '';
|
if (!empty($label)) {
|
$linkedLabel = $linkLabel ? $label : '';
|
$unlinkedLabel = $linkLabel ? '' : $label;
|
}
|
if ($title) {
|
$linkedLabel .=' %title';
|
} elseif (!empty($label)) {
|
$linkedLabel = $label;
|
$unlinkedLabel = '';
|
} else {
|
$linkedLabel = $isPrevious ? 'Previous' : 'Next';
|
$unlinkedLabel = '';
|
}
|
|
$result = $isPrevious ?
|
get_previous_post_link(
|
$arrow.$unlinkedLabel.' %link',
|
$linkedLabel
|
) :
|
get_next_post_link(
|
'%link '.$unlinkedLabel.$arrow,
|
$linkedLabel
|
);
|
|
|
return sprintf('<div%s>%s</div>',
|
$this->getClassesAndStyles($attr,['row', 'nowrap']),
|
$result
|
);
|
}
|
//core_post_template
|
public function prerender_core_post_template(array $block, ?string $content):?string
|
{
|
$inner = '';
|
|
if (!static::$currentLoop) {
|
|
if (JVB_TESTING) {
|
jvbDump('No loop stored');
|
}
|
return $content;
|
}
|
if (static::$currentLoop->have_posts()) {
|
while (static::$currentLoop->have_posts()) {
|
static::$currentLoop->the_post();
|
|
$inner .= sprintf(
|
'<li>%s</li>',
|
$this->innerBlocks($block, '','',$block)
|
);
|
}
|
}
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($block['attrs']??[], ['loop']),
|
$inner
|
);
|
}
|
//core_post_terms
|
public function prerender_core_post_terms(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
if (!array_key_exists('attrs', $block)) {
|
return '';
|
}
|
$terms = get_the_terms(get_the_ID(), $block['attrs']['term']);
|
$attrs = $block['attrs']??[];
|
$out = '';
|
if ($terms && !is_wp_error($terms)) {
|
$out = sprintf(
|
'<ul%s>',
|
$this->getClassesAndStyles($attrs, ['term-list', 'row', 'left'])
|
);
|
if (array_key_exists('prefix', $attrs)) {
|
$out .= sprintf(
|
'<li class="prefix">%s</li>',
|
$attrs['prefix']
|
);
|
}
|
foreach($terms as $term) {
|
$out .= sprintf(
|
'<li><a href="%s" rel="tag">%s</a></li>',
|
get_term_link($term),
|
html_entity_decode($term->name)
|
);
|
}
|
if (array_key_exists('suffix', $attrs)) {
|
$out .= sprintf(
|
'<li class="suffix">%s</li>',
|
$attrs['suffix']
|
);
|
}
|
$out .= '</ul>';
|
}
|
return $out;
|
}
|
//core_post_time_to_read
|
public function prerender_core_post_title(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($parent, 'Parent');
|
$open = $close = '';
|
$attrs = $block['attrs']??[];
|
if ($this->checkAttrs('isLink', $attrs)) {
|
$rel = (array_key_exists('rel', $attrs)) ?
|
' rel="'.$block['attrs']['rel'].'"' :
|
'';
|
$target = (array_key_exists('linkTarget', $attrs)) ?
|
' target="'.$block['attrs']['linkTarget'].'"' :
|
'';
|
$open = '<a href="' . get_the_permalink() . '"' . $rel . $target . '>';
|
$close = '</a>';
|
}
|
|
$level = $attrs['level']??2;
|
|
$title = (!static::$currentLoop && !is_singular())
|
? get_the_title(get_queried_object_id())
|
: get_the_title();
|
|
return sprintf(
|
'<h%s%s>%s%s%s</h%s>',
|
$level,
|
$this->getClassesAndStyles($attrs),
|
$open,
|
$title,
|
$close,
|
$level
|
);
|
}
|
public function prerender_core_query(array $block, ?string $content):?string
|
{
|
global $wp_query;
|
$inherit = $block['attrs']['inherit'] ?? false;
|
|
if ($inherit) {
|
static::$currentLoop = $wp_query;
|
} else {
|
static::$currentLoop = new WP_Query($this->buildQueryArgs($block['attrs']));
|
}
|
static::$currentQueryId = $block['attrs']['queryId'] ?? null;
|
|
static::$originalQuery = $wp_query;
|
|
$inside = $this->innerBlocks($block);
|
|
if (str_contains($inside, 'loop')) {
|
$classes = $this->getClassesAndStyles($block['attrs'] ?? [], ['loop']);
|
$classes = str_replace(' class="', '', $classes);
|
$classes = strtok($classes, '"');
|
$inside = str_replace('loop', $classes, $inside);
|
}
|
|
|
static::$currentQueryId = null;
|
static::$currentLoop = null;
|
|
wp_reset_postdata();
|
return $inside;
|
}
|
// public function render_core_query(array $block, string $content): string
|
// {
|
// $inside = $this->innerBlocks($block);
|
// if (str_contains($inside, 'loop')) {
|
// $classes = $this->getClassesAndStyles($block['attrs']??[], ['loop']);
|
// $classes = str_replace(' class="', '', $classes);
|
// $classes = strtok($classes, '"');
|
//
|
// $inside = str_replace('loop', $classes, $inside);
|
// }
|
// return $inside;
|
// }
|
protected function buildQueryArgs(array $attrs): array
|
{
|
$queryID = $attrs['queryId'] ?? null;
|
$args = [];
|
foreach (($attrs['query'] ?? []) as $key => $value) {
|
if (empty($value)) continue;
|
switch ($key) {
|
case 'postType': $args['post_type'] = $value; break;
|
case 'perPage': $args['posts_per_page'] = $value; break;
|
case 'orderBy': $args['orderby'] = $value; break;
|
case 'sticky':
|
match ($value) {
|
'ignore' => $args['ignore_sticky_posts'] = true,
|
'exclude' => $args['post__not_in'] = get_option('sticky_posts'),
|
'only' => $args['post__in'] = get_option('sticky_posts'),
|
default => null
|
};
|
break;
|
case 'taxQuery':
|
$taxQuery = array_map(fn($tax, $terms) => [
|
'taxonomy' => $tax, 'terms' => $terms
|
], array_keys($value), $value);
|
if (count($taxQuery) > 1) $taxQuery['relation'] = 'OR';
|
$args['tax_query'] = $taxQuery;
|
break;
|
case 'search': $args['s'] = $value; break;
|
default: $args[$key] = $value; break;
|
}
|
}
|
|
// Handle pagination from query string
|
$search = 'q-' . $queryID.'-';
|
foreach ($_GET as $key => $value) {
|
if (str_contains($key, $search) && str_replace($search, '', $key) === 'page') {
|
$args['paged'] = (int)$value;
|
}
|
}
|
return $args;
|
}
|
|
protected function buildPaginationUrl(int $page): string
|
{
|
$param = 'q-' . static::$currentQueryId . '-page';
|
$url = remove_query_arg($param);
|
return $page > 1 ? add_query_arg($param, $page, $url) : $url;
|
}
|
|
protected function getCurrentPage(): int
|
{
|
$param = 'q-' . static::$currentQueryId . '-page';
|
return isset($_GET[$param]) ? (int)$_GET[$param] : 1;
|
}
|
// public function render_core_query(array $block, string $content): string
|
// {
|
//
|
//// $queryID = $block['attrs']['queryId'] ?? null;
|
//// $inherit = $block['attrs']['inherit'] ?? false;
|
////
|
//// if ($inherit) {
|
//// global $wp_query;
|
//// $loop = $wp_query;
|
//// } else {
|
//// $args = [];
|
//// foreach (($block['attrs']['query'] ?? []) as $key => $value) {
|
//// if (empty($value)) {
|
//// continue;
|
//// }
|
//// switch ($key) {
|
//// case 'postType':
|
//// if ($value === BASE.'progress'){
|
//// $args['post_parent'] = 0;
|
//// }
|
//// $args['post_type'] = $value;
|
//// break;
|
//// case 'perPage':
|
//// $args['posts_per_page'] = $value;
|
//// break;
|
//// case 'orderBy':
|
//// $args['orderby'] = $value;
|
//// break;
|
//// case 'taxQuery':
|
//// $taxQuery = [];
|
//// foreach ($value as $tax => $terms) {
|
//// $taxQuery[] = [
|
//// 'taxonomy' => $tax,
|
//// 'terms' => $terms
|
//// ];
|
//// }
|
//// if (!empty($taxQuery)) {
|
//// $args['tax_query'] = $taxQuery;
|
//// if (count($taxQuery) > 1) {
|
//// $args['tax_query']['relation'] = 'OR';
|
//// }
|
//// }
|
//// break;
|
//// case 'sticky':
|
//// if ($value === 'ignore') {
|
//// $args['ignore_sticky_posts'] = true;
|
//// } else if ($value === 'exclude'){
|
//// $args['post__not_in'] = get_option('sticky_posts');
|
//// } else if ($value === 'only') {
|
//// $args['include'] = get_option('sticky_posts');
|
//// }
|
//// break;
|
//// case 'search':
|
//// $args['s'] = $value;
|
//// break;
|
//// default:
|
//// $args[$key] = $value;
|
//// break;
|
////
|
//// }
|
//// }
|
//// $search = 'query-' . $queryID;
|
//// foreach ($_GET as $key => $value) {
|
//// if (str_contains($key, $search)) {
|
//// $key = str_replace($search, '', $key);
|
//// if ($key === 'page') {
|
//// $args['paged'] = (int)$value;
|
//// }
|
//// }
|
//// }
|
//// $loop = new WP_Query($args);
|
//// }
|
////
|
//// $inner = '';
|
//// foreach ($block['innerBlocks'] as $innerBlock) {
|
//// switch ($innerBlock['blockName']) {
|
//// case 'core/post-template':
|
//// $inner .= '<section class="item-grid">';
|
//// if ($loop->have_posts()) {
|
//// while ($loop->have_posts()) {
|
//// $loop->the_post();
|
//// $postType = get_post_type();
|
//// $inner .= '<div class="item ' . jvbNoBase($postType) . '">' . $this->innerBlocks($innerBlock) . '</div>';
|
//// }
|
//// }
|
//// $inner .= '</section>';
|
//// break;
|
//// }
|
//// }
|
////
|
//// // Reset only after a custom query, not the main query
|
//// if (!$inherit) {
|
//// wp_reset_postdata();
|
//// }
|
//
|
// $tagName = $block['attrs']['tagName'] ?? 'div';
|
//// return sprintf(
|
//// '<%s class="loop">%s</%s>',
|
//// $tagName,
|
//// $this->innerBlocks($block),
|
//// $tagName
|
//// );
|
// return $this->innerBlocks($block);
|
// }
|
|
//core_query_no_results
|
public function prerender_core_query_no_results(array $block, ?string $content):?string
|
{
|
if (!static::$currentLoop || static::$currentLoop->have_posts()) {
|
return '';
|
}
|
|
$inside = $this->innerBlocks($block);
|
return empty($inside) ? '' : sprintf(
|
'<div%s>%s</div>',
|
$this->getClassesAndStyles($block['attrs']??[], ['no-results']),
|
$inside
|
);
|
}
|
//core_query_pagination
|
public function prerender_core_query_pagination(array $block, ?string $content):?string
|
{
|
return sprintf(
|
'<nav%s>%s</nav>',
|
$this->getClassesAndStyles($block['attrs']??[], ['pagination', 'condensed','btw']),
|
$this->innerBlocks($block)
|
);
|
}
|
|
//core_query_pagination_next
|
|
public function prerender_core_query_pagination_next(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
if (!static::$currentLoop) return '';
|
|
$currentPage = $this->getCurrentPage();
|
$maxPages = static::$currentLoop->max_num_pages;
|
|
if ($currentPage >= $maxPages) return '';
|
|
$nextLabel = $rArrow = '';
|
$type = get_post_type_object(get_post_type())->label;
|
if ($parent) {
|
$attrs = $parent->attributes;
|
if (array_key_exists('paginationArrow', $attrs)){
|
$rArrow = match($attrs['paginationArrow']) {
|
'chevron' => jvbIcon('caret-circle-right'),
|
default => jvbIcon('arrow-circle-right')
|
};
|
}
|
if (!array_key_exists('showLabel', $attrs) || $attrs['showLabel'] === true) {
|
|
$nextLabel = 'Next '.$type;
|
}
|
} else {
|
$rArrow = jvbIcon('caret-circle-right');
|
}
|
|
$aOpen = sprintf(
|
'<a class="nav next" href="%s" title="Next %s">',
|
$this->buildPaginationUrl($currentPage + 1),
|
$type
|
);
|
$aClose = '</a>';
|
return sprintf(
|
'%s%s%s%s',
|
$aOpen,
|
$nextLabel,
|
$rArrow,
|
$aClose
|
);
|
}
|
//core_query_pagination_numbers
|
public function prerender_core_query_pagination_numbers(array $block, ?string $content):?string
|
{
|
if (!static::$currentLoop) return '';
|
$currentPage = $this->getCurrentPage();
|
$maxPages = (int)static::$currentLoop->max_num_pages;
|
|
$attrs = $block['attrs']??[];
|
if ($maxPages <= 1) return '';
|
|
$midSize = $attrs['midSize'] ?? 2;
|
$endSize = 1;
|
|
|
$items = '';
|
$gap = false;
|
for ($i = 1; $i <= $maxPages; $i++) {
|
if (($i <= min($endSize + 1, $maxPages)) ||
|
($i >= max(1, $currentPage - $midSize) && $i <= min($maxPages, $currentPage + $midSize)) ||
|
($i >= max(1, $maxPages - $endSize) && $i <= $maxPages)) {
|
$gap = true;
|
$items .= ($i === $currentPage)
|
? sprintf('<li aria-current="page" class="current">%d</li>', $i)
|
: sprintf('<li><a href="%s">%d</a></li>', $this->buildPaginationUrl($i), $i);
|
} elseif ($gap) {
|
$gap = false;
|
$items .= sprintf(
|
'<li class="dots"><span>%s</span></li>',
|
jvbIcon('dots-three')
|
);
|
}
|
}
|
|
return sprintf('<ul%s>%s</ul>',
|
$this->getClassesAndStyles($attrs, ['row', 'nowrap']),
|
$items
|
);
|
}
|
//core_query_pagination_previous
|
|
public function prerender_core_query_pagination_previous(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
|
if (!static::$currentLoop) return '';
|
|
$currentPage = $this->getCurrentPage();
|
$maxPages = static::$currentLoop->max_num_pages;
|
|
if ($currentPage <= 1) return '';
|
|
$nextLabel = $rArrow = '';
|
$type = get_post_type_object(get_post_type())->label;
|
if ($parent) {
|
$attrs = $parent->attributes;
|
if (array_key_exists('paginationArrow', $attrs)){
|
$rArrow = match($attrs['paginationArrow']) {
|
'chevron' => jvbIcon('caret-circle-left'),
|
default => jvbIcon('arrow-circle-left')
|
};
|
}
|
if (!array_key_exists('showLabel', $attrs) || $attrs['showLabel'] === true) {
|
|
$nextLabel = 'Previous '.$type;
|
}
|
} else {
|
$rArrow = jvbIcon('caret-circle-left');
|
}
|
|
$aOpen = sprintf(
|
'<a class="nav prev" href="%s" title="Previous %s">',
|
$this->buildPaginationUrl($currentPage - 1),
|
$type
|
);
|
$aClose = '</a>';
|
return sprintf(
|
'%s%s%s%s',
|
$aOpen,
|
$nextLabel,
|
$rArrow,
|
$aClose
|
);
|
}
|
|
public function prerender_core_query_title(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'query title');
|
$attr = $block['attrs'];
|
$name = '';
|
$showPrefix = $attr['showPrefix']??false;
|
$obj = get_queried_object();
|
if (is_tax()) {
|
$name = $showPrefix ? $obj->label.':' : '';
|
$name .= $obj->name;
|
} else if (is_post_type_archive()) {
|
$name = $showPrefix ? 'Archive: ' : '';
|
$name .= $obj->label;
|
} elseif (is_search()) {
|
$name = '<small>Search results for:</small> '.get_search_query();
|
} elseif (is_singular()) {
|
$name = $obj->post_title;
|
}
|
$level = array_key_exists('level', $attr) ? 'h'.$attr['level'] : 'h1';
|
|
return sprintf(
|
'<%s id="%s">%s</%s>',
|
$level,
|
sanitize_title($name),
|
$name,
|
$level
|
);
|
}
|
//core_read_more
|
public function prerender_core_template_part(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'template part');
|
// jvbDump($parent, 'Parent');
|
|
|
$slug = $block['attrs']['slug'] ?? null;
|
$theme = $block['attrs']['theme'] ?? get_stylesheet();
|
$tag = $block['attrs']['tagName'] ?? 'div';
|
if (!$slug) {
|
return $content;
|
}
|
|
// Try to get the template part post (customized via FSE)
|
$template_part = get_block_template( "$theme//$slug", 'wp_template_part' );
|
|
if ( $template_part && ! empty( $template_part->content ) ) {
|
$block['innerBlocks'] = parse_blocks( $template_part->content );
|
|
$before = $themeSwitch = $after = $beforeClose = '';
|
switch ($tag) {
|
case 'header':
|
$before = apply_filters('jvbAboveHeader', '');
|
if (!empty($before)) {
|
$before = sprintf(
|
'<aside class="pre header row x-btw">%s</aside>',
|
$before
|
);
|
}
|
$themeSwitch = jvbDarkModeToggle();
|
|
$after = apply_filters('jvbBelowHeader', $after);
|
if (!empty($after)) {
|
$after = sprintf(
|
'<aside class="sub header row x-btw">%s</aside>',
|
$after
|
);
|
}
|
$after .= BreadcrumbManager::getInstance()->renderNavigation();
|
$beforeClose = '<div class="scroll-progress"><div class="bar"></div></div>';
|
break;
|
case 'footer':
|
$before = apply_filters('jvbBeforeFooter', $before);
|
if (!empty($before)) {
|
$before = sprintf(
|
'<aside class="pre footer">%s</aside>',
|
$before
|
);
|
}
|
$beforeClose = jvbRandomFooterText();
|
break;
|
}
|
|
return sprintf(
|
'%s<%s%s>%s%s%s</%s>%s',
|
$before,
|
$tag,
|
$this->getClassesAndStyles($block['attrs']??[]),
|
$themeSwitch,
|
$this->innerBlocks($block),
|
$beforeClose,
|
$tag,
|
$after
|
);
|
|
}
|
if (JVB_TESTING) {
|
jvbDump('Could not create template part block for '.$block['blockName']);
|
}
|
return $content;
|
|
// $isHeaderTemplate = (
|
// (array_key_exists('slug', $block['attrs']??[]) && str_contains(strtolower($block['attrs']['slug']), 'header')) ||
|
// (array_key_exists('tagName', $block['attrs']??[]) && str_contains(strtolower($block['attrs']['tagName']), 'header'))
|
// ) ? 'header' : false;
|
// $isFooterTemplate = (
|
// (array_key_exists('slug', $block['attrs']??[]) && str_contains(strtolower($block['attrs']['slug']), 'footer')) ||
|
// (array_key_exists('tagName', $block['attrs']??[]) && str_contains(strtolower($block['attrs']['tagName']), 'footer'))
|
// ) ? 'footer' : false;
|
// if (($isHeaderTemplate || $isFooterTemplate)) {
|
// $innerContent = $content;
|
//
|
// $tag = $isHeaderTemplate ?: $isFooterTemplate ?: 'div';
|
//
|
// $breadcrumbs = $themeSwitch = $afterHeader = $beforeHeader = $footerText= '';
|
// if ($isHeaderTemplate) {
|
//
|
// $beforeHeader = apply_filters('jvbAboveHeader', $beforeHeader);
|
// if ($beforeHeader !== '') {
|
// $beforeHeader = '<aside class="pre header row x-btw">'.$beforeHeader.'</aside>';
|
// }
|
// $themeSwitch = jvbDarkModeToggle();
|
// $breadcrumbs = BreadcrumbManager::getInstance()->renderNavigation();
|
// $afterHeader = apply_filters('jvbBelowHeader', $afterHeader);
|
//
|
// if ($afterHeader !== '') {
|
// $afterHeader = '<aside class="sub header row x-btw">'.$afterHeader.'</aside>';
|
// }
|
// $footerText = '<div class="scroll-progress"><div class="bar"></div>
|
//</div>';
|
// } elseif ($isFooterTemplate) {
|
// $beforeHeader = apply_filters('jvbBeforeFooter', '');
|
// if ($beforeHeader !== '') {
|
// $beforeHeader = '<aside class="footer">'.$beforeHeader.'</aside>';
|
// }
|
// $footerText = jvbRandomFooterText();
|
// }
|
//
|
// $content = $beforeHeader.'<'.$tag.$this->getClassesAndStyles($block['attrs']??[]).'>'.
|
// $themeSwitch .
|
// $this->innerBlocks($block).
|
//// $this->innerBlocks($block).
|
//// $innerContent.
|
// $footerText.'</'.$tag.'>'.$afterHeader.$breadcrumbs;
|
// }
|
//
|
// return $content;
|
}
|
//core_term_description
|
|
/**
|
* Widgets Blocks
|
*/
|
//core_archives
|
public function render_core_archives(array $block, string $content):string
|
{
|
// jvbDump($block, 'archives');
|
$attrs = $block['attrs']??[];
|
$isDropdown = $this->checkAttrs('displayAsDropdown', $attrs);
|
|
$replace = strtok($content,'>').'>';
|
$content = str_replace($replace, '', $content);
|
|
if ($isDropdown) {
|
$content = sprintf(
|
'<div%s>%s',
|
$this->getClassesAndStyles($attrs, ['archive dropdown']),
|
$content
|
);
|
} else {
|
$content = sprintf(
|
'<ul%s>%s',
|
$this->getClassesAndStyles($attrs, ['archive-list']),
|
$content
|
);
|
}
|
|
return $content;
|
}
|
//core_calendar
|
public function render_core_calendar(array $block, string $content):string
|
{
|
$content = $this->inside($block, false, $content);
|
$replace = strtok($content, '>').'>';
|
$content = str_replace($replace, '', $content);
|
return sprintf(
|
'<table%s>%s',
|
$this->getClassesAndStyles($block['attrs']??[], ['calendar']),
|
$content
|
);
|
}
|
//core_categories
|
public function prerender_core_categories(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
$attrs = $block['attrs']??[];
|
$args = [
|
'taxonomy' => 'category',
|
'hide_empty' => !$this->checkAttrs('showEmpty', $attrs)
|
];
|
|
$showHierarchy = $this->checkAttrs('showHierarchy', $attrs);
|
if ($this->checkAttrs('showOnlyTopLevel', $attrs) || $showHierarchy){
|
$args['parent'] = 0;
|
}
|
|
$terms = $this->getTerms($args, $showHierarchy);
|
if (!$terms){
|
return '';
|
}
|
|
|
$showPostCounts = $this->checkAttrs('showPostCounts', $attrs);
|
$isDropdown = $this->checkAttrs('displayAsDropdown', $attrs);
|
|
if ($isDropdown) {
|
$this->counter('core_categories');
|
}
|
|
$tax = get_taxonomy($args['taxonomy']);
|
$taxonomyName = $tax->label??'Categories';
|
$taxonomySingular = $tax->labels->singular_name??'Category';
|
$inner = $this->buildTermList($terms, $taxonomyName, $taxonomySingular, $isDropdown, $showPostCounts);
|
if ($isDropdown) {
|
return sprintf(
|
'<div%s>%s</div>',
|
$this->getClassesAndStyles($attrs, ['taxonomy-dropdown']),
|
$inner
|
);
|
}
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($attrs, ['taxonomy-list', jvbNoBase($args['taxonomy'])]),
|
$inner
|
);
|
}
|
public function getTerms(array $args, bool $showHierarchy = false):array|false
|
{
|
$terms = get_terms($args);
|
if (!$terms || is_wp_error($terms)) {
|
return false;
|
}
|
$terms = array_map(function ($term) {
|
return (array) $term;
|
}, $terms);
|
|
if ($showHierarchy) {
|
$terms = array_map(function ($term) use ($args) {
|
$args['parent'] = $term['term_id'];
|
$children = $this->getTerms($args, true);
|
$term['children'] = $children?:[];
|
return $term;
|
}, $terms);
|
}
|
|
return $terms;
|
}
|
protected function buildTermList(array $terms, string $taxonomyName, string $taxonomySingular, bool $isDropdown, bool $showPostCounts, bool $isOpening = true, int $level = 0):string
|
{
|
$out = '';
|
if ($isOpening) {
|
$out = $isDropdown ?
|
sprintf(
|
'<label for="taxonomy-select-%s">%s</label>
|
<select name="%s_name" id="taxonomy-select-%s"><option value="">Select %s</option>',
|
static::$counters['core_categories'],
|
$taxonomyName,
|
str_replace('-', '_',sanitize_title(strtolower($taxonomyName))),
|
static::$counters['core_categories'],
|
$taxonomyName
|
) :
|
'';
|
} elseif (!$isDropdown) {
|
$out .= '<ul>';
|
}
|
|
|
$prefix = '';
|
if ($isDropdown) {
|
$base = ' ';
|
for ($i = 1; $i <= $level; $i++) {
|
$prefix .= $base;
|
}
|
$prefix .= empty($prefix) ? '' : '- ';
|
}
|
|
$theTerms = array_map(function ($term) use ($taxonomyName, $taxonomySingular, $isDropdown, $showPostCounts, $prefix, $level) {
|
if ($isDropdown) {
|
return sprintf(
|
'<option value="%s">%s%s%s</option>%s',
|
$term['slug'],
|
$prefix,
|
$term['name'],
|
$showPostCounts ? ' ('.$term['count'].')' : '',
|
empty($term['children']??[]) ? '' : $this->buildTermList($term['children'], $taxonomyName, $taxonomySingular, $isDropdown, $showPostCounts, false, $level+1)
|
);
|
}
|
return sprintf(
|
'<li><a href="%s">%s%s</a>%s</li>',
|
get_term_link($term['term_id']),
|
$term['name'],
|
$showPostCounts ? ' <span class="count">'.$term['count'].'</span>' : '',
|
empty($term['children']??[]) ? '' : $this->buildTermList($term['children'], $taxonomyName, $taxonomySingular, $isDropdown, $showPostCounts, false, $level+1)
|
);
|
}, $terms);
|
|
$out .= implode('', $theTerms);
|
|
if ($isOpening) {
|
$out .= $isDropdown ?
|
'</select>' :
|
'';
|
} else if (!$isDropdown) {
|
$out .= '</ul>';
|
}
|
|
|
return $out;
|
}
|
//core_html
|
//core_latest_comments
|
//core_latest_posts
|
public function prerender_core_latest_posts(array $block, ?string $content, ?WP_Block $parent):?string {
|
$attrs = $block['attrs']??[];
|
// jvbDump($block, 'latest posts');
|
|
$args = [];
|
$title = 'Latest Posts';
|
$args['order'] = array_key_exists('order', $attrs) ? strtoupper($attrs['order']) : 'DESC';
|
$args['orderby'] = array_key_exists('orderBy', $attrs) ? $attrs['orderBy'] : 'date';
|
$args['posts_per_page'] = array_key_exists('postsToShow', $attrs) ? $attrs['postsToShow'] : 5;
|
|
if (array_key_exists('categories', $attrs)) {
|
$list = jvbCommaList(array_column($attrs['categories'], 'name'));
|
$args['tax_query'] = [];
|
$args['tax_query'][] = [
|
'taxonomy' => 'category',
|
'terms' => array_column($attrs['categories'], 'id')
|
];
|
$title .= ' in '.$list;
|
}
|
|
$posts = new WP_Query($args);
|
|
if (!$posts->have_posts()) {
|
return '';
|
}
|
$posts = array_map(function ($post) use ($attrs) {
|
$img = $this->checkAttrs('displayFeaturedImage', $attrs)
|
? $this->image(get_post_thumbnail_id($post->ID), 'tiny', 'thumbnail')
|
: '';
|
|
$author = $this->checkAttrs('displayAuthor', $attrs)
|
? sprintf(
|
'<a href="%s">%s</a>',
|
get_author_posts_url($post->post_author),
|
get_userdata($post->post_author)->display_name
|
)
|
: '';
|
|
$date = $this->checkAttrs('displayPostDate', $attrs)
|
? sprintf(
|
'<time datetime="%s">%s</time>',
|
date('Y-m-d', strtotime($post->post_date)),
|
date_i18n('M j, Y', strtotime($post->post_date))
|
)
|
: '';
|
$authorDate = $author;
|
if (!empty($authorDate) && !empty($date)) {
|
$authorDate .= ' | '.$date;
|
} else if (!empty($date)) {
|
$authorDate = $date;
|
}
|
|
$excerpt = '';
|
if ($this->checkAttrs('displayPostContent', $attrs)) {
|
if (array_key_exists('excerptLength', $attrs)) {
|
$excerpt = wp_trim_words(get_the_content($post->ID), $attrs['excerptLength'], '...');
|
} else {
|
$excerpt = get_the_excerpt($post->ID);
|
}
|
}
|
if (!empty($excerpt)) {
|
$excerpt = wpautop($excerpt);
|
}
|
|
return sprintf(
|
'<li>%s<p><a href="%s">%s</a>%s</p>%s</li>',
|
$img,
|
get_the_permalink($post->ID),
|
$post->post_title,
|
!empty($authorDate) ? ' <small>— '.$authorDate.'</small>' : '',
|
$excerpt
|
);
|
}, $posts->posts);
|
|
wp_reset_postdata();
|
return sprintf(
|
'<ul%s>%s</ul>',
|
// $title,
|
$this->getClassesAndStyles($attrs, ['post-list']),
|
implode('', $posts)
|
);
|
}
|
//core_page_list
|
public function prerender_core_page_list(array $block, ?string $content, ?WP_Block $parent):?string{
|
$attrs = $block['attrs']??[];
|
$parent = array_key_exists('parentPageID', $attrs) ? $attrs['parentPageID'] : 0;
|
$pages = new WP_Query([
|
'post_type' => 'page',
|
'posts_per_page' => -1,
|
'parent' => $parent
|
]);
|
|
if (!$pages->have_posts()) {
|
return '';
|
}
|
$inside = [];
|
foreach($pages->posts as $page) {
|
$inside[] = sprintf(
|
'<li><a href="%s">%s</a>',
|
get_the_permalink($page->ID),
|
$page->post_title
|
);
|
}
|
wp_reset_postdata();
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($attrs, ['page-list']),
|
implode('',$inside)
|
);
|
}
|
//core_page_list_item (doesn't seem to be a thing)
|
// public function prerender_core_page_list_item(array $block, ?string $content, ?WP_Block $parent):?string{
|
// return $content;
|
// }
|
//core_
|
// public function prerender_core_rss(array $block, ?string $content, ?WP_Block $parent):?string
|
// {
|
// jvbDump($block, 'rss');
|
// return $content;
|
// }
|
//core_search
|
public function prerender_core_search(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'search');
|
$attrs = $block['attrs']??[];
|
$label = array_key_exists('label', $attrs) && !empty($attrs['label']) ? $attrs['label'] : '';
|
if (array_key_exists('showLabel', $attrs) && $attrs['showLabel'] === false) {
|
$label = '';
|
}
|
$placeholder = array_key_exists('placeholder', $attrs) ? $attrs['placeholder'] : 'Search...';
|
|
$buttonText = array_key_exists('buttonText', $attrs) && !empty($attrs['buttonText']) ? $attrs['buttonText'] : '';
|
|
$isInside = array_key_exists('buttonPosition', $attrs) && $attrs['buttonPosition'] === 'button-inside';
|
|
$hideInput = $this->checkAttrs('isSearchFieldHidden', $attrs) || (array_key_exists('buttonPosition', $attrs) && $attrs['buttonPosition'] === 'button-only');
|
|
return str_replace('<div class="search-container row left nowrap"', sprintf(
|
'<div%s',
|
$this->getClassesAndStyles($attrs, ['search-container', 'row', 'left', 'nowrap'])
|
), jvbSearch($placeholder, uniqid(), $label, $buttonText, $isInside, $hideInput));
|
}
|
//core_shortcode
|
public function prerender_core_social_link(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'social link');
|
// jvbDump($parent, 'Parent');
|
$parentAttrs = false;
|
if ($parent) {
|
$parentAttrs = $parent->attributes;
|
}
|
$attrs = $block['attrs']??[];
|
$url = $attrs['url']??'';
|
$service = $attrs['service']?:'';
|
$iconName = ($service === 'bluesky') ? 'butterfly' : $service.'-logo';
|
$icon = jvbIcon($iconName);
|
if (!$icon) {
|
$icon = jvbIcon('link');
|
}
|
$serviceName = $this->getServiceName($service);
|
$label = $parentAttrs && (!array_key_exists('className', $parentAttrs) || !str_contains($parentAttrs['className'], 'logos-only'))
|
? sprintf(
|
'<span>%s</span>',
|
$serviceName
|
)
|
: sprintf(
|
'<span class="screen-reader-text">Find us on %s</span>',
|
$serviceName
|
);
|
$pillShaped = $parentAttrs && (array_key_exists('className', $parentAttrs) && str_contains($parentAttrs['className'], 'pill-shape'))
|
? 'style="border-radius:var(--radius-outer);"'
|
: '';
|
return sprintf(
|
'<li><a href="%s" target="_blank" rel="nofollow" title="Find us on %s"%s>%s%s</a></li>',
|
$url,
|
$serviceName,
|
$pillShaped,
|
$icon,
|
$label
|
);
|
}
|
private function getServiceName(string $service) {
|
return match($service){
|
'wordpress' => 'WordPress',
|
default => ucfirst($service)
|
};
|
}
|
public function prerender_core_social_links(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block['attrs']??[], 'social links');
|
// jvbDump($parent, 'Parent');
|
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($block['attrs']??[], ['socials']),
|
$this->innerBlocks($block, '','',$block)
|
);
|
}
|
//core_tag_cloud
|
public function prerender_core_tag_cloud(array $block, ?string $content, ?WP_Block $parent):?string
|
{
|
// jvbDump($block, 'tag cloud');
|
$attrs = $block['attrs']??[];
|
$taxonomy = (array_key_exists('taxonomy', $attrs) && !empty($attrs['taxonomy']))
|
? $attrs['taxonomy']
|
: 'post_tag';
|
$showCounts = $this->checkAttrs('showTagCounts', $attrs);
|
|
$terms = get_terms([
|
'taxonomy' => $taxonomy,
|
'hide_empty' => true,
|
]);
|
|
if (!$terms || is_wp_error($terms)) {
|
return '';
|
}
|
|
$inside = '';
|
|
foreach ($terms as $term) {
|
$url = get_term_link($term->term_id, $taxonomy);
|
$count = $showCounts ?
|
sprintf(
|
'<span class="count">%d</span>',
|
$term->count
|
) :
|
'';
|
$size = match(true) {
|
$term->count <= 2 => 'small',
|
$term->count <= 5 => 'x-small',
|
$term->count <= 10 => 'medium',
|
$term->count <= 15 => 'x-medium',
|
$term->count <= 20 => 'large',
|
$term->count <= 25 => 'x-large',
|
$term->count <= 30 => 'xx-large',
|
$term->count > 30 => 'xxx-large',
|
};
|
$fontSize = 'font-size: var(--txt-'.$size.');';
|
$inside .= sprintf(
|
'<li class="%s");"><a href="%s" rel="tag">%s%s</a></li>',
|
$size,
|
// $fontSize,
|
$url,
|
$term->name,
|
$count
|
);
|
}
|
return sprintf(
|
'<ul%s>%s</ul>',
|
$this->getClassesAndStyles($attrs, ['term-list','cloud', jvbNoBase($taxonomy)]),
|
$inside
|
);
|
}
|
|
|
/**
|
* Extra feed block localization
|
*/
|
|
protected function localize_feedblock():void
|
{
|
wp_localize_script('jvb-feed-view-script', 'feedSettings', [
|
'currentUser' => is_user_logged_in() ? [
|
'id' => get_current_user_id()
|
] : null,
|
'from' => get_the_ID(),
|
]);
|
}
|
|
/***********************************
|
* Helpers
|
**********************************/
|
public function stripTagContents(string $tag, ?string $content):string
|
{
|
$clean = preg_replace('/<'.$tag.'\b[^>]*>.*?<\/'.$tag.'>/is', '', $content);
|
$clean = preg_replace('/\s+/', ' ', $clean);
|
return trim($clean);
|
}
|
|
public function innerBlocks(array $block, string $before = '', string $after = '', ?array $parent = null):string
|
{
|
if ($parent) {
|
$parent = new WP_Block($parent);
|
}
|
$content = '';
|
foreach ($block['innerBlocks'] as $b) {
|
|
$rendered = $parent
|
? $this->checkMethods(null, $b, $parent, true)
|
: render_block($b);
|
|
$content .= sprintf('%s%s%s',
|
$before,
|
$rendered,
|
$after
|
);
|
}
|
return $content;
|
}
|
|
public function inside(array $block, mixed $tag = false, mixed $o = false): string
|
{
|
$html = $o ?: trim($block['innerHTML']);
|
|
if (empty($html)) {
|
return '';
|
}
|
|
if (preg_match('/^<(\w+)[^>]*>(.*)<\/\1>$/s', $html, $matches)) {
|
if ($tag && strtolower($matches[1]) !== strtolower($tag)) {
|
return $html;
|
}
|
return trim($matches[2]);
|
}
|
|
return $html;
|
}
|
|
/**
|
* Extract content from a specific nested element
|
* @param string $html The HTML to parse
|
* @param string $tag The tag name to extract
|
* @return string The content of the first matching element, or empty string
|
*/
|
public function extractElement(string $html, string $tag): string
|
{
|
if (empty($html)) {
|
return '';
|
}
|
|
$dom = new DOMDocument();
|
// Suppress errors for malformed HTML
|
libxml_use_internal_errors(true);
|
$dom->loadHTML('<?xml encoding="utf-8" ?>' . $html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
|
libxml_clear_errors();
|
|
$elements = $dom->getElementsByTagName($tag);
|
if ($elements->length === 0) {
|
return '';
|
}
|
|
return trim($elements->item(0)->textContent);
|
}
|
|
public function imageID(int|string $ID, array $block = []):int|false
|
{
|
if ($ID === '' && !empty($block)) {
|
|
if (($block['blockName'] === 'core/post-featured-image' ||
|
(!array_key_exists('attrs', $block) && !array_key_exists('id', $block['attrs'])))) {
|
$ID = get_post_thumbnail_id();
|
} else {
|
if (array_key_exists('id', $block['attrs']??[])) {
|
$ID = $block['attrs']['id'];
|
} elseif (array_key_exists('mediaId', $block['attrs'])) {
|
$ID = $block['attrs']['mediaId'];
|
}
|
}
|
}
|
if (!is_int($ID)) {
|
return false;
|
}
|
return $ID;
|
}
|
public function imageLink(
|
bool $close = false,
|
int $ID = 0,
|
string $start = 'tiny',
|
string $replace = 'large',
|
?string $postSlug = null
|
):string {
|
|
$image = jvbFormatImage($ID, $start, $replace, true, $postSlug);
|
|
if ($close) {
|
return $image;
|
}
|
$len = strlen('</a>');
|
return substr_replace($image, '', -$len, $len);
|
}
|
public function image(string $ID = '', string $start = 'tiny', string $replace = 'large'):string
|
{
|
if ($ID == '') {
|
$ID = $this->imageID($ID);
|
}
|
|
|
if ($ID === 0 || $ID === false) {
|
return '';
|
}
|
return jvbFormatImage($ID, $start, $replace, false);
|
}
|
public function sanitizeBlockName(array $block):string
|
{
|
if (!array_key_exists('blockName', $block) || is_null($block['blockName'])) {
|
return '';
|
}
|
return str_replace(
|
'/',
|
'_',
|
str_replace(
|
'-',
|
'_',
|
$block['blockName']
|
)
|
);
|
}
|
/**
|
* Replaces the outside tag of an HTML string
|
* @param string $content
|
* @param bool|string $tagName
|
* @param string $classes
|
* @param string $styles
|
*
|
* @return string
|
*/
|
public function replaceOutsideTag(
|
string $content,
|
bool|string $tagName = false,
|
string $classes = '',
|
string $styles = ''
|
):string {
|
if ($tagName && !in_array($tagName, ['div', 'section', 'article', 'aside', 'main'])) {
|
return $content;
|
}
|
$content = explode('>', $content);
|
if ($classes !== '') {
|
if (!str_contains($classes, 'class="')) {
|
$classes = ' class="'.$classes.'"';
|
}
|
}
|
if ($styles !== '') {
|
if (!str_contains($styles, 'style="')) {
|
$styles = ' style="'.$styles.'"';
|
}
|
}
|
if ($tagName) {
|
$content[0] = '<'.str_replace(
|
'<',
|
'',
|
str_replace(
|
'>',
|
'',
|
$tagName
|
)
|
).$classes.$styles;
|
} else {
|
unset($content[0]);
|
}
|
|
unset($content[array_key_last($content)]);
|
$out = '';
|
foreach ($content as $c) {
|
$out .= $c.'>';
|
}
|
return $out;
|
}
|
|
public function getClassesAndStyles(
|
array $attrs,
|
array $classes = [],
|
array $styles = []
|
):string {
|
$return = trim($this->buildClassesString($attrs, $classes) . $this->buildStylesString($attrs,$styles) . $this->buildDataset($attrs));
|
return ($return=='')? '' : ' '.$return;
|
}
|
protected function buildStylesString(array $attrs, array $custom = []):string
|
{
|
$attr_styles = $this->getInlineStyles($attrs);
|
$styles = array_merge($attr_styles, $custom);
|
|
$styles = array_map(function ($property, $value) {
|
return sprintf('%s:%s', $property, $value);
|
}, array_keys($styles), $styles);
|
|
return !empty($styles) ? ' style="' . implode(';', $styles) . '"' : '';
|
}
|
|
protected function buildClassesString(array $attrs, array $custom = []):string
|
{
|
$attr_classes = $this->getClasses($attrs);
|
if(array_key_exists('slug', $attrs) && $attrs['slug'] === 'footer') {
|
$attr_classes[] = 'col';
|
}
|
|
// Merge with passed classes and styles
|
$classes = array_merge($attr_classes, $custom);
|
|
if (!empty(static::$pendingClass)) {
|
$classes = array_merge($classes, static::$pendingClass);
|
static::$pendingClass = [];
|
}
|
$classes = array_unique($classes);
|
|
// Build attribute strings
|
return !empty($classes) ? ' class="' . implode(' ', $classes) . '"' : '';
|
}
|
|
protected function buildDataset(array $attrs):string
|
{
|
$data = $this->getDataset($attrs);
|
$data_string = '';
|
if (!empty($data)) {
|
foreach ($data as $d => $v) {
|
if ($d === 'bg-small') {
|
$data_string .= ' data-bg-img';
|
}
|
$data_string .= sprintf(
|
' data-%s="%s"',
|
$d,
|
$v
|
);
|
}
|
}
|
return $data_string;
|
}
|
/**
|
* @param string $spacing
|
*
|
* @return string
|
*/
|
protected function getPresetSpacing(string $spacing):string
|
{
|
return match ($spacing) {
|
'var:preset|spacing|20' => 1,
|
'var:preset|spacing|30' => 2,
|
'var:preset|spacing|40' => 3,
|
'var:preset|spacing|50' => 4,
|
'var:preset|spacing|60' => 5,
|
'var:preset|spacing|70' => 6,
|
'var:preset|spacing|80' => 7,
|
default => $spacing,
|
};
|
}
|
|
protected function getClasses(array $attrs):array
|
{
|
if (empty($attrs)) {
|
return [];
|
}
|
$classes = [];
|
foreach ($attrs as $key => $value) {
|
$class = $this->getClass($key, $value, $attrs);
|
if (is_string($class)) {
|
$class = explode(' ', $class);
|
}
|
$classes = array_merge($classes, $class);
|
}
|
return array_unique(array_filter($classes, function ($class) {
|
return $class!=='' && !str_starts_with($class, 'wp');
|
}));
|
}
|
protected function getClass(string $key, string|bool|array|int $value, array $attrs):string|array
|
{
|
//TODO: gradient
|
switch ($key) {
|
//Any additional classes the user adds
|
case 'className':
|
return match ($value) {
|
'is-style-floating' => 'always mobile fixed',
|
'is-style-fixed' => 'fixed bottom',
|
'is-style-default' => '',
|
default => str_replace('is-style-', '', $value),
|
};
|
case 'contentPosition':
|
return $this->getContentPosition($value);
|
case 'term':
|
case 'taxonomy':
|
return jvbNoBase($value);
|
//Layout attributes
|
case 'layout':
|
return $this->getLayout($value, $attrs);
|
case 'align':
|
return !empty($value) ? 'align-'.$value : '';
|
case 'verticalAlignment':
|
switch ($value) {
|
case 'bottom':
|
$value = 'btm';
|
break;
|
case 'center':
|
$value = 'y-mid';
|
default:
|
}
|
return !empty($value) ? $value : '';
|
case 'isStackedOnMobile':
|
return ($value === true) ? 'stack-small' : '';
|
case 'justifyContent':
|
return !empty($value) ? 'j-'.$value : '';
|
case 'orientation':
|
return $value==='column' ? 'column' : '';
|
case 'width':
|
return $this->getWidth($value);
|
case 'dimRatio':
|
return $this->getDimRatio($value, $attrs);
|
case 'overlayColor':
|
return $value;
|
break;
|
//Typography
|
case 'textAlign':
|
return !empty($value) ? 'text-'.$value : '';
|
case 'dropCap':
|
return $value === true ? 'drop-cap' : '';
|
|
//Media
|
case 'hasParallax':
|
return $value === true ? 'bg-fixed' : '';
|
case 'isRepeated':
|
return $value === true ? 'bg-repeat' : '';
|
|
//Style base:
|
case 'style':
|
return $this->getPresetStyles($value);
|
case 'fontSize':
|
$classes[] = 'font-'.$value;
|
return implode(' ', $classes);
|
case 'postLayout':
|
$classes[] = 'item-grid';
|
if (isset($attrs['columns']) && $attrs['columns']!== 3){
|
$classes[] = sprintf(
|
'split-%d',
|
$attrs['columns']
|
);
|
}
|
return $classes;
|
default:
|
if (JVB_TESTING && !is_admin() &&!in_array($key, $this->ignore)) {
|
// TESTING
|
jvbDump($attrs, '[getClass] '.$key);
|
}
|
|
return '';
|
}
|
}
|
/*** CLASS HELPERS ***/
|
private function getContentPosition(string $value):string
|
{
|
$classes = [];
|
$pos = explode(' ', $value);
|
foreach($pos as $p) {
|
switch ($p) {
|
case 'top':
|
$classes[] = 'top';
|
break;
|
case 'right':
|
$classes[] = 'right';
|
break;
|
case 'bottom':
|
$classes[] = 'btm';
|
break;
|
case 'left':
|
$classes[] = 'left';
|
break;
|
}
|
}
|
return implode(' ', $classes);
|
}
|
|
private function getLayout(array $value, array $attrs):array
|
{
|
// jvbDump($value, 'getLayout');
|
$classes = [];
|
|
$type = 'row';
|
$isRow = true;
|
//Determine type
|
if ((array_key_exists('type', $value) && !in_array($value['type'], ['flex', 'grid'])) ||
|
(array_key_exists('orientation', $value) && $value['orientation'] === 'vertical')) {
|
$type = 'col';
|
$isRow = false;
|
} elseif (array_key_exists('type', $value) && $value['type'] === 'grid') {
|
$type = 'item-grid';
|
$isRow = false;
|
if (array_key_exists('columnCount', $value) && $value['columnCount']!== 3) {
|
$classes[] = sprintf(
|
'split-%s',
|
$value['columnCount']
|
);
|
}
|
}
|
|
if (array_key_exists('justifyContent', $value) && !array_key_exists('contentPosition', $attrs)) {
|
switch ($value['justifyContent']) {
|
case 'right':
|
$classes[] = 'right';
|
break;
|
case 'center':
|
$classes[] = 'x-mid';
|
break;
|
case 'space-between':
|
$classes[] = 'x-btw';
|
break;
|
case 'left':
|
$classes[] = 'left';
|
break;
|
case 'space-evenly':
|
$classes[] = 'x-even';
|
break;
|
case 'space-around':
|
$classes[] = 'x-around';
|
break;
|
case 'stretch':
|
$classes[] = 'stretch';
|
}
|
} else {
|
$classes[] = 'left';
|
}
|
|
if (array_key_exists('verticalAlignment', $value)) {
|
switch ($value['verticalAlignment']) {
|
case 'bottom':
|
$classes[] = 'btm';
|
break;
|
case 'top':
|
$classes[] = 'top';
|
break;
|
case 'center':
|
$classes[] = 'y-mid';
|
break;
|
case 'space-between':
|
$classes[] = 'y-btw';
|
break;
|
case 'space-around':
|
$classes[] = 'y-around';
|
break;
|
case 'space-even':
|
$classes[] = 'y-even';
|
}
|
}
|
|
|
|
if (array_key_exists('flexWrap', $value)) {
|
if ($value['flexWrap'] === 'nowrap') {
|
$classes[] = 'nowrap';
|
}
|
}
|
|
$classes[] = $type;
|
return $classes;
|
}
|
|
private function getWidth(string $value):string
|
{
|
|
$value = str_replace('%', '', $value);
|
|
if (str_contains($value, 'px') ||
|
str_contains($value, 'em') ||
|
str_contains($value, 'rem') ||
|
str_contains($value, 'vw') ||
|
str_contains($value, 'vh')) {
|
return '';
|
}
|
|
return sprintf(
|
'width-%d',
|
match (true) {
|
$value <= 25 => '25',
|
$value <= 33 => '33',
|
$value <= 50 => '50',
|
$value <= 66 => '66',
|
$value <= 75 => '75',
|
default => 'full',
|
}
|
);
|
}
|
private function getDimRatio(string $value, array $attrs):string
|
{
|
if (array_key_exists('overlayColor', $attrs)) {
|
return '';
|
}
|
if (is_numeric($value)) {
|
return sprintf(
|
'op-%d',
|
match (true) {
|
$value <= 14 => '1',
|
$value <= 28 => '2',
|
$value <= 42 => '3',
|
$value <= 56 => '45',
|
$value <= 70 => '4',
|
$value <= 84 => '5',
|
default => '6',
|
}
|
);
|
}
|
return '';
|
}
|
|
private function getPresetStyles(array $value):string
|
{
|
$classes = [];
|
//Margin and Padding
|
if (array_key_exists('spacing', $value)) {
|
$classes = array_merge($classes, $this->buildSpacingClasses($value));
|
}
|
if (array_key_exists('color', $value)) {
|
if (array_key_exists('duotone', $value['color'])) {
|
$preset = explode('|', $value['color']['duotone']);
|
$preset = $preset[array_key_last($preset)];
|
$preset = $this->getColor($preset, false);
|
|
if (str_contains($preset, '-')) {
|
$preset = explode('-', $preset);
|
} else {
|
$preset = [$preset];
|
}
|
$classes[] = 'duotone';
|
foreach ($preset as $p) {
|
$classes[] = $p;
|
}
|
}
|
}
|
|
if (array_key_exists('fontSize', $value)) {
|
if (in_array($value['fontSize'], ['small', 'large', 'extra-large', 'huge'])) {
|
$classes[] = 'font-'.$value['fontSize'];
|
}
|
if (in_array('fontWeight', $value)) {
|
$classes[] = 'text-'.$value['fontWeight'];
|
}
|
if (in_array('textTransform', $value)) {
|
if (in_array($value['textTransform'], ['uppercase', 'capitalize', 'lowercase'])) {
|
$classes[] = $value['textTransform'];
|
}
|
}
|
}
|
return implode(' ', $classes);
|
}
|
private function buildSpacingClasses(array $value):array
|
{
|
$classes = [];
|
foreach (['margin' => 'm', 'padding'=>'p'] as $search => $c) {
|
if (array_key_exists($search, $value['spacing'])) {
|
$directions = [];
|
|
// Collect ONLY preset spacing values for classes
|
foreach ($value['spacing'][$search] as $direction => $size) {
|
$presetSize = $this->getPresetSpacing($size);
|
if ($presetSize) {
|
$directions[$direction] = $presetSize;
|
}
|
// Non-preset values are skipped here and handled by inline styles below
|
}
|
|
if (empty($directions)) {
|
continue;
|
}
|
|
// Check what directions we have
|
$hasTop = isset($directions['top']);
|
$hasBottom = isset($directions['bottom']);
|
$hasLeft = isset($directions['left']);
|
$hasRight = isset($directions['right']);
|
|
// Check if axes match
|
$xMatch = $hasLeft && $hasRight && $directions['left'] === $directions['right'];
|
$yMatch = $hasTop && $hasBottom && $directions['top'] === $directions['bottom'];
|
|
// All 4 directions exist and match → p-3
|
if ($hasTop && $hasBottom && $hasLeft && $hasRight &&
|
count(array_unique($directions)) === 1) {
|
$classes[] = $c . '-' . reset($directions);
|
}
|
// Both axes match → px-3 py-2
|
elseif ($xMatch && $yMatch) {
|
$classes[] = $c . 'x-' . $directions['left'];
|
$classes[] = $c . 'y-' . $directions['top'];
|
}
|
// Only X axis matches → px-3 (+ individual for top/bottom)
|
elseif ($xMatch) {
|
$classes[] = $c . 'x-' . $directions['left'];
|
if ($hasTop) {
|
$classes[] = $c . 't-' . $directions['top'];
|
}
|
if ($hasBottom) {
|
$classes[] = $c . 'b-' . $directions['bottom'];
|
}
|
}
|
// Only Y axis matches → py-3 (+ individual for left/right)
|
elseif ($yMatch) {
|
$classes[] = $c . 'y-' . $directions['top'];
|
if ($hasLeft) {
|
$classes[] = $c . 'l-' . $directions['left'];
|
}
|
if ($hasRight) {
|
$classes[] = $c . 'r-' . $directions['right'];
|
}
|
}
|
// No matches - individual directions
|
else {
|
foreach ($directions as $direction => $size) {
|
$dir = match($direction) {
|
'top' => 't',
|
'bottom' => 'b',
|
'left' => 'l',
|
'right' => 'r',
|
default => $direction
|
};
|
$classes[] = $c . $dir . '-' . $size;
|
}
|
}
|
}
|
}
|
return $classes;
|
}
|
|
protected function getInlineStyles(array $attrs):array
|
{
|
if (empty($attrs)) {
|
return [];
|
}
|
$styles = [];
|
foreach ($attrs as $key => $value) {
|
$style = $this->getStyle($key, $value, $attrs);
|
|
$styles = array_merge($styles, $style);
|
$styles = array_unique($styles);
|
}
|
return $styles;
|
}
|
protected function getStyle(string $key, string|bool|array|int $value, array $attrs):array|string
|
{
|
$styles = [];
|
switch ($key) {
|
// Font family settings
|
case 'size':
|
return $this->getIconSizeStyle($value);
|
|
case 'fontFamily':
|
return $this->getFontFamilyStyle($value);
|
|
// Icon color (for icon blocks)
|
case 'iconColorValue':
|
return $this->getColorStyle($value);
|
|
// Minimum height settings
|
case 'minHeight':
|
return $this->getMinHeightStyle($value, $attrs);
|
|
// Background URL (for cover, media blocks)
|
case 'url':
|
if (!empty($value) && str_starts_with($value, 'http')) {
|
return ['background-image' => 'url('.$value.')'];
|
}
|
break;
|
|
// Focal point for background images
|
case 'focalPoint':
|
return $this->getFocalPointStyle($value, $attrs);
|
|
// Complex style object
|
case 'style':
|
return $this->extractStyles($value, $attrs);
|
|
case 'dimRatio':
|
return $this->getDimRatioStyle($value, $attrs);
|
|
// Custom styles (any other attributes that need inline styling)
|
case 'backgroundType':
|
if ($value === 'video' && isset($attrs['backgroundUrl'])) {
|
// Don't set a background image for videos - it will be handled by the video element
|
} elseif (isset($attrs['backgroundUrl'])) {
|
return ['background-image' => 'url('.$attrs['backgroundUrl'].')'];
|
}
|
break;
|
|
case 'width':
|
if (str_contains($value, 'px') ||
|
str_contains($value, 'em') ||
|
str_contains($value, 'rem') ||
|
str_contains($value, 'vw') ||
|
str_contains($value, 'vh')) {
|
return ['width' => $value];
|
}
|
break;
|
|
case 'backgroundColor':
|
case 'borderColor':
|
case 'textColor':
|
$type = str_replace('Color', '-color', $key);
|
$type = str_replace('text-', '', $type);
|
if ($key === 'borderColor' && isset($attrs['border']['width'])) {
|
break;
|
}
|
return $this->getColorStyle($value, $type);
|
|
// Any other attributes that need direct styling
|
default:
|
if (JVB_TESTING && !is_admin() && !in_array($key, $this->ignore)) {
|
//TESTING
|
jvbDump($attrs, '[getStyle] '.$key);
|
}
|
// No default inline styles
|
break;
|
}
|
|
return $styles;
|
}
|
private function getIconSizeStyle(string $value):array
|
{
|
$values = explode(' ', $value);
|
$styles = [];
|
foreach ($values as $v) {
|
switch ($value) {
|
case 'has-small-icon-size':
|
$styles['--w'] = 'var(--txt-x-small)';
|
break;
|
case 'has-large-icon-size':
|
$styles['--w'] = 'var(--txt-large)';
|
break;
|
case 'has-huge-icon-size':
|
$styles['--w'] = 'var(--txt-xx-large)';
|
break;
|
default:
|
if (JVB_TESTING) {
|
jvbDump($value, 'No preset found for size: '.print_r($value, true));
|
}
|
}
|
}
|
return $styles;
|
}
|
private function getFontFamilyStyle(string $value):array
|
{
|
return match($value) {
|
'body' => ['font-family' => 'var(--body)'],
|
'heading' => ['font-family' => 'var(--heading)'],
|
default => ['font-family' => $value]
|
};
|
}
|
private function getColorStyle(string $value, ?string $type = 'color'):array
|
{
|
if (!in_array($type, ['color', 'background','background-color','border-color'])) {
|
$type = null;
|
}
|
if (!$type) {
|
return [];
|
}
|
return [
|
$type => $this->getColor($value)
|
];
|
}
|
private function getMinHeightStyle(string $value, array $attrs):array
|
{
|
$out = [];
|
if (!empty($value)) {
|
if (isset($attrs['minHeightUnit'])) {
|
$out['min-height'] = sprintf('%s%s', $value, $attrs['minHeightUnit']);
|
|
} else {
|
$out['min-height'] = sprintf(
|
'%spx',
|
$value
|
);
|
}
|
}
|
return $out;
|
}
|
|
private function getFocalPointStyle(array $value, array $attrs):array
|
{
|
$x = array_key_exists('x', $value) ? ($value['x'] * 100).'%' : 'center';
|
$y = array_key_exists('y', $value) ? ($value['y'] * 100).'%' : 'center';
|
|
$y = $x === $y ? '' : ' '.$y;
|
|
$key = array_key_exists('isObjectPosition', $attrs) ? 'object-position' : 'background-position';
|
return [
|
$key => sprintf(
|
'%s%s',
|
$x,
|
$y
|
)];
|
}
|
|
private function extractStyles(array $value, array $attrs):array
|
{
|
$styles = [];
|
foreach ($value as $k => $v) {
|
switch ($k) {
|
case 'border':
|
$styles = array_merge($styles, $this->getBorderStyle($v, $attrs));
|
break;
|
|
case 'color':
|
if (isset($v['background'])) {
|
$styles['background-color'] = $this->getColor($v['background']);
|
}
|
if (isset($v['text'])) {
|
$styles['color'] = $this->getColor($v['text']);
|
}
|
if (isset($v['gradient'])) {
|
|
if (JVB_TESTING) {
|
jvbDump($v, 'Gradient');
|
}
|
}
|
break;
|
|
case 'layout':
|
$styles = array_merge($styles, $this->getLayoutStyle($v, $attrs));
|
break;
|
|
case 'typography':
|
$styles = array_merge($styles, $this->getTypographyStyle($v, $attrs));
|
break;
|
|
case 'spacing':
|
if (isset($v['blockGap'])) {
|
if (is_array($v['blockGap'])) {
|
$inner = [];
|
foreach ($v['blockGap'] as $gap) {
|
$inner[] = sprintf(
|
'var(--sp%s)',
|
$this->getPresetSpacing($gap)
|
);
|
}
|
if (!empty($inner)) {
|
$styles['--gap'] = sprintf(
|
'%s',
|
implode(' ', $inner)
|
);
|
}
|
} else {
|
$styles['--gap'] = 'var(--sp'.$this->getPresetSpacing($v['blockGap']).')';
|
}
|
}
|
|
// Don't duplicate margin/padding that's handled by classes
|
// Only add specific CSS values here that wouldn't work well as classes
|
if (isset($v['margin'])) {
|
foreach ($v['margin'] as $direction => $size) {
|
if (!str_contains($size, 'var:preset')) {
|
$styles['margin-'.$direction] = $size;
|
}
|
}
|
}
|
|
if (isset($v['padding'])) {
|
foreach($v['padding'] as $dir => $size) {
|
if (!str_contains($size, 'var:preset')) {
|
$styles['padding-'.$dir] = $size;
|
}
|
}
|
}
|
break;
|
|
case 'background':
|
if (array_key_exists('backgroundImage', $v)) {
|
$data = Image::getData($v['backgroundImage']['id']);
|
if (!empty($data) && array_key_exists('tiny', $data)) {
|
$styles['background-image'] = sprintf(
|
'url(%s)',
|
$data['tiny']
|
);
|
}
|
|
}
|
break;
|
|
case 'dimensions':
|
foreach ($v as $sk => $sv) {
|
if ($sk === 'minHeight') {
|
$styles['min-height'] = $sv;
|
} else {
|
if (JVB_TESTING) {
|
jvbDump('No config set for dimension '.$sk.': '.print_r($sv, true));
|
}
|
}
|
}
|
|
|
break;
|
|
case 'elements':
|
if (!empty($v)) {
|
// Generate a unique class tied to this block instance
|
$uid = 'b-'.substr(md5(serialize($attrs)), 0, 8);
|
$this->extractElementStyles($v, $uid);
|
// We need the uid added as a class — store it for getClassesAndStyles to pick up
|
static::$pendingClass[] = $uid;
|
}
|
break;
|
|
default:
|
if (JVB_TESTING) {
|
jvbDump($v,'No config set for '.$k.': ');
|
}
|
|
}
|
}
|
|
return $styles;
|
}
|
private function getBorderStyle(array $border, array $attrs):array
|
{
|
$styles = [];
|
|
if (isset($border['radius'])) {
|
$styles['border-radius'] = $border['radius'];
|
}
|
|
if (isset($border['width']) && (isset($attrs['borderColor']) || isset($border['color']))) {
|
$st = $border['style'] ?? 'solid';
|
$color = $border['color']??$attrs['borderColor'];
|
$styles['border'] = sprintf(
|
'%s %s %s',
|
$border['width'],
|
$st,
|
$this->getColor($color)
|
);
|
} else {
|
if (isset($border['color'])) {
|
$styles['border-color'] = $border['color'];
|
}
|
if (isset($border['width'])) {
|
$styles['border-width'] = $border['width'];
|
}
|
if (isset($border['style'])) {
|
$styles['border-style'] = $border['style'];
|
}
|
}
|
if (JVB_TESTING) {
|
unset($border['radius']);
|
unset($border['width']);
|
unset($border['style']);
|
unset($border['color']);
|
if (!empty($border)) {
|
jvbDump($border, '[getBorderStyle] Leftover styles:');
|
}
|
}
|
|
return $styles;
|
}
|
|
private function getLayoutStyle(array $layout, array $attrs):array
|
{
|
$styles = [];
|
// jvbDump($layout);
|
|
foreach ($layout as $l => $option) {
|
switch ($l) {
|
case 'selfStretch':
|
if ($option === 'fixed' && isset($layout['selfStretchValue'])) {
|
$styles['width'] = $layout['selfStretchValue'];
|
} elseif ($option === 'fill') {
|
$styles['flex'] = 1;
|
}
|
break;
|
default:
|
$ignore = [
|
'selfStretchValue',
|
'flexSize',
|
];
|
if (JVB_TESTING && !in_array($l, $ignore)) {
|
jvbDump($l, 'No layout style set for: ');
|
}
|
// case 'type':
|
// if ($option === 'grid' && $value['layout']['columnCount'] !== 3) {
|
// $styles[] = sprintf(
|
// 'grid-template-columns: repeat(1fr, %s)',
|
// $value['layout']['columnCount']
|
// );
|
// }
|
// break;
|
}
|
}
|
return $styles;
|
}
|
|
private function getTypographyStyle(array $typography, array $attrs):array
|
{
|
$styles = [];
|
foreach ($typography as $property => $value) {
|
switch ($property) {
|
case 'fontSize':
|
$styles['font-size'] = $value;
|
break;
|
case 'fontWeight':
|
$styles['font-weight'] = $value;
|
break;
|
case 'textDecoration':
|
$styles['text-decoration'] = $value;
|
break;
|
case 'textTransform':
|
$styles['text-transform'] = $value;
|
break;
|
case 'letterSpacing':
|
$styles['letter-spacing'] = $value;
|
break;
|
case 'lineHeight':
|
$styles['line-height'] = $value;
|
break;
|
case 'fontStyle':
|
$styles['font-style'] = $value;
|
break;
|
case 'writingMode':
|
$styles['writing-mode'] = $value;
|
break;
|
case 'textAlign':
|
$styles['text-align'] = $value;
|
default:
|
if (JVB_TESTING) {
|
jvbDump($value,'[getTypographyStyle] No property set for '.$property.': ');
|
}
|
}
|
}
|
|
return $styles;
|
}
|
private function extractElementStyles(array $elements, string $uid):void
|
{
|
foreach ($elements as $element => $states) {
|
$selector = match($element) {
|
'link' => "a",
|
'heading' => "h1,h2,h3,h4,h5,h6",
|
'button' => "button,.button",
|
default => $element,
|
};
|
|
$selectors = explode(',',$selector);
|
foreach ($states as $state => $rules) {
|
$css = [];
|
|
$fullSelector = array_map(function($sel) use ($uid, $state) {
|
return str_starts_with($state, ':')
|
? ".{$uid} {$sel}{$state}"
|
: ".{$uid} {$sel}";
|
}, $selectors);
|
$fullSelector = implode(',', $fullSelector);
|
|
|
if (JVB_TESTING) {
|
jvbDump($state, 'state');
|
jvbDump($rules, 'rules');
|
}
|
|
if (isset($rules['color']['text']) || isset($rules['text'])) {
|
$css['color'] = $this->getColor($rules['color']['text'] ?? $rules['text']);
|
}
|
if (isset($rules['color']['background']) || isset($rules['background'])) {
|
$css['background-color'] = $this->getColor($rules['color']['background']??$rules['background']);
|
}
|
//clean out possible empty values
|
$css = array_filter($css);
|
|
$css = array_map(function ($property, $value) {
|
return $property.': '.$value;
|
}, array_keys($css), $css);
|
|
if (!empty($css)) {
|
static::$pendingStyles[] = $fullSelector.' { '.implode('; ', $css).' }';
|
}
|
}
|
}
|
}
|
|
public function maybeOutputCustomStyles(): string
|
{
|
if (empty(static::$pendingStyles)) return '';
|
$out = '<style>'.implode(' ', static::$pendingStyles).'</style>';
|
static::$pendingStyles = [];
|
return $out;
|
}
|
|
private function getDimRatioStyle(int $value, array $attrs):array
|
{
|
//TODO: This likely isn't working correctly
|
// jvbDump($value, 'dimRatio');
|
// jvbDump($attrs, 'dimRatio attrs');
|
$ratio = [];
|
|
$s = array_key_exists('overlayColor', $attrs) ? 'var(--'.$attrs['overlayColor'].')' : 'var(--base)';
|
$s = 'rgba('.$s.', ';
|
if ($value <= 14) {
|
$s .= 'var(--op-1))';
|
} elseif ($value <= 28) {
|
$s .= 'var(--op-2))';
|
} elseif ($value <= 42) {
|
$s .= 'var(--op-3))';
|
} elseif ($value <= 56) {
|
$s .= 'var(--op-45))';
|
} elseif ($value <= 70) {
|
$s .= 'var(--op-4))';
|
} elseif ($value <= 84) {
|
$s .= 'var(--op-5))';
|
} else {
|
$s .= 'var(--op-6))';
|
}
|
|
return ['background-color' => $s];
|
}
|
|
protected function getDataset(array $attrs):array
|
{
|
$dataset = [];
|
if (array_key_exists('style', $attrs)) {
|
if (array_key_exists('background', $attrs['style'])){
|
if (array_key_exists('backgroundImage', $attrs['style']['background'])) {
|
$id = $attrs['style']['background']['backgroundImage']['id']??false;
|
if ($id) {
|
$data = Image::getData($id);
|
$dataset['bg-small'] = $data['small'];
|
$dataset['bg-med'] = $data['medium'];
|
$dataset['bg-large'] = $data['large'];
|
}
|
}
|
}
|
}
|
return $dataset;
|
}
|
|
public function formatImage(int $ID = 0, string $start = 'tiny', string $replace = 'large'):string
|
{
|
if ($ID === 0) {
|
$ID = $this->imageID($ID);
|
}
|
if ($ID === 0) {
|
return '';
|
}
|
return jvbFormatImage($ID, $start, $replace);
|
}
|
|
protected function checkAttrs(string $test, array $attrs):bool
|
{
|
return array_key_exists($test, $attrs) && $attrs[$test]===true;
|
}
|
|
protected function getColor(string $value, bool $prefix = true):string
|
{
|
$defaults = apply_filters('jvbColours', ['base', 'contrast', 'action', 'secondary']);
|
foreach ($defaults as $default) {
|
if (str_starts_with($value, $default)) {
|
return $prefix ? 'var(--'.$value.')' : $value;
|
}
|
}
|
//We removed the presets
|
if (str_contains($value, 'var:preset')) {
|
return '';
|
}
|
return $value;
|
}
|
|
protected function counter(string $key):void
|
{
|
if (!array_key_exists($key, static::$counters)) {
|
static::$counters[$key] = 1;
|
} else {
|
static::$counters[$key]++;
|
}
|
}
|
}
|
