# tableberg/1.1.5/renderer/Image/ImageRenderer.php

Tableberg – Simple Gutenberg Table Block, version 1.1.5. 182 lines.

- Page: https://pluginprobe.com/plugins/tableberg/1.1.5/code/renderer/Image/ImageRenderer.php
- Raw: https://pluginprobe.com/plugins/tableberg/1.1.5/raw/renderer/Image/ImageRenderer.php
- Modified: 2026-08-19T14:53:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/tableberg/1.1.5/code/renderer/Image/ImageRenderer.php#L10-L20`.

```php
<?php

namespace Tableberg\Renderer\Image;

class ImageRenderer {
    /**
     * @param array<string, mixed>|null $attributes
     * @return string
     */
    public function render($attributes) {
        $attrs = ImageAttrs::from_array($attributes);

        $imageUrl = $attrs->media->url->asUrl();

        $sizeSlug = $attrs->sizeSlug->asText();
        if ($sizeSlug !== '') {
            $sizeData = $attrs->media->sizes[$sizeSlug] ?? null;

            if (
                $sizeData instanceof MediaSizeAttrs &&
                $sizeData->url->isNotEmpty()
            ) {
                $url = $sizeData->url->asUrl();
                if ($url !== '') {
                    $imageUrl = $url;
                }
            }
        }

        if ($imageUrl === '') {
            return '';
        }

        $imageStyles = ['display:block'];
        if ($attrs->aspectRatio->isNotEmpty()) {
            $imageStyles[] = 'aspect-ratio:' . $attrs->aspectRatio->asAttr();
        }
        if ($attrs->scale->isNotEmpty()) {
            $imageStyles[] = 'object-fit:' . $attrs->scale->asAttr();
        }
        if ($attrs->width->isNotEmpty()) {
            $imageStyles[] = 'width:' . $attrs->width->asAttr();
        }
        if ($attrs->height->isNotEmpty()) {
            $imageStyles[] = 'height:' . $attrs->height->asAttr();
        }
        if ($attrs->border->top->isNotEmpty()) {
            $imageStyles[] = 'border-top:' . $attrs->border->top->asAttr();
        }
        if ($attrs->border->right->isNotEmpty()) {
            $imageStyles[] = 'border-right:' . $attrs->border->right->asAttr();
        }
        if ($attrs->border->bottom->isNotEmpty()) {
            $imageStyles[] = 'border-bottom:' . $attrs->border->bottom->asAttr();
        }
        if ($attrs->border->left->isNotEmpty()) {
            $imageStyles[] = 'border-left:' . $attrs->border->left->asAttr();
        }
        if ($attrs->borderRadius->topLeft->isNotEmpty()) {
            $imageStyles[] = 'border-top-left-radius:' . $attrs->borderRadius->topLeft->asAttr();
        }
        if ($attrs->borderRadius->topRight->isNotEmpty()) {
            $imageStyles[] = 'border-top-right-radius:' . $attrs->borderRadius->topRight->asAttr();
        }
        if ($attrs->borderRadius->bottomLeft->isNotEmpty()) {
            $imageStyles[] = 'border-bottom-left-radius:' . $attrs->borderRadius->bottomLeft->asAttr();
        }
        if ($attrs->borderRadius->bottomRight->isNotEmpty()) {
            $imageStyles[] = 'border-bottom-right-radius:' . $attrs->borderRadius->bottomRight->asAttr();
        }

        $alt = $attrs->alt->isNotEmpty() ? $attrs->alt->asAttr() : $attrs->media->alt->asAttr();

        $imageStyleString = \esc_attr(implode(';', $imageStyles));

        $imgHtml =
            "<img
                src='{$imageUrl}'
                alt='{$alt}'
                style='{$imageStyleString}'
            />";

        if ($attrs->href->isNotEmpty()) {
            $target = $attrs->linkTarget->asAttr();
            $href = $attrs->href->asUrl();
            $relAttr = $target === '_blank' ? "rel='noopener noreferrer'" : '';

            $imgHtml =
                "<a
                    href='{$href}'
                    target='{$target}'
                    {$relAttr}
                >
                    {$imgHtml}
                </a>";
        }

        $captionHtml = '';
        if ($attrs->caption->isNotEmpty()) {
            $caption = $attrs->caption->asHtml();

            $captionHtml =
                "<figcaption class='tableberg-image-caption'>
                    {$caption}
                </figcaption>";
        }

        $figureClass = 'tableberg-image-element';
        if ($this->should_render_lightbox($attrs)) {
            $figureClass .= ' wp-block-image';
        }

        $figureHtml =
            "<figure
                class='{$figureClass}'
                style='margin:0;line-height:1'
            >
                {$imgHtml}
                {$captionHtml}
            </figure>";

        if ($this->should_render_lightbox($attrs)) {
            return $this->render_core_lightbox($figureHtml, $attrs);
        }

        return $figureHtml;
    }

    private function should_render_lightbox($attrs) {
        return $attrs->lightbox->enabled->value() && $attrs->href->isEmpty();
    }

    private function render_core_lightbox($figureHtml, $attrs) {
        if (
            !function_exists('block_core_image_render_lightbox') ||
            !function_exists('wp_enqueue_script_module')
        ) {
            return $figureHtml;
        }

        \wp_enqueue_script_module('@wordpress/block-library/image/view');

        if (function_exists('wp_style_is') && \wp_style_is('wp-block-image', 'registered')) {
            \wp_enqueue_style('wp-block-image');
        }

        $blockAttrs = [
            'lightbox' => [
                'enabled' => true,
            ],
        ];

        if ($attrs->media->id->value() > 0) {
            $blockAttrs['id'] = $attrs->media->id->value();
        }

        if ($attrs->scale->isNotEmpty()) {
            $blockAttrs['scale'] = $attrs->scale->dangerouslyUseRawValue();
        }

        // block_core_image_render_lightbox() type-hints a real WP_Block, not
        // just any object with a `context` property — a plain stdClass
        // fatals with a TypeError. Reusing the registered `core/image` name
        // gives it a real block type without side effects: the function
        // only reads `$block_instance->context`, which stays empty here
        // same as it would for a standalone (non-gallery) image.
        $blockInstance = class_exists('WP_Block')
            ? new \WP_Block(['blockName' => 'core/image', 'attrs' => $blockAttrs])
            : null;

        if (!$blockInstance) {
            return $figureHtml;
        }

        return \block_core_image_render_lightbox(
            $figureHtml,
            ['attrs' => $blockAttrs],
            $blockInstance
        );
    }
}

```