Operation   : Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
Software     : Apache
Server IP    : 162.0.232.56 | Your IP: 216.73.216.111
Domains      : 1034 Domain(s)
Permission   : [ 0755 ]

import { createRoot } from '@wordpress/element';
import { useEffect } from '@wordpress/element';
import { registerPlugin } from '@wordpress/plugins';
import { render } from '@shared/lib/dom';
import { MainButton } from '@library/components/MainButton';
import { Modal } from '@library/components/Modal';
import '@library/library.css';

registerPlugin('extendify-library', {
	render: () => <LibraryButton />,
});

const LibraryButton = () => {
	useEffect(() => {
		if (typeof createRoot !== 'function') return;

		const id = 'extendify-library-btn';
		const className = 'extendify-library';
		const page = '.edit-post-header-toolbar';
		const fse = '.edit-site-header-edit-mode__start';
		if (document.getElementById(id)) return;

		requestAnimationFrame(() => {
			requestAnimationFrame(() => {
				if (document.getElementById(id)) return;
				const btnWrap = document.createElement('div');
				const btn = Object.assign(btnWrap, { id, className });
				document.querySelector(page)?.append(btn);
				document.querySelector(fse)?.append(btn);
				render(<MainButton />, btn);

				const mdl = 'extendify-library-modal';
				if (document.getElementById(mdl)) return;
				const modalWrap = document.createElement('div');
				const modal = Object.assign(modalWrap, { id: mdl, className });
				document.body.append(modal);
				render(<Modal />, modal);
			});
		});
	}, []);
	return null;
};