Michael Chihlas
05646465b8
Stripe's compliance crawler fetches the apex URL without executing JS and declined live-mode review when `https://resolutionflow.com/` returned the empty SPA shell that redirected to /landing client-side. Restructure the router so / serves LandingPage directly: - `/` → new `PublicLanding` wrapper (LandingPage for anon; Navigate to /home for authed users so there's no marketing-frame flicker). - Authed tree converted to a path-less layout route with absolute child paths. QuickStartPage moves to `/home`; all other children (`/trees`, `/pilot`, `/admin/*`, `/account/*`, etc.) keep their URLs. - `/landing` kept as a one-release stale-bookmark redirect to /. - `ProtectedRoute` unauth redirect flipped /landing → /; `state.from` preserved for post-login return. Reference updates: - Post-login / post-onboarding destinations → /home: OAuthCallbackPage (incl. `?welcome=teammate` query), WelcomeStep1/2/3 dismiss-rest, AssistantChatPage post-escalate, WelcomeRouter completion/dismiss redirects, VerifyEmailPage's three "Go to dashboard" links. - Authed chrome → /home: TopBar logo, AppLayout mobile nav + drawer logo, CommandPalette Dashboard entry. - Dashboard onboarding → /home: NextStepCard `ran_session.ctaPath`, SetupChecklist `ran_session.path`, SessionHistoryPage empty-state CTA. - Public back-links → /: TermsPage, PrivacyPage, PoliciesPage, ContactPage, PromotionsPage, PublicTemplatesPage (header + footer). SharedSessionPage's `to="/"` left as-is — now correctly lands anon visitors on the public landing. Crawlability: - New `frontend/public/robots.txt` allowlisting public pages and disallowing the authed app. - New `frontend/public/sitemap.xml` for /, /pricing, /contact-sales, /contact, /templates, /terms, /privacy, /policies, /promotions. - `PageMeta` gains an `og:url` (defaults to `window.location.href`) and flips `twitter:card` to `summary_large_image` when an `ogImage` is passed. Tests: - `AppLayout.test.tsx` updated to mount at `/home`. - New `ProtectedRoute.test.tsx` asserts unauthenticated `/home` redirects to `/` (not `/landing`) and preserves origin in `state.from`. If Stripe's crawler still cannot see the site after this (zero-JS crawler), the documented next escalation is server-side prerendering of public routes via `vite-plugin-ssg`. Out of scope here. Plan: docs/plans/2026-05-13-public-landing-routing-refactor.md Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
53 lines
1.7 KiB
TypeScript
53 lines
1.7 KiB
TypeScript
import { Helmet } from 'react-helmet-async'
|
|
|
|
interface PageMetaProps {
|
|
title?: string
|
|
description?: string
|
|
ogImage?: string
|
|
ogType?: string
|
|
/** Canonical/Open Graph URL. Defaults to `window.location.href` in the browser. */
|
|
url?: string
|
|
}
|
|
|
|
const SITE_NAME = 'ResolutionFlow'
|
|
const DEFAULT_TAGLINE = 'AI-Powered Troubleshooting for MSPs'
|
|
const DEFAULT_DESCRIPTION = 'Transform troubleshooting into guided workflows with automatic documentation'
|
|
|
|
/**
|
|
* Sets page-level <title> and Open Graph meta tags.
|
|
* Wrap the app in <HelmetProvider> (see main.tsx).
|
|
*/
|
|
export function PageMeta({
|
|
title,
|
|
description = DEFAULT_DESCRIPTION,
|
|
ogImage,
|
|
ogType = 'website',
|
|
url,
|
|
}: PageMetaProps) {
|
|
const fullTitle = title ? `${title} | ${SITE_NAME}` : `${SITE_NAME} — ${DEFAULT_TAGLINE}`
|
|
const resolvedUrl =
|
|
url ?? (typeof window !== 'undefined' ? window.location.href : undefined)
|
|
const twitterCard = ogImage ? 'summary_large_image' : 'summary'
|
|
|
|
return (
|
|
<Helmet>
|
|
<title>{fullTitle}</title>
|
|
<meta name="description" content={description} />
|
|
|
|
{/* Open Graph */}
|
|
<meta property="og:title" content={fullTitle} />
|
|
<meta property="og:description" content={description} />
|
|
<meta property="og:type" content={ogType} />
|
|
<meta property="og:site_name" content={SITE_NAME} />
|
|
{resolvedUrl && <meta property="og:url" content={resolvedUrl} />}
|
|
{ogImage && <meta property="og:image" content={ogImage} />}
|
|
|
|
{/* Twitter */}
|
|
<meta name="twitter:card" content={twitterCard} />
|
|
<meta name="twitter:title" content={fullTitle} />
|
|
<meta name="twitter:description" content={description} />
|
|
{ogImage && <meta name="twitter:image" content={ogImage} />}
|
|
</Helmet>
|
|
)
|
|
}
|