| | |
| | | |
| | | use DateTime; |
| | | use DOMDocument; |
| | | use JVBase\managers\CacheManager; |
| | | use JVBase\managers\Cache; |
| | | use JVBase\managers\SEO\BreadcrumbManager; |
| | | use WP_Block; |
| | | use WP_Query; |
| | | |
| | |
| | | |
| | | class CustomBlocks |
| | | { |
| | | protected CacheManager $cache; |
| | | protected Cache $cache; |
| | | public function __construct() |
| | | { |
| | | $this->cache = CacheManager::for('blocks', WEEK_IN_SECONDS); |
| | | add_filter('render_block', [$this, 'render'], 999, 3); |
| | | $this->cache = Cache::for('blocks', WEEK_IN_SECONDS); |
| | | $this->cache->connect('post')->connect('taxonomy'); |
| | | $this->cache->flush(); |
| | | add_filter('render_block', [$this, 'render'], 900, 2); |
| | | |
| | | add_action('init', [$this, 'registerBlockStyles']); |
| | | } |
| | |
| | | ); |
| | | } |
| | | |
| | | public function render(string $content, array $block, WP_Block $instance) |
| | | public function render(string $content, array $block) |
| | | { |
| | | $blockName = $this->sanitizeBlockName($block); |
| | | $method = 'render_'.$blockName; |
| | |
| | | if (function_exists($function)) { |
| | | return $function($block, $content); |
| | | // return $this->cache->remember( |
| | | // $block, |
| | | // get_the_ID(), |
| | | // function () use ($function, $block, $content) { |
| | | // return $function($block, $content); |
| | | // } |
| | | // ); |
| | | } else if (method_exists($this, $method)) { |
| | | return $this->$method($block, $content); |
| | | |
| | | // |
| | | // return $this->cache->remember( |
| | | // $block, |
| | | // get_the_ID(), |
| | | // function () use ($method, $block, $content) { |
| | | // return $this->$method($block, $content); |
| | | // } |
| | |
| | | ); |
| | | } |
| | | |
| | | public function render_core_buttons(array $block):string |
| | | public function render_core_buttons(array $block, string $content):string |
| | | { |
| | | return '<ul'.$this->getClassesAndStyles($block['attrs'], ['buttons','row']).'>'. |
| | | $this->innerBlocks($block).'</ul>'; |
| | | $this->inside($block, false, $content).'</ul>'; |
| | | } |
| | | |
| | | public function render_core_column(array $block):string |
| | | public function render_core_column(array $block, string $content):string |
| | | { |
| | | $styles = (array_key_exists('attrs', $block) && |
| | | array_key_exists('width', $block['attrs'])) ? |
| | |
| | | : []; |
| | | return '<div'. |
| | | $this->getClassesAndStyles($block['attrs'], ['col'], $styles).'>'. |
| | | $this->innerBlocks($block).'</div>'; |
| | | $this->inside($block, false, $content).'</div>'; |
| | | } |
| | | |
| | | public function render_core_columns(array $block):string |
| | | public function render_core_columns(array $block, string $content):string |
| | | { |
| | | return '<section'. |
| | | $this->getClassesAndStyles($block['attrs'], ['columns']).'>'. |
| | | $this->innerBlocks($block).'</section>'; |
| | | $this->inside($block, false, $content).'</section>'; |
| | | } |
| | | //core_comment_template |
| | | |
| | | public function render_core_group(array $block):string |
| | | public function render_core_group(array $block, string $content):string |
| | | { |
| | | $tag = (array_key_exists('tagName', $block['attrs'])) ? $block['attrs']['tagName'] : 'div'; |
| | | |
| | | $classes = ($tag === 'main') ? |
| | | '' : |
| | | $this->getClassesAndStyles($block['attrs'], ['group']); |
| | | return '<'.$tag.$classes.'>'.$this->innerBlocks($block).'</'.$tag.'>'; |
| | | return '<'.$tag.$classes.'>'.$this->inside($block, false, $content).'</'.$tag.'>'; |
| | | } |
| | | //core_home_link |
| | | //core_more |
| | |
| | | * Media Blocks |
| | | */ |
| | | //core_audio |
| | | public function render_core_cover(array $block):string |
| | | public function render_core_cover(array $block, string $content):string |
| | | { |
| | | |
| | | // Extract block attributes |
| | | $attrs = $block['attrs'] ?? []; |
| | | $innerContent = $this->innerBlocks($block); |
| | | $innerContent = $this->inside($block, false, $content); |
| | | |
| | | $position = 'object-position: center;'; |
| | | if (array_key_exists('focalPoint', $attrs)) { |
| | |
| | | |
| | | //core_file |
| | | |
| | | public function render_core_gallery(array $block):string |
| | | public function render_core_gallery(array $block, string $content):string |
| | | { |
| | | return '<ul'.$this->getClassesAndStyles($block['attrs'], ['gallery']).'>'. |
| | | $this->innerBlocks($block,'<li>', '</li>'). |
| | |
| | | $caption.'</figure>'; |
| | | } |
| | | |
| | | public function render_core_media_text(array $block):string |
| | | public function render_core_media_text(array $block, string $content):string |
| | | { |
| | | |
| | | $ID = $this->imageID('', $block); |
| | |
| | | '</h'.$level.'>'; |
| | | } |
| | | |
| | | public function render_core_list(array $block):string |
| | | public function render_core_list(array $block, string $content):string |
| | | { |
| | | $tag = (array_key_exists('ordered', $block['attrs'])) ? 'ol' : 'ul'; |
| | | return '<'.$tag.$this->getClassesAndStyles($block['attrs']).'>'.$this->innerBlocks($block).'</'.$tag.'>'; |
| | | $output = '<'.$tag.$this->getClassesAndStyles($block['attrs']).'>'.$this->inside($block, false, $content).'</'.$tag.'>'; |
| | | return $output; |
| | | } |
| | | |
| | | // public function render_core_list_item(array $block):string |
| | |
| | | if ($cite !== '') { |
| | | $content = $this->stripTagContents('cite', $content); |
| | | } |
| | | $content = apply_filters('the_content', $content); |
| | | $content = jvb_filter_content( $content); |
| | | |
| | | return '<blockquote'.$this->getClassesAndStyles($block['attrs'], ['pull']).'>'. |
| | | $content. |
| | |
| | | aria-expanded="false">'. |
| | | jvbIcon('list', ['title'=>'Toggle Menu']). |
| | | jvbIcon('x', ['title'=>'Toggle Menu']). |
| | | '</button>'; |
| | | '</button>'; |
| | | $class = ($toggle === '') ? |
| | | $this->getClassesAndStyles($block['attrs'], ['mobile']) : |
| | | $this->getClassesAndStyles($block['attrs']); |
| | |
| | | '<nav><ul>'.jvbNotificationMenu().jvbHelpMenu().'</ul></nav>' : |
| | | ''; |
| | | |
| | | |
| | | //Allows to add custom items to a menu, based on the menu name |
| | | $helpmenu = apply_filters('jvbMenuExtraAfter', $helpmenu, get_the_title($ID)); |
| | | $main = trim(apply_filters('jvbMenuExtra', $this->innerBlocks($block), get_the_title($ID), $block)); |
| | |
| | | return '<li'.$classes.'>'.$linkOpen.$block['attrs']['label'].'</a></li>'; |
| | | } |
| | | |
| | | public function render_core_navigation_submenu(array $block):string |
| | | public function render_core_navigation_submenu(array $block, string $content):string |
| | | { |
| | | global $wp; |
| | | $url = (str_starts_with($block['attrs']['url'],'/')) ? |
| | |
| | | 'main'; |
| | | |
| | | if ($content == '') { |
| | | global $post; |
| | | if(is_singular()) { |
| | | global $post; |
| | | |
| | | $block['innerBlocks'] = parse_blocks($post->post_content); |
| | | return $this->innerBlocks($block); |
| | | $block['innerBlocks'] = parse_blocks($post->post_content); |
| | | $result = $this->innerBlocks($block); |
| | | }else { |
| | | $result = ''; |
| | | } |
| | | } else { |
| | | return $this->inside($block, $tag, $content); |
| | | $result = $this->inside($block, false, $content); |
| | | } |
| | | |
| | | return apply_filters('jvb_post_content_output', $result, $block); |
| | | } |
| | | //core_post_date |
| | | public function render_core_post_date(array $block):string |
| | |
| | | global $post; |
| | | $ID = get_post_thumbnail_id($post->ID); |
| | | $aOpen = $aClose = ''; |
| | | if(!is_single($ID)) { |
| | | if(!is_single($post->ID)) { |
| | | $aOpen = '<a href="'.get_the_permalink($post->ID).'">'; |
| | | $aClose = '</a>'; |
| | | } |
| | | |
| | | return $aOpen.'<figure'.$this->getClassesAndStyles($block['attrs']).'>'. |
| | | return '<figure'.$this->getClassesAndStyles($block['attrs']).'>'.$aOpen. |
| | | apply_filters('jvbCoreFeaturedImage', $this->image($ID), $post->post_type). |
| | | '</figure>'.$aClose; |
| | | $aClose.'</figure>'; |
| | | } |
| | | //core_post_navigation_link |
| | | //core_post_template |
| | |
| | | $out .= '<li>'.$block['attrs']['prefix'].'</li>'; |
| | | } |
| | | foreach($terms as $term) { |
| | | $out .= '<li><a href="'.get_term_link($term).'" rel="tag">'.$term->name.'</a></li>'; |
| | | $out .= '<li><a href="'.get_term_link($term).'" rel="tag">'.html_entity_decode($term->name).'</a></li>'; |
| | | } |
| | | if (array_key_exists('suffix', $block['attrs'])) { |
| | | $out .= '<li>'.$block['attrs']['suffix'].'</li>'; |
| | |
| | | |
| | | |
| | | if (($isHeaderTemplate || $isFooterTemplate)) { |
| | | $innerContent = $content; |
| | | |
| | | $tag = $isHeaderTemplate ?: $isFooterTemplate ?: 'div'; |
| | | |
| | |
| | | |
| | | $beforeHeader = apply_filters('jvbAboveHeader', $beforeHeader); |
| | | if ($beforeHeader !== '') { |
| | | $beforeHeader = '<aside class="pre-header">'.$beforeHeader.'</aside>'; |
| | | $beforeHeader = '<aside class="pre header row btw">'.$beforeHeader.'</aside>'; |
| | | } |
| | | $checked = (is_user_logged_in() && current_user_can('prefers_dark_theme', true)) ? ' checked' : ''; |
| | | $title = ($checked == '') ? 'Toggle Dark Mode' : 'Toggle Light Mode'; |
| | | $showThemeSwitch = (bool)apply_filters('jvb_show_theme_switch', true); |
| | | $themeSwitch = ($showThemeSwitch) ? '<label title="'.$title.'" id="theme-switch" class="toggle-switch" for="theme-switcher"> |
| | | <input class="theme-switch row" id="theme-switcher" name="theme-switcher" type="checkbox"'.$checked.' data-setting="theme" data-theme role="switch" name="dark-mode" aria-label="Toggle dark mode"><span class="slider">'. |
| | | jvbIcon('sun-dim', ['title'=> 'Light Mode']). |
| | | jvbIcon('moon', ['title'=>'Dark Mode']). |
| | | '</span></label>' : ''; |
| | | $breadcrumbs = jvbBuildBreadcrumbs(); |
| | | $themeSwitch = jvbDarkModeToggle(); |
| | | $breadcrumbs = BreadcrumbManager::getInstance()->renderNavigation(); |
| | | $afterHeader = apply_filters('jvbBelowHeader', $afterHeader); |
| | | |
| | | if ($afterHeader !== '') { |
| | | $afterHeader = '<aside class="sub-header">'.$afterHeader.'</aside>'; |
| | | $afterHeader = '<aside class="sub header row btw">'.$afterHeader.'</aside>'; |
| | | } |
| | | $footerText = '<div class="scroll-progress"><div class="bar"></div> |
| | | </div>'; |
| | | } elseif ($isFooterTemplate) { |
| | | $beforeHeader = apply_filters('jvbBeforeFooter', ''); |
| | | if ($beforeHeader !== '') { |
| | | $beforeHeader = '<section class="pre-footer">'.$beforeHeader.'</section>'; |
| | | $beforeHeader = '<aside class="footer">'.$beforeHeader.'</aside>'; |
| | | } |
| | | $footerText = jvbRandomFooterText(); |
| | | } |
| | | // jvbDump($beforeHeader,'beforeHeader'); |
| | | // jvbDump('<'.$tag.$this->getClassesAndStyles($block['attrs']).'>','tag'); |
| | | // jvbDump($themeSwitch,'themeSwitch'); |
| | | // jvbDump($this->inside($block, $tag, $content),'inside'); |
| | | // jvbDump($footerText,'footerText'); |
| | | // jvbDump($afterHeader, 'afterheader'); |
| | | // jvbDump($breadcrumbs, 'breadcrumbs'); |
| | | |
| | | return $beforeHeader.'<'.$tag.$this->getClassesAndStyles($block['attrs']).'>'. |
| | | $content = $beforeHeader.'<'.$tag.$this->getClassesAndStyles($block['attrs']).'>'. |
| | | $themeSwitch . |
| | | $this->inside($block, $tag, $content) . |
| | | $this->inside($block, false, $innerContent). |
| | | // $this->innerBlocks($block). |
| | | // $innerContent. |
| | | $footerText.'</'.$tag.'>'.$afterHeader.$breadcrumbs; |
| | | } |
| | | |
| | |
| | | } |
| | | public function render_core_social_links(array $block, string $content):string |
| | | { |
| | | return '<ul class="socials">'.$this->innerBlocks($block).'</ul>'; |
| | | return '<ul class="socials">'.$this->inside($block, false, $content).'</ul>'; |
| | | } |
| | | //core_tag_cloud |
| | | |
| | |
| | | { |
| | | $content = ''; |
| | | foreach ($block['innerBlocks'] as $b) { |
| | | $method = 'render_'.$this->sanitizeBlockName($b); |
| | | $function = BASE.$method; |
| | | |
| | | $content .= $before; |
| | | if (function_exists($function)) { |
| | | $content .= $function($b, ''); |
| | | } else if (method_exists($this, $method)) { |
| | | $content .= $this->$method($b, ''); |
| | | } else { |
| | | $content .= render_block($b); |
| | | } |
| | | $content .= $after; |
| | | $content .= $this->render('', $b); |
| | | } |
| | | return $content; |
| | | } |
| | | |
| | | public function inside(array $block, mixed $tag = false, mixed $o = false):string |
| | | { |
| | | if (!$o) { |
| | | $o = trim($block['innerHTML']); |
| | | } |
| | | if (!$tag) { |
| | | //check to see if there was one dynamically set first |
| | | $tag = (array_key_exists('tagName', $block['attrs'])) ? $block['attrs']['tagName'] : ''; |
| | | $tag = ($tag == '') ? str_replace('<', '', strtok($o, '>')) : ''; |
| | | $tag = (str_contains($tag, ' class')) ? strtok($tag, ' class') : $tag; |
| | | $tag = trim($tag); |
| | | } |
| | | if (!str_starts_with($o, '<'.$tag)) { |
| | | public function inside(array $block, mixed $tag = false, mixed $o = false): string |
| | | { |
| | | if (!$o) { |
| | | $o = trim($block['innerHTML']); |
| | | } |
| | | |
| | | $dom = new \DOMDocument(); |
| | | |
| | | @$dom->loadHTML('<?xml encoding="utf-8"?>' . $o, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); |
| | | |
| | | // Find the real outermost element |
| | | $root = null; |
| | | foreach ($dom->childNodes as $node) { |
| | | if ($node->nodeType === XML_ELEMENT_NODE) { |
| | | $root = $node; |
| | | break; |
| | | } |
| | | } |
| | | |
| | | if (!$root) { |
| | | return $o; |
| | | } |
| | | |
| | | $len = strlen('</'.$tag.'>'); |
| | | // Only enforce tag match if explicitly provided |
| | | if ($tag && strtolower($root->nodeName) !== strtolower($tag)) { |
| | | return $o; |
| | | } |
| | | |
| | | return substr_replace( |
| | | str_replace( |
| | | strtok($o, '>').'>', |
| | | ' ', |
| | | $o |
| | | ), |
| | | '', |
| | | -$len, |
| | | $len |
| | | ); |
| | | } |
| | | $inner = ''; |
| | | foreach ($root->childNodes as $child) { |
| | | $inner .= $dom->saveHTML($child); |
| | | } |
| | | |
| | | return trim($inner); |
| | | } |
| | | |
| | | /** |
| | | * Extract content from a specific nested element |