Update package names

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`
+  );
 }

templates/preact-js/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "impala-app",
+  "name": "@demo/impala-preact-js",
   "private": true,
   "version": "0.0.0",
   "type": "module",

templates/preact-ts/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "impala-app",
+	"name": "@demo/impala-preact-ts",
 	"private": true,
 	"version": "0.0.0",
 	"type": "module",

templates/react-js/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "impala-app",
+  "name": "@demo/impala-react-js",
   "private": true,
   "version": "0.0.0",
   "type": "module",

templates/react-ts/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "impala-app",
+  "name": "@demo/impala-react-ts",
   "private": true,
   "version": "0.0.0",
   "type": "module",