feat: convert integrations to TS

[florian-lefebvre]

Changes

• Extracted from chore: clean dead code #13591
• Updates React, Svelte and Vue integrations to TypeScript to match Solid and Preact

Testing

Should still pass

Docs

Changeset

[changeset-bot]

🦋 Changeset detected

Latest commit: 77d5f9b

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[florian-lefebvre]

Technically a changeset is not required since it's a refactor but I prefer to add one here to play it safe

[ematipico]

e2e tests are failing

[eikowagenknecht]

a19a185#diff-ba61f66c23d3acf1a091d002e9c3e9b206bab065742b39149717d21926c13651R43

This change makes the type of reactRenderer incompatible with the signature of addServerRenderer. E.g. This code:

  container.addServerRenderer({
    renderer: reactRenderer,
    name: "@astrojs/react",
  });

now fails with:

src/pages/rss.xml.ts:26:5 - error TS2322: Type '{ name: string; check: (this: RendererContext, Component: any, props: Record<string, any>, children: any) => Promise<any>; renderToStaticMarkup: (this: RendererContext, Component: any, props: Record<...>, { default: children, ...slotted }: Record<...>, metadata: AstroComponentMetadata) => Promise<...>; supportsAstro...' is not assignable to type 'NamedSSRLoadedRendererValue | SSRLoadedRendererValue'.
  Type '{ name: string; check: (this: RendererContext, Component: any, props: Record<string, any>, children: any) => Promise<any>; renderToStaticMarkup: (this: RendererContext, Component: any, props: Record<...>, { default: children, ...slotted }: Record<...>, metadata: AstroComponentMetadata) => Promise<...>; supportsAstro...' is not assignable to type 'SSRLoadedRendererValue'.
    Types of property 'renderToStaticMarkup' are incompatible.
      Type '(this: RendererContext, Component: any, props: Record<string, any>, { default: children, ...slotted }: Record<string, any>, metadata: AstroComponentMetadata) => Promise<...>' is not assignable to type 'AsyncRendererComponentFn<{ html: string; attrs?: Record<string, string>; }>'.
        Types of parameters 'metadata' and 'metadata' are incompatible.
          Type 'AstroComponentMetadata | undefined' is not assignable to type 'AstroComponentMetadata'.
            Type 'undefined' is not assignable to type 'AstroComponentMetadata'.

26     renderer: reactRenderer,
       ~~~~~~~~

  node_modules/.pnpm/[email protected]_@types+node@22._8ac90e0a515cf726370157c604a2e39c/node_modules/astro/dist/container/index.d.ts:84:5
    84     renderer: NamedSSRLoadedRendererValue;
           ~~~~~~~~
    The expected type comes from property 'renderer' which is declared here on type 'AddServerRenderer'


Found 1 error in src/pages/rss.xml.ts:26

Had to revert back to react 4.2.4 for now.

[ematipico]

@eikowagenknecht can you please create an issue?

[eikowagenknecht]

Done, #13712