fix: support Vite 6

demo/package.json

@@ -24,6 +24,6 @@
     "@vitejs/plugin-react": "^3.1.0",
     "create-impala": "workspace:*",
     "typescript": "^4.9.3",
-    "vite": "^4.2.0"
+    "vite": "^6.0.3"
   }
 }

package.json

@@ -2,5 +2,17 @@
   "name": "impala-workspace",
   "version": "0.0.0",
   "private": true,
-  "license": "MIT"
+  "license": "MIT",
+  "scripts": {
+    "build": "pnpm run --filter @impalajs/* build"
+  },
+  "packageManager": "pnpm@9.14.4+sha512.c8180b3fbe4e4bca02c94234717896b5529740a6cbadf19fa78254270403ea2f27d4e1d46a08a0f56c89b63dc8ebfd3ee53326da720273794e6200fcf0d184ab",
+  "pnpm": {
+    "overrides": {
+      "@impalajs/core": "workspace:*",
+      "@impalajs/react": "workspace:*",
+      "@impalajs/preact": "workspace:*",
+      "create-impala": "workspace:*"
+    }
+  }
 }

packages/core/package.json

@@ -26,7 +26,7 @@
   "devDependencies": {
     "@types/express": "^4.17.17",
     "tsup": "^6.7.0",
-    "vite": "^4.2.0"
+    "vite": "^6.0.3"
   },
   "peerDependencies": {
     "vite": ">=4"

packages/core/src/prerender.ts

@@ -16,6 +16,7 @@ function isDynamicRoute(route: string) {
 function stripExtension(path: string) {
   return path.replace(/\.[^/.]+$/, "");
 }
+
 export async function prerender(root: string) {
   const { render, routeModules, dataModules } = (await import(
     path.resolve(root, "./dist/server/entry-server.js")
@@ -25,9 +26,13 @@ export async function prerender(root: string) {
     path.resolve(root, "./dist/static/index.html"),
     "utf-8"
   );
+  const manifestPaths = [
+    "dist/static/manifest.json",
+    "dist/static/.vite/manifest.json",
+  ].map((p) => path.resolve(root, p));
 
-  const manifestPath = path.resolve(root, "dist/static/manifest.json");
-  if (!existsSync(manifestPath)) {
+  const manifestPath = manifestPaths.find((p) => existsSync(p));
+  if (!manifestPath) {
     console.error(
       `No manifest found at ${manifestPath}. Did you build the app?`
     );

packages/create-impala/package.json

@@ -13,6 +13,7 @@
   "license": "MIT",
   "devDependencies": {
     "@clack/prompts": "^0.6.3",
+    "@types/node": "^18.15.7",
     "degit": "^2.8.4",
     "picocolors": "^1.0.0",
     "tsup": "^6.7.0"

packages/create-impala/src/cli.ts

@@ -1,6 +1,7 @@
 import { intro, outro, spinner, text, isCancel, select } from "@clack/prompts";
 import degit from "degit";
-import { existsSync } from "node:fs";
+import { existsSync, promises as fs } from "node:fs";
+import { join } from "node:path";
 import color from "picocolors";
 
 export async function createImpala() {
@@ -65,5 +66,11 @@ export async function createImpala() {
 
   await emitter.clone(target);
   s.stop("Set up your project");
-  outro(`You're all set!`);
+  const packageJsonPath = join(target, "package.json");
+  const packageJson = JSON.parse(await fs.readFile(packageJsonPath, "utf-8"));
+  packageJson.name = target.replaceAll(/[^a-zA-Z0-9-]/g, "-");
+  await fs.writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2));
+  outro(
+    `You're all set!\n\nTo get started, run:\n\n  cd ${target}\n  npm install\n  npm run dev`
+  );
 }