@edenapp/sdk 0.1.0

package/apps/com/eden/example/appbus/isolated/manifest.json

@@ -0,0 +1,27 @@
+{
+  "id": "com.eden.example.appbus.isolated",
+  "name": "AppBus Isolated",
+  "version": "1.0.0",
+  "description": "Frontend app that only talks directly to Client A (not through Hub)",
+  "author": "Dariusz Majnert",
+  "frontend": {
+    "entry": "index.html"
+  },
+  "window": {
+    "mode": "floating",
+    "defaultSize": {
+      "width": 380,
+      "height": 450
+    },
+    "minSize": {
+      "width": 280,
+      "height": 320
+    },
+    "resizable": true,
+    "movable": true
+  },
+  "permissions": [
+    "appbus/connect",
+    "appbus/expose"
+  ]
+}

package/apps/com/eden/example/appbus/isolated/styles.css

@@ -0,0 +1,52 @@
+/* Isolated - Minimal custom styles (edencss provides the rest) */
+
+.app-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  font-family: var(--eden-font-family-base);
+}
+
+.chat-section {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.chat-messages {
+  flex: 1;
+  overflow-y: auto;
+  min-height: 100px;
+  border-radius: var(--eden-radius-md);
+}
+
+.chat-message {
+  margin-bottom: var(--eden-space-sm);
+  padding: var(--eden-space-xs) var(--eden-space-sm);
+  border-radius: var(--eden-radius-sm);
+  background: var(--eden-color-bg-surface);
+  font-size: var(--eden-font-size-sm);
+}
+
+.chat-message.own {
+  background: var(--eden-color-accent-warning-muted);
+  margin-left: 20%;
+}
+
+.chat-message.system {
+  background: var(--eden-color-bg-glass-light);
+  color: var(--eden-color-text-secondary);
+  font-style: italic;
+  text-align: center;
+}
+
+.chat-message .time {
+  font-size: var(--eden-font-size-xs);
+  color: var(--eden-color-text-tertiary);
+  float: right;
+}
+
+.direct-chat {
+  border: 1px solid var(--eden-color-accent-warning-muted);
+}

package/apps/com/eden/example/calculator/.dev-manifest.json

@@ -0,0 +1,5 @@
+{
+  "devMode": true,
+  "devUrl": "http://localhost:5176",
+  "port": 5176
+}

package/apps/com/eden/example/calculator/app.js

@@ -0,0 +1,95 @@
+let currentInput = '0';
+let operator = null;
+let previousInput = null;
+let shouldResetDisplay = false;
+
+const display = document.getElementById('display');
+
+function updateDisplay() {
+    display.textContent = currentInput;
+}
+
+function appendNumber(number) {
+    if (shouldResetDisplay) {
+        currentInput = number;
+        shouldResetDisplay = false;
+    } else {
+        if (currentInput === '0' && number !== '.') {
+            currentInput = number;
+        } else if (number === '.' && currentInput.includes('.')) {
+            return;
+        } else {
+            currentInput += number;
+        }
+    }
+    updateDisplay();
+}
+
+function appendOperator(op) {
+    if (operator !== null && !shouldResetDisplay) {
+        calculate();
+    }
+    
+    previousInput = currentInput;
+    operator = op;
+    shouldResetDisplay = true;
+}
+
+function calculate() {
+    if (operator === null || previousInput === null) {
+        return;
+    }
+    
+    const prev = parseFloat(previousInput);
+    const current = parseFloat(currentInput);
+    let result;
+    
+    switch (operator) {
+        case '+':
+            result = prev + current;
+            break;
+        case '-':
+            result = prev - current;
+            break;
+        case '*':
+            result = prev * current;
+            break;
+        case '/':
+            if (current === 0) {
+                alert('Cannot divide by zero!');
+                clearDisplay();
+                return;
+            }
+            result = prev / current;
+            break;
+        default:
+            return;
+    }
+    
+    // Round to avoid floating point errors
+    currentInput = Math.round(result * 100000000) / 100000000 + '';
+    operator = null;
+    previousInput = null;
+    shouldResetDisplay = true;
+    updateDisplay();
+}
+
+function clearDisplay() {
+    currentInput = '0';
+    operator = null;
+    previousInput = null;
+    shouldResetDisplay = false;
+    updateDisplay();
+}
+
+function deleteLast() {
+    if (currentInput.length > 1) {
+        currentInput = currentInput.slice(0, -1);
+    } else {
+        currentInput = '0';
+    }
+    updateDisplay();
+}
+
+// Initialize
+updateDisplay();

package/apps/com/eden/example/calculator/icon.svg

@@ -0,0 +1,19 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="32" y1="4" x2="32" y2="60" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#404040"/>
+      <stop offset="1" stop-color="#202020"/>
+    </linearGradient>
+  </defs>
+  <rect x="4" y="4" width="56" height="56" rx="14" fill="url(#bg)"/>
+  <g stroke-width="3" stroke-linecap="round">
+    <!-- Plus -->
+    <path d="M22 17V27M17 22H27" stroke="#E0E0E0"/>
+    <!-- Minus -->
+    <path d="M37 22H47" stroke="#E0E0E0"/>
+    <!-- Multiply -->
+    <path d="M18.5 38.5L25.5 45.5M25.5 38.5L18.5 45.5" stroke="#E0E0E0"/>
+    <!-- Equals -->
+    <path d="M37 40H47M37 44H47" stroke="#FF9F0A"/>
+  </g>
+</svg>

package/apps/com/eden/example/calculator/index.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Calculator</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="calculator">
+        <div class="display" id="display">0</div>
+        <div class="buttons">
+            <button class="eden-btn eden-btn-danger" onclick="clearDisplay()">C</button>
+            <button class="eden-btn eden-btn-secondary" onclick="deleteLast()">←</button>
+            <button class="eden-btn eden-btn-secondary" onclick="appendOperator('/')">/</button>
+            <button class="eden-btn eden-btn-primary" onclick="appendOperator('*')">×</button>
+            
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('7')">7</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('8')">8</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('9')">9</button>
+            <button class="eden-btn eden-btn-primary" onclick="appendOperator('-')">-</button>
+            
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('4')">4</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('5')">5</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('6')">6</button>
+            <button class="eden-btn eden-btn-primary" onclick="appendOperator('+')">+</button>
+            
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('1')">1</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('2')">2</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('3')">3</button>
+            <button class="eden-btn eden-btn-success" onclick="calculate()" style="grid-row: span 2">=</button>
+            
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('0')" style="grid-column: span 2">0</button>
+            <button class="eden-btn eden-btn-ghost" onclick="appendNumber('.')">.</button>
+        </div>
+    </div>
+    <script src="app.js"></script>
+</body>
+</html>

package/apps/com/eden/example/calculator/manifest.json

@@ -0,0 +1,30 @@
+{
+  "id": "com.eden.example.calculator",
+  "name": "Calculator",
+  "version": "1.0.0",
+  "description": "A simple calculator app",
+  "author": "Dariusz Majnert",
+  "frontend": {
+    "entry": "index.html"
+  },
+  "window": {
+    "mode": "floating",
+    "defaultSize": {
+      "width": 400,
+      "height": 600
+    },
+    "minSize": {
+      "width": 300,
+      "height": 400
+    },
+    "maxSize": {
+      "width": 600,
+      "height": 800
+    },
+    "resizable": true,
+    "movable": true,
+    "showTitle": false
+  },
+  "permissions": {},
+  "icon": "icon.svg"
+}

package/apps/com/eden/example/calculator/styles.css

@@ -0,0 +1,83 @@
+/**
+ * Calculator App - Using Eden CSS
+ * 
+ * This app uses the auto-injected CSS
+ * All design tokens and component classes are available
+ */
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: var(--eden-font-family-base);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    padding: var(--eden-space-md);
+    background: var(--eden-color-bg-primary);
+    overflow: hidden;
+}
+
+.calculator {
+    background: var(--eden-color-surface-elevated);
+    backdrop-filter: var(--eden-glass-medium);
+    -webkit-backdrop-filter: var(--eden-glass-medium);
+    border-radius: var(--eden-radius-xl);
+    padding: var(--eden-space-lg);
+    box-shadow: var(--eden-shadow-xl);
+    width: 320px;
+    border: 1px solid var(--eden-color-border-light);
+}
+
+.display {
+    background: var(--eden-color-surface-secondary);
+    color: var(--eden-color-text-primary);
+    font-size: 2.5rem;
+    font-weight: var(--eden-font-weight-semibold);
+    padding: var(--eden-space-lg);
+    border-radius: var(--eden-radius-md);
+    text-align: right;
+    margin-bottom: var(--eden-space-md);
+    min-height: 80px;
+    max-height: 80px;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    word-wrap: break-word;
+    word-break: break-all;
+    overflow: hidden;
+    border: 1px solid var(--eden-color-border-light);
+    font-family: var(--eden-font-family-mono);
+}
+
+.buttons {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: var(--eden-space-sm);
+    width: 100%;
+}
+
+/* Override button styles for calculator-specific sizing */
+.buttons .eden-btn {
+    font-size: 1.25rem;
+    font-weight: var(--eden-font-weight-semibold);
+    height: 60px;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    border-radius: var(--eden-radius-md);
+}
+
+.buttons .eden-btn[style*="grid-column: span 2"] {
+    grid-column: span 2;
+}
+
+.buttons .eden-btn[style*="grid-row: span 2"] {
+    grid-row: span 2;
+    height: auto;
+    min-height: calc(60px * 2 + var(--eden-space-sm));
+}

