/* WP Site Beam — WP Health
Unified dashboard pulling WP + WooCommerce + installed plugin health.
Matches WPSB plugin's WORDPRESS section (Site Info / SEO / Security / Reports).
Data strategy:
- Internal users (partner / admin / sa / dev) see Conceptualized Design data
— dev.wpsitebeam.io, wpsitebeam.io, conceptualized.design
- External users (customer / marketing) see demo data that's replaced on scan
- Empty state shown for the "first site" placeholder in every demo set
*/
function WPHealth() {
const { useState, useMemo } = React;
const [s] = window.useWPSBD();
const [tab, setTab] = useState('siteinfo');
// Pick a dataset based on role. Internal = actualRole or role in the internal set.
const internalRoles = new Set(['partner','admin','sa','dev']);
const effectiveRole = s.actualRole && s.actualRole !== 'sa' ? s.actualRole : s.role;
const isInternal = internalRoles.has(effectiveRole) || internalRoles.has(s.role);
const SITES = isInternal ? CD_SITES : DEMO_SITES;
const [siteIdx, setSiteIdx] = useState(() => {
// Deep-link: if Sites page stashed a site name in localStorage, honor it once
try {
const preferred = localStorage.getItem('wpsb-wphealth-site');
if (preferred) {
localStorage.removeItem('wpsb-wphealth-site');
const sites = isInternal ? CD_SITES : DEMO_SITES;
const i = sites.findIndex(x => x.name === preferred || x.url.includes(preferred));
if (i >= 0) return i;
}
} catch(e){}
return 0;
});
const site = SITES[Math.min(siteIdx, SITES.length - 1)];
const tabs = [
{ id:'siteinfo', label:'Site Info', icon:'globe', desc:'WP environment, server, plugins & theme' },
{ id:'seo', label:'SEO', icon:'spark', desc:'Unified SEO dashboard across plugins' },
{ id:'security', label:'Security', icon:'shield', desc:'SSL, core updates, user & plugin security' },
{ id:'reports', label:'Reports', icon:'chart', desc:'Site health, monthly reports & form analytics' },
];
// Agency name for INTERNAL pill — pulled from saved brand profile so it
// updates when the user configures their white-label brand.
const agencyShort = (() => {
try {
const b = JSON.parse(localStorage.getItem('wpsb-agency-brand') || '{}');
const name = b.agencyName || 'Agency';
// Short initials for the pill (max 3 chars)
return name.split(/\s+/).filter(Boolean).map(w => w[0]).join('').slice(0,3).toUpperCase();
} catch(e) { return 'AGENCY'; }
})();
// Connection status — derived from the picked site's health.
// 'good' = connected & synced, 'warn' = stale, 'bad' = plugin not reporting.
const curSite = SITES[siteIdx] || SITES[0];
const connStatus = curSite?.health === 'good' ? 'ok' : curSite?.health === 'warn' ? 'warn' : 'bad';
const connLabel = connStatus === 'ok' ? 'Connected' : connStatus === 'warn' ? 'Syncing' : 'Disconnected';
const connColor = connStatus === 'ok' ? 'var(--green)' : connStatus === 'warn' ? 'var(--warn)' : 'var(--red)';
const lastSync = curSite?.health === 'good' ? '2m ago' : curSite?.health === 'warn' ? '4h ago' : 'never';
return (
WP Health
{/* Live connection status — replaces old static v1.0 pill.
Shows every role a useful "is my site talking to us right now?" signal. */}
{connLabel.toUpperCase()} · {lastSync}
{/* Internal-only pill — dynamic agency initials from brand profile */}
{isInternal && INTERNAL · {agencyShort}}
}
sub={`WordPress environment, SEO, security & reports — live data from the WPSB plugin. ${isInternal ? `Showing internal ${agencyShort} infrastructure.` : 'Example data — auto-replaced once the plugin connects.'}`}
actions={<>
{/* Site picker */}
↳ These buttons are live-wired through the WP Site Beam plugin:
Open {site.seo_plugin.split(' ')[0]} deep-links to /wp-admin/admin.php?page={site.seo_plugin.toLowerCase().includes('yoast') ? 'wpseo_dashboard' : site.seo_plugin.toLowerCase().includes('rank') ? 'rank-math' : 'wds_wizard'},
Sitemap opens the plugin-generated XML sitemap, and Social previews OG/Twitter tags pulled via get_post_meta(). If the SEO plugin is deactivated, the buttons fall back to a "not installed" state.
OAuth 2.0 · property G-WPSB{site.url.replace(/\W/g,'').slice(0,6).toUpperCase()} · GA Data API v1
{/* GSC row */}
!
Google Search Console · not connected
Needed for impressions, CTR, ranking keywords — feeds Content SEO
↳ Native OAuth integrations — no MonsterInsights/ExactMetrics/Site Kit required. GA4 via the Google Analytics Data API, GSC via the Search Console API. Tokens are stored encrypted on our Railway backend and refreshed automatically. If a GA plugin is installed we'll detect it and offer a one-click migration.
)}
{/* Tracking Pixels & Marketing Plugins */}
Tracking Pixels & Marketing Plugins
{site.tracking ? (
● {site.tracking.pixels.filter(p=>p.status==='firing').length} firing · {site.tracking.pixels.filter(p=>p.status==='stale').length} stale · {site.tracking.pixels.filter(p=>p.status==='missing').length} not installed
) : (
Scan site to detect pixels
)}
{!site.tracking ? (
Run a scan to detect tracking pixels and marketing plugins on this site.