@edenapp/sdk 0.1.5 → 0.5.0

package/dist/view-manager/layoutCalculator.test.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const layoutCalculator_1 = require("./layoutCalculator");
+describe("calculateTileBounds", () => {
+    it("returns padded bounds for no-tiling or zero visible items", () => {
+        const workspace = { x: 0, y: 0, width: 100, height: 50 };
+        const none = (0, layoutCalculator_1.calculateTileBounds)({
+            workspace,
+            tileIndex: 0,
+            visibleCount: 1,
+            config: { mode: "none", padding: 5 },
+        });
+        expect(none).toEqual({ x: 5, y: 5, width: 90, height: 40 });
+        const zero = (0, layoutCalculator_1.calculateTileBounds)({
+            workspace,
+            tileIndex: 0,
+            visibleCount: 0,
+            config: { mode: "grid", padding: 8 },
+        });
+        expect(zero).toEqual({ x: 8, y: 8, width: 84, height: 34 });
+    });
+    it("calculates horizontal tiling with gaps", () => {
+        const workspace = { x: 0, y: 0, width: 100, height: 20 };
+        const bounds = (0, layoutCalculator_1.calculateTileBounds)({
+            workspace,
+            tileIndex: 1,
+            visibleCount: 3,
+            config: { mode: "horizontal", gap: 2 },
+        });
+        // (100 - 2*2) / 3 = 32
+        expect(bounds.width).toBeCloseTo(32, 5);
+        expect(bounds.height).toBeCloseTo(20, 5);
+        expect(bounds.x).toBeCloseTo(34, 5); // 32 + 2 gap
+        expect(bounds.y).toBe(0);
+    });
+    it("calculates vertical tiling", () => {
+        const workspace = { x: 10, y: 0, width: 40, height: 90 };
+        const bounds = (0, layoutCalculator_1.calculateTileBounds)({
+            workspace,
+            tileIndex: 2,
+            visibleCount: 3,
+            config: { mode: "vertical", gap: 5 },
+        });
+        // (90 - 2*5) / 3 = 26.666...
+        expect(bounds.width).toBeCloseTo(40, 5);
+        expect(bounds.height).toBeCloseTo(26.6667, 4);
+        expect(bounds.x).toBe(10);
+        expect(bounds.y).toBeCloseTo(63.3333, 4); // row 2
+    });
+    it("calculates grid tiling with configured rows/columns", () => {
+        const workspace = { x: 0, y: 0, width: 80, height: 60 };
+        const bounds = (0, layoutCalculator_1.calculateTileBounds)({
+            workspace,
+            tileIndex: 3,
+            visibleCount: 4,
+            config: { mode: "grid", rows: 2, columns: 2, gap: 4, padding: 2 },
+        });
+        // After padding: 76x56
+        // Tile width: (76 - 4) / 2 = 36
+        // Tile height: (56 - 4) / 2 = 26
+        expect(bounds).toEqual({
+            x: 2 + 1 * (36 + 4),
+            y: 2 + 1 * (26 + 4),
+            width: 36,
+            height: 26,
+        });
+    });
+});
+//# sourceMappingURL=layoutCalculator.test.js.map

package/dist/view-manager/layoutCalculator.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutCalculator.test.js","sourceRoot":"","sources":["../../src/view-manager/layoutCalculator.test.ts"],"names":[],"mappings":"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"}

package/dist/view-manager/types.d.ts

