| Server IP : 104.21.80.1 / Your IP : 216.73.216.150 Web Server : LiteSpeed System : Linux premium151.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 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/././tempvsty/./eaabusiness.com/kaleem/hilwa/wp-content/plugins/extendify/src/Agent/ |
Upload File : |
import domReady from '@wordpress/dom-ready';
import { useEffect } from '@wordpress/element';
import { registerPlugin } from '@wordpress/plugins';
import { render } from '@shared/lib/dom';
import { isOnLaunch } from '@shared/lib/utils';
import { AdminBar } from '@agent/components/buttons/AdminBar';
import { Mobile } from '@agent/components/buttons/Mobile';
import { PostEditor } from '@agent/components/buttons/PostEditor';
// TODO: Sometimes the admin bar is crowded, so a smarter way would be to do some analysis first and position these accordingly.
// Global toolbar
domReady(() => {
if (isOnLaunch()) return;
const id = 'wp-admin-bar-extendify-agent-btn';
if (document.getElementById(id)) return;
const agent = Object.assign(document.createElement('li'), {
className: 'extendify-agent',
id,
});
agent.style.height = '1.75rem';
document.querySelector('#wp-admin-bar-my-account')?.before(agent);
render(<AdminBar />, agent);
});
// Mobile
domReady(() => {
if (isOnLaunch()) return;
const id = 'extendify-agent-mobile-btn';
if (document.getElementById(id)) return;
const agent = Object.assign(document.createElement('div'), {
className: 'extendify-agent',
id,
});
agent.style.position = 'sticky';
agent.style.top = 'calc(100% - var(--extendify-agent-mobile-btn-height))';
agent.style.bottom = '0';
agent.style.zIndex = '9999';
document.body.appendChild(agent);
render(<Mobile />, agent);
});
// In editor
registerPlugin('extendify-agent-buttons', {
render: () => <AgentButton />,
});
const AgentButton = () => {
useEffect(() => {
if (isOnLaunch()) return;
const id = 'extendify-agent-editor-btn';
if (document.getElementById(id)) return;
const agent = Object.assign(document.createElement('span'), {
className: 'extendify-agent',
id,
});
requestAnimationFrame(() => {
requestAnimationFrame(() => {
if (document.getElementById(id)) return;
const page = '[aria-controls="edit-post:document"]';
const fse = '[aria-controls="edit-site:template"]';
document.querySelector(page)?.after(agent);
document.querySelector(fse)?.after(agent);
render(<PostEditor />, agent);
});
});
}, []);
return null;
};