ebade 0.1.0

package/docs/GREEN-AI.md

@@ -0,0 +1,86 @@
+# ebade: Green AI Development 🌱
+
+> **Less tokens. Less compute. Less carbon. The Essence of Code.**
+
+---
+
+## 🌎 The Hidden Cost of AI Coding
+
+Every token an AI generates requires:
+- ⚡ **GPU Compute Cycles**: High-intensity processing in data centers.
+- 🔥 **Energy Consumption**: Massive amounts of electricity.
+- 🌫️ **Carbon Emissions**: The direct environmental footprint of digital growth.
+
+**When an AI writes 1,000 tokens of boilerplate code, it's not free for the planet.** 🌍
+
+---
+
+## 📊 The Numbers
+
+### Token Reduction = Carbon Reduction (1,000,000 sessions)
+
+| Framework | Tokens (Estimated) | Relative Compute | CO2 Footprint |
+|-----------|------------------|------------------|---------------|
+| Next.js   | 539,000,000      | 100%             | ~26.9 kg      |
+| Vue.js    | 420,000,000      | ~78%             | ~21.0 kg      |
+| **ebade** | **185,000,000**  | **34%**          | **~9.2 kg**   |
+
+**ebade uses 66% less compute for the same output.** 🌱
+
+---
+
+## 🌳 Environmental Impact Guide
+
+Based on our benchmarks, switching to **ebade** for AI agent workflows saves:
+
+- **17.7 kg CO2** per million sessions.
+- Equivalent to the carbon sequestered by **~1 young tree** every 5 million sessions.
+- Equivalent to driving **~70 km** in a gasoline car.
+
+---
+
+## 🧠 The Efficiency Philosophy
+
+Traditional frameworks are human-centric. They require the AI to write huge amounts of "how" code (boilerplate, imports, setup). **ebade** is agent-centric. It only needs the "what" (intent).
+
+```text
+Human-Centric (Next.js): AI writes IMPLEMENTATION → Bloated Context → High Carbon
+Agent-Centric  (ebade):   AI writes ESSENCE (ebade) → Lean Context → Low Carbon
+```
+
+**Same result. Fraction of the energy.**
+
+---
+
+## 🚀 Slogan for the Planet
+
+> **"Code = f(ebade). Planet = f(efficiency)."**
+
+> **"ebade: AI-first coding that doesn't cost the Earth."** 🌱
+
+> **"The greenest code is the code you never have to generate."**
+
+---
+
+## 🛡️ Green AI Badge
+
+Add this to your repository to show your commitment to sustainable AI development:
+
+```markdown
+[![Green AI](https://img.shields.io/badge/Green_AI-ebade-brightgreen)](https://github.com/ebade)
+```
+
+> 🌱 **Built with ebade — saving 66% of AI compute.**
+
+---
+
+## 🌍 Call to Action
+
+Every framework choice is an environmental choice.
+If you build for AI, build with **ebade**.
+
+**ebade: The essence of code. Kind to Earth.** 🌱
+
+---
+
+*"The most sustainable code is the code that expresses intent, not implementation."*

package/examples/ecommerce.ebade.yaml