package/apps/com/eden/example/hello/README.md

@@ -0,0 +1,3 @@
+# Hello World Example App
+
+A simple example demonstrating frontend-backend communication in Eden using the `AppBusConnection` API.

package/apps/com/eden/example/hello/backend/dist/backend.js

@@ -0,0 +1,47 @@
+/**
+ * Hello World Backend
+ *
+ * This runs in a utility process and uses the global worker API.
+ * worker.getAppAPI() returns the connection immediately (ready by the time this runs).
+ */
+const appId = process.env.EDEN_APP_ID;
+console.log(`Hello World backend starting for ${appId}`);
+console.log("Install path:", process.env.EDEN_INSTALL_PATH);
+// State
+let messageCount = 0;
+// Get the typed appAPI connection (Backend = Host)
+const appAPI = worker.getAppAPI();
+// Register request handlers - fully typed!
+appAPI.handle("ping", (_payload) => {
+    messageCount++;
+    return {
+        timestamp: Date.now(),
+        messageCount,
+    };
+});
+appAPI.handle("get-status", (_payload) => {
+    return {
+        status: "running",
+        uptime: process.uptime(),
+        messageCount,
+    };
+});
+appAPI.handle("hello", (payload) => {
+    // payload.message is typed as string
+    return {
+        message: `Hello from backend! You said: ${payload.message}`,
+    };
+});
+// Send a startup message - typed!
+appAPI.send("backend-ready", {
+    message: "Hello World backend is ready!",
+});
+// Periodic heartbeat
+setInterval(() => {
+    appAPI.send("heartbeat", {
+        timestamp: Date.now(),
+        messageCount,
+    });
+}, 10000);
+console.log("Hello World backend initialized");
+export {};

