@edenapp/sdk 0.1.0

package/apps/com/eden/eveshell/manifest.json

@@ -0,0 +1,28 @@
+{
+  "id": "com.eden.eveshell",
+  "name": "Shell for Eden",
+  "version": "1.0.0",
+  "overlay": true,
+  "permissions": ["db/rw"],
+  "build": {
+    "command": "npm run build"
+  },
+  "frontend": {
+    "entry": "dist/index.html"
+  },
+  "window": {
+    "mode": "floating",
+    "defaultSize": {
+      "width": 1200,
+      "height": 72
+    },
+    "defaultPosition": {
+      "x": 40,
+      "y": 700
+    },
+    "injections": {
+      "css": "full",
+      "appFrame": false
+    }
+  }
+}

package/apps/com/eden/eveshell/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/eveshell/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/eveshell/node_modules/.bin/vite

@@ -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/vite@7.2.6_@types+node@22.19.1/node_modules/vite/bin/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/vite@7.2.6_@types+node@22.19.1/node_modules/vite/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/vite@7.2.6_@types+node@22.19.1/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/node_modules"
+else
+  export NODE_PATH="/home/dariusz/Desktop/eden/node_modules/.pnpm/vite@7.2.6_@types+node@22.19.1/node_modules/vite/bin/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/vite@7.2.6_@types+node@22.19.1/node_modules/vite/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/vite@7.2.6_@types+node@22.19.1/node_modules:/home/dariusz/Desktop/eden/node_modules/.pnpm/node_modules:$NODE_PATH"
+fi
+if [ -x "$basedir/node" ]; then
+  exec "$basedir/node"  "$basedir/../vite/bin/vite.js" "$@"
+else
+  exec node  "$basedir/../vite/bin/vite.js" "$@"
+fi

package/apps/com/eden/eveshell/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "com.eden.eveshell",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "@edenapp/types": "workspace:*",
+    "solid-js": "^1.9.10",
+    "typescript": "^5.3.0",
+    "vite": "^7.2.4",
+    "vite-plugin-solid": "^2.11.10"
+  },
+  "dependencies": {
+    "solid-icons": "^1.1.0"
+  }
+}

package/apps/com/eden/eveshell/src/components/AllApps.tsx

