even-toolkit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 fabioglimb
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,106 @@
+# even-toolkit
+
+Shared library for building **Even Realities G2 glasses** apps. Provides the bridge, display rendering, gesture handling, UI components, and utilities used across G2 web apps.
+
+## Install
+
+```bash
+npm install even-toolkit
+```
+
+Peer dependencies (install in your app):
+```bash
+npm install @evenrealities/even_hub_sdk @jappyjan/even-better-sdk react react-router
+```
+
+## Modules
+
+### Core
+
+| Import | Description |
+|--------|------------|
+| `even-toolkit/types` | `DisplayData`, `DisplayLine`, `GlassAction`, `GlassNavState`, `line()`, `separator()` |
+| `even-toolkit/bridge` | `EvenHubBridge` — wraps the SDK for text, column, chart, and image pages |
+| `even-toolkit/useGlasses` | React hook to connect any app to G2 glasses (display, events, polling) |
+| `even-toolkit/layout` | Display constants: `DISPLAY_W=576`, `DISPLAY_H=288`, image tile positions |
+
+### Input
+
+| Import | Description |
+|--------|------------|
+| `even-toolkit/action-map` | Maps raw SDK events to `GlassAction` (click→SELECT, scroll→HIGHLIGHT_MOVE, double-click→GO_BACK) |
+| `even-toolkit/keyboard` | Keyboard bindings (arrows, enter, escape) + mouse wheel for simulator |
+| `even-toolkit/gestures` | Tap/scroll debouncing tuned for G2 hardware |
+
+### UI Components
+
+| Import | Description |
+|--------|------------|
+| `even-toolkit/action-bar` | `buildActionBar()` — blinking `▶Name◀`/`▷Name◁` button bar, `buildStaticActionBar()` |
+| `even-toolkit/timer-display` | `renderTimerLines()` — `█ 02:00` + progress bar for countdown timers |
+| `even-toolkit/text-utils` | `truncate()`, `buildHeaderLine()`, `applyScrollIndicators()`, `SCROLL_UP`/`SCROLL_DOWN` |
+| `even-toolkit/useFlashPhase` | React hook — 500ms boolean toggle for blinking indicators |
+
+### Image Pipeline
+
+| Import | Description |
+|--------|------------|
+| `even-toolkit/canvas-renderer` | Canvas-based chart/image rendering |
+| `even-toolkit/composer` | Image composition utilities |
+| `even-toolkit/png-utils` | 4-bit greyscale PNG encoding with upng-js |
+
+### Other
+
+| Import | Description |
+|--------|------------|
+| `even-toolkit/keep-alive` | Heartbeat to prevent SDK/webview sleep |
+
+## Quick Start
+
+```tsx
+import { useGlasses } from 'even-toolkit/useGlasses';
+import { line } from 'even-toolkit/types';
+import { buildActionBar } from 'even-toolkit/action-bar';
+import { renderTimerLines } from 'even-toolkit/timer-display';
+import { useFlashPhase } from 'even-toolkit/useFlashPhase';
+
+function MyGlasses() {
+  const flashPhase = useFlashPhase(isActiveMode);
+
+  useGlasses({
+    getSnapshot: () => myAppState,
+    toDisplayData: (snapshot, nav) => ({
+      lines: [
+        line(buildHeaderLine('My App', buildActionBar(['Action1', 'Action2'], 0, null, flashPhase)), 'normal'),
+        line('Content here', 'meta'),
+      ],
+    }),
+    onGlassAction: (action, nav, snapshot) => nav,
+    deriveScreen: (path) => 'home',
+    appName: 'my-app',
+  });
+
+  return null;
+}
+```
+
+## G2 Display Constraints
+
+- Display: 576x288 pixels, monospace green-on-black
+- `█` (full block) and `─` (horizontal line) render correctly
+- `░▒▓` (shading), `╔═╗║` (double box drawing), `▀▄` (half blocks) do NOT work
+- Emoji codepoints are NOT supported
+- Multi-line character art does NOT align across rows
+- Image tiles: max 4 at 200x100 each, 4-bit greyscale PNG
+
+## Used By
+
+- [EvenKitchen](https://github.com/fabioglimb/even-kitchen) — Hands-free cooking companion
+- [EvenMarket](https://github.com/fabioglimb/even-market) — Real-time stock market HUD
+- EvenWorkout — Guided workout tracker
+- EvenPlants — Plant care companion
+- EvenCopilot — AI assistant
+
+## License
+
+MIT

package/dist/action-bar.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Shared action button bar for G2 glasses display.
+ *
+ * Renders a row of named buttons with triangle indicators:
+ *   ▶Timer◀  Scroll  ▷Steps◁
+ *
+ * - Selected button (in button-select mode): solid triangles ▶Name◀
+ * - Active button (mode entered): blinking triangles ▶Name◀ / ▷Name◁
+ * - Inactive button: plain  Name
+ */
+/**
+ * Build an action bar string from a list of button names.
+ *
+ * @param buttons   Array of button label strings, e.g. ['Timer', 'Scroll', 'Steps']
+ * @param selectedIndex  Index of the currently highlighted button (in button-select mode)
+ * @param activeLabel    Label of the currently active mode button (e.g. 'Scroll'), or null if in button-select mode
+ * @param flashPhase     Current blink phase (true = filled triangles, false = empty)
+ */
+export declare function buildActionBar(buttons: string[], selectedIndex: number, activeLabel: string | null, flashPhase: boolean): string;
+/**
+ * Build a static action bar (no blinking, always solid triangles on selected).
+ * Useful for screens like recipe detail or completion where there's no mode switching.
+ */
+export declare function buildStaticActionBar(buttons: string[], selectedIndex: number): string;
+//# sourceMappingURL=action-bar.d.ts.map

package/dist/action-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.d.ts","sourceRoot":"","sources":["../action-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,MAAM,EAAE,EACjB,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,UAAU,EAAE,OAAO,GAClB,MAAM,CAgBR;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EAAE,EACjB,aAAa,EAAE,MAAM,GACpB,MAAM,CAOR"}

package/dist/action-bar.js

@@ -0,0 +1,47 @@
+/**
+ * Shared action button bar for G2 glasses display.
+ *
+ * Renders a row of named buttons with triangle indicators:
+ *   ▶Timer◀  Scroll  ▷Steps◁
+ *
+ * - Selected button (in button-select mode): solid triangles ▶Name◀
+ * - Active button (mode entered): blinking triangles ▶Name◀ / ▷Name◁
+ * - Inactive button: plain  Name
+ */
+/**
+ * Build an action bar string from a list of button names.
+ *
+ * @param buttons   Array of button label strings, e.g. ['Timer', 'Scroll', 'Steps']
+ * @param selectedIndex  Index of the currently highlighted button (in button-select mode)
+ * @param activeLabel    Label of the currently active mode button (e.g. 'Scroll'), or null if in button-select mode
+ * @param flashPhase     Current blink phase (true = filled triangles, false = empty)
+ */
+export function buildActionBar(buttons, selectedIndex, activeLabel, flashPhase) {
+    const activeIdx = activeLabel ? buttons.indexOf(activeLabel) : -1;
+    return buttons.map((name, i) => {
+        if (activeIdx === i) {
+            // Active mode: blink between filled and empty triangles
+            const L = flashPhase ? '\u25B6' : '\u25B7'; // ▶ / ▷
+            const R = flashPhase ? '\u25C0' : '\u25C1'; // ◀ / ◁
+            return `${L}${name}${R}`;
+        }
+        if (activeIdx < 0 && i === selectedIndex) {
+            // Selected in button-select mode: solid triangles
+            return `\u25B6${name}\u25C0`;
+        }
+        return ` ${name} `;
+    }).join(' ');
+}
+/**
+ * Build a static action bar (no blinking, always solid triangles on selected).
+ * Useful for screens like recipe detail or completion where there's no mode switching.
+ */
+export function buildStaticActionBar(buttons, selectedIndex) {
+    return buttons.map((name, i) => {
+        if (i === selectedIndex) {
+            return `\u25B6${name}\u25C0`;
+        }
+        return ` ${name} `;
+    }).join(' ');
+}
+//# sourceMappingURL=action-bar.js.map

package/dist/action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-bar.js","sourceRoot":"","sources":["../action-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC5B,OAAiB,EACjB,aAAqB,EACrB,WAA0B,EAC1B,UAAmB;IAEnB,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAElE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC7B,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;YACpB,wDAAwD;YACxD,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAE,QAAQ;YACrD,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAE,QAAQ;YACrD,OAAO,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC;QAC3B,CAAC;QACD,IAAI,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,aAAa,EAAE,CAAC;YACzC,kDAAkD;YAClD,OAAO,SAAS,IAAI,QAAQ,CAAC;QAC/B,CAAC;QACD,OAAO,IAAI,IAAI,GAAG,CAAC;IACrB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,OAAiB,EACjB,aAAqB;IAErB,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QAC7B,IAAI,CAAC,KAAK,aAAa,EAAE,CAAC;YACxB,OAAO,SAAS,IAAI,QAAQ,CAAC;QAC/B,CAAC;QACD,OAAO,IAAI,IAAI,GAAG,CAAC;IACrB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC"}

package/dist/action-map.d.ts

@@ -0,0 +1,4 @@
+import type { EvenHubEvent } from '@evenrealities/even_hub_sdk';
+import type { GlassAction } from './types';
+export declare function mapGlassEvent(event: EvenHubEvent): GlassAction | null;
+//# sourceMappingURL=action-map.d.ts.map

package/dist/action-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-map.d.ts","sourceRoot":"","sources":["../action-map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,wBAAgB,aAAa,CAAC,KAAK,EAAE,YAAY,GAAG,WAAW,GAAG,IAAI,CASrE"}

package/dist/action-map.js

@@ -0,0 +1,46 @@
+import { OsEventTypeList } from '@evenrealities/even_hub_sdk';
+import { tryConsumeTap, isScrollSuppressed, isScrollDebounced } from './gestures';
+export function mapGlassEvent(event) {
+    if (!event)
+        return null;
+    try {
+        const ev = event.listEvent ?? event.textEvent ?? event.sysEvent;
+        if (!ev)
+            return null;
+        return mapEvent(ev);
+    }
+    catch {
+        return null;
+    }
+}
+function mapEvent(event) {
+    const et = event.eventType;
+    switch (et) {
+        case OsEventTypeList.CLICK_EVENT:
+            if (!tryConsumeTap('tap'))
+                return null;
+            return { type: 'SELECT_HIGHLIGHTED' };
+        case OsEventTypeList.DOUBLE_CLICK_EVENT:
+            if (!tryConsumeTap('double'))
+                return null;
+            return { type: 'GO_BACK' };
+        case OsEventTypeList.SCROLL_TOP_EVENT:
+            if (isScrollDebounced('prev') || isScrollSuppressed())
+                return null;
+            return { type: 'HIGHLIGHT_MOVE', direction: 'up' };
+        case OsEventTypeList.SCROLL_BOTTOM_EVENT:
+            if (isScrollDebounced('next') || isScrollSuppressed())
+                return null;
+            return { type: 'HIGHLIGHT_MOVE', direction: 'down' };
+        default:
+            // Simulator omits eventType for CLICK_EVENT (value 0).
+            // Catch: currentSelectItemIndex present, or eventType missing entirely.
+            if (et == null || (event.currentSelectItemIndex != null && et === 0)) {
+                if (!tryConsumeTap('tap'))
+                    return null;
+                return { type: 'SELECT_HIGHLIGHTED' };
+            }
+            return null;
+    }
+}
+//# sourceMappingURL=action-map.js.map

package/dist/action-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-map.js","sourceRoot":"","sources":["../action-map.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAElF,MAAM,UAAU,aAAa,CAAC,KAAmB;IAC/C,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,IAAI,CAAC;QACH,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC;QAChE,IAAI,CAAC,EAAE;YAAE,OAAO,IAAI,CAAC;QACrB,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,KAA8D;IAC9E,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,EAAE,CAAC;QACX,KAAK,eAAe,CAAC,WAAW;YAC9B,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;YACvC,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC;QACxC,KAAK,eAAe,CAAC,kBAAkB;YACrC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC;gBAAE,OAAO,IAAI,CAAC;YAC1C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAC7B,KAAK,eAAe,CAAC,gBAAgB;YACnC,IAAI,iBAAiB,CAAC,MAAM,CAAC,IAAI,kBAAkB,EAAE;gBAAE,OAAO,IAAI,CAAC;YACnE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;QACrD,KAAK,eAAe,CAAC,mBAAmB;YACtC,IAAI,iBAAiB,CAAC,MAAM,CAAC,IAAI,kBAAkB,EAAE;gBAAE,OAAO,IAAI,CAAC;YACnE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;QACvD;YACE,uDAAuD;YACvD,wEAAwE;YACxE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,sBAAsB,IAAI,IAAI,IAAK,EAAa,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjF,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAC;gBACvC,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE,CAAC;YACxC,CAAC;YACD,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}

package/dist/bridge.d.ts

@@ -0,0 +1,43 @@
+import { type EvenHubEvent } from '@evenrealities/even_hub_sdk';
+import type { PageMode } from './types';
+export interface ColumnConfig {
+    x: number;
+    w: number;
+}
+export declare class EvenHubBridge {
+    private sdk;
+    private rawBridge;
+    private _currentMode;
+    private _pageReady;
+    private textPage;
+    private textContent;
+    private columnPage;
+    private columnElements;
+    private chartDummyPage;
+    constructor(columns?: ColumnConfig[]);
+    get pageReady(): boolean;
+    get currentMode(): PageMode | null;
+    /** Alias matching even-market naming convention */
+    get currentLayout(): PageMode | null;
+    private createPages;
+    init(): Promise<void>;
+    setupTextPage(): Promise<boolean>;
+    showTextPage(content: string): Promise<void>;
+    updateText(content: string): Promise<void>;
+    showColumnPage(columns: string[]): Promise<void>;
+    updateColumns(columns: string[]): Promise<void>;
+    switchToWatchlist(colSym: string, colPrice: string, colPct: string): Promise<boolean>;
+    updateWatchlist(colSym: string, colPrice: string, colPct: string): Promise<void>;
+    switchToSettings(text: string): Promise<boolean>;
+    updateSettings(text: string): Promise<void>;
+    switchToHomeLayout(menuText: string): Promise<boolean>;
+    showHomePage(menuText: string): Promise<void>;
+    updateHomeText(content: string): Promise<void>;
+    switchToChartLayout(topText: string): Promise<boolean>;
+    showChartPage(topText: string): Promise<void>;
+    updateChartText(content: string): Promise<void>;
+    sendImage(containerID: number, containerName: string, pngBytes: Uint8Array): Promise<void>;
+    onEvent(handler: (event: EvenHubEvent) => void): void;
+    dispose(): void;
+}
+//# sourceMappingURL=bridge.d.ts.map

package/dist/bridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bridge.d.ts","sourceRoot":"","sources":["../bridge.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,YAAY,EAClB,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOxC,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,GAAG,CAAgB;IAC3B,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,YAAY,CAAyB;IAC7C,OAAO,CAAC,UAAU,CAAS;IAK3B,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,WAAW,CAAyB;IAG5C,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,cAAc,CAA+B;IAGrD,OAAO,CAAC,cAAc,CAAkB;gBAE5B,OAAO,CAAC,EAAE,YAAY,EAAE;IAUpC,IAAI,SAAS,IAAI,OAAO,CAA4B;IACpD,IAAI,WAAW,IAAI,QAAQ,GAAG,IAAI,CAA8B;IAChE,mDAAmD;IACnD,IAAI,aAAa,IAAI,QAAQ,GAAG,IAAI,CAA8B;IAElE,OAAO,CAAC,WAAW;IAsCb,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAOrB,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IAYjC,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ5C,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAS1C,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAUhD,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAW/C,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQrF,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAMhF,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQhD,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAM3C,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQtD,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgC7C,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAa9C,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAStD,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA2B7C,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAa/C,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC;IAShG,OAAO,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,IAAI;IAIrD,OAAO,IAAI,IAAI;CAGhB"}

package/dist/bridge.js

@@ -0,0 +1,255 @@
+import { EvenBetterSdk } from '@jappyjan/even-better-sdk';
+import { RebuildPageContainer, ImageContainerProperty, ImageRawDataUpdate, TextContainerProperty, TextContainerUpgrade, } from '@evenrealities/even_hub_sdk';
+import { DISPLAY_W, DISPLAY_H, CHART_TEXT, IMAGE_TILES } from './layout';
+import { notifyTextUpdate } from './gestures';
+function noBorder(el) {
+    return el.setBorder(b => b.setWidth(0).setColor('0').setRadius(0));
+}
+export class EvenHubBridge {
+    constructor(columns) {
+        this.rawBridge = null;
+        this._currentMode = null;
+        this._pageReady = false;
+        this.columnElements = [];
+        this.sdk = new EvenBetterSdk();
+        const cols = columns ?? [
+            { x: 0, w: 192 },
+            { x: 192, w: 192 },
+            { x: 384, w: DISPLAY_W - 384 },
+        ];
+        this.createPages(cols);
+    }
+    get pageReady() { return this._pageReady; }
+    get currentMode() { return this._currentMode; }
+    /** Alias matching even-market naming convention */
+    get currentLayout() { return this._currentMode; }
+    createPages(cols) {
+        // ── Text page: empty overlay (event capture, no bounce) + visible content ──
+        this.textPage = this.sdk.createPage('text');
+        const textOverlay = noBorder(this.textPage.addTextElement(''));
+        textOverlay
+            .setPosition(p => p.setX(0).setY(0))
+            .setSize(s => s.setWidth(DISPLAY_W).setHeight(DISPLAY_H));
+        textOverlay.markAsEventCaptureElement();
+        this.textContent = noBorder(this.textPage.addTextElement(''));
+        this.textContent
+            .setPosition(p => p.setX(0).setY(0))
+            .setSize(s => s.setWidth(DISPLAY_W).setHeight(DISPLAY_H));
+        // ── Column page: empty overlay + N column text elements (max 3 columns + overlay = 4 containers) ──
+        this.columnPage = this.sdk.createPage('columns');
+        const colOverlay = noBorder(this.columnPage.addTextElement(''));
+        colOverlay
+            .setPosition(p => p.setX(0).setY(0))
+            .setSize(s => s.setWidth(DISPLAY_W).setHeight(DISPLAY_H));
+        colOverlay.markAsEventCaptureElement();
+        this.columnElements = cols.map((col) => {
+            const el = noBorder(this.columnPage.addTextElement(''));
+            el.setPosition(p => p.setX(col.x).setY(0))
+                .setSize(s => s.setWidth(col.w).setHeight(DISPLAY_H));
+            return el;
+        });
+        // ── Chart dummy page (for SDK state tracking) ──
+        this.chartDummyPage = this.sdk.createPage('chart-dummy');
+        const dummyText = noBorder(this.chartDummyPage.addTextElement(''));
+        dummyText
+            .setPosition(p => p.setX(0).setY(0))
+            .setSize(s => s.setWidth(1).setHeight(1));
+        dummyText.markAsEventCaptureElement();
+    }
+    async init() {
+        this.rawBridge = await EvenBetterSdk.getRawBridge();
+        this._pageReady = true;
+    }
+    // ── Setup (required before chart/home layout switch) ──
+    async setupTextPage() {
+        if (!this._pageReady)
+            return false;
+        try {
+            this.textContent.setContent('');
+            await this.sdk.renderPage(this.textPage);
+            this._currentMode = 'text';
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    // ── Text page (single full-screen text, no bounce) ──
+    async showTextPage(content) {
+        if (!this._pageReady)
+            return;
+        this.textContent.setContent(content);
+        notifyTextUpdate();
+        await this.sdk.renderPage(this.textPage);
+        this._currentMode = 'text';
+    }
+    async updateText(content) {
+        if (!this._pageReady)
+            return;
+        this.textContent.setContent(content);
+        notifyTextUpdate();
+        await this.sdk.renderPage(this.textPage);
+    }
+    // ── Column page (multi-column text, no bounce) ──
+    async showColumnPage(columns) {
+        if (!this._pageReady)
+            return;
+        for (let i = 0; i < this.columnElements.length && i < columns.length; i++) {
+            this.columnElements[i].setContent(columns[i]);
+        }
+        notifyTextUpdate();
+        await this.sdk.renderPage(this.columnPage);
+        this._currentMode = 'columns';
+    }
+    async updateColumns(columns) {
+        if (!this._pageReady)
+            return;
+        for (let i = 0; i < this.columnElements.length && i < columns.length; i++) {
+            this.columnElements[i].setContent(columns[i]);
+        }
+        notifyTextUpdate();
+        await this.sdk.renderPage(this.columnPage);
+    }
+    // ── Convenience: Watchlist (3-column layout) ──
+    async switchToWatchlist(colSym, colPrice, colPct) {
+        if (!this._pageReady)
+            return false;
+        try {
+            await this.showColumnPage([colSym, colPrice, colPct]);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    async updateWatchlist(colSym, colPrice, colPct) {
+        await this.updateColumns([colSym, colPrice, colPct]);
+    }
+    // ── Convenience: Settings (full-screen text) ──
+    async switchToSettings(text) {
+        if (!this._pageReady)
+            return false;
+        try {
+            await this.showTextPage(text);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    async updateSettings(text) {
+        await this.updateText(text);
+    }
+    // ── Home page (1 image + empty overlay + menu text = 3 containers, no bounce) ──
+    async switchToHomeLayout(menuText) {
+        if (!this.rawBridge || !this._pageReady)
+            return false;
+        try {
+            await this.showHomePage(menuText);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    async showHomePage(menuText) {
+        if (!this.rawBridge || !this._pageReady)
+            return;
+        await this.sdk.renderPage(this.chartDummyPage);
+        const tile = IMAGE_TILES[0];
+        await this.rawBridge.rebuildPageContainer(new RebuildPageContainer({
+            containerTotalNum: 3,
+            textObject: [
+                new TextContainerProperty({
+                    containerID: 1, containerName: 'overlay',
+                    xPosition: 0, yPosition: 0, width: DISPLAY_W, height: DISPLAY_H,
+                    borderWidth: 0, borderColor: 0, paddingLength: 0,
+                    content: '', isEventCapture: 1,
+                }),
+                new TextContainerProperty({
+                    containerID: 5, containerName: 'menu',
+                    xPosition: 0, yPosition: 100, width: DISPLAY_W, height: DISPLAY_H - 100,
+                    borderWidth: 0, borderColor: 0, paddingLength: 6,
+                    content: menuText, isEventCapture: 0,
+                }),
+            ],
+            imageObject: [
+                new ImageContainerProperty({
+                    containerID: tile.id, containerName: tile.name,
+                    xPosition: tile.x, yPosition: tile.y, width: tile.w, height: tile.h,
+                }),
+            ],
+        }));
+        this._currentMode = 'home';
+    }
+    async updateHomeText(content) {
+        if (!this.rawBridge || !this._pageReady || this._currentMode !== 'home')
+            return;
+        notifyTextUpdate();
+        await this.rawBridge.textContainerUpgrade(new TextContainerUpgrade({
+            containerID: 5, containerName: 'menu',
+            contentOffset: 0, contentLength: 2000, content,
+        }));
+    }
+    // ── Chart page (3 image tiles + 1 text = 4 containers) ──
+    async switchToChartLayout(topText) {
+        if (!this.rawBridge || !this._pageReady)
+            return false;
+        if (this._currentMode === 'chart')
+            return true;
+        try {
+            await this.showChartPage(topText);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    async showChartPage(topText) {
+        if (!this.rawBridge || !this._pageReady)
+            return;
+        if (this._currentMode === 'chart')
+            return;
+        await this.sdk.renderPage(this.chartDummyPage);
+        await this.rawBridge.rebuildPageContainer(new RebuildPageContainer({
+            containerTotalNum: 4,
+            textObject: [
+                new TextContainerProperty({
+                    containerID: CHART_TEXT.id, containerName: CHART_TEXT.name,
+                    xPosition: CHART_TEXT.x, yPosition: CHART_TEXT.y,
+                    width: CHART_TEXT.w, height: CHART_TEXT.h,
+                    borderWidth: 0, borderColor: 0, paddingLength: 0,
+                    content: topText, isEventCapture: 1,
+                }),
+            ],
+            imageObject: IMAGE_TILES.map((t) => new ImageContainerProperty({
+                containerID: t.id, containerName: t.name,
+                xPosition: t.x, yPosition: t.y, width: t.w, height: t.h,
+            })),
+        }));
+        this._currentMode = 'chart';
+    }
+    async updateChartText(content) {
+        if (!this.rawBridge || !this._pageReady || this._currentMode !== 'chart')
+            return;
+        notifyTextUpdate();
+        await this.rawBridge.textContainerUpgrade(new TextContainerUpgrade({
+            containerID: CHART_TEXT.id, containerName: CHART_TEXT.name,
+            contentOffset: 0, contentLength: 2000, content,
+        }));
+    }
+    // ── Image sending (for home + chart modes) ──
+    async sendImage(containerID, containerName, pngBytes) {
+        if (!this.rawBridge || !this._pageReady || this._currentMode === 'text' || this._currentMode === 'columns' || pngBytes.length === 0)
+            return;
+        await this.rawBridge.updateImageRawData(new ImageRawDataUpdate({ containerID, containerName, imageData: pngBytes }));
+    }
+    // ── Events ──
+    onEvent(handler) {
+        this.sdk.addEventListener(handler);
+    }
+    dispose() {
+        this.rawBridge = null;
+    }
+}
+//# sourceMappingURL=bridge.js.map

package/dist/bridge.js.map

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

package/dist/canvas-renderer.d.ts

@@ -0,0 +1,5 @@
+import type { DisplayData } from './types';
+export declare function getCanvas(): HTMLCanvasElement;
+export declare function drawToCanvas(data: DisplayData): void;
+export declare function renderToImage(data: DisplayData): Promise<number[]>;
+//# sourceMappingURL=canvas-renderer.d.ts.map

package/dist/canvas-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-renderer.d.ts","sourceRoot":"","sources":["../canvas-renderer.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,SAAS,CAAC;AAyBxD,wBAAgB,SAAS,IAAI,iBAAiB,CAG7C;AAuCD,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAWpD;AAED,wBAAsB,aAAa,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAGxE"}