Fix create-app package names for path targets

examples/api-routes/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-api-routes",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/basic/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-basic",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/complex-routing/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-complex-routing",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/custom-ws-transport/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-custom-ws-transport",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/mpa/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-mpa",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/plugin-authoring/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-plugin-authoring",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/with-sqlite/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-with-sqlite",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/with-tailwind/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-with-tailwind",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

examples/with-trpc/package.json

@@ -1,5 +1,6 @@
 {
   "name": "example-with-trpc",
+  "type": "module",
   "version": "0.0.0",
   "private": true,
   "scripts": {

packages/create-app/src/index.ts

@@ -3,6 +3,7 @@ import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { Command } from "commander";
+import { derivePackageName } from "./project-name.js";
 import pc from "picocolors";
 import prompts from "prompts";
 
@@ -67,6 +68,7 @@ program
     const projectName = response.projectName || name;
     const template = response.template || options.template;
     const targetDir = path.resolve(process.cwd(), projectName);
+    const packageName = derivePackageName(projectName, targetDir);
 
     if (fs.existsSync(targetDir)) {
       console.error(pc.red(`✖ Directory ${projectName} already exists!`));
@@ -101,7 +103,7 @@ program
     const pkgPath = path.join(targetDir, "package.json");
     if (fs.existsSync(pkgPath)) {
       const projPkg = JSON.parse(fs.readFileSync(pkgPath, "utf-8"));
-      projPkg.name = projectName;
+      projPkg.name = packageName;
       delete projPkg.private; // Templates shouldn't be private by default
 
       const updateDeps = (deps: Record<string, string> | undefined) => {

packages/create-app/src/project-name.ts

@@ -0,0 +1,13 @@
+import path from "node:path";
+
+const scopedPackagePattern = /^@[^/\\]+[/\\][^/\\]+$/;
+
+export function derivePackageName(inputName: string, targetDir: string): string {
+  const trimmedName = inputName.trim();
+
+  if (scopedPackagePattern.test(trimmedName)) {
+    return trimmedName.replace("\\", "/");
+  }
+
+  return path.basename(path.resolve(targetDir));
+}

packages/create-app/tests/scaffold.test.ts

@@ -2,6 +2,7 @@ import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
 import { describe, expect, it } from "vitest";
+import { derivePackageName } from "../src/project-name.js";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const templatesDir = path.resolve(__dirname, "../templates");
@@ -96,6 +97,21 @@ describe("create-app scaffolding", () => {
     }
   });
 
+  it("derives a valid package name from path-like project names", () => {
+    expect(derivePackageName("my-real-app", "/tmp/my-real-app")).toBe(
+      "my-real-app",
+    );
+    expect(derivePackageName("/tmp/my-real-app", "/tmp/my-real-app")).toBe(
+      "my-real-app",
+    );
+    expect(derivePackageName("apps/my-real-app", "/tmp/apps/my-real-app")).toBe(
+      "my-real-app",
+    );
+    expect(
+      derivePackageName("@scope/my-real-app", "/tmp/@scope/my-real-app"),
+    ).toBe("@scope/my-real-app");
+  });
+
   it("copy filter excludes node_modules, dist, and .turbo", async () => {
     // Test the filter function logic used in create-app
     const filter = (src: string) => {