@clubedge/create-clubedge-app 0.1.0 → 0.1.2

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to `create-clubedge-app` are documented here.
 
+## 0.1.2
+
+- Customize the landing page, sidebar, dashboard, sign-in page, and metadata with the generated project name.
+- Add automated tests for project naming and generated-file customization.
+
+## 0.1.1
+
+- Keep CLI spinners out of Git and pnpm subprocess output so terminal progress remains readable.
+
 ## 0.1.0
 
 - Initial CLI release: scaffold the Clubedge Starter reference repository into a new project directory.

package/README.md

@@ -33,7 +33,7 @@ cd my-app
 pnpm dev
 ```
 
-The generated project includes `.env.local`; fill in `DATABASE_URL` to start the app and configure Supabase Auth or other providers as needed. See its `SETUP.md` for database, Redis, storage, and Docker setup.
+The generated project includes `.env.local`; fill in `DATABASE_URL` to start the app and configure Supabase Auth or other providers as needed. The root route is a project-named landing page, and the reference dashboard is available at `/dashboard`. See its `SETUP.md` for database, Redis, storage, and Docker setup.
 
 When no destination is provided, the CLI asks where to create the project:
 

package/bin/create.mjs

@@ -6,6 +6,7 @@ import { cp, mkdir, readdir, readFile, writeFile } from "node:fs/promises";
 import { spawn } from "node:child_process";
 import { basename, dirname, join, resolve } from "node:path";
 import process from "node:process";
+import { pathToFileURL } from "node:url";
 
 const starterRepository = "yassine-ahmed/clubedge-starter";
 const defaultRef = "main";
@@ -160,9 +161,36 @@ async function customizeProject(directory, packageName) {
   const layout = await readFile(layoutPath, "utf8");
   const customizedLayout = layout
     .replaceAll('"Clubedge Starter"', JSON.stringify(displayName))
-    .replace("A production-minded foundation for Clubedge applications.", `A web application built with Clubedge Starter.`);
+    .replace(`%s \u00b7 Clubedge Starter`, `%s \u00b7 ${displayName}`)
+    .replace(
+      "A production-minded foundation for Clubedge applications.",
+      `${displayName} application foundation.`,
+    );
   await writeFile(layoutPath, customizedLayout);
 
+  const appFiles = [
+    join(directory, "apps", "web", "src", "app", "page.tsx"),
+    join(directory, "apps", "web", "src", "app", "app-sidebar.tsx"),
+    join(directory, "apps", "web", "src", "app", "dashboard", "page.tsx"),
+    join(directory, "apps", "web", "src", "app", "login", "page.tsx"),
+  ];
+  for (const appFile of appFiles) {
+    let source;
+    try {
+      source = await readFile(appFile, "utf8");
+    } catch (error) {
+      if (error && typeof error === "object" && "code" in error && error.code === "ENOENT") {
+        continue;
+      }
+      throw error;
+    }
+    const customizedSource = source
+      .replaceAll("Clubedge Starter", displayName)
+      .replaceAll('>Clubedge<', `>${displayName}<`)
+      .replaceAll("Starter workspace", "Application workspace");
+    await writeFile(appFile, customizedSource);
+  }
+
   const exampleEnvironment = join(directory, ".env.example");
   const localEnvironment = join(directory, "apps", "web", ".env.local");
   await cp(exampleEnvironment, localEnvironment, { errorOnExist: true });
@@ -212,20 +240,18 @@ async function createProject(options) {
   }
 
   if (options.git) {
-    const gitSpinner = spinner();
-    gitSpinner.start("Initializing Git");
+    console.log("\nInitializing Git...");
     await initializeGit(projectDirectory);
-    gitSpinner.stop("Git repository initialized on main");
+    console.log("Git repository initialized on main");
   }
 
   if (options.install) {
-    const installSpinner = spinner();
-    installSpinner.start("Installing dependencies with pnpm");
+    console.log("\nInstalling dependencies with pnpm...\n");
     try {
       await run("pnpm", ["install"], projectDirectory);
-      installSpinner.stop("Dependencies installed");
+      console.log("\nDependencies installed");
     } catch (error) {
-      installSpinner.stop("Project created; dependency installation did not complete");
+      console.error("\nProject created; dependency installation did not complete.");
       console.error(error instanceof Error ? error.message : error);
       console.error("Install pnpm with Corepack, then run `pnpm install` in the new project.");
     }
@@ -257,4 +283,8 @@ async function main() {
   }
 }
 
-await main();
+export { customizeProject, displayNameFromPackageName, packageNameFromDirectory };
+
+if (process.argv[1] && import.meta.url === pathToFileURL(resolve(process.argv[1])).href) {
+  await main();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubedge/create-clubedge-app",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Create a Next.js application from the Clubedge Starter reference implementation.",
   "type": "module",
   "packageManager": "pnpm@10.9.0",
@@ -35,7 +35,8 @@
   ],
   "scripts": {
     "start": "node ./bin/create.mjs",
-    "check": "node --check ./bin/create.mjs"
+    "check": "node --check ./bin/create.mjs",
+    "test": "node --test"
   },
   "dependencies": {
     "@clack/prompts": "^1.8.1",