phpMv / php-reactjs

src/PHPMV/utils/JSX.php

<?php
namespace PHPMV\utils;

use PHPMV\js\JavascriptUtils;
use PHPMV\react\ReactJS;

/**
 * PHPMV\utils$JSX
 * This class is part of Ubiquity
 *
 * @author jc
 * @version 1.0.0
 *
 */
class JSX {

	public static $reactCreateElement = 'React.createElement';

	private static $jsDetect = [
		'onBlur' => 0,
		'onChange' => 0,
		'onDblclick' => 0,
		'onClick' => 0,
		'onSubmit' => 0,
		'value' => 0,
		'items' => 0,
		'defaultValue' => 0,
		'dangerouslySetInnerHTML' => 0
	];

	private static function getName(string $name, ReactJS $react): string {
		return $react->components[$name] ?? '"' . $name . '"';
	}

	private static $attributes = [
		'classname' => 'className',
		'onblur' => 'onBlur',
		'onclick' => 'onClick',
		'onchange' => 'onChange',
		'onsubmit' => 'onSubmit',
		'defaultvalue' => 'defaultValue',
		'dangerouslysetinnerhtml' => 'dangerouslySetInnerHTML',
		'htmlfor' => 'htmlFor'
	];

	private static function cleanJSONFunctions(string $json): string {
		return \str_replace([
			'"!!%',
			'%!!"'
		], '', $json);
	}

	private static function hasBraces(string $str): bool {
		return (\substr($str, 0, 1) === '{' && \substr($str, - 1) === '}');
	}

	private static function nodeToJs(\DOMNode $root, ?ReactJS $react): string {
		$attributes = [];
		$name = $root->nodeName;

		if ($root->hasAttributes()) {
			$attrs = $root->attributes;

			foreach ($attrs as $i => $attr) {
				$attrName = self::$attributes[$attr->name] ?? $attr->name;
				$attrValue = $attr->value;
				if (isset(self::$jsDetect[$attrName])) {
					if (self::hasBraces($attrValue)) {
						$attrValue = \substr($attrValue, 1, - 1);
					}
					$attributes[$attrName] = '!!%' . $attrValue . '%!!';
				} else {
					$attributes[$attrName] = $attrValue;
				}
			}
		}
		$childrenStr = self::getChildrenStr($root, $react);
		return self::$reactCreateElement . "(" . ((isset($react)) ? self::getName($name, $react) : $name) . "," . self::cleanJSONFunctions(JavascriptUtils::toJSON($attributes)) . "$childrenStr)";
	}

	private static function getChildrenStr(\DOMNode $root, ?ReactJS $react): string {
		$children = [];

		$childNodes = $root->childNodes;
		$open = null;
		for ($i = 0; $i < $childNodes->length; $i ++) {
			$child = $childNodes->item($i);
			if ($child->nodeType == XML_TEXT_NODE) {
				$v = \trim($child->nodeValue);
				if ($v != null) {
					self::parseTextNode($v, $children, $open);
				}
			} else {
				if ($open != '') {
					$open .= self::nodeToJs($child, $react);
				} else {
					$children[] = self::nodeToJs($child, $react);
				}
			}
		}
		return (count($children) > 0) ? (',' . implode(',', $children)) : '';
	}

	private static function parseTextNode(string $v, array &$children, ?string &$open) {
		$parts = \preg_split('@(\{.*?\})@', $v, null, PREG_SPLIT_NO_EMPTY | PREG_SPLIT_DELIM_CAPTURE);
		if ($parts && \count($parts) > 0) {
			foreach ($parts as $ev) {
				if (self::hasBraces($ev)) {
					$children[] = \substr($ev, 1, - 1);
				} elseif (\substr($ev, 0, 1) === '{') {
					$open = \substr($ev, 1);
				} elseif ($open != '' && \substr($ev, - 1) === '}') {
					$children[] = $open . \substr($ev, 0, - 1);
					$open = '';
				} elseif (\trim($ev) != null) {
					$children[] = '"' . $ev . '"';
				}
			}
		} else {
			$children[] = "`$v`";
		}
	}

	public static function toJs(string $html, ?ReactJS $react = null): string {
		\libxml_use_internal_errors(true);
		$dom = new \DOMDocument('1.0', 'UTF-8');
		$dom->loadHTML(\mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8'), LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);

It seems like mb_convert_encoding($html, 'HTML-ENTITIES', 'UTF-8') can also be of type array; however, parameter $source of DOMDocument::loadHTML() does only seem to accept string, maybe add an additional type check?

		return self::nodeToJs($dom->documentElement, $react);
	}
}