ebade 0.3.0 → 0.4.0

package/cli/templates/signup-form.tsx

@@ -0,0 +1,111 @@
+import React from "react";
+import { cn } from "@/lib/utils";
+
+/**
+ * 🧠 Generated via ebade
+ * Intent: signup-form
+ */
+export function SignupForm() {
+  return (
+    <div className="w-full max-w-md mx-auto p-8">
+      <div className="mb-8 text-center">
+        <h2 className="text-3xl font-black tracking-tight mb-2">
+          Create an account
+        </h2>
+        <p className="text-muted-foreground">
+          Start building your next big idea
+        </p>
+      </div>
+
+      <form className="space-y-6">
+        <div className="space-y-2">
+          <label htmlFor="name" className="text-sm font-medium">
+            Full Name
+          </label>
+          <input
+            id="name"
+            type="text"
+            placeholder="John Doe"
+            className="w-full px-4 py-3 rounded-lg border border-input bg-background focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent transition-all"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label htmlFor="email" className="text-sm font-medium">
+            Email
+          </label>
+          <input
+            id="email"
+            type="email"
+            placeholder="you@example.com"
+            className="w-full px-4 py-3 rounded-lg border border-input bg-background focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent transition-all"
+          />
+        </div>
+
+        <div className="space-y-2">
+          <label htmlFor="password" className="text-sm font-medium">
+            Password
+          </label>
+          <input
+            id="password"
+            type="password"
+            placeholder="At least 8 characters"
+            className="w-full px-4 py-3 rounded-lg border border-input bg-background focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent transition-all"
+          />
+        </div>
+
+        <button
+          type="submit"
+          className="w-full py-3 px-6 rounded-lg bg-primary text-primary-foreground font-bold hover:opacity-90 transition-all shadow-lg hover:scale-[1.02] active:scale-95"
+        >
+          Create account
+        </button>
+
+        <p className="text-center text-xs text-muted-foreground">
+          By clicking continue, you agree to our{" "}
+          <a href="#" className="underline hover:text-primary">
+            Terms of Service
+          </a>{" "}
+          and{" "}
+          <a href="#" className="underline hover:text-primary">
+            Privacy Policy
+          </a>
+          .
+        </p>
+
+        <div className="relative my-6">
+          <div className="absolute inset-0 flex items-center">
+            <div className="w-full border-t border-border"></div>
+          </div>
+          <div className="relative flex justify-center text-xs uppercase">
+            <span className="bg-background px-2 text-muted-foreground">
+              Or register with
+            </span>
+          </div>
+        </div>
+
+        <div className="grid grid-cols-2 gap-4">
+          <button
+            type="button"
+            className="py-3 px-4 rounded-lg border border-border bg-background hover:bg-accent transition-all flex items-center justify-center gap-2 font-medium"
+          >
+            Google
+          </button>
+          <button
+            type="button"
+            className="py-3 px-4 rounded-lg border border-border bg-background hover:bg-accent transition-all flex items-center justify-center gap-2 font-medium"
+          >
+            GitHub
+          </button>
+        </div>
+
+        <p className="text-center text-sm text-muted-foreground">
+          Already have an account?{" "}
+          <a href="#" className="text-primary font-medium hover:underline">
+            Sign in
+          </a>
+        </p>
+      </form>
+    </div>
+  );
+}

package/demo.tape

@@ -3,8 +3,8 @@
 # Outputs: demo.gif + demo.mp4
 
 # Outputs - both formats
-Output demo.gif
-Output demo.mp4
+Output assets/demo.gif
+Output assets/demo.mp4
 
 # Configuration
 Set FontSize 20

package/examples/saas-dashboard.ebade.yaml

@@ -24,12 +24,14 @@ pages:
     intent: "landing-page"
     auth: none
     components:
+      - navbar
       - hero-section
       - feature-grid
       - pricing-table
       - testimonials
       - faq-accordion
       - cta-banner
+      - footer
 
   - path: "/login"
     intent: "auth-login"

package/netlify.toml

@@ -0,0 +1,7 @@
+[build]
+  base = "www"
+  command = "npm run build"
+  publish = ".next"
+
+[[plugins]]
+  package = "@netlify/plugin-nextjs"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ebade",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "ebade - Agent-First Framework. The first framework designed for AI agents, readable by humans.",
   "type": "module",
   "main": "cli/scaffold.js",

package/packages/mcp-server/README.md

@@ -56,9 +56,9 @@ Create a complete project from an ebade definition.
 ```typescript
 // Example usage by an AI agent:
 ebade_scaffold({
-  projectName: "my-store",
-  projectType: "e-commerce",
-  features: ["product-catalog", "shopping-cart", "checkout"],
+  projectName: "my-app",
+  projectType: "SaaS Dashboard", // "E-commerce" or "Landing Page"
+  primaryColor: "#4f46e5",
   outputDir: "/path/to/projects"
 })
 ```

package/packages/mcp-server/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ebade/mcp-server",
-  "version": "0.1.0",
-  "description": "MCP Server for ebade - Enable AI agents to build with the essence of code",
+  "version": "0.4.0",
+  "description": "MCP Server for ebade v0.3.1 - The Agent-First Framework",
   "type": "module",
   "main": "dist/index.js",
   "bin": {

package/packages/mcp-server/src/index.ts

@@ -29,7 +29,7 @@ import { generateComponent } from "./tools/generate.js";
 const server = new Server(
   {
     name: "ebade",
-    version: "0.1.0",
+    version: "0.3.1",
   },
   {
     capabilities: {
@@ -50,8 +50,8 @@ This creates a complete Next.js project structure based on the ebade specificati
 
 Use this when the user wants to:
 - Start a new web project
-- Create an e-commerce site, SaaS dashboard, blog, etc.
-- Generate a full application structure
+- Create an "SaaS Dashboard", "E-commerce", or "Landing Page"
+- Generate a full application structure with agent-first rules (.cursorrules, etc.)
 
 The ebade file uses YAML format with pages, components, data models, and API definitions.`,
         inputSchema: {
@@ -59,25 +59,21 @@ The ebade file uses YAML format with pages, components, data models, and API def
           properties: {
             projectName: {
               type: "string",
-              description: "Name of the project (kebab-case, e.g., 'my-store')",
+              description: "Name of the project (kebab-case, e.g., 'my-app')",
             },
             projectType: {
               type: "string",
               enum: [
-                "e-commerce",
-                "saas-dashboard",
-                "blog",
-                "landing-page",
-                "portfolio",
-                "api-only",
+                "SaaS Dashboard",
+                "E-commerce",
+                "Landing Page",
+                "Empty Project",
               ],
-              description: "Type of project to scaffold",
+              description: "Type of project template to use",
             },
-            features: {
-              type: "array",
-              items: { type: "string" },
-              description:
-                "Features to include (e.g., 'user-auth', 'shopping-cart', 'dark-mode')",
+            primaryColor: {
+              type: "string",
+              description: "Hex primary color (e.g., '#4f46e5')",
             },
             outputDir: {
               type: "string",