/*
 * Don't load the 3rd party embedded content player unless the image is clicked.
 * This increases performance issues when many videos are embedded on the same page and privacy.
 *
 * Released under the MIT license
 * Copyright (c) 2013 Michael Save <savetheinternet@tinyboard.org>
 * Copyright (c) 2013-2014 Marcin Łabanowski <marcin@6irc.net>
 * Copyright (c) 2025 Zankaria Auxa <zankaria.auxa@mailu.io>
 *
 * Usage:
 *	$config['embedding'][0] = figure it out plz;
 *	$config['additional_javascript'][] = 'js/tiktok.js';
 */

onReady(function() {
	const REMOVE = '[Remove]';
	const EMBED = '[Embed]';

	function makeEmbedNode(videoId, width, height) {
		const iframe = document.createElement('iframe');
		iframe.setAttribute('type', 'text/html');
		iframe.width = width;
		iframe.height = height;
		iframe.referrerPolicy = 'no-referrer';
		iframe.src = `https://www.tiktok.com/embed/v2/${videoId}`;
		iframe.sandbox.add('allow-popups', 'allow-popups-to-escape-sandbox', 'allow-scripts', 'allow-top-navigation', 'allow-same-origin')
		iframe.classList.add('full-image');
		return iframe;
	}

	function addEmbedButton(node) {
		const contents    = node.firstElementChild;
		const embedUrl    = node.dataset.videoId;
		const embedWidth  = node.dataset.iframeWidth;
		const embedHeight = node.dataset.iframeHeight;

		const span = document.createElement('span');
		span.textContent = EMBED;

		let iframeDefault = null;

		node.addEventListener('click', function(e) {
			e.preventDefault();

			if (span.textContent == REMOVE) {
				contents.style.display = '';

				if (iframeDefault !== null) {
					iframeDefault.remove();
				}

				span.textContent = EMBED;
			} else {
				if (iframeDefault === null) {
					iframeDefault = makeEmbedNode(embedUrl, embedWidth, embedHeight);
				}
				node.insertBefore(iframeDefault, node.firstElementChild);

				contents.style.display = 'none';
				span.text(REMOVE);
			}
		});

		node.appendChild(span);
	}

	const embeds = document.getElementsByClassName('tiktok-embed');
	for (let i = 0; i < embeds.length; i++) {
		addEmbedButton(embeds[i]);
	}

	// Allow to work with auto-reload.js, etc.
	document.addEventListener('new_post', function(e)) {
		const post = e.detail;
		const embeds = post.getElementsByClassName('tiktok-embed');
		for (let i = 0; i < embeds.length; i++) {
			addEmbedButton(embeds[i]);
		}
	}
});