package/apps/com/eden/example/hello/backend/node_modules/.bin/tsc

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/bin/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/bin/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsc" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsc" "$@"
+fi

package/apps/com/eden/example/hello/backend/node_modules/.bin/tsserver

@@ -0,0 +1,21 @@
+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*)
+        if command -v cygpath > /dev/null 2>&1; then
+            basedir=`cygpath -w "$basedir"`
+        fi
+    ;;
+esac
+
+if [ -z "$NODE_PATH" ]; then
+  export NODE_PATH="/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/bin/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/bin/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules/typescript/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/typescript@5.6.3/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../typescript/bin/tsserver" "$@"
+else
+  exec node  "$basedir/../typescript/bin/tsserver" "$@"
+fi

package/apps/com/eden/example/hello/backend/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "com.eden.example.hello-backend",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "tsc"
+  },
+  "devDependencies": {
+    "@edenapp/types": "workspace:*",
+    "@types/node": "^20.0.0",
+    "typescript": "^5.3.0"
+  }
+}

package/apps/com/eden/example/hello/backend/src/backend.ts

@@ -0,0 +1,58 @@
+/**
+ * Hello World Backend
+ *
+ * This runs in a utility process and uses the global worker API.
+ * worker.getAppAPI() returns the connection immediately (ready by the time this runs).
+ */
+
+import type { HostConnection } from "@edenapp/types/ipc";
+import type { HelloProtocol } from "../../shared/protocol";
+
+const appId = process.env.EDEN_APP_ID;
+console.log(`Hello World backend starting for ${appId}`);
+console.log("Install path:", process.env.EDEN_INSTALL_PATH);
+
+// State
+let messageCount = 0;
+
+// Get the typed appAPI connection (Backend = Host)
+const appAPI = worker!.getAppAPI() as HostConnection<HelloProtocol>;
+
+// Register request handlers - fully typed!
+appAPI.handle("ping", (_payload) => {
+  messageCount++;
+  return {
+    timestamp: Date.now(),
+    messageCount,
+  };
+});
+
+appAPI.handle("get-status", (_payload) => {
+  return {
+    status: "running",
+    uptime: process.uptime(),
+    messageCount,
+  };
+});
+
+appAPI.handle("hello", (payload) => {
+  // payload.message is typed as string
+  return {
+    message: `Hello from backend! You said: ${payload.message}`,
+  };
+});
+
+// Send a startup message - typed!
+appAPI.send("backend-ready", {
+  message: "Hello World backend is ready!",
+});
+
+// Periodic heartbeat
+setInterval(() => {
+  appAPI.send("heartbeat", {
+    timestamp: Date.now(),
+    messageCount,
+  });
+}, 10000);
+
+console.log("Hello World backend initialized");

