Skip to content

Commit 65774ea

Browse files
markdalgleishmarkdalgleish
authored
Support rolldown-vite in integration tests (#13388)
1 parent 18f1b70 commit 65774ea

File tree

21 files changed

+1582
-1028
lines changed

21 files changed

+1582
-1028
lines changed

‎integration/fs-routes-test.ts

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,6 @@ test.describe("fs-routes", () => {
1919
test.beforeAll(async () => {
2020
fixture = await createFixture({
2121
files: {
22-
"vite.config.js": js`
23-
import { defineConfig } from "vite";
24-
import { reactRouter } from "@react-router/dev/vite";
25-
26-
export default defineConfig({
27-
plugins: [reactRouter()],
28-
});
29-
`,
3022
"app/routes.ts": js`
3123
import { type RouteConfig } from "@react-router/dev/routes";
3224
import { flatRoutes } from "@react-router/fs-routes";

‎integration/helpers/create-fixture.ts

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ import {
1818
import { createRequestHandler as createExpressHandler } from "@react-router/express";
1919
import { createReadableStreamFromReadable } from "@react-router/node";
2020

21-
import { viteConfig, reactRouterConfig } from "./vite.js";
21+
import { type TemplateName, viteConfig, reactRouterConfig } from "./vite.js";
2222

2323
const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
2424
const root = path.join(__dirname, "../..");
@@ -31,6 +31,7 @@ export interface FixtureInit {
3131
spaMode?: boolean;
3232
prerender?: boolean;
3333
port?: number;
34+
templateName?: TemplateName;
3435
}
3536

3637
export type Fixture = Awaited<ReturnType<typeof createFixture>>;
@@ -362,7 +363,7 @@ export async function createFixtureProject(
362363
init: FixtureInit = {},
363364
mode?: ServerMode
364365
): Promise<string> {
365-
let template = "vite-5-template";
366+
let template = init.templateName ?? "vite-5-template";
366367
let integrationTemplateDir = path.resolve(__dirname, template);
367368
let projectName = `rr-${template}-${Math.random().toString(32).slice(2)}`;
368369
let projectDir = path.join(TMP_DIR, projectName);
@@ -424,6 +425,9 @@ function build(projectDir: string, buildStdio?: Writable, mode?: ServerMode) {
424425
env: {
425426
...process.env,
426427
NODE_ENV: mode || ServerMode.Production,
428+
// Ensure build can pass in Rolldown. This can be removed once
429+
// "preserveEntrySignatures" is supported in rolldown-vite.
430+
ROLLDOWN_OPTIONS_VALIDATION: "loose",
427431
},
428432
});
429433

‎integration/helpers/vite-rolldown-template/.gitignore

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
node_modules
2+
3+
/.cache
4+
/build
5+
.env
6+
.react-router

‎integration/helpers/vite-rolldown-template/app/root.tsx

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
2+
3+
export default function App() {
4+
return (
5+
<html lang="en">
6+
<head>
7+
<meta charSet="utf-8" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<Meta />
10+
<Links />
11+
</head>
12+
<body>
13+
<Outlet />
14+
<ScrollRestoration />
15+
<Scripts />
16+
</body>
17+
</html>
18+
);
19+
}

‎integration/helpers/vite-rolldown-template/app/routes.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
import { type RouteConfig } from "@react-router/dev/routes";
2+
import { flatRoutes } from "@react-router/fs-routes";
3+
4+
export default flatRoutes() satisfies RouteConfig;

‎integration/helpers/vite-rolldown-template/app/routes/_index.tsx

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import type { MetaFunction } from "react-router";
2+
3+
export const meta: MetaFunction = () => {
4+
return [
5+
{ title: "New React Router App" },
6+
{ name: "description", content: "Welcome to React Router!" },
7+
];
8+
};
9+
10+
export default function Index() {
11+
return (
12+
<div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
13+
<h1>Welcome to React Router</h1>
14+
</div>
15+
);
16+
}

‎integration/helpers/vite-rolldown-template/env.d.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/// <reference types="@react-router/node" />
2+
/// <reference types="vite/client" />

‎integration/helpers/vite-rolldown-template/package.json

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
{
2+
"name": "integration-vite-rolldown-template",
3+
"version": "0.0.0",
4+
"private": true,
5+
"sideEffects": false,
6+
"type": "module",
7+
"scripts": {
8+
"dev": "react-router dev",
9+
"build": "cross-env ROLLDOWN_OPTIONS_VALIDATION=loose react-router build",
10+
"start": "react-router-serve ./build/server/index.js",
11+
"typecheck": "react-router typegen && tsc"
12+
},
13+
"dependencies": {
14+
"@react-router/express": "workspace:*",
15+
"@react-router/node": "workspace:*",
16+
"@react-router/serve": "workspace:*",
17+
"@vanilla-extract/css": "^1.10.0",
18+
"@vanilla-extract/vite-plugin": "^3.9.2",
19+
"express": "^4.19.2",
20+
"isbot": "^5.1.11",
21+
"react": "^18.2.0",
22+
"react-dom": "^18.2.0",
23+
"react-router": "workspace:*",
24+
"serialize-javascript": "^6.0.1"
25+
},
26+
"devDependencies": {
27+
"@react-router/dev": "workspace:*",
28+
"@react-router/fs-routes": "workspace:*",
29+
"@react-router/remix-routes-option-adapter": "workspace:*",
30+
"@types/react": "^18.2.20",
31+
"@types/react-dom": "^18.2.7",
32+
"cross-env": "^7.0.3",
33+
"eslint": "^8.38.0",
34+
"typescript": "^5.1.6",
35+
"vite": "npm:[email protected]",
36+
"vite-env-only": "^3.0.1",
37+
"vite-tsconfig-paths": "^4.2.1"
38+
},
39+
"overrides": {
40+
"vite": "npm:[email protected]"
41+
},
42+
"engines": {
43+
"node": ">=20.0.0"
44+
}
45+
}

‎integration/helpers/vite-rolldown-template/public/favicon.ico

14.7 KB
Binary file not shown.

‎integration/helpers/vite-rolldown-template/tsconfig.json

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"include": ["env.d.ts", "**/*.ts", "**/*.tsx", ".react-router/types/**/*"],
3+
"compilerOptions": {
4+
"lib": ["DOM", "DOM.Iterable", "ES2022"],
5+
"verbatimModuleSyntax": true,
6+
"esModuleInterop": true,
7+
"jsx": "react-jsx",
8+
"module": "ESNext",
9+
"moduleResolution": "Bundler",
10+
"resolveJsonModule": true,
11+
"target": "ES2022",
12+
"strict": true,
13+
"allowJs": true,
14+
"skipLibCheck": true,
15+
"baseUrl": ".",
16+
"paths": {
17+
"~/*": ["./app/*"]
18+
},
19+
"noEmit": true,
20+
"rootDirs": [".", ".react-router/types/"]
21+
}
22+
}

0 commit comments

Comments
 (0)