Method createFileElement

src/components/fileTree/index.js:261–295

* Create file element (tile) * @param {string} name * @param {string} url * @param {HTMLElement} [recycledEl] - Optional recycled element for reuse * @returns {HTMLElement}

(name, url, recycledEl)

	 * @returns {HTMLElement}
	 */
	createFileElement(name, url, recycledEl) {
		const iconClass = helpers.getIconForFile(name);

		// Try to recycle existing element
		if (recycledEl && recycledEl.dataset.type === "file") {
			recycledEl.dataset.url = url;
			recycledEl.dataset.name = name;
			const textEl = recycledEl.querySelector(".text");
			const iconEl = recycledEl.querySelector("span:first-child");
			if (textEl) textEl.textContent = name;
			if (iconEl) iconEl.className = iconClass;
			return recycledEl;
		}

		const $tile = tile({
			lead: tag("span", { className: iconClass }),
			text: name,
		});

		$tile.dataset.url = url;
		$tile.dataset.name = name;
		$tile.dataset.type = "file";

		$tile.addEventListener("click", (e) => {
			e.stopPropagation();
			this.options.onFileClick?.(url, name);
		});

		$tile.addEventListener("contextmenu", (e) => {
			e.stopPropagation();
			this.options.onContextMenu?.("file", url, name, $tile);
		});

		return $tile;
	}

	/**
	 * Clear all rendered content