@@ -0,0 +1,192 @@
+# ebade Project Definition File
+# Bu dosya AI Agent tarafından okunur ve projeyi scaffold eder.
+# -----------------------------------------------------------
+
+name: "modern-store"
+type: "e-commerce"
+description: "Minimal ve modern bir e-ticaret sitesi"
+
+# Aktif özellikler
+features:
+  - product-catalog
+  - shopping-cart
+  - checkout
+  - user-auth
+  - reviews
+  - search
+  - dark-mode
+  - seo
+
+# Sayfa tanımları
+pages:
+  - path: "/"
+    intent: "landing-page"
+    components:
+      - hero-section
+      - featured-products
+      - testimonials
+      - newsletter-signup
+
+  - path: "/products"
+    intent: "product-listing"
+    components:
+      - search-bar
+      - filter-sidebar
+      - product-grid
+      - pagination
+
+  - path: "/products/[slug]"
+    intent: "product-detail"
+    components:
+      - product-gallery
+      - product-info
+      - add-to-cart
+      - reviews-section
+      - related-products
+
+  - path: "/cart"
+    intent: "shopping-cart"
+    auth: optional
+    components:
+      - cart-items
+      - cart-summary
+      - checkout-cta
+
+  - path: "/checkout"
+    intent: "checkout-flow"
+    auth: required
+    components:
+      - checkout-form
+      - order-summary
+      - payment-section
+
+  - path: "/account"
+    intent: "user-dashboard"
+    auth: required
+    components:
+      - profile-card
+      - order-history
+      - saved-addresses
+
+# Tasarım sistemi
+design:
+  style: "minimal-modern"
+  colors:
+    primary: "#6366f1" # Indigo
+    secondary: "#f59e0b" # Amber
+    accent: "#10b981" # Emerald
+  font: "Inter"
+  borderRadius: "lg"
+
+# Entegrasyonlar
+integrations:
+  database: "supabase"
+  auth: "clerk"
+  payments: "stripe"
+  analytics: "vercel"
+  email: "resend"
+
+# API Endpoints
+api:
+  - path: "/api/products"
+    methods: ["GET"]
+    auth: none
+    description: "Ürün listesi getir"
+
+  - path: "/api/products/[id]"
+    methods: ["GET"]
+    auth: none
+    description: "Tekil ürün detayı"
+
+  - path: "/api/cart"
+    methods: ["GET", "POST", "PUT", "DELETE"]
+    auth: optional
+    description: "Sepet işlemleri"
+
+  - path: "/api/checkout"
+    methods: ["POST"]
+    auth: required
+    description: "Ödeme işlemi başlat"
+
+  - path: "/api/orders"
+    methods: ["GET", "POST"]
+    auth: required
+    description: "Sipariş geçmişi ve yeni sipariş"
+
+  - path: "/api/reviews"
+    methods: ["GET", "POST"]
+    auth: optional
+    description: "Ürün yorumları"
+
+# Veri modelleri
+data:
+  Product:
+    fields:
+      id: { type: "uuid", required: true, unique: true }
+      name: { type: "string", required: true }
+      slug: { type: "string", required: true, unique: true }
+      description: { type: "text", required: false }
+      price: { type: "decimal", required: true }
+      images: { type: "array", required: false }
+      category: { type: "string", required: true }
+      stock: { type: "integer", required: true }
+      createdAt: { type: "timestamp", required: true }
+    relations:
+      - "has_many: Review"
+      - "has_many: CartItem"
+
+  User:
+    fields:
+      id: { type: "uuid", required: true, unique: true }
+      email: { type: "string", required: true, unique: true }
+      name: { type: "string", required: true }
+      avatar: { type: "string", required: false }
+      createdAt: { type: "timestamp", required: true }
+    relations:
+      - "has_many: Order"
+      - "has_many: Review"
+      - "has_one: Cart"
+
+  Cart:
+    fields:
+      id: { type: "uuid", required: true, unique: true }
+      userId: { type: "uuid", required: false }
+      sessionId: { type: "string", required: false }
+      updatedAt: { type: "timestamp", required: true }
+    relations:
+      - "belongs_to: User"
+      - "has_many: CartItem"
+
+  CartItem:
+    fields:
+      id: { type: "uuid", required: true, unique: true }
+      cartId: { type: "uuid", required: true }
+      productId: { type: "uuid", required: true }
+      quantity: { type: "integer", required: true }
+    relations:
+      - "belongs_to: Cart"
+      - "belongs_to: Product"
+
+  Order:
+    fields:
+      id: { type: "uuid", required: true, unique: true }
+      userId: { type: "uuid", required: true }
+      status: { type: "enum", required: true } # pending, paid, shipped, delivered
+      total: { type: "decimal", required: true }
+      shippingAddress: { type: "json", required: true }
+      createdAt: { type: "timestamp", required: true }
+    relations:
+      - "belongs_to: User"
+      - "has_many: OrderItem"
+
+  Review:
+    fields:
+      id: { type: "uuid", required: true, unique: true }
+      productId: { type: "uuid", required: true }
+      userId: { type: "uuid", required: true }
+      rating: { type: "integer", required: true } # 1-5
+      comment: { type: "text", required: false }
+      createdAt: { type: "timestamp", required: true }
+    relations:
+      - "belongs_to: Product"
+      - "belongs_to: User"

