@archzos/desktop-adapter

Desktop application adapter for Electron and Tauri apps using Archzos design system.

Installation

npm install @archzos/desktop-adapter @archzos/ui @archzos/tokens
# or
yarn add @archzos/desktop-adapter @archzos/ui @archzos/tokens

Usage

import { DesktopProvider, TitleBar, useDesktop } from '@archzos/desktop-adapter';
import { Button } from '@archzos/ui';

function App() {
  return (
    <DesktopProvider>
      <TitleBar />
      <MainContent />
    </DesktopProvider>
  );
}

function MainContent() {
  const { platform, windowControls, system } = useDesktop();

  return (
    <div>
      <p>Platform: {platform}</p>
      <Button onClick={() => windowControls.minimize()}>
        Minimize
      </Button>
      <Button onClick={() => system.openExternal('https://archzos.com')}>
        Open Website
      </Button>
    </div>
  );
}

Features

• Platform detection (macOS, Windows, Linux)
• Runtime detection (Electron, Tauri, Web)
• Window controls (minimize, maximize, close)
• System integration (tray, external links, file dialogs)
• Native title bar management
• Dark mode detection

Platform-Specific Features

macOS

• Native traffic lights
• Drag regions

Windows/Linux

• Custom window controls
• System tray support

License

MIT © archzos