create-cascade 0.1.5 → 0.1.6

package/index.js

@@ -20,17 +20,17 @@ const FRAMEWORKS = [
 
 const STARTERS = {
   core: [
-    { id: "minimal", label: "Minimal", description: "Single welcome message" },
+    { id: "minimal", label: "Minimal", description: "Welcome panel with quick next steps" },
     { id: "counter", label: "Counter", description: "Live counter updated every second" },
     { id: "layout", label: "Layout", description: "Simple boxed layout starter" },
   ],
   react: [
-    { id: "minimal", label: "Minimal", description: "Render a single text node" },
+    { id: "minimal", label: "Minimal", description: "Welcome panel with quick next steps" },
     { id: "counter", label: "Counter", description: "React state with interval updates" },
     { id: "login", label: "Login", description: "Small interactive login form" },
   ],
   solid: [
-    { id: "minimal", label: "Minimal", description: "Render a single text node" },
+    { id: "minimal", label: "Minimal", description: "Welcome panel with quick next steps" },
     { id: "counter", label: "Counter", description: "Solid signal with interval updates" },
     { id: "input", label: "Input", description: "Basic input and submit interaction" },
   ],
@@ -312,6 +312,8 @@ function getPackageJson(projectName, framework) {
     type: "module",
     scripts: {
       dev: `bun run ${entry}`,
+      start: `bun run ${entry}`,
+      typecheck: "bunx tsc --noEmit",
     },
     dependencies,
   }
@@ -323,7 +325,10 @@ function getTsConfig(framework) {
     module: "ESNext",
     moduleResolution: "Bundler",
     strict: true,
+    noEmit: true,
+    verbatimModuleSyntax: true,
     skipLibCheck: true,
+    types: ["bun-types"],
   }
 
   if (framework === "react") {
@@ -358,17 +363,41 @@ function getTsConfig(framework) {
 function getSource(framework, starter) {
   const sources = {
     core: {
-      minimal: `import { TextRenderable, createCliRenderer } from "@cascadetui/core"
+      minimal: `import { BoxRenderable, TextRenderable, createCliRenderer } from "@cascadetui/core"
 
 const renderer = await createCliRenderer({ exitOnCtrlC: true })
 
-const text = new TextRenderable(renderer, {
-  content: "Hello from Cascade",
-  margin: 2,
+const panel = new BoxRenderable(renderer, {
+  border: true,
+  borderStyle: "single",
+  padding: 1,
+  margin: 1,
+  width: 56,
+  height: 8,
+  flexDirection: "column",
+})
+
+const title = new TextRenderable(renderer, {
+  content: "Hello from Cascade Core",
   fg: "#00ff99",
 })
 
-renderer.root.add(text)
+const subtitle = new TextRenderable(renderer, {
+  content: "Run bun run dev after edits to refresh your app",
+  marginTop: 1,
+  fg: "#cccccc",
+})
+
+const hint = new TextRenderable(renderer, {
+  content: "Press Ctrl+C to exit",
+  marginTop: 1,
+  fg: "#999999",
+})
+
+panel.add(title)
+panel.add(subtitle)
+panel.add(hint)
+renderer.root.add(panel)
 `,
       counter: `import { TextRenderable, createCliRenderer } from "@cascadetui/core"
 
@@ -423,7 +452,13 @@ renderer.root.add(container)
 import { createRoot } from "@cascadetui/react"
 
 function App() {
-  return <text content="Hello from Cascade + React" fg="#00ff99" />
+  return (
+    <box style={{ border: true, borderStyle: "single", padding: 1, margin: 1, width: 56, height: 8, flexDirection: "column" }}>
+      <text content="Hello from Cascade React" fg="#00ff99" />
+      <text content="Edit src/index.tsx and run bun run dev" marginTop={1} fg="#cccccc" />
+      <text content="Press Ctrl+C to exit" marginTop={1} fg="#999999" />
+    </box>
+  )
 }
 
 const renderer = await createCliRenderer({ exitOnCtrlC: true })
@@ -496,7 +531,13 @@ createRoot(renderer).render(<App />)
     solid: {
       minimal: `import { render } from "@cascadetui/solid"
 
-const App = () => <text content="Hello from Cascade + Solid" fg="#00ff99" />
+const App = () => (
+  <box style={{ border: true, borderStyle: "single", padding: 1, margin: 1, width: 56, height: 8, flexDirection: "column" }}>
+    <text content="Hello from Cascade Solid" fg="#00ff99" />
+    <text content="Edit src/index.tsx and run bun run dev" marginTop={1} fg="#cccccc" />
+    <text content="Press Ctrl+C to exit" marginTop={1} fg="#999999" />
+  </box>
+)
 
 render(App, { exitOnCtrlC: true })
 `,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-cascade",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Create a new Cascade TUI project",
   "type": "module",
   "license": "MIT",