Function appendProperties

src/lib/console.js:295–338

(obj, ...keys)

	}

	function appendProperties(obj, ...keys) {
		const key = keys.pop();
		const value = objValue(obj, ...keys);
		const getter = value.__lookupGetter__(key);
		const $key = tag("c-key", {
			textContent: key + ":",
		});
		let $val;

		if (getter) {
			$val = tag("c-span", {
				style: {
					textDecoration: "underline",
					color: "#39f",
					margin: "0 10px",
				},
				textContent: `...`,
				onclick() {
					const $val = getVal(value[key]);
					this.parentElement.replaceChild($val, this);
				},
			});
		} else {
			$val = getVal(value[key]);
		}

		return tag("c-line", {
			children: [$key, $val],
		});

		function getVal(val) {
			const type = typeof val;
			const $val = getElement(type);
			if (type === "object" && val !== null) {
				$val.append(...getBody(obj, ...keys, key));
			} else {
				if (type === "function") {
					val = parseFunction(val);
				}
				$val.textContent = val + "";
			}
			return $val;
		}
	}

	function objValue(obj, ...keys) {
		return keys.reduce((acc, key) => acc[key], obj);