Improve e2e tests and update next template

Add isolated temp dir and spawn env vars to create-sei e2e tests, create the tmp folder, and increase beforeAll/afterAll timeouts to 120s to reduce flakiness; pass TMPDIR/BUN_TMPDIR into spawned processes. Add packages/create-sei/test-output-* to .gitignore. Add packageManager metadata to package.json. Minor import tidy in main.ts. Update next-template globals.css to use explicit base/body styles instead of Tailwind directives and add font-smoothing. Adjust providers.tsx to remove seiDevnet import, use seiTestnet for the devnet case, and remove seiDevnet transport entries to keep chain config consistent with available chains.

Author: codebycarson

.gitignore

@@ -54,3 +54,4 @@ Thumbs.db
 
 packages/registry/chain-registry
 packages/registry/community-assetlist
+packages/create-sei/test-output-*

package.json

@@ -31,5 +31,6 @@
 		"@types/node": "^22.13.13",
 		"mint": "^4.1.57",
 		"typescript": "^5.8.2"
-	}
+	},
+	"packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
 }

packages/create-sei/src/__tests__/e2e.test.ts

@@ -5,6 +5,13 @@ import path from "node:path";
 const packageDir = path.resolve(import.meta.dir, "../..");
 const cliPath = path.join(packageDir, "dist", "main.js");
 const e2eDir = path.join(packageDir, "test-output-e2e");
+const e2eTmpDir = path.join(e2eDir, ".tmp");
+const e2eTmpDirEnv = `${e2eTmpDir}${path.sep}`;
+const e2eSpawnEnv = {
+	...process.env,
+	TMPDIR: e2eTmpDirEnv,
+	BUN_TMPDIR: e2eTmpDirEnv,
+};
 
 async function runCli(
 	args: string[],
@@ -30,6 +37,7 @@ describe("create-sei CLI e2e", () => {
 	beforeAll(async () => {
 		await fs.promises.rm(e2eDir, { recursive: true, force: true });
 		await fs.promises.mkdir(e2eDir, { recursive: true });
+		await fs.promises.mkdir(e2eTmpDir, { recursive: true });
 
 		// Ensure dist is built
 		const distExists = await fs.promises
@@ -41,11 +49,11 @@ describe("create-sei CLI e2e", () => {
 				"dist/main.js not found. Run `bun run build` in packages/create-sei first.",
 			);
 		}
-	}, 30_000);
+	}, 120_000);
 
 	afterAll(async () => {
 		await fs.promises.rm(e2eDir, { recursive: true, force: true });
-	}, 30_000);
+	}, 120_000);
 
 	test("app --name creates a project directory", async () => {
 		const { exitCode } = await runCli(["app", "--name", "e2e-basic"], e2eDir);
@@ -98,6 +106,7 @@ describe("create-sei CLI e2e", () => {
 			cwd: projectDir,
 			stdout: "pipe",
 			stderr: "pipe",
+			env: e2eSpawnEnv,
 		});
 
 		await proc.exited;
@@ -119,6 +128,7 @@ describe("create-sei CLI e2e", () => {
 			cwd: projectDir,
 			stdout: "pipe",
 			stderr: "pipe",
+			env: e2eSpawnEnv,
 		});
 
 		const [stdout, stderr] = await Promise.all([
@@ -156,6 +166,7 @@ describe("create-sei CLI e2e", () => {
 			cwd: projectDir,
 			stdout: "pipe",
 			stderr: "pipe",
+			env: e2eSpawnEnv,
 		});
 
 		await proc.exited;
@@ -169,6 +180,7 @@ describe("create-sei CLI e2e", () => {
 			cwd: projectDir,
 			stdout: "pipe",
 			stderr: "pipe",
+			env: e2eSpawnEnv,
 		});
 
 		const [stdout, stderr] = await Promise.all([

packages/create-sei/templates/next-template/src/app/globals.css

@@ -1,13 +1,13 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
-@layer base {
-	html {
-		@apply h-full;
-	}
+html,
+body {
+	min-height: 100%;
+}
 
-	body {
-		@apply h-full bg-gray-50 text-gray-900 antialiased;
-	}
+body {
+	background-color: #f9fafb;
+	color: #111827;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
 }

packages/create-sei/templates/next-template/src/components/providers/providers.tsx

@@ -13,7 +13,7 @@ import { type ReactNode, useMemo } from "react";
 import { http, WagmiProvider, createConfig } from "wagmi";
 
 import "@rainbow-me/rainbowkit/styles.css";
-import { sei, seiDevnet, seiTestnet } from "viem/chains";
+import { sei, seiTestnet } from "viem/chains";
 
 const queryClient = new QueryClient();
 
@@ -43,7 +43,7 @@ export default function Providers({ children }: ProvidersProps) {
 			case "testnet":
 				return seiTestnet;
 			case "devnet":
-				return seiDevnet;
+				return seiTestnet;
 			default:
 				return sei;
 		}
@@ -59,7 +59,6 @@ export default function Providers({ children }: ProvidersProps) {
 				transports: {
 					[sei.id]: http(),
 					[seiTestnet.id]: http(),
-					[seiDevnet.id]: http(),
 				},
 				ssr: true,
 			}),