File "ask-ai.js"

Full Path: /home/exogold/public_html/wp-content/plugins/extendify/src/QuickEdit/lib/ask-ai.js
File size: 2.81 KB
MIME-type: text/x-java
Charset: utf-8

import { useQuickEditStore } from '../state/store';
import { buildAgentBlockDescriptor } from './agent-block-descriptor';

const AGENT_ATTR = 'data-extendify-agent-block-id';
const AGENT_PART_ID = 'data-extendify-part-block-id';

export const isAgentAvailable = () => !!window.extAgentData;

export const hasAgentBlockSelected = () => {
	if (!isAgentAvailable()) return false;
	return !!useQuickEditStore.getState().agentBlock;
};

// listener(hasBlock: boolean). Returns an unsubscribe fn.
export const subscribeToAgentBlock = (listener) => {
	if (!isAgentAvailable()) return () => {};
	let prev = !!useQuickEditStore.getState().agentBlock;
	return useQuickEditStore.subscribe((state) => {
		const next = !!state.agentBlock;
		if (next !== prev) {
			prev = next;
			listener(next);
		}
	});
};

const findAgentTagged = (el) => {
	let node = el;
	while (node && node !== document.body) {
		if (node.hasAttribute?.(AGENT_ATTR) || node.hasAttribute?.(AGENT_PART_ID)) {
			return node;
		}
		node = node.parentElement;
	}
	return null;
};

// Focus the agent chat textarea so the user can type their request right
// away. The textarea is created when the panel mounts; the brief retry
// covers the open-from-closed case where it isn't in the DOM yet (when the
// sidebar is already open it's found on the first try). preventScroll keeps
// the block the user just clicked in view rather than yanking to the chat.
const focusChatInput = (tries = 20) => {
	// Pinning a block puts focus on its pill; a late retry would yank it away.
	if (document.activeElement?.closest?.('.extendify-quick-edit-bar')) return;
	const ta = document.querySelector('#extendify-agent-chat-textarea');
	if (ta) {
		ta.focus({ preventScroll: true });
		return;
	}
	if (tries > 0) setTimeout(() => focusChatInput(tries - 1), 50);
};

export const askAiAboutElement = async (el) => {
	if (!isAgentAvailable()) return;

	const match = findAgentTagged(el);

	// setBlock before setOpen so DOMHighlighter sees the block on mount.
	const { useGlobalStore } = await import('@agent/state/global');
	const { useEditModeStore } = await import('@quick-edit/state/edit-mode');

	if (match) {
		// Edit mode is the gate that mounts DOMHighlighter — turn it on so
		// the X-close indicator renders alongside the selection. Skip
		// re-setting agentBlock when the user is re-clicking Ask AI on
		// the already-staged block: pushing a new descriptor would churn
		// DOMHighlighter and any workflow that pinned the block.
		useEditModeStore.getState().setOn(true);
		const next = buildAgentBlockDescriptor(match);
		const current = useQuickEditStore.getState().agentBlock;
		if (!current || current.id !== next.id || current.target !== next.target) {
			useQuickEditStore.setState({
				agentBlock: next,
				agentBlockCode: null,
			});
		}
	}
	useGlobalStore.getState().setOpen(true);

	focusChatInput();
};