feat: add isAstro flag

This allows us to change logic in components based on the renderer

Author: petergoes

packages/website/astro.config.ts

@@ -47,6 +47,8 @@ const cspConfig = process.env['NODE_ENV'] === 'development' ? cspDevConfig : csp
 // generation of the content collections.
 globalThis.unlistedPages = new Set();
 
+globalThis.isAstro = true;
+
 // https://astro.build/config
 export default defineConfig({
   publicDir: '../../static',

packages/website/src/env.d.ts

@@ -8,4 +8,6 @@ declare global {
    * generation of the content collections.
    */
   var unlistedPages: Set<string>;
+
+  var isAstro: boolean | undefined;
 }

src/components/ComponentPage.tsx

@@ -198,6 +198,8 @@ interface IntroductionProps extends ComponentPageSectionProps {
 export const Introduction = ({ component, headingLevel, description }: IntroductionProps) => {
   const relayStep = component && COMPONENT_STATES[component.relayStep];
 
+  if (globalThis.isAstro) return null;
+
   return (
     component && (
       <>