package/landing/favicon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#4F46E5"/>
+  <text x="50%" y="52%" dominant-baseline="middle" text-anchor="middle" 
+        font-family="system-ui, -apple-system, sans-serif" 
+        font-size="22" font-weight="900" fill="white">e</text>
+</svg>

package/landing/index.html

@@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>ebade | The First Agent-First Framework</title>
+  <meta name="description"
+    content="ebade is the first framework designed FOR AI agents, readable by humans. Reduce token usage by 66% with intent-driven development." />
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
+
+  <!-- Open Graph / Social -->
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://ebade.dev/" />
+  <meta property="og:title" content="ebade | The First Agent-First Framework" />
+  <meta property="og:description"
+    content="The first framework designed FOR AI agents. Reduce token usage by 66% with intent-driven development." />
+  <meta property="og:image" content="https://ebade.dev/og-image.png" />
+
+  <!-- Twitter -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="ebade | The First Agent-First Framework" />
+  <meta name="twitter:description" content="The first framework designed FOR AI agents. Reduce token usage by 66%." />
+  <meta name="twitter:image" content="https://ebade.dev/og-image.png" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=JetBrains+Mono&display=swap"
+    rel="stylesheet" />
+  <link rel="stylesheet" href="style.css" />
+  <script src="https://unpkg.com/lucide@latest"></script>
+</head>
+
+<body>
+  <div id="canvas-container"></div>
+  <div class="bg-glow"></div>
+
+  <nav class="full-nav">
+    <div class="logo">ebade<span>.dev</span></div>
+    <div class="nav-links">
+      <a href="#technology">Technology</a>
+      <a href="#benchmarks">Benchmarks</a>
+      <a href="https://github.com/hasankemaldemirci/ebade" target="_blank" class="nav-github">
+        <i data-lucide="github"></i>
+        <span>GitHub</span>
+      </a>
+      <a href="https://github.com/hasankemaldemirci/ebade#quick-start" target="_blank" class="nav-cta">Get Started</a>
+    </div>
+  </nav>
+
+  <main>
+    <section class="hero-full">
+      <div class="hero-content">
+        <div class="badge-modern">
+          <i data-lucide="cpu" class="icon-small"></i> Protocol 0.1.0 // Alpha
+        </div>
+        <h1 class="glitch-text">The Essence of <span>Code</span></h1>
+        <p class="hero-description">
+          <span class="ebade-brand">ebade</span> is an evolution in abstract
+          engineering. We don't build components; we model intent. Designed
+          for the era where <strong>Agents</strong> are the primary
+          developers.
+        </p>
+        <div class="hero-actions">
+          <a href="#technology" class="btn-glow">Explore Protocol</a>
+          <a href="https://www.npmjs.com/package/ebade" class="btn-minimal">npm install ebade</a>
+        </div>
+      </div>
+
+      <div class="scroll-indicator">
+        <div class="line"></div>
+        <span>INTENT_STREAM</span>
+      </div>
+    </section>
+
+    <section id="technology" class="section-dark">
+      <div class="section-container">
+        <header class="section-header">
+          <div class="badge-accent">Philosophy</div>
+          <h2>Agentic <span>Intent</span></h2>
+          <p>
+            Why write 100 lines of boilerplate when an agent can infer
+            implementation from 8 lines of pure intent?
+          </p>
+        </header>
+
+        <div class="comparison-modern">
+          <div class="code-card legacy">
+            <div class="card-header">
+              <div class="window-controls">
+                <span class="control close"></span>
+                <span class="control minimize"></span>
+                <span class="control maximize"></span>
+              </div>
+              <div class="card-tag">React + Next.js</div>
+            </div>
+            <pre><code>export default function ProductList() {
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    async function load() {
+      const res = await fetch('/api/products');
+      const json = await res.json();
+      setItems(json);
+      setLoading(false);
+    }
+    load();
+  }, []);
+
+  if (loading) return &lt;Spinner /&gt;;
+
+  return (
+    &lt;section className="grid"&gt;
+      {items.map(p =&gt; &lt;Card key={p.id} {...p} /&gt;)}
+    &lt;/section&gt;
+  );
+}</code></pre>
+          </div>
+
+          <div class="transform-arrow">
+            <i data-lucide="zap"></i>
+          </div>
+
+          <div class="code-card ebade">
+            <div class="card-header">
+              <div class="window-controls">
+                <span class="control close"></span>
+                <span class="control minimize"></span>
+                <span class="control maximize"></span>
+              </div>
+              <div class="card-tag">ebade Protocol</div>
+            </div>
+            <pre><code><span class="keyword">@page</span>(<span class="string">'/products'</span>)
+<span class="keyword">@intent</span>(<span class="string">'product-catalog'</span>)
+<span class="keyword">@requires</span>([<span class="string">'products'</span>])
+<span class="keyword">@compose</span>([<span class="string">'grid'</span>, <span class="string">'loader'</span>])
+<span class="keyword">export function</span> <span class="function">Catalog</span>() {}</code></pre>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section id="benchmarks" class="benchmark-minimal">
+      <div class="section-container">
+        <header class="section-header" style="margin-bottom: 4rem">
+          <div class="badge-accent">Efficiency</div>
+          <h2>Proven <span>Performance</span></h2>
+          <p style="margin: 0 auto; color: var(--text-dim); max-width: 600px">
+            Real-world benchmarks demonstrating how ebade slashes operational
+            costs and cognitive load for AI agents.
+          </p>
+        </header>
+        <div class="stats-box">
+          <div class="stat">
+            <div class="stat-icon"><i data-lucide="zap"></i></div>
+            <span class="val">66%</span>
+            <span class="label">Token Reduction</span>
+          </div>
+          <div class="stat-divider"></div>
+          <div class="stat">
+            <div class="stat-icon"><i data-lucide="brain"></i></div>
+            <span class="val">2.9x</span>
+            <span class="label">Agent Context Efficiency</span>
+          </div>
+          <div class="stat-divider"></div>
+          <div class="stat">
+            <div class="stat-icon" style="color: var(--accent-emerald)">
+              <i data-lucide="leaf"></i>
+            </div>
+            <span class="val">Zero</span>
+            <span class="label">Sustainable AI Core</span>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <section class="features-grid-section">
+      <div class="section-container">
+        <header class="section-header">
+          <div class="badge-accent">Standard</div>
+          <h2 style="color: var(--text)">The ebade <span>Ecosystem</span></h2>
+          <p style="margin: 0 auto; color: var(--text-dim)">
+            Engineered for high-autonomy agents and complex product
+            lifecycles.
+          </p>
+        </header>
+        <div class="grid-3">
+          <div class="feature-item">
+            <i data-lucide="code-2"></i>
+            <h3>Agent-Native</h3>
+            <p>
+              Designed as a first-class citizen for LLMs. Structured intent
+              that models understand instantly.
+            </p>
+          </div>
+          <div class="feature-item">
+            <i data-lucide="layers"></i>
+            <h3>Meta-Abstraction</h3>
+            <p>
+              Platform-agnostic intent layer. Currently optimized for Next.js.
+              The same intent will power mobile, backend, and beyond.
+            </p>
+          </div>
+          <div class="feature-item">
+            <i data-lucide="terminal"></i>
+            <h3>Binary Scaffold</h3>
+            <p>
+              Generate full, production-ready project structures from a single
+              schema definition.
+            </p>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+  <script src="main.js"></script>
+  <script>
+    lucide.createIcons();
+  </script>
+</body>
+
+</html>

