feat: route support for Astro, Nuxt, Remix, Sveltekit and Vue

[feugy]

🖖 What's in there?

A long due story: route support to masses.
It also includes latest fix for route computation from Speed Insights.

🤺 How to test?

I brought similar tests application as we have in speed-insights to test them.

When browsing them with network tab opened, filtering "view" request, we should see pageviews (and custom events) with dp (dynamic path) property holding route values.

You can check real results here:

• nextjs 15
• nextjs 14
• sveltekit
• nuxt
• astro
• vue (vue doesn't have route support by default)
• remix

Warning you'll need to enable flag enable-web-analytics-panel-switcher in order to view page views by routes in Web Analytics
Warning these are preview branches, so you need to select preview in Web Analytics env dropdown

🔬Notes to reviewers

I know it's a lot, but you can basically ignore most of the code in apps/* and focus on the code within packages/web

🔗 Related PRs

• fix: utm parameters takes precedence over route params speed-insights#82

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
analytics-astro	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm
analytics-next15	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm
analytics-nextjs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm
analytics-nuxt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm
analytics-remix	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm
analytics-sveltekit	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm
analytics-vue	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 6, 2024 5:10pm

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@astrojs/check@0.5.4	Transitive: environment, eval, filesystem, network, shell, unsafe	+101	25.2 MB	fredkschott
npm/@remix-run/css-bundle@2.5.0	None	0	9.84 kB	mjackson
npm/@remix-run/dev@2.5.0	environment, filesystem Transitive: eval, network, shell, unsafe	+469	43.6 MB	mjackson
npm/@remix-run/eslint-config@2.5.0	Transitive: environment, eval, filesystem, shell, unsafe	+258	35.9 MB	mjackson
npm/@sveltejs/adapter-vercel@5.4.6	environment Transitive: eval, filesystem, network, shell, unsafe	+75	3.41 MB	svelte-admin
npm/@sveltejs/kit@2.7.5	environment, eval Transitive: filesystem	+18	1.65 MB	svelte-admin
npm/@sveltejs/vite-plugin-svelte@4.0.0	Transitive: environment	+9	859 kB	svelte-admin
npm/@swc/core@1.8.0	None	+2	208 kB	kdy1, kwonoj
npm/@swc/jest@0.2.37	Transitive: environment, filesystem	+17	902 kB	kdy1, kwonoj
npm/@testing-library/jest-dom@6.6.3	None	+15	2.45 MB	brrianalexis, cmckinstry, dfcook, ...13 more
npm/@testing-library/react@16.0.1	environment Transitive: eval	+22	4 MB	testing-library-bot
npm/@types/node@20.17.6	None	+1	2.3 MB	types
npm/@types/react-dom@18.0.8	None	0	28.8 kB	types
npm/@types/react@18.3.12	None	+2	1.69 MB	types
npm/@vitejs/plugin-vue@5.1.4	environment	0	193 kB	vitebot
npm/astro@4.10.0	Transitive: environment, eval, filesystem, network, shell	+340	57.3 MB	fredkschott
npm/eslint@8.56.0	environment, filesystem Transitive: eval, shell, unsafe	+98	10.5 MB	eslintbot
npm/nuxt@3.14.0	Transitive: environment, eval, filesystem, network, shell, unsafe	+647	139 MB	danielroe
npm/svelte-check@4.0.5	Transitive: environment, filesystem	+10	5.58 MB	dummdidumm, orta, svelte-language-tools-deploy
npm/svelte@5.1.10	None	+17	4.75 MB	svelte-admin
npm/typescript@5.6.3	None	0	22.4 MB	typescript-bot
npm/vite@5.4.10	Transitive: environment, filesystem, network, shell	+7	6.39 MB	antfu, patak, soda, ...2 more
npm/vue-router@4.4.5	None	+1	864 kB	posva, yyx990803
npm/vue@3.5.12	Transitive: environment, filesystem	+22	16.1 MB	posva, soda, yyx990803

🚮 Removed packages: npm/@remix-run/dev@2.0.1, npm/@remix-run/eslint-config@2.0.1, npm/@remix-run/node@2.0.1, npm/@remix-run/react@2.0.1, npm/@remix-run/serve@2.0.1, npm/@swc/core@1.3.66, npm/@swc/jest@0.2.26, npm/@tailwindcss/typography@0.5.10, npm/@types/eslint@8.4.10, npm/@types/eslint@8.44.3, npm/@types/node@18.11.9, npm/@types/node@18.18.4, npm/@types/node@20.3.1, npm/@types/react-dom@18.0.9, npm/@types/react-dom@18.2.11, npm/@types/react@18.2.14, npm/@types/react@18.2.25, npm/@types/testing-library__jest-dom@5.14.6, npm/@vercel/analytics@1.1.0, npm/@vercel/remix@2.0.1, npm/autoprefixer@10.4.13, npm/autoprefixer@10.4.16, npm/cross-env@7.0.3, npm/eslint-config-prettier@8.10.0, npm/eslint@8.51.0, npm/jest-environment-jsdom@29.5.0, npm/jest@29.5.0, npm/next@13.5.4, npm/prettier-plugin-tailwindcss@0.1.13, npm/prettier@2.7.1, npm/tailwindcss@3.3.3, npm/tiny-invariant@1.3.1, npm/ts-node@10.9.1, npm/tsconfig-paths@4.1.0, npm/typescript@5.1.6, npm/typescript@5.2.2

View full report↗︎

[tobiaslins]

for finally getting this over the finish line! great work