@@ -1,5 +1,5 @@
-import { Rectangle as Bounds, WebContentsView } from "electron";
-import { AppManifest } from "@edenapp/types";
+import type { AppManifest } from "@edenapp/types";
+import type { Rectangle as Bounds, WebContentsView } from "electron";
 export type ViewMode = "floating" | "tiled";
 export type ViewType = "app" | "overlay";
 export declare const Z_LAYERS: {
@@ -20,5 +20,12 @@ export interface ViewInfo {
     tileIndex?: number;
     zIndex?: number;
     launchArgs?: string[];
+    lastFocusedAt?: number;
+}
+export interface ViewCreationOptions {
+    preloadScript: string;
+    transparent?: boolean;
+    backgroundThrottling?: boolean;
+    additionalArguments?: string[];
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/view-manager/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/view-manager/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,MAAM,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAGzC,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AAEX,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/view-manager/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,IAAI,MAAM,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAErE,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAGzC,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AAEX,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,eAAe,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,WAAW,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;CAChC"}

package/dist/view-manager/viewLifecycle.d.ts

@@ -0,0 +1,41 @@
+import { type BrowserWindow, WebContentsView } from "electron";
+import type { ViewCreationOptions, ViewInfo } from "./types";
+/**
+ * Check if a WebContentsView exists and is valid.
+ */
+export declare function isValidView(view?: WebContentsView): view is WebContentsView;
+/**
+ * Check if a WebContentsView's webContents is still alive (not destroyed).
+ */
+export declare function isViewAlive(view?: WebContentsView): boolean;
+/**
+ * Check if a BrowserWindow exists and is not destroyed.
+ */
+export declare function isWindowAlive(window?: BrowserWindow | null): window is BrowserWindow;
+/**
+ * Get a view from the map with validation.
+ * Throws an error if view is not found or destroyed.
+ */
+export declare function requireView(viewId: number, views: Map<number, ViewInfo>): ViewInfo;
+/**
+ * Get a view by app ID from the map, returning the first matching view.
+ * Throws an error if view is not found or destroyed.
+ */
+export declare function requireViewByAppId(appId: string, views: Map<number, ViewInfo>): {
+    viewId: number;
+    viewInfo: ViewInfo;
+};
+/**
+ * Create a new WebContentsView with standard options.
+ */
+export declare function createView(options: ViewCreationOptions): WebContentsView;
+/**
+ * Safely destroy a view and remove it from the main window.
+ */
+export declare function destroyView(viewInfo: ViewInfo, mainWindow: BrowserWindow | null): void;
+/**
+ * Remove all destroyed views from a view map.
+ * Returns the number of views cleaned up.
+ */
+export declare function cleanupDestroyedViews(views: Map<number, ViewInfo>): number;
+//# sourceMappingURL=viewLifecycle.d.ts.map

package/dist/view-manager/viewLifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewLifecycle.d.ts","sourceRoot":"","sources":["../../src/view-manager/viewLifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE/D,OAAO,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,IAAI,eAAe,CAE3E;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,CAAC,EAAE,eAAe,GAAG,OAAO,CAO3D;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,GAC5B,MAAM,IAAI,aAAa,CAEzB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,GAC3B,QAAQ,CAYV;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,GAC3B;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAWxC;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,mBAAmB,GAAG,eAAe,CAqBxE;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,aAAa,GAAG,IAAI,GAC/B,IAAI,CAsBN;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,MAAM,CAkB1E"}

package/dist/view-manager/viewLifecycle.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidView = isValidView;
+exports.isViewAlive = isViewAlive;
+exports.isWindowAlive = isWindowAlive;
+exports.requireView = requireView;
+exports.requireViewByAppId = requireViewByAppId;
+exports.createView = createView;
+exports.destroyView = destroyView;
+exports.cleanupDestroyedViews = cleanupDestroyedViews;
+const electron_1 = require("electron");
+const logging_1 = require("../logging");
+/**
+ * Check if a WebContentsView exists and is valid.
+ */
+function isValidView(view) {
+    return view !== undefined && view !== null;
+}
+/**
+ * Check if a WebContentsView's webContents is still alive (not destroyed).
+ */
+function isViewAlive(view) {
+    if (!isValidView(view))
+        return false;
+    try {
+        return !view.webContents.isDestroyed();
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Check if a BrowserWindow exists and is not destroyed.
+ */
+function isWindowAlive(window) {
+    return window !== undefined && window !== null && !window.isDestroyed();
+}
+/**
+ * Get a view from the map with validation.
+ * Throws an error if view is not found or destroyed.
+ */
+function requireView(viewId, views) {
+    const viewInfo = views.get(viewId);
+    if (!viewInfo) {
+        throw new Error(`View ${viewId} not found`);
+    }
+    if (!isViewAlive(viewInfo.view)) {
+        throw new Error(`View ${viewId} is destroyed`);
+    }
+    return viewInfo;
+}
+/**
+ * Get a view by app ID from the map, returning the first matching view.
+ * Throws an error if view is not found or destroyed.
+ */
+function requireViewByAppId(appId, views) {
+    for (const [viewId, info] of views.entries()) {
+        if (info.appId === appId) {
+            if (!isViewAlive(info.view)) {
+                throw new Error(`View for app ${appId} is destroyed`);
+            }
+            return { viewId, viewInfo: info };
+        }
+    }
+    throw new Error(`No view found for app ${appId}`);
+}
+/**
+ * Create a new WebContentsView with standard options.
+ */
+function createView(options) {
+    const { preloadScript, transparent = true, backgroundThrottling = false, additionalArguments = [], } = options;
+    return new electron_1.WebContentsView({
+        webPreferences: {
+            nodeIntegration: false,
+            contextIsolation: true,
+            sandbox: false,
+            preload: preloadScript,
+            transparent,
+            backgroundThrottling,
+            scrollBounce: false,
+            spellcheck: false,
+            additionalArguments,
+        },
+    });
+}
+/**
+ * Safely destroy a view and remove it from the main window.
+ */
+function destroyView(viewInfo, mainWindow) {
+    try {
+        // Check if view is already destroyed
+        if (!isViewAlive(viewInfo.view)) {
+            // View already destroyed, nothing to do
+            return;
+        }
+        // Remove from main window if window still exists
+        if (isWindowAlive(mainWindow)) {
+            try {
+                mainWindow.contentView.removeChildView(viewInfo.view);
+            }
+            catch (error) {
+                // Ignore errors during removal - view might already be removed
+                logging_1.log.warn("Ignoring error during view removal:", error);
+            }
+        }
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        logging_1.log.error("Failed to destroy view:", errorMessage);
+        throw new Error(`Failed to destroy view: ${errorMessage}`);
+    }
+}
+/**
+ * Remove all destroyed views from a view map.
+ * Returns the number of views cleaned up.
+ */
+function cleanupDestroyedViews(views) {
+    const destroyedIds = [];
+    for (const [viewId, info] of views.entries()) {
+        if (!isViewAlive(info.view)) {
+            destroyedIds.push(viewId);
+        }
+    }
+    for (const id of destroyedIds) {
+        views.delete(id);
+    }
+    if (destroyedIds.length > 0) {
+        logging_1.log.info(`Cleaned up ${destroyedIds.length} destroyed views`);
+    }
+    return destroyedIds.length;
+}
+//# sourceMappingURL=viewLifecycle.js.map

package/dist/view-manager/viewLifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewLifecycle.js","sourceRoot":"","sources":["../../src/view-manager/viewLifecycle.ts"],"names":[],"mappings":"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"}

package/edencss/README.md

@@ -141,18 +141,12 @@ Variants: `eden-card-glass`, `eden-card-elevated`, `eden-card-interactive`
 <span class="eden-tag">Label</span>
 ```
 
-### Lists & Menus
+### Lists
 
 ```html
 <ul class="eden-list">
   <li class="eden-list-item eden-list-item-interactive">Click me</li>
 </ul>
-
-<ul class="eden-menu">
-  <li class="eden-menu-item">Action</li>
-  <li class="eden-menu-divider"></li>
-  <li class="eden-menu-item eden-menu-item-danger">Delete</li>
-</ul>
 ```
 
 ### Sidebar

package/edencss/components/avatar.css

@@ -0,0 +1,88 @@
+/**
+ * Eden Design System - Avatar Component
+ * Circular user images and placeholders
+ */
+
+/* ===== Avatar ===== */
+.eden-avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  user-select: none;
+  flex-shrink: 0;
+
+  border-radius: var(--eden-radius-round);
+  background: var(--eden-color-bg-dark);
+  color: var(--eden-color-text-primary);
+  font-weight: var(--eden-font-weight-semibold);
+  font-size: var(--eden-font-size-sm);
+
+  /* Default ViewBounds usually var(--eden-space-xl) = 36px */
+  width: var(--eden-space-xl);
+  height: var(--eden-space-xl);
+}
+
+.eden-avatar-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: inherit;
+}
+
+.eden-avatar-icon {
+  width: 60%;
+  height: 60%;
+  stroke-width: 1.5;
+}
+
+/* ===== Avatar Sizes ===== */
+.eden-avatar-xs {
+  width: calc(var(--eden-space-md) + var(--eden-space-xs));
+  height: calc(var(--eden-space-md) + var(--eden-space-xs));
+  font-size: var(--eden-font-size-xs);
+}
+
+.eden-avatar-sm {
+  width: var(--eden-space-lg);
+  height: var(--eden-space-lg);
+  font-size: var(--eden-font-size-xs);
+}
+
+.eden-avatar-md {
+  width: var(--eden-space-xl);
+  height: var(--eden-space-xl);
+  font-size: var(--eden-font-size-sm);
+}
+
+.eden-avatar-lg {
+  width: var(--eden-space-2xl);
+  height: var(--eden-space-2xl);
+  font-size: var(--eden-font-size-md);
+}
+
+.eden-avatar-xl {
+  width: var(--eden-space-3xl);
+  height: var(--eden-space-3xl);
+  font-size: var(--eden-font-size-xl);
+}
+
+/* ===== Avatar Group ===== */
+.eden-avatar-group {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  margin-left: 10px;
+}
+
+.eden-avatar-group .eden-avatar {
+  border: 2px solid var(--eden-color-bg-base);
+  margin-left: -10px;
+  transition: transform var(--eden-transition-fast);
+}
+
+.eden-avatar-group .eden-avatar:hover {
+  transform: translateY(-4px);
+  z-index: 10;
+}

package/edencss/components/badges.css

@@ -14,11 +14,11 @@
   font-weight: var(--eden-font-weight-semibold);
   text-transform: uppercase;
   letter-spacing: var(--eden-font-letter-spacing-wide);
-  
+
   background: var(--eden-color-bg-glass-medium);
   backdrop-filter: var(--eden-glass-light);
   -webkit-backdrop-filter: var(--eden-glass-light);
-  
+
   border: 1px solid var(--eden-color-border-light);
   color: var(--eden-color-text-secondary);
 }
@@ -79,7 +79,8 @@
 }
 
 @keyframes eden-pulse {
-  0%, 100% {
+  0%,
+  100% {
     opacity: 1;
   }
   50% {
@@ -96,14 +97,14 @@
   border-radius: var(--eden-radius-md);
   font-size: var(--eden-font-size-sm);
   font-weight: var(--eden-font-weight-medium);
-  
+
   background: var(--eden-color-bg-glass-medium);
   backdrop-filter: var(--eden-glass-medium);
   -webkit-backdrop-filter: var(--eden-glass-medium);
-  
+
   border: 1px solid var(--eden-color-border-light);
   color: var(--eden-color-text-primary);
-  
+
   transition: all var(--eden-transition-base);
 }
 
@@ -151,19 +152,20 @@
   height: 18px;
   padding: 0 var(--eden-space-xs);
   border-radius: 999px;
-  
+
   background: var(--eden-color-danger);
   border: 2px solid var(--eden-color-surface-primary);
-  
+
   display: flex;
   align-items: center;
   justify-content: center;
-  
+
   font-size: 10px;
   font-weight: var(--eden-font-weight-bold);
   color: white;
-  
-  animation: eden-badge-pop var(--eden-duration-normal) var(--eden-transition-ease-out);
+
+  animation: eden-badge-pop var(--eden-duration-normal)
+    var(--eden-transition-ease-out);
 }
 
 @keyframes eden-badge-pop {
@@ -177,4 +179,3 @@
     transform: scale(1);
   }
 }
-

package/edencss/components/buttons.css

@@ -58,7 +58,11 @@
 
 /* ===== Button Variants ===== */
 .eden-btn-primary {
-  background: linear-gradient(135deg, var(--eden-color-accent-blue), var(--eden-color-accent-blue-dark));
+  background: linear-gradient(
+    135deg,
+    var(--eden-color-accent-blue),
+    var(--eden-color-accent-blue-dark)
+  );
   border-color: transparent;
   color: white;
   box-shadow: var(--eden-shadow-md);
@@ -198,7 +202,11 @@
   height: 56px;
   border-radius: var(--eden-radius-round);
 
-  background: linear-gradient(135deg, var(--eden-color-accent-blue), var(--eden-color-accent-blue-dark));
+  background: linear-gradient(
+    135deg,
+    var(--eden-color-accent-blue),
+    var(--eden-color-accent-blue-dark)
+  );
   border: none;
   box-shadow: var(--eden-shadow-2xl);
 
@@ -218,4 +226,4 @@
 
 .eden-fab:active {
   transform: scale(1);
-}
+}

package/edencss/components/cards.css

@@ -7,16 +7,16 @@
 .eden-card {
   border-radius: var(--eden-radius-lg);
   padding: var(--eden-space-lg);
-  
+
   /* Frosted glass effect */
   background: var(--eden-color-bg-glass-medium);
   backdrop-filter: var(--eden-glass-medium);
   -webkit-backdrop-filter: var(--eden-glass-medium);
-  
+
   border: 1px solid var(--eden-color-border-light);
   box-shadow: var(--eden-shadow-md);
   color: var(--eden-color-text-primary);
-  
+
   transition: all var(--eden-transition-base);
 }
 
@@ -29,12 +29,12 @@
 .eden-card-glass {
   border-radius: var(--eden-radius-2xl);
   padding: var(--eden-space-xl);
-  
+
   /* Ultra frosted glass effect */
   background: var(--eden-color-bg-glass-strong);
   backdrop-filter: var(--eden-glass-ultra);
   -webkit-backdrop-filter: var(--eden-glass-ultra);
-  
+
   border: 1px solid var(--eden-color-border-light);
   box-shadow: var(--eden-shadow-2xl);
   color: var(--eden-color-text-primary);
@@ -135,7 +135,7 @@
   gap: var(--eden-space-md);
   padding: var(--eden-space-md);
   border-radius: var(--eden-radius-md);
-  
+
   background: var(--eden-color-bg-glass-light);
   backdrop-filter: var(--eden-glass-light);
   -webkit-backdrop-filter: var(--eden-glass-light);
@@ -198,4 +198,3 @@
   gap: var(--eden-space-lg);
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 }
-