package/apps/com/eden/example/hello/backend/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020"],
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "outDir": "./dist",
+    "rootDir": "src",
+    "types": ["node", "@edenapp/types/worker"]
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}

package/apps/com/eden/example/hello/frontend/dist/assets/index-D2WAwW3g.css

@@ -0,0 +1 @@
+*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--eden-font-family-base);background:var(--eden-color-bg-secondary);color:var(--eden-color-text-on-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--eden-space-lg)}.container{max-width:600px;text-align:center}h1{font-size:var(--eden-font-size-4xl);margin-bottom:var(--eden-space-md);animation:fadeInDown .6s ease-out;font-weight:var(--eden-font-weight-bold)}p{font-size:var(--eden-font-size-xl);margin-bottom:var(--eden-space-2xl);opacity:.9;animation:fadeInUp .6s ease-out .2s both;line-height:var(--eden-font-line-height-relaxed)}.controls{display:flex;flex-direction:column;gap:var(--eden-space-md);margin-top:var(--eden-space-2xl);animation:fadeInUp .6s ease-out .4s both}#status{margin-top:var(--eden-space-lg);padding:var(--eden-space-md);background:var(--eden-color-bg-glass-light);border-radius:var(--eden-radius-md);font-size:var(--eden-font-size-md);font-family:var(--eden-font-mono);text-align:left;max-height:200px;overflow-y:auto;animation:fadeInUp .6s ease-out .6s both;-webkit-backdrop-filter:var(--eden-glass-light);backdrop-filter:var(--eden-glass-light);border:1px solid var(--eden-color-border-light)}#status p{margin:var(--eden-space-xs) 0;font-size:var(--eden-font-size-md);animation:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

package/apps/com/eden/example/hello/frontend/dist/assets/index-D4bTq3-Q.js

