DMleadgen
46d973904b
Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
51 lines
954 B
Text
51 lines
954 B
Text
/**
|
|
*
|
|
* Format component stack into pseudo HTML
|
|
* component stack is an array of strings, e.g.: ['p', 'p', 'Page', ...]
|
|
*
|
|
* For html tags mismatch, it will render it for the code block
|
|
*
|
|
* ```
|
|
* <pre>
|
|
* <code>{`
|
|
* <Page>
|
|
* <p red>
|
|
* <p red>
|
|
* `}</code>
|
|
* </pre>
|
|
* ```
|
|
*
|
|
* For text mismatch, it will render it for the code block
|
|
*
|
|
* ```
|
|
* <pre>
|
|
* <code>{`
|
|
* <Page>
|
|
* <p>
|
|
* "Server Text" (green)
|
|
* "Client Text" (red)
|
|
* </p>
|
|
* </Page>
|
|
* `}</code>
|
|
* ```
|
|
*
|
|
* For bad text under a tag it will render it for the code block,
|
|
* e.g. "Mismatched Text" under <p>
|
|
*
|
|
* ```
|
|
* <pre>
|
|
* <code>{`
|
|
* <Page>
|
|
* <div>
|
|
* <p>
|
|
* "Mismatched Text" (red)
|
|
* </p>
|
|
* </div>
|
|
* </Page>
|
|
* `}</code>
|
|
* ```
|
|
*
|
|
*/
|
|
export declare function PseudoHtmlDiff({ reactOutputComponentDiff, }: {
|
|
reactOutputComponentDiff: string;
|
|
}): import("react/jsx-runtime").JSX.Element;
|