fix: astro check fails on @vercel/speed-insights/astro missing types (#…

…41)

packages/web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vercel/speed-insights",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Speed Insights is a tool for measuring web performance and providing suggestions for improvement.",
   "keywords": [
     "speed-insights",
@@ -19,7 +19,8 @@
       "require": "./dist/index.js"
     },
     "./astro": {
-      "import": "./dist/astro/index.astro"
+      "import": "./dist/astro/index.astro",
+      "types": "./dist/astro/index.astro.tsx"
     },
     "./next": {
       "browser": "./dist/next/index.mjs",

packages/web/src/astro/index.astro

@@ -3,7 +3,6 @@
 import type { SpeedInsightsProps } from '../index.d.ts';
 type Props = Omit<SpeedInsightsProps, 'framework' | 'beforeSend'>;
 
-// beforeSend?
 const propsStr = JSON.stringify(Astro.props);
 const paramsStr = JSON.stringify(Astro.params);
 ---
@@ -25,11 +24,11 @@ const paramsStr = JSON.stringify(Astro.params);
           const props = JSON.parse(this.dataset.props ?? '{}');
           const params = JSON.parse(this.dataset.params ?? '{}');
           const route = computeRoute(this.dataset.pathname ?? '', params);
-          injectSpeedInsights({ 
-            route, 
-            ...props, 
+          injectSpeedInsights({
+            route,
+            ...props,
             framework: 'astro',
-            beforeSend: window.speedInsightsBeforeSend
+            beforeSend: window.speedInsightsBeforeSend,
           });
         } catch (err) {
           throw new Error(`Failed to parse SpeedInsights properties: ${err}`);

packages/web/src/types.ts

@@ -39,6 +39,8 @@ declare global {
     siq?: SpeedInsights['queue'];
 
     sil?: boolean;
-    // vam?: Mode;
+
+    /** used by Astro component only */
+    speedInsightsBeforeSend?: BeforeSendMiddleware;
   }
 }