@@ -0,0 +1 @@
+(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))l(t);new MutationObserver(t=>{for(const s of t)if(s.type==="childList")for(const r of s.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&l(r)}).observe(document,{childList:!0,subtree:!0});function n(t){const s={};return t.integrity&&(s.integrity=t.integrity),t.referrerPolicy&&(s.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?s.credentials="include":t.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function l(t){if(t.ep)return;t.ep=!0;const s=n(t);fetch(t.href,s)}})();class m{constructor(){this.statusDiv=document.getElementById("status"),this.setupEventListeners(),this.setupMessageListeners(),this.log("App initialized")}getAppAPI(){return window.getAppAPI()}setupEventListeners(){document.getElementById("ping-btn")?.addEventListener("click",()=>{this.pingBackend()}),document.getElementById("status-btn")?.addEventListener("click",()=>{this.getBackendStatus()}),document.getElementById("hello-btn")?.addEventListener("click",()=>{this.sayHello()})}setupMessageListeners(){const e=this.getAppAPI();e.on("backend-ready",n=>{this.log(`✓ ${n.message}`)}),e.on("heartbeat",n=>{console.log("Heartbeat from backend:",n)})}async pingBackend(){this.log("Sending ping to backend...");try{const e=await this.getAppAPI().request("ping",{});this.log(`Pong received! Message count: ${e.messageCount}`)}catch(e){this.log(`Error: ${e.message}`)}}async getBackendStatus(){this.log("Requesting backend status...");try{const e=await this.getAppAPI().request("get-status",{});this.log(`Status: ${e.status}`),this.log(`Uptime: ${e.uptime.toFixed(2)}s`),this.log(`Messages: ${e.messageCount}`)}catch(e){this.log(`Error: ${e.message}`)}}async sayHello(){const e=await this.showInputDialog("Say Hello","What would you like to say?","Hello from frontend!");if(e){this.log(`Sending: "${e}"`);try{const n=await this.getAppAPI().request("hello",{message:e});this.log(`Backend says: ${n.message}`)}catch(n){this.log(`Error: ${n.message}`)}}}showInputDialog(e,n="Enter value...",l=""){return new Promise(t=>{const s=document.getElementById("input-dialog"),r=document.getElementById("input-dialog-title"),o=document.getElementById("input-dialog-input"),d=document.getElementById("input-dialog-close"),u=document.getElementById("input-dialog-cancel"),g=document.getElementById("input-dialog-confirm");if(!s||!r||!o||!d||!u||!g){t(null);return}r.textContent=e,o.placeholder=n,o.value=l,s.style.display="flex",setTimeout(()=>o.focus(),100);const p=i=>{s.style.display="none",o.value="",t(i)},h=()=>{const i=o.value.trim();p(i||null)},a=()=>{p(null)};g.onclick=h,u.onclick=a,d.onclick=a;const c=i=>{i.key==="Enter"?(h(),o.removeEventListener("keydown",c)):i.key==="Escape"&&(a(),o.removeEventListener("keydown",c))};o.addEventListener("keydown",c),s.onclick=i=>{i.target===s&&a()}})}log(e){const n=document.createElement("p");if(n.textContent=`[${new Date().toLocaleTimeString()}] ${e}`,this.statusDiv)for(this.statusDiv.appendChild(n),this.statusDiv.scrollTop=this.statusDiv.scrollHeight;this.statusDiv.children.length>20;)this.statusDiv.removeChild(this.statusDiv.firstChild)}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>new m):new m;

package/apps/com/eden/example/hello/frontend/dist/index.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Hello World - Eden App</title>
+  <script type="module" crossorigin src="./assets/index-D4bTq3-Q.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-D2WAwW3g.css">
+</head>
+
+<body>
+  <div class="container">
+    <h1>👋 Hello Eden!</h1>
+    <p>
+      This is an example Eden app demonstrating the modular architecture.
+      The frontend (this page) and backend (worker thread) communicate seamlessly.
+    </p>
+
+    <div class="controls">
+      <button id="ping-btn" class="eden-btn">Ping Backend</button>
+      <button id="status-btn" class="eden-btn">Get Backend Status</button>
+      <button id="hello-btn" class="eden-btn eden-btn-primary">Say Hello to Backend</button>
+    </div>
+
+    <div id="status">
+      <p>Ready. Click a button to interact with the backend.</p>
+    </div>
+  </div>
+
+  <!-- Input Dialog Modal -->
+  <div id="input-dialog" class="eden-modal-overlay" style="display: none;">
+    <div class="eden-modal eden-modal-sm">
+      <div class="eden-modal-header">
+        <h3 class="eden-modal-title" id="input-dialog-title">Input</h3>
+        <button class="eden-modal-close" id="input-dialog-close" aria-label="Close">
+          ✕
+        </button>
+      </div>
+      <div class="eden-modal-body">
+        <div class="eden-form-group">
+          <input 
+            type="text" 
+            id="input-dialog-input" 
+            class="eden-input" 
+            placeholder="Enter value..."
+          />
+        </div>
+      </div>
+      <div class="eden-modal-footer">
+        <button class="eden-btn" id="input-dialog-cancel">Cancel</button>
+        <button class="eden-btn eden-btn-primary" id="input-dialog-confirm">OK</button>
+      </div>
+    </div>
+  </div>
+
+</body>
+
+</html>