npm - @base44-preview/cli - Versions diffs - 0.0.44-pr.406.b97f4ba → 0.0.44-pr.410.d6ad399 - Mend

@base44-preview/cli 0.0.44-pr.406.b97f4ba → 0.0.44-pr.410.d6ad399

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/bin/binary-entry.ts CHANGED Viewed

@@ -37,4 +37,4 @@ if (!process.stdin.isTTY || !process.stdout.isTTY) {
   process.env.CI = "true";
 }
-await runCLI();
+await runCLI({ distribution: "binary" });

package/dist/assets/templates/backend-and-client/README.md CHANGED Viewed

@@ -1,6 +1,6 @@
-# Todo App
+# Base44 App
-A simple todo list app built with React and Base44 backend.
+A React + TypeScript app with Base44 backend.
 ## Structure
@@ -11,10 +11,8 @@ base44/               # Backend configuration
     └── task.jsonc    # Task entity
 src/                  # Frontend code
-├── App.jsx           # Main todo app
-├── api/              # Base44 client
-├── components/ui/    # UI components
-└── lib/              # Utilities
+├── App.tsx           # Main app component
+└── api/              # Base44 client
 ```
 ## Development
@@ -29,7 +27,7 @@ npm run dev
 | Command | Description |
 |---------|-------------|
 | `npm run dev` | Start dev server |
-| `npm run build` | Build for production |
+| `npm run build` | Type-check + build for production |
 | `npm run preview` | Preview production build |
 ## Base44 CLI

package/dist/assets/templates/backend-and-client/index.html CHANGED Viewed

@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="https://base44.com/logo_v2.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Todo App</title>
+    <title>Base44 App</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package/dist/assets/templates/backend-and-client/package.json CHANGED Viewed

@@ -5,20 +5,19 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build": "tsc -b && vite build",
     "preview": "vite preview"
   },
   "dependencies": {
     "@base44/sdk": "^0.8.3",
-    "lucide-react": "^0.475.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.4",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.5.3",
-    "tailwindcss": "^3.4.17",
+    "typescript": "^5.7.2",
     "vite": "^6.1.0"
   }
 }

package/dist/assets/templates/backend-and-client/src/App.tsx ADDED Viewed

@@ -0,0 +1,74 @@
+import { useState, useEffect } from 'react'
+import { base44 } from '@/api/base44Client'
+interface Task {
+  id: string
+  title: string
+  completed: boolean
+}
+const Task = base44.entities.Task
+export default function App() {
+  const [tasks, setTasks] = useState<Task[]>([])
+  const [input, setInput] = useState('')
+  const [loading, setLoading] = useState(true)
+  useEffect(() => {
+    Task.list().then((data: Task[]) => {
+      setTasks(data)
+      setLoading(false)
+    })
+  }, [])
+  const addTask = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!input.trim()) return
+    await Task.create({ title: input.trim(), completed: false })
+    setInput('')
+    setTasks(await Task.list())
+  }
+  const toggleTask = async (task: Task) => {
+    await Task.update(task.id, { completed: !task.completed })
+    setTasks(await Task.list())
+  }
+  const deleteTask = async (id: string) => {
+    await Task.delete(id)
+    setTasks(await Task.list())
+  }
+  return (
+    <main>
+      <h1>Tasks</h1>
+      <form onSubmit={addTask}>
+        <input
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          placeholder="New task…"
+        />
+        <button type="submit">Add</button>
+      </form>
+      {loading ? (
+        <p>Loading…</p>
+      ) : (
+        <ul>
+          {tasks.map((task) => (
+            <li key={task.id}>
+              <input
+                type="checkbox"
+                checked={task.completed}
+                onChange={() => toggleTask(task)}
+              />
+              <span style={{ textDecoration: task.completed ? 'line-through' : 'none' }}>
+                {task.title}
+              </span>
+              <button onClick={() => deleteTask(task.id)}>✕</button>
+            </li>
+          ))}
+        </ul>
+      )}
+    </main>
+  )
+}

package/dist/assets/templates/backend-and-client/src/index.css CHANGED Viewed

@@ -1,37 +1,8 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
-    --radius: 0.5rem;
-  }
+*, *::before, *::after {
+  box-sizing: border-box;
 }
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground antialiased;
-  }
+body {
+  margin: 0;
+  font-family: system-ui, sans-serif;
 }

package/dist/assets/templates/backend-and-client/src/main.tsx ADDED Viewed

@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import '@/index.css'
+import App from '@/App.tsx'
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

package/dist/assets/templates/backend-and-client/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    /* Path alias */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/dist/assets/templates/backend-and-client/tsconfig.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/dist/assets/templates/backend-and-client/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/dist/assets/templates/backend-and-client/vite.config.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+import { fileURLToPath } from 'url'
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+})