@base44-preview/cli 0.0.1-pr.16.5e81288 → 0.0.1-pr.16.6c1f17f

package/dist/cli/index.js

@@ -4,7 +4,7 @@ import chalk from "chalk";
 import { cancel, group, intro, log, select, spinner, text } from "@clack/prompts";
 import pWaitFor from "p-wait-for";
 import { z } from "zod";
-import { dirname, join, resolve } from "node:path";
+import { dirname, isAbsolute, join, resolve } from "node:path";
 import { homedir } from "node:os";
 import { fileURLToPath } from "node:url";
 import { config } from "dotenv";
@@ -13,6 +13,7 @@ import { access, copyFile, mkdir, readFile, unlink, writeFile } from "node:fs/pr
 import { parse, printParseErrorCode } from "jsonc-parser";
 import ky from "ky";
 import ejs from "ejs";
+import kebabCase from "lodash.kebabcase";
 
 //#region src/core/auth/schema.ts
 const AuthDataSchema = z.object({
@@ -467,6 +468,7 @@ async function listTemplates() {
 * - All other files are copied directly
 */
 async function renderTemplate(template, destPath, data) {
+	if (template.path.includes("..") || isAbsolute(template.path)) throw new Error(`Invalid template path: ${template.path}`);
 	const templateDir = join(getTemplatesDir(), template.path);
 	const files = await globby("**/*", {
 		cwd: templateDir,
@@ -475,8 +477,13 @@ async function renderTemplate(template, destPath, data) {
 	});
 	for (const file of files) {
 		const srcPath = join(templateDir, file);
-		if (file.endsWith(".ejs")) await writeFile$1(join(destPath, file.slice(0, -4)), await ejs.renderFile(srcPath, data));
-		else await copyFile$1(srcPath, join(destPath, file));
+		try {
+			if (file.endsWith(".ejs")) await writeFile$1(join(destPath, file.replace(/\.ejs$/, "")), await ejs.renderFile(srcPath, data));
+			else await copyFile$1(srcPath, join(destPath, file));
+		} catch (error) {
+			const message = error instanceof Error ? error.message : String(error);
+			throw new Error(`Failed to process template file "${file}": ${message}`);
+		}
 	}
 }
 
@@ -846,13 +853,16 @@ async function create() {
 			message: "Project description (optional)",
 			placeholder: "A brief description of your project"
 		}),
-		projectPath: () => text({
-			message: "Where should we create the base44 folder?",
-			placeholder: "./",
-			initialValue: "./"
-		})
+		projectPath: async ({ results }) => {
+			const suggestedPath = `./${kebabCase(results.name)}`;
+			return text({
+				message: "Where should we create the base44 folder?",
+				placeholder: suggestedPath,
+				initialValue: suggestedPath
+			});
+		}
 	}, { onCancel: onPromptCancel });
-	const resolvedPath = resolve(projectPath || "./");
+	const resolvedPath = resolve(projectPath);
 	await runTask("Creating project...", async () => {
 		return await createProjectFiles({
 			name: name.trim(),

package/dist/cli/templates/backend-and-client/src/App.jsx

@@ -1,15 +1,16 @@
-import { useState, useEffect } from 'react';
-import { base44 } from '@/api/base44Client';
-import { Button } from '@/components/ui/button';
-import { Checkbox } from '@/components/ui/checkbox';
-import { Input } from '@/components/ui/input';
-import { Plus, Trash2, CheckCircle2 } from 'lucide-react';
+import { useState, useEffect } from "react";
+import { base44 } from "@/api/base44Client";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Input } from "@/components/ui/input";
+import { Base44Logo } from "@/components/Base44Logo";
+import { Plus, Trash2, CheckCircle2 } from "lucide-react";
 
 const Task = base44.entities.Task;
 
 export default function App() {
   const [tasks, setTasks] = useState([]);
-  const [newTaskTitle, setNewTaskTitle] = useState('');
+  const [newTaskTitle, setNewTaskTitle] = useState("");
   const [isLoading, setIsLoading] = useState(true);
 
   const fetchTasks = async () => {
@@ -26,7 +27,7 @@ export default function App() {
     e.preventDefault();
     if (!newTaskTitle.trim()) return;
     await Task.create({ title: newTaskTitle.trim(), completed: false });
-    setNewTaskTitle('');
+    setNewTaskTitle("");
     fetchTasks();
   };
 
@@ -41,7 +42,9 @@ export default function App() {
   };
 
   const clearCompleted = async () => {
-    await Promise.all(tasks.filter((t) => t.completed).map((t) => Task.delete(t.id)));
+    await Promise.all(
+      tasks.filter((t) => t.completed).map((t) => Task.delete(t.id))
+    );
     fetchTasks();
   };
 
@@ -53,10 +56,13 @@ export default function App() {
       <div className="max-w-lg mx-auto px-6 py-16">
         {/* Header */}
         <div className="text-center mb-12">
-          <div className="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gradient-to-br from-orange-500 to-orange-600 shadow-lg shadow-orange-500/25 mb-6">
-            <CheckCircle2 className="w-7 h-7 text-white" />
-          </div>
-          <h1 className="text-3xl font-semibold text-slate-900 tracking-tight">Tasks</h1>
+          <h1 className="text-3xl font-semibold text-slate-900 tracking-tight">
+            <span className="inline-flex items-center gap-2 align-middle">
+              <Base44Logo className="w-9 h-9" />
+              <span className="font-bold">Base44</span>
+              <span>Tasks</span>
+            </span>
+          </h1>
           {totalCount > 0 && (
             <p className="text-slate-500 mt-2 text-sm">
               {completedCount} of {totalCount} completed
@@ -105,7 +111,11 @@ export default function App() {
                   onCheckedChange={(checked) => toggleTask(task.id, checked)}
                   className="w-5 h-5 rounded-md border-slate-300 data-[state=checked]:bg-orange-500 data-[state=checked]:border-orange-500"
                 />
-                <span className={`flex-1 text-slate-700 transition-all ${task.completed ? 'line-through text-slate-400' : ''}`}>
+                <span
+                  className={`flex-1 text-slate-700 transition-all ${
+                    task.completed ? "line-through text-slate-400" : ""
+                  }`}
+                >
                   {task.title}
                 </span>
                 <Button
@@ -124,7 +134,10 @@ export default function App() {
         {/* Footer */}
         {completedCount > 0 && (
           <div className="mt-8 text-center">
-            <button onClick={clearCompleted} className="text-sm text-slate-400 hover:text-slate-600 transition-colors">
+            <button
+              onClick={clearCompleted}
+              className="text-sm text-slate-400 hover:text-slate-600 transition-colors"
+            >
               Clear completed
             </button>
           </div>

package/dist/cli/templates/backend-and-client/src/components/Base44Logo.jsx

@@ -0,0 +1,15 @@
+export function Base44Logo({ className = "w-8 h-8" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 31 31"
+      className={className}
+    >
+      <path
+        fill="#FF631F"
+        d="M24.16 26.904c.04 0 .057.05.026.075a14.97 14.97 0 0 1-9.147 3.1c-3.44 0-6.612-1.156-9.146-3.1-.032-.024-.014-.075.026-.075zm3.923-4.373a15 15 0 0 1-1.842 2.544.14.14 0 0 1-.104.046H3.942a.14.14 0 0 1-.104-.046 15 15 0 0 1-1.842-2.544.056.056 0 0 1 .049-.083h25.99c.043 0 .07.046.048.083m1.698-4.5a15 15 0 0 1-.762 2.564.11.11 0 0 1-.103.07H1.163a.11.11 0 0 1-.104-.07 15 15 0 0 1-.762-2.564.056.056 0 0 1 .055-.067h29.375c.035 0 .061.032.054.067M14.938 0C23.29-.056 30.078 6.7 30.078 15.04q0 .55-.038 1.09a.056.056 0 0 1-.056.051H.094a.056.056 0 0 1-.055-.052A15 15 0 0 1 0 15.054C-.007 6.87 6.755.055 14.938 0"
+      ></path>
+    </svg>
+  );
+}

package/dist/cli/templates/templates.json

@@ -8,8 +8,8 @@
     },
     {
       "id": "backend-and-client",
-      "name": "Backend + Client",
-      "description": "Full-stack project with Base44 backend and a React client application",
+      "name": "Backend & Client",
+      "description": "Full-stack project with Base44 backend, Vite and a React client application",
       "path": "backend-and-client"
     }
   ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base44-preview/cli",
-  "version": "0.0.1-pr.16.5e81288",
+  "version": "0.0.1-pr.16.6c1f17f",
   "description": "Base44 CLI - Unified interface for managing Base44 applications",
   "type": "module",
   "main": "./dist/cli/index.js",
@@ -41,12 +41,14 @@
     "globby": "^16.1.0",
     "jsonc-parser": "^3.3.1",
     "ky": "^1.14.2",
+    "lodash.kebabcase": "^4.1.1",
     "p-wait-for": "^6.0.0",
     "zod": "^4.3.5"
   },
   "devDependencies": {
     "@stylistic/eslint-plugin": "^5.6.1",
     "@types/ejs": "^3.1.5",
+    "@types/lodash.kebabcase": "^4.1.9",
     "@types/node": "^22.10.5",
     "@typescript-eslint/eslint-plugin": "^8.51.0",
     "@typescript-eslint/parser": "^8.51.0",