package/landing/main.js

@@ -0,0 +1,147 @@
+let scene, camera, renderer, cloud;
+const PARTICLE_COUNT = 1500;
+const CONNECT_DISTANCE = 2.5;
+
+function init() {
+  scene = new THREE.Scene();
+  camera = new THREE.PerspectiveCamera(
+    75,
+    window.innerWidth / window.innerHeight,
+    0.1,
+    1000
+  );
+  camera.position.z = 10;
+
+  renderer = new THREE.WebGLRenderer({
+    antialias: true,
+    alpha: true,
+  });
+  renderer.setSize(window.innerWidth, window.innerHeight);
+  renderer.setPixelRatio(window.devicePixelRatio);
+  document.getElementById("canvas-container").appendChild(renderer.domElement);
+
+  // Create Plus Sign Texture (+)
+  const canvas = document.createElement("canvas");
+  canvas.width = 64;
+  canvas.height = 64;
+  const ctx = canvas.getContext("2d");
+  ctx.strokeStyle = "#4f46e5";
+  ctx.lineWidth = 10;
+  ctx.beginPath();
+  ctx.moveTo(32, 10);
+  ctx.lineTo(32, 54);
+  ctx.moveTo(10, 32);
+  ctx.lineTo(54, 32);
+  ctx.stroke();
+
+  const texture = new THREE.CanvasTexture(canvas);
+
+  // Stabilized Particle Data
+  const geometry = new THREE.BufferGeometry();
+  const positions = new Float32Array(PARTICLE_COUNT * 3);
+  const originalPositions = new Float32Array(PARTICLE_COUNT * 3);
+
+  for (let i = 0; i < PARTICLE_COUNT * 3; i++) {
+    const val = (Math.random() - 0.5) * 40;
+    positions[i] = val;
+    originalPositions[i] = val;
+  }
+
+  geometry.setAttribute("position", new THREE.BufferAttribute(positions, 3));
+
+  const material = new THREE.PointsMaterial({
+    map: texture,
+    size: 0.2, // Slightly larger for visibility
+    transparent: true,
+    opacity: 0.6,
+    sizeAttenuation: true,
+    alphaTest: 0.05,
+  });
+
+  cloud = new THREE.Points(geometry, material);
+  cloud.userData.originalPositions = originalPositions;
+  scene.add(cloud);
+
+  animate();
+}
+
+let mouseX = 0,
+  mouseY = 0;
+document.addEventListener("mousemove", (e) => {
+  mouseX = (e.clientX / window.innerWidth - 0.5) * 2;
+  mouseY = (e.clientY / window.innerHeight - 0.5) * 2;
+});
+
+function animate() {
+  requestAnimationFrame(animate);
+
+  const posAttr = cloud.geometry.attributes.position;
+  const positions = posAttr.array;
+  const originals = cloud.userData.originalPositions;
+  const time = Date.now() * 0.0005;
+
+  for (let i = 0; i < PARTICLE_COUNT; i++) {
+    const i3 = i * 3;
+
+    // Fluid, non-shaking drift
+    // We calculate offset FROM original position to avoid feedback jitters
+    const driftX = Math.sin(time + originals[i3 + 1] * 0.5) * 0.5;
+    const driftY = Math.cos(time + originals[i3] * 0.5) * 0.5;
+
+    // Mouse Interaction (Smoother Repulsion)
+    const worldMouseX = mouseX * 15;
+    const worldMouseY = -mouseY * 15;
+
+    const dx = originals[i3] - worldMouseX;
+    const dy = originals[i3 + 1] - worldMouseY;
+    const dist = Math.sqrt(dx * dx + dy * dy);
+
+    let forceX = 0,
+      forceY = 0;
+    if (dist < 5) {
+      const power = (5 - dist) / 5;
+      forceX = dx * power * 0.5;
+      forceY = dy * power * 0.5;
+    }
+
+    positions[i3] = originals[i3] + driftX + forceX;
+    positions[i3 + 1] = originals[i3 + 1] + driftY + forceY;
+  }
+
+  posAttr.needsUpdate = true;
+  cloud.rotation.y += 0.0005;
+
+  // Cinematic Camera
+  camera.position.x += (mouseX * 3 - camera.position.x) * 0.02;
+  camera.position.y += (-mouseY * 3 - camera.position.y) * 0.02;
+  camera.lookAt(0, 0, 0);
+
+  renderer.render(scene, camera);
+}
+
+window.addEventListener("resize", () => {
+  camera.aspect = window.innerWidth / window.innerHeight;
+  camera.updateProjectionMatrix();
+  renderer.setSize(window.innerWidth, window.innerHeight);
+});
+
+// Scroll Reveal Logic
+document.addEventListener("DOMContentLoaded", () => {
+  init();
+
+  const observer = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          entry.target.classList.add("visible");
+        }
+      });
+    },
+    { threshold: 0.1 }
+  );
+
+  document.querySelectorAll("section, .code-card, .stat").forEach((el) => {
+    el.classList.add("reveal-on-scroll");
+    observer.observe(el);
+  });
+});