ebade 0.3.0 → 0.4.0

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 (49) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/README.md +30 -30
  3. package/ROADMAP.md +17 -12
  4. package/cli/scaffold.js +315 -183
  5. package/cli/simulate.js +102 -0
  6. package/cli/templates/feature-grid.tsx +80 -0
  7. package/cli/templates/footer.tsx +121 -0
  8. package/cli/templates/hero-section.tsx +34 -0
  9. package/cli/templates/login-form.tsx +124 -0
  10. package/cli/templates/navbar.tsx +53 -0
  11. package/cli/templates/pricing-table.tsx +140 -0
  12. package/cli/templates/signup-form.tsx +111 -0
  13. package/demo.tape +2 -2
  14. package/examples/saas-dashboard.ebade.yaml +2 -0
  15. package/netlify.toml +7 -0
  16. package/package.json +1 -1
  17. package/packages/mcp-server/README.md +3 -3
  18. package/packages/mcp-server/package.json +2 -2
  19. package/packages/mcp-server/src/index.ts +12 -16
  20. package/packages/mcp-server/src/tools/scaffold.ts +153 -404
  21. package/packages/vscode-extension/README.md +11 -8
  22. package/packages/vscode-extension/ebade-0.3.0.vsix +0 -0
  23. package/packages/vscode-extension/ebade-0.3.1.vsix +0 -0
  24. package/packages/vscode-extension/ebade-0.3.2.vsix +0 -0
  25. package/packages/vscode-extension/images/icon.png +0 -0
  26. package/packages/vscode-extension/package.json +2 -1
  27. package/packages/vscode-extension/snippets/ebade.json +86 -0
  28. package/www/README.md +36 -0
  29. package/www/app/favicon.ico +0 -0
  30. package/{landing/style.css → www/app/globals.css} +390 -19
  31. package/www/app/layout.tsx +66 -0
  32. package/www/app/page.tsx +374 -0
  33. package/www/app/playground/page.tsx +627 -0
  34. package/www/components/ThreeCanvas.tsx +156 -0
  35. package/www/next.config.ts +19 -0
  36. package/www/package-lock.json +1779 -0
  37. package/www/package.json +27 -0
  38. package/www/postcss.config.mjs +7 -0
  39. package/www/public/logo.png +0 -0
  40. package/www/tsconfig.json +42 -0
  41. package/landing/index.html +0 -268
  42. package/landing/main.js +0 -147
  43. package/packages/vscode-extension/images/icon.svg +0 -6
  44. /package/{demo.gif → assets/demo.gif} +0 -0
  45. /package/{demo.mp4 → assets/demo.mp4} +0 -0
  46. /package/{landing → www/public}/_headers +0 -0
  47. /package/{landing → www/public}/favicon.svg +0 -0
  48. /package/{landing → www/public}/og-image.png +0 -0
  49. /package/{landing → www/public}/og-readme.png +0 -0
package/CHANGELOG.md CHANGED
@@ -9,6 +9,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
9
9
 
10
10
  ### Added
11
11
 
12
+ - **Playground UI** - Interactive "Battle Mode" simulation comparing Legacy AI vs ebade-powered Agent.
13
+ - **Shadcn/UI Integration** - All component templates now use Shadcn design patterns.
14
+ - **20+ Component Templates** - navbar, footer, pricing-table, login-form, signup-form, and more.
15
+ - **File-based Template System** - Dynamic template loading from `cli/templates/`.
16
+ - **Real-time Token Savings** - CLI now displays actual token savings during scaffold.
12
17
  - MCP Server branding update to **ebade**.
13
18
  - Green AI Metrics and Carbon Impact calculations.
14
19
  - Turkish identity integration (Badik mascot 🐣 and "The Essence of Code" vision).
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # ebade 🧠
1
+ # ebade
2
2
 
