VueViewHelper.php

<?php

namespace UnicaenVue\View\Helper;

use Doctrine\Common\Collections\Collection;
use Laminas\View\Helper\AbstractHtmlElement;
use UnicaenVue\Axios\AxiosExtractor;
use UnicaenVue\Controller\Plugin\Axios;


/**
 * Description of ViteViewHelper
 *
 * @author Laurent Lécluse <laurent.lecluse at unicaen.fr>
 */
class VueViewHelper extends AbstractHtmlElement
{
    protected bool $inVue = false;



    /**
     *
     * @return self|string
     */
    public function __invoke(string $name = null, array $props = [])
    {
        if (!empty($name)) {
            $h = $this->begin();
            $h .= $this->component($name, $props);
            $h .= $this->end();

            return $h;
        }

        return $this;
    }



    /**
     * Démarre une nouvelle zone de Vue
     *
     * @return string
     */
    public function begin(): string
    {
        $this->inVue = true;

        return $this->getView()->tag("div", ['class' => 'vue-app']);
    }



    /**
     * Termine une zone de Vue
     *
     * @return string
     */
    public function end(): string
    {
        $this->inVue = false;

        return "</div>";
    }



    /**
     * Ajoute un composant Vue.JS à l'intérieur d'une zone de Vue.
     *
     * @param string $name
     * @param array  $props
     *
     * @return string
     */
    public function component(string $name, array $props): string
    {
        if (!$this->inVue) {
            return '<div class="alert alert-danger"><strong>Attention</strong> : votre composant doit être positionné à l\'intérieur' .
                'd\'une zone dédiée à Vue.js. Veuillez utiliser $this->begin(); avant et $this->end(); après.</div>';
        }
        $name = str_replace('/', '-', $name);

        $attrs = [];
        foreach ($props as $pn => $pv) {
            if ($pv === null){
                // On ne passe pas de valeurs nulles : ça fait planter VUE en prod et pas en hot-loading!!
                continue;
            }
            $pt = getType($pv);
            $js = true;
            switch ($pt) {
                case 'boolean':
                    $pv = $pv ? 'true' : 'false';
                break;
                case 'integer':
                case 'float':
                    $pv = (string)$pv;
                break;
                case 'string':
                    $js = false;
                break;
                case 'array':
                case 'object':
                    $pv = json_encode(AxiosExtractor::extract($pv));
                break;
                default:
                    $pv = (string)$pv;
            }

            $attrs[($js ? ':' : '') . strtolower(preg_replace('/(?<!^)[A-Z]/', '-$0', $pn))] = $pv;
        }

        $res = $this->getView()->tag($name, $attrs)->html('');

        return $res;
    }
}