@edenapp/tablets

Tiny context menu toolkit for Eden renderer apps. It provides a small runtime helper and menu builder so apps can open Eden’s system context menu without wiring IPC directly.

What it does

• Provides contextMenu runtime helper for opening/closing menus.
• Provides menu builder helpers (menu, button, title, separator, when).

Install

pnpm add @edenapp/tablets

npm install @edenapp/tablets

yarn add @edenapp/tablets

Basic usage

import { contextMenu, menu, button, title } from "@edenapp/tablets";

const appMenu = menu((app: { id: string; name: string }) => [
  title(app.name),
  button("open", "Open", () => console.log("open", app.id)),
  button("remove", "Remove", () => console.log("remove", app.id), {
    danger: true,
  }),
]);

// Build a standard HTML/JS onContextMenu event handler for your component/element
const onContextMenu = appMenu.handler({
  id: "com.example.app",
  name: "Example",
});

// Example usage (React/Solid/JSX):
// <div onContextMenu={onContextMenu}>Right-click me</div>

// Or open at a specific position
void appMenu.show(
  { id: "com.example.app", name: "Example" },
  { left: 120, top: 80 },
);

// Close the active menu
void contextMenu.close();