3
3
  ![ebade - The First Agent-First Framework](https://ebade.dev/og-readme.png)
4
4
 
@@ -15,11 +15,11 @@
15
15
  >
16
16
  > `Code = f(ebade)`
17
17
  >
18
- > *Capture the essence of code. Less tokens. Less carbon. Same result.* 🌱
18
+ > _Capture the essence of code. Less tokens. Less carbon. Same result._ 🌱
19
19
 
20
20
  ## 🎬 See it in action
21
21
 
22
- ![ebade demo](./demo.gif)
22
+ ![ebade demo](./assets/demo.gif)
23
23
 
24
24
  ```typescript
25
25
 
@@ -96,26 +96,26 @@ These files teach the AI agents exactly how to work with ebade intents, ensuring
96
96
 
97
97
  We measured token usage across common development tasks:
98
98
 
99
- | Task | Next.js | ebade | Savings | Efficiency |
100
- | :--- | :--- | :--- | :--- | :--- |
101
- | Checkout Page | 258 tokens | 66 tokens | **74.4%** | 3.9x |
102
- | Product Listing | 133 tokens | 63 tokens | **52.6%** | 2.1x |
103
- | User Auth | 148 tokens | 56 tokens | **62.2%** | 2.6x |
104
- | SaaS Dashboard ⭐ | 1,850 tokens | 245 tokens | **86.8%** | 7.6x |
105
- | **Average** | | | **68.8%** | **4.1x** |
99
+ | Task | Next.js | ebade | Savings | Efficiency |
100
+ | :---------------- | :----------- | :--------- | :-------- | :--------- |
101
+ | Checkout Page | 258 tokens | 66 tokens | **74.4%** | 3.9x |
102
+ | Product Listing | 133 tokens | 63 tokens | **52.6%** | 2.1x |
103
+ | User Auth | 148 tokens | 56 tokens | **62.2%** | 2.6x |
104
+ | SaaS Dashboard ⭐ | 1,850 tokens | 245 tokens | **86.8%** | 7.6x |
105
+ | **Average** | | | **68.8%** | **4.1x** |
106
106
 
107
- > *For full project scaffolding, savings can reach 75-92%.*
107
+ > _For full project scaffolding, savings can reach 75-92%._
108
108
 
109
109
  ### 💰 Cost Impact
110
110
 
111
111
  At scale (1M AI coding sessions):
112
112
 
113
- | Framework | Token Cost | Savings |
114
- | :--- | :--- | :--- |
115
- | Next.js | $5,390 | - |
113
+ | Framework | Token Cost | Savings |
114
+ | :-------- | :--------- | :--------- |
115
+ | Next.js | $5,390 | - |
116
116
  | **ebade** | **$1,850** | **$3,540** |
117
117
 
118
- > *The greenest code is the code you don't generate.*
118
+ > _The greenest code is the code you don't generate._
119
119
 
120
120
  📄 [Full Benchmark Results](./benchmarks/RESULTS.md) | 🌱 [Green AI Manifesto](./docs/GREEN-AI.md)
121
121
 
@@ -149,12 +149,12 @@ Human describes → AI writes intent → ebade compiles → Working code
149
149
 
150
150
  ## 📦 Packages
151
151
 
152
- | Package | Description | Status |
153
- | :--- | :--- | :--- |
154
- | **`ebade`** | Core Framework & CLI | ✅ Alpha |
155
- | [@ebade/mcp-server](./packages/mcp-server) | MCP Server for AI agents | ✅ Alpha |
156
- | `@ebade/compiler` | Advanced Intent Compiler | 🚧 Planning |
157
- | `@ebade/vscode` | VS Code extension | 📋 Planned |
152
+ | Package | Description | Status |
153
+ | :----------------------------------------- | :----------------------- | :---------- |
154
+ | **`ebade`** | Core Framework & CLI | ✅ Alpha |
155
+ | [@ebade/mcp-server](./packages/mcp-server) | MCP Server for AI agents | ✅ Alpha |
156
+ | `@ebade/compiler` | Advanced Intent Compiler | 🚧 Planning |
157
+ | `@ebade/vscode` | VS Code extension | 📋 Planned |
158
158
 
159
159
  ---
160
160
 
@@ -214,7 +214,7 @@ pages:
214
214
  - hero-section
215
215
  - featured-products
216
216
  - testimonials
217
-
217
+
218
218
  - path: /products
219
219
  intent: product-listing
220
220
  components:
@@ -237,12 +237,12 @@ pages:
237
237
 
238
238
  ## 🎭 The Paradigm Shift
239
239
 
240
- | Era | Paradigm | Core Question |
241
- | :--- | :--- | :--- |
242
- | 2000s | jQuery | "How do I manipulate DOM?" |
243
- | 2013 | React | "What if UI = f(state)?" |
244
- | 2024 | AI Coding | "AI writes code, but for humans" |
245
- | **2026** | **ebade** | **"What if Code = f(intent)?"** |
240
+ | Era | Paradigm | Core Question |
241
+ | :------- | :-------- | :------------------------------- |
242
+ | 2000s | jQuery | "How do I manipulate DOM?" |
243
+ | 2013 | React | "What if UI = f(state)?" |
244
+ | 2024 | AI Coding | "AI writes code, but for humans" |
245
+ | **2026** | **ebade** | **"What if Code = f(intent)?"** |
246
246
 
247
247
  ---
248
248
 
@@ -288,5 +288,5 @@ MIT © ebade Contributors — Made with ❤️ in Türkiye 🇹🇷
288
288
 
289
289
  **Built for AI. Readable by humans. Revolutionary by design.**
290
290
 
291
- *TypeScript made JavaScript better for humans.*
292
- *ebade makes frameworks better for AI.*
291
+ _TypeScript made JavaScript better for humans._
292
+ _ebade makes frameworks better for AI._
package/ROADMAP.md CHANGED
@@ -14,12 +14,12 @@ It's more efficient, deterministic, and KIND TO EARTH. 🌱
14
14
 
15
15
  ## Phase 1: Foundation (Week 1-2) ✅ COMPLETE
16
16
 
17
- ### 1.1 MCP Server ✅
17
+ ### 1.1 MCP Server ✅ (v0.3.1 Synced)
18
18
 
19
- Make ebade usable by AI agents RIGHT NOW.
19
+ Make ebade usable by AI agents RIGHT NOW. Direct integration with Claude Desktop & Cursor.
20
20
 
21
21
  - [x] Create MCP server package
22
- - [x] `ebade_scaffold` tool - generate project from ebade
22
+ - [x] `ebade_scaffold` tool - Updated to v0.3.1 templates (SaaS, E-commerce, Landing)
23
23
  - [x] `ebade_validate` tool - validate ebade file
24
24
  - [x] `ebade_compile` tool - compile single ebade to code
25
25
  - [x] `ebade_generate` tool - infer ebade from natural language
@@ -44,25 +44,30 @@ Replace string templates with actual AST-based compilation.
44
44
  - [ ] Code generator (AST → React/Next.js)
45
45
  - [ ] Support for multiple framework targets
46
46
 
47
- ### 1.5 CLI Improvements
47
+ ### 1.5 CLI & Developer Experience (v0.3.1)
48
48
 
49
49
  - [x] `ebade init` - interactive project setup
50
50
  - [x] `ebade dev` - watch mode with local agent sync
51
+ - [x] Agent Synergy - Auto-gen rules for Cursor/Claude/Copilot
52
+ - [x] **TDD by Default** - Automatic Vitest config & .test.tsx generation 🧪
53
+ - [x] **Tailwind CSS Native** - Built-in styling engine integration
51
54
 
52
55
  ---
53
56
 
54
- ## Phase 2: Developer Experience (Week 3-4)
57
+ ## Phase 2: Developer Experience (v0.3.1 Core / v0.3.2 Extension)
55
58
 
56
- ### 2.1 VS Code Extension
59
+ ### 2.1 VS Code Extension
57
60
 
58
- - [ ] Syntax highlighting for ebade decorators
59
- - [ ] Autocomplete for inferred patterns
61
+ - [x] Syntax highlighting for ebade decorators
62
+ - [x] Snippets for project/page/api/data
60
63
  - [ ] Inline token usage counter (Carbon counter! 🌱)
61
64
 
62
65
  ### 2.2 Playground Website
63
66
 
67
+ - [x] **Battle Mode Simulation** - Legacy AI vs ebade comparison
68
+ - [x] Real-time token counter and speed metrics
69
+ - [x] Output comparison (code quality)
64
70
  - [ ] Live editor (Monaco)
65
- - [ ] Real-time compilation preview
66
71
  - [ ] Share ebade via URL
67
72
 
68
73
  ### 2.3 Documentation Site
@@ -122,10 +127,10 @@ Replace string templates with actual AST-based compilation.
122
127
 
123
128
  ## Current Status
124
129
 
125
- ### Phase 1 - Foundation (Nearly Complete)
130
+ ### Phase 1 - Foundation (v0.3.1 - The Testing Era)
126
131
 
127
- The MCP server is live. CLI has premium UX. Two comprehensive examples (E-commerce + SaaS Dashboard) are ready. AI agents can now use ebade to scaffold full Next.js apps with **~70% fewer tokens**.
132
+ The MCP server is live and fully synced. CLI has premium UX and now generates **production-ready code** with Tailwind CSS and automatic Unit Testing (Vitest). AI agents can now use ebade to scaffold full Next.js apps with **~80% fewer tokens** while maintaining high code quality through TDD.
128
133
 
129
134
  ---
130
135
 
131
- *Last updated: 2026-01-07*
136
+ Last updated: 2026-01-09 (Playground & Shadcn Update)