Merge pull request #25010 from getsentry/prepare-release/11.4.0

meta(changelog): Update changelog for 11.4.0

Author: chargome

CHANGELOG.md

@@ -4,6 +4,11 @@
 
 - "You miss 100 percent of the chances you don't take. — Wayne Gretzky" — Michael Scott
 
+## 11.4.0
+
+- feat(sveltekit): Support stable SvelteKit 3 ([#25009](https://github.com/getsentry/sentry-javascript/pull/25009))
+- fix(remix): Match the Remix 3.0.0 package versions ([#25008](https://github.com/getsentry/sentry-javascript/pull/25008))
+
 ## 11.3.0
 
 ### Important Changes

dev-packages/e2e-tests/test-applications/remix-v3/app/actions/controller.tsx

@@ -1,7 +1,8 @@
 import { createController } from 'remix/router';
-import type { Handle } from 'remix/ui';
+import type { Handle } from 'remix/component';
+import { ImportMap } from 'remix/component/server';
 
-import { assets, entryHref, entryPreloads } from '../assets.ts';
+import { assets, entry } from '../assets.ts';
 import { routes } from '../routes.ts';
 
 function HomePage(handle: Handle<Record<string, never>>) {
@@ -10,10 +11,11 @@ function HomePage(handle: Handle<Record<string, never>>) {
       <head>
         <meta charSet="utf-8" />
         <title>Sentry Remix 3</title>
-        {entryPreloads.map(href => (
+        <ImportMap value={entry.importMap} />
+        {entry.preloads.map(href => (
           <link key={href} rel="modulepreload" href={href} />
         ))}
-        <script type="module" src={entryHref}></script>
+        <script type="module" src={entry.href}></script>
       </head>
       <body>
         <h1 id="home">Sentry Remix 3</h1>

dev-packages/e2e-tests/test-applications/remix-v3/app/actions/public/entry.ts

@@ -1,5 +1,5 @@
 import * as Sentry from '@sentry/remix/v3/client';
-import { createElement, run } from 'remix/ui';
+import { createElement, run } from 'remix/component';
 
 import { throwError } from './throw-error.ts';
 

dev-packages/e2e-tests/test-applications/remix-v3/app/assets.ts

@@ -19,7 +19,5 @@ export const assets = createAssetServer({
   },
 });
 
-const entry = 'app/actions/public/entry.ts';
-
-export const entryHref = await assets.getHref(entry);
-export const entryPreloads = await assets.getPreloads(entry);
+// Served modules keep their bare imports, so the document must render this entry's import map.
+export const entry = await assets.getScriptEntry('app/actions/public/entry.ts');

dev-packages/e2e-tests/test-applications/remix-v3/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@sentry/remix": "file:../../packed/sentry-remix-packed.tgz",
-    "remix": "3.0.0-rc.1"
+    "remix": "3.0.0"
   },
   "devDependencies": {
     "@playwright/test": "~1.56.0",

dev-packages/e2e-tests/test-applications/remix-v3/tests/browser-transform.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from '@playwright/test';
 
-test('the served remix/ui runtime is instrumented', async ({ page, baseURL }) => {
+test('the served remix/component runtime is instrumented', async ({ page, baseURL }) => {
   const served: string[] = [];
   page.on('response', response => {
     if (response.request().resourceType() === 'script') {
@@ -10,7 +10,7 @@ test('the served remix/ui runtime is instrumented', async ({ page, baseURL }) =>
 
   await page.goto('/', { waitUntil: 'load' });
 
-  const runModule = served.find(url => /@remix-run\/ui\/dist\/runtime\/run\.js/.test(decodeURIComponent(url)));
+  const runModule = served.find(url => /@remix-run\/component\/dist\/runtime\/run\.js/.test(decodeURIComponent(url)));
   expect(runModule, 'run.js was not served').toBeDefined();
 
   const code = await (await fetch(runModule as string)).text();

dev-packages/e2e-tests/test-applications/remix-v3/tests/client.test.ts

@@ -18,7 +18,7 @@ test('sends a pageload span', async ({ page }) => {
 test('sends a navigation span for a link the runtime intercepts', async ({ page }) => {
   await page.goto('/');
 
-  // Selected by origin, not just op. `remix/ui` never touches History, so a span from the upstream
+  // Selected by origin, not just op. `remix/component` never touches History, so a span from the upstream
   // handler would mean this SDK did not produce it.
   const spanPromise = waitForStreamedSpan(
     APP_NAME,

dev-packages/e2e-tests/test-applications/remix-v3/tsconfig.json

@@ -12,7 +12,7 @@
     "isolatedModules": true,
     "skipLibCheck": true,
     "jsx": "react-jsx",
-    "jsxImportSource": "remix/ui",
+    "jsxImportSource": "remix/component",
     "noEmit": true
   },
   "exclude": ["tests"]

dev-packages/e2e-tests/test-applications/sveltekit-3-cloudflare-workers/package.json

@@ -19,20 +19,17 @@
   "devDependencies": {
     "@playwright/test": "~1.63.0",
     "@sentry-internal/test-utils": "link:../../../test-utils",
-    "@sveltejs/adapter-cloudflare": "next",
-    "@sveltejs/kit": "next",
-    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "@sveltejs/adapter-cloudflare": "^8.0.0",
+    "@sveltejs/kit": "^3.0.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "cookie": "^2.0.1",
-    "svelte": "^5.48.0",
+    "svelte": "^5.57.1",
     "typescript": "^6.0.0",
-    "vite": "^8.0.0",
+    "vite": "^8.0.12",
     "wrangler": "^4.118.0"
   },
   "volta": {
     "node": "22.20.0",
     "extends": "../../package.json"
-  },
-  "sentryTest": {
-    "optional": true
   }
 }

dev-packages/e2e-tests/test-applications/sveltekit-3/package.json

@@ -20,21 +20,17 @@
   "devDependencies": {
     "@playwright/test": "~1.63.0",
     "@sentry-internal/test-utils": "link:../../../test-utils",
-    "@sveltejs/adapter-auto": "next",
-    "@sveltejs/adapter-node": "next",
-    "@sveltejs/kit": "next",
-    "@sveltejs/vite-plugin-svelte": "^7.1.2",
-    "svelte": "^5.48.0",
+    "@sveltejs/adapter-node": "^6.0.0",
+    "@sveltejs/kit": "^3.0.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
+    "svelte": "^5.57.1",
     "svelte-check": "^4.6.0",
     "typescript": "^6.0.0",
-    "vite": "^8.0.0"
+    "vite": "^8.0.12"
   },
   "volta": {
     "node": "22.20.0",
     "extends": "../../package.json"
   },
-  "sentryTest": {
-    "optional": true
-  },
   "type": "module"
 }