Syncmindsdb (#32)

Author: hazemahmedx0

packages/utils/handle-math-jax.js

@@ -0,0 +1,29 @@
+const handleMathJax = (rerun = false) => {
+	if (typeof window === 'undefined') {
+		return;
+	}
+
+	const mathjaxScript = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js';
+	if (!window.MathJax) {
+		window.MathJax = {
+			tex: {
+				inlineMath: [['\\(', '\\)']],
+			},
+		};
+	}
+
+	let mathjaxScriptTag = document.querySelector(`script[src="${mathjaxScript}"]`);
+	if (!mathjaxScriptTag) {
+		let script = document.createElement('script');
+		script.type = 'text/javascript';
+		script.src = mathjaxScript;
+		script.onload = function () {
+			window.MathJax && 'mathml2chtml' in window.MathJax && window.MathJax.mathml2chtml();
+		};
+		document.head.appendChild(script);
+	} else if (rerun) {
+		window.MathJax && 'mathml2chtml' in window.MathJax && window.MathJax.mathml2chtml();
+	}
+};
+
+export default handleMathJax;

packages/utils/trigger-custom-widget-embed.js

@@ -0,0 +1,31 @@
+export const triggerCustomWidgetEmbed = async (pubId) => {
+	const frames = document.querySelectorAll('.hn-embed-widget');
+	if (frames.length === 0) {
+		return;
+	}
+	frames.forEach(async (frame) => {
+		try {
+			const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || '';
+			const iframe = document.createElement('iframe');
+			const host = window.location.hostname;
+			iframe.id = `frame-${frame.id}`;
+			iframe.sandbox =
+				'allow-same-origin allow-forms allow-presentation allow-scripts allow-popups';
+			iframe.src =
+				host.indexOf('.hashnode.net') !== -1 || host.indexOf('.app.localhost') !== -1
+					? `${baseUrl}/api/pub/${pubId}/embed/${frame.id}`
+					: `https://embeds.hashnode.co?p=${pubId}&w=${frame.id}`;
+			iframe.width = '100%';
+			frame.innerHTML = '';
+			frame.appendChild(iframe);
+			setTimeout(() => {
+				// TODO:
+				// eslint-disable-next-line no-undef
+				iFrameResize({ log: false, autoResize: true }, `#${iframe.id}`);
+			}, 1000);
+			frame.setAttribute('class', 'hn-embed-widget-expanded');
+		} catch (e) {
+			console.log(e);
+		}
+	});
+};