{sprintf(__('Quarantined modules: %s — check the error, then clear the quarantine.', 'ai-rank-suite'), Object.keys(data.modules.quarantine).join(', '))}
)}
{/*
* Front-end faults.
*
* These are the failures nobody would otherwise find. A callback
* of ours threw on a public page, the guard caught it so the
* visitor got a working site, and with WP_DEBUG off on a
* production install that is the end of the story — no error,
* no white screen, nothing in any log. The page rendered; it
* just quietly rendered without our tags on it.
*/}
{(data.hook_faults || []).length > 0 && (
{__('Where', 'ai-rank-suite')}
{__('Error', 'ai-rank-suite')}
{__('Times', 'ai-rank-suite')}
{data.hook_faults.map((f) => (
{f.label}
{f.message}
{f.class} · {f.file}:{f.line}
{f.count}
))}
{__('Send this to support as it is — the file and line are the whole diagnosis. Clearing the quarantine below also empties this list, so fix first and clear second.', 'ai-rank-suite')}
)}
{MAINTENANCE.map((m) => (
{m.label}
{m.hint}
))}
{/* items-start: a grid cell stretches its table, and a 2-row table
stretched to a 7-row table's height spreads those two rows 120px
apart. */}
{__('Table', 'ai-rank-suite')}
{__('Rows', 'ai-rank-suite')}
{data.tables.map((t) => (
{t.name}
{t.rows}
))}
{__('Scheduled job', 'ai-rank-suite')}
{__('Next run', 'ai-rank-suite')}
{data.crons.map((c) => (
{c.hook}
{c.next || __('not scheduled', 'ai-rank-suite')}
))}
);
}
/**
* Which third-party plugins we can read from, and which are live here.
* Answering "does this work with my stack?" without a support ticket.
*/
function Integrations() {
const [rows, setRows] = useState(null);
useEffect(() => {
api.get('/integrations').then((r) => setRows(r.integrations)).catch(() => setRows([]));
}, []);
if (!rows) return {__('Loading…', 'ai-rank-suite')};
const active = rows.filter((r) => r.active);
return (
{[...rows].sort((a, b) => Number(b.active) - Number(a.active)).map((r) => (
{r.active ? '✓' : '○'}
{r.label}
{r.provides}
))}
);
}
function Hooks({ data }) {
/*
* Grouped by module, the way SEOPress groups by area — an agency looking
* to bend the schema output should not have to scan the autopilot's hooks
* to find it. The list itself is generated from the code that fires the
* hooks (bin/hooks.php), so it cannot disagree with the plugin it ships in.
*/
const groups = [];
const byModule = new Map();
(data.hooks || []).forEach((h) => {
if (!byModule.has(h.module)) {
byModule.set(h.module, []);
groups.push(h.module);
}
byModule.get(h.module).push(h);
});
return (
);
}
/**
* REST console: the route catalogue, plus a "Try" that fires a real GET and
* shows the live JSON. Only GET — a developer poking at the API wants to see
* shapes, and a one-click DELETE in a reference table is how data goes
* missing. Writes are documented, not offered.
*/
function Api({ data }) {
const [filter, setFilter] = useState('');
const [live, setLive] = useState(null); // { route, status, ms, body }
const [busy, setBusy] = useState(null);
// The namespace root itself is in the list WordPress hands back; it is
// index metadata, not one of our routes, and printed as an empty row.
// The namespace root is index metadata WordPress adds, not one of ours.
const all = data.routes.filter((r) => r.route !== '/airanksuite/v1');
const routes = all.filter((r) => !filter || r.route.toLowerCase().includes(filter.toLowerCase()));
const runnable = (r) => r.methods.includes('GET') && !/\(\?P\d+)`. Nobody types that, and it is the widest
* thing in the column. Show the placeholder the way documentation writes
* it — the raw pattern stays in the title attribute for anyone who needs
* the real expression.
*/
const pretty = (route) =>
route.replace(/^\/airanksuite\/v1/, '').replace(/\(\?P<([a-z_]+)>[^)]*\)/gi, '{$1}') || '/';
const tryRoute = async (r) => {
setBusy(r.route);
const path = r.route.replace(/^\/airanksuite\/v1/, '');
const started = performance.now();
try {
const body = await api.get(path);
setLive({ route: r.route, status: 200, ms: Math.round(performance.now() - started), body });
} catch (e) {
setLive({ route: r.route, status: e.status || 'error', ms: Math.round(performance.now() - started), body: { error: e.message } });
} finally {
setBusy(null);
}
};
/*
* Side by side only when both halves can actually be read.
*
* At the lg breakpoint the admin sidebar leaves so little room that the
* routes card was squeezed to about 190px and its subtitle broke one word
* per line. Below xl the response panel sits underneath at full width.
*/
return (
setFilter(e.target.value)}
style={{ minHeight: 30, width: 180 }}
/>
}
flush
>
{/* Fits, so nothing scrolls sideways.
A floor width on the table made the card wider than its grid
column, and the whole page then scrolled horizontally — worse
than the clipping it was meant to fix. The action column is
now wide enough for the button on its own (96px against a
52px button and 16px of padding), so the table can simply be
100% of whatever space it gets and the route cell truncates. */}
{/* 96px, not 68: the cell carries 14px of padding on each
side, so a 68px column left 40px for a 52px button and
clipped it. The action column also drops its padding. */}
{__('Route', 'ai-rank-suite')}
{__('Methods', 'ai-rank-suite')}
{routes.map((r) => (
{pretty(r.route)}
{r.methods.map((m) => (
{m}
))}
{/* A route with an {id} placeholder cannot be called
blind, and a write must not be fired from a
documentation screen. Say which it is instead of
leaving an unexplained gap. */}
{!runnable(r) && (
{/\(\?P
)}
{runnable(r) && (
)}