@@ -0,0 +1,228 @@
+import { For, Show, createSignal, onCleanup, onMount } from "solid-js";
+import AppIcon from "./AppIcon";
+import AppContextMenu, { ContextMenuData } from "./AppContextMenu";
+import { AppInfo } from "../types";
+
+interface AllAppsProps {
+  apps: AppInfo[];
+  onClose: () => void;
+  onAppClick: (appId: string) => Promise<void> | void;
+  onStopApp: (appId: string) => Promise<void> | void;
+  onUninstallApp: (appId: string) => Promise<void> | void;
+  isAppPinned: (appId: string) => boolean;
+  onAddToDock: (appId: string) => Promise<void> | void;
+  onRemoveFromDock: (appId: string) => Promise<void> | void;
+}
+
+export default function AllApps(props: AllAppsProps) {
+  const [searchQuery, setSearchQuery] = createSignal("");
+  const [contextMenu, setContextMenu] = createSignal<ContextMenuData | null>(null);
+  const [longPressTimer, setLongPressTimer] = createSignal<number | null>(null);
+  const [isClosing, setIsClosing] = createSignal(false);
+  const EXIT_ANIMATION_MS = 280;
+  let exitTimer: number | undefined;
+  let searchInputRef: HTMLInputElement | undefined;
+
+  const filteredApps = () => {
+    const query = searchQuery().toLowerCase().trim();
+    if (!query) return props.apps;
+    return props.apps.filter(
+      (app) =>
+        app.name.toLowerCase().includes(query) ||
+        app.id.toLowerCase().includes(query)
+    );
+  };
+
+  onMount(() => {
+    searchInputRef?.focus();
+  });
+
+  onCleanup(() => {
+    const timer = longPressTimer();
+    if (timer) clearTimeout(timer);
+    if (exitTimer) clearTimeout(exitTimer);
+  });
+
+  function clearLongPressTimer() {
+    const timer = longPressTimer();
+    if (timer) {
+      clearTimeout(timer);
+      setLongPressTimer(null);
+    }
+  }
+
+  function triggerClose() {
+    if (isClosing()) return;
+    setContextMenu(null);
+    setIsClosing(true);
+    exitTimer = window.setTimeout(() => {
+      props.onClose();
+      exitTimer = undefined;
+    }, EXIT_ANIMATION_MS);
+  }
+
+  function handleOverlayClick() {
+    if (isClosing()) return;
+    triggerClose();
+  }
+
+  async function handleTileClick(appId: string) {
+    if (!isClosing()) triggerClose();
+
+    // Show all running apps when clicking a tile
+    const runningAppIds = props.apps
+      .filter((app) => app.isRunning)
+      .map((app) => app.id);
+    for (const runningAppId of runningAppIds) {
+      try {
+        await window.edenAPI.shellCommand("view/set-view-visibility", {
+          appId: runningAppId,
+          visible: true,
+        });
+      } catch (error) {
+        console.error(`Failed to set visibility for ${runningAppId}:`, error);
+      }
+    }
+
+    await props.onAppClick(appId);
+  }
+
+  function handleContextMenu(
+    e: MouseEvent,
+    appId: string,
+    appName: string,
+    isRunning: boolean
+  ) {
+    if (isClosing()) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setContextMenu({ appId, appName, isRunning, left: e.clientX, top: e.clientY });
+  }
+
+  function handleLongPressStart(
+    e: TouchEvent | MouseEvent,
+    appId: string,
+    appName: string,
+    isRunning: boolean
+  ) {
+    if (isClosing()) return;
+    const timer = window.setTimeout(() => {
+      const clientX =
+        "touches" in e ? e.touches[0].clientX : (e as MouseEvent).clientX;
+      const clientY =
+        "touches" in e ? e.touches[0].clientY : (e as MouseEvent).clientY;
+      setContextMenu({ appId, appName, isRunning, left: clientX, top: clientY });
+    }, 500);
+    setLongPressTimer(timer);
+  }
+
+  function handleLongPressEnd() {
+    clearLongPressTimer();
+  }
+
+  function handleKeyDown(e: KeyboardEvent) {
+    if (e.key === "Escape") triggerClose();
+  }
+
+  return (
+    <>
+      {/* Main overlay - uses eden-modal-overlay but without blur */}
+      <div
+        class="eden-modal-overlay"
+        classList={{ closing: isClosing() }}
+        style="background: rgba(0,0,0,0.4); backdrop-filter: none;"
+        onClick={handleOverlayClick}
+        onKeyDown={handleKeyDown}
+      >
+        {/* Floating island - uses eden-modal as base */}
+        <div
+          class="eden-modal eden-modal-lg"
+          classList={{ closing: isClosing() }}
+          style="max-height: 70vh; background: var(--eden-color-surface-primary);"
+          onClick={(e) => e.stopPropagation()}
+        >
+          {/* Header with search */}
+          <div class="eden-modal-header">
+            <div class="eden-flex eden-gap-sm" style="flex: 1;">
+              <input
+                ref={searchInputRef}
+                type="text"
+                class="eden-input"
+                placeholder="Search apps..."
+                value={searchQuery()}
+                onInput={(e) => setSearchQuery(e.currentTarget.value)}
+              />
+            </div>
+          </div>
+
+          {/* App grid - uses eden-modal-body for scrolling */}
+          <div class="eden-modal-body eden-scrollbar">
+            <div class="eden-card-grid" style="gap: var(--eden-space-lg);">
+              <For each={filteredApps()}>
+                {(app) => (
+                  <div
+                    class="all-apps-tile eden-interactive"
+                    classList={{ running: app.isRunning }}
+                    onClick={async () => {
+                      if (contextMenu() || isClosing()) return;
+                      await handleTileClick(app.id);
+                    }}
+                    onContextMenu={(e) =>
+                      handleContextMenu(e, app.id, app.name, app.isRunning)
+                    }
+                    onMouseDown={(e) => {
+                      if (e.button === 0) {
+                        handleLongPressStart(
+                          e,
+                          app.id,
+                          app.name,
+                          app.isRunning
+                        );
+                      }
+                    }}
+                    onMouseUp={handleLongPressEnd}
+                    onMouseLeave={handleLongPressEnd}
+                    onTouchStart={(e) =>
+                      handleLongPressStart(e, app.id, app.name, app.isRunning)
+                    }
+                    onTouchEnd={handleLongPressEnd}
+                    onTouchCancel={handleLongPressEnd}
+                  >
+                    <AppIcon
+                      appId={app.id}
+                      appName={app.name}
+                      isRunning={app.isRunning}
+                    />
+                  </div>
+                )}
+              </For>
+              <Show when={filteredApps().length === 0}>
+                <div
+                  class="eden-text-tertiary eden-text-md"
+                  style="grid-column: 1 / -1; text-align: center; padding: var(--eden-space-2xl);"
+                >
+                  No apps found
+                </div>
+              </Show>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Context menu */}
+      <Show when={contextMenu()}>
+        {(menu) => (
+          <AppContextMenu
+            menu={menu()}
+            isAppPinned={props.isAppPinned}
+            onStopApp={props.onStopApp}
+            onAddToDock={props.onAddToDock}
+            onRemoveFromDock={props.onRemoveFromDock}
+            onUninstallApp={props.onUninstallApp}
+            onClose={() => setContextMenu(null)}
+          />
+        )}
+      </Show>
+    </>
+  );
+}

package/apps/com/eden/eveshell/src/components/AppContextMenu.tsx

@@ -0,0 +1,125 @@
+import { Show, createSignal, onMount } from "solid-js";
+import { FaSolidStop, FaSolidFire, FaSolidBolt, FaSolidThumbtack, FaSolidPlus, FaSolidTrash } from "solid-icons/fa";
+
+export interface ContextMenuData {
+  appId: string;
+  appName: string;
+  isRunning: boolean;
+  left?: number;
+  right?: number;
+  top?: number;
+  bottom?: number;
+}
+
+interface AppContextMenuProps {
+  menu: ContextMenuData;
+  isAppPinned: (appId: string) => boolean;
+  onStopApp: (appId: string) => Promise<void> | void;
+  onAddToDock: (appId: string) => Promise<void> | void;
+  onRemoveFromDock: (appId: string) => Promise<void> | void;
+  onUninstallApp: (appId: string) => Promise<void> | void;
+  onClose: () => void;
+}
+
+export default function AppContextMenu(props: AppContextMenuProps) {
+  const [hotReloadEnabled, setHotReloadEnabled] = createSignal(false);
+
+  onMount(async () => {
+    // Check hot reload status for this app
+    try {
+      const result = await window.edenAPI.shellCommand(
+        "package/is-hot-reload-enabled",
+        { appId: props.menu.appId }
+      );
+      if (result.enabled) {
+        setHotReloadEnabled(true);
+      }
+    } catch (error) {
+      console.error("Failed to check hot reload status:", error);
+    }
+  });
+
+  const handleToggleHotReload = async () => {
+    try {
+      const result = await window.edenAPI.shellCommand(
+        "package/toggle-hot-reload",
+        { appId: props.menu.appId }
+      );
+      setHotReloadEnabled(result.enabled);
+    } catch (error) {
+      console.error("Failed to toggle hot reload:", error);
+    }
+    props.onClose();
+  };
+
+  const handleToggleDock = async () => {
+    if (props.isAppPinned(props.menu.appId)) {
+      await props.onRemoveFromDock(props.menu.appId);
+    } else {
+      await props.onAddToDock(props.menu.appId);
+    }
+    props.onClose();
+  };
+
+  const handleStopApp = async () => {
+    await props.onStopApp(props.menu.appId);
+    props.onClose();
+  };
+
+  const handleUninstall = async () => {
+    await props.onUninstallApp(props.menu.appId);
+    props.onClose();
+  };
+
+  return (
+    <>
+      <div
+        class="eden-modal-overlay context-menu-overlay"
+        onClick={props.onClose}
+      />
+      <div
+        class="eden-popover"
+        style={{
+          ...(props.menu.left !== undefined && { left: `${props.menu.left}px` }),
+          ...(props.menu.right !== undefined && { right: `${props.menu.right}px` }),
+          ...(props.menu.top !== undefined && { top: `${props.menu.top}px` }),
+          ...(props.menu.bottom !== undefined && { bottom: `${props.menu.bottom}px` }),
+        }}
+      >
+        <div class="eden-popover-title context-menu-title">
+          {props.menu.appName}
+        </div>
+        <Show when={props.menu.isRunning}>
+          <button
+            class="eden-btn eden-btn-ghost eden-btn-sm context-menu-btn"
+            onClick={handleStopApp}
+          >
+            <FaSolidStop />
+            Stop App
+          </button>
+        </Show>
+        <button
+          class="eden-btn eden-btn-ghost eden-btn-sm context-menu-btn"
+          onClick={handleToggleHotReload}
+        >
+          {hotReloadEnabled() ? <FaSolidFire /> : <FaSolidBolt />}
+          {hotReloadEnabled() ? "Disable" : "Enable"} Hot Reload
+        </button>
+        <button
+          class="eden-btn eden-btn-ghost eden-btn-sm context-menu-btn"
+          onClick={handleToggleDock}
+        >
+          {props.isAppPinned(props.menu.appId) ? <FaSolidThumbtack /> : <FaSolidPlus />}
+          {props.isAppPinned(props.menu.appId) ? "Remove from Dock" : "Add to Dock"}
+        </button>
+        <button
+          class="eden-btn eden-btn-ghost eden-btn-sm eden-btn-danger context-menu-btn"
+          onClick={handleUninstall}
+        >
+          <FaSolidTrash />
+          Uninstall
+        </button>
+      </div>
+    </>
+  );
+}

package/apps/com/eden/eveshell/src/components/AppIcon.tsx

@@ -0,0 +1,40 @@
+import { Show, createResource } from "solid-js";
+import { fetchAppIcon } from "../icon-cache";
+import defaultIcon from "../../assets/default-icon.svg";
+
+interface AppIconProps {
+  appId: string;
+  appName: string;
+  /** Optional direct icon data URL (for built-in icons that don't need fetching) */
+  icon?: string;
+  isRunning?: boolean;
+  onClick?: () => void;
+  onContextMenu?: (e: MouseEvent) => void;
+}
+
+export default function AppIcon(props: AppIconProps) {
+  // Only fetch if no direct icon prop was provided
+  const [fetchedIcon] = createResource(
+    () => (props.icon ? null : props.appId),
+    (appId) => (appId ? fetchAppIcon(appId) : Promise.resolve(undefined))
+  );
+
+  const iconSrc = () => props.icon || fetchedIcon() || defaultIcon;
+
+  return (
+    <div 
+      class="app-icon" 
+      onClick={props.onClick} 
+      onContextMenu={props.onContextMenu}
+      title={props.appName}
+    >
+      <div class="icon-container">
+        <img src={iconSrc()} alt={props.appName} draggable={false} />
+        <Show when={props.isRunning}>
+          <div class="running-indicator"></div>
+        </Show>
+      </div>
+      <div class="app-name">{props.appName}</div>
+    </div>
+  );
+}

package/apps/com/eden/eveshell/src/components/Clock.tsx

@@ -0,0 +1,35 @@
+import { createSignal, onCleanup } from "solid-js";
+
+export default function Clock() {
+  const [time, setTime] = createSignal(new Date());
+
+  const interval = setInterval(() => {
+    setTime(new Date());
+  }, 1000);
+
+  onCleanup(() => clearInterval(interval));
+
+  const formatTime = () => {
+    const t = time();
+    return t.toLocaleTimeString("en-US", {
+      hour: "2-digit",
+      minute: "2-digit",
+    });
+  };
+
+  const formatDate = () => {
+    const t = time();
+    return t.toLocaleDateString("en-US", {
+      weekday: "short",
+      month: "short",
+      day: "numeric",
+    });
+  };
+
+  return (
+    <div class="clock">
+      <div class="time">{formatTime()}</div>
+      <div class="date">{formatDate()}</div>
+    </div>
+  );
+}