spice-html5-react 0.1.0

package/README.md

@@ -0,0 +1,262 @@
+# spice-html5-react
+
+A React + TypeScript client library for the [SPICE](https://www.spice-space.org) remote desktop protocol. Connects to SPICE servers over WebSocket (via [websockify](https://github.com/novnc/websockify)) and renders the remote display in a browser.
+
+## Features
+
+- Drop-in `<SpiceDisplay>` React component with full connection lifecycle management
+- Low-level `useSpice` hook for custom UI and fine-grained control
+- Keyboard, mouse, and scroll input forwarding
+- Clipboard sharing between host and guest
+- File transfer via drag-and-drop
+- Audio playback (Opus codec)
+- Dynamic guest display resizing
+- SPICE ticket (RSA) authentication
+- SSR-safe (guards against `document`/`WebSocket` in server environments)
+- Ships as ESM, CJS, and TypeScript declarations
+
+## Requirements
+
+- React 18+
+- A running SPICE server (e.g. QEMU with `-spice` flag)
+- A WebSocket proxy such as [websockify](https://github.com/novnc/websockify) bridging WebSocket traffic to the SPICE server's TCP port
+
+## Installation
+
+```bash
+npm install spice-html5-react
+```
+
+Peer dependencies: `react` and `react-dom` (>= 18.0.0).
+
+## Quick Start
+
+### `<SpiceDisplay>` Component
+
+The simplest way to embed a SPICE session:
+
+```tsx
+import { useRef } from 'react';
+import { SpiceDisplay } from 'spice-html5-react';
+import type { SpiceDisplayHandle } from 'spice-html5-react';
+
+function RemoteDesktop() {
+    const displayRef = useRef<SpiceDisplayHandle>(null);
+
+    return (
+        <SpiceDisplay
+            ref={displayRef}
+            connection={{
+                host: "localhost",
+                port: 5959,
+                password: "secret",
+            }}
+            display={{ fitContainer: true }}
+            features={{
+                enableKeyboard: true,
+                enableMouse: true,
+                enableClipboard: true,
+                enableFileTransfer: true,
+            }}
+            onConnect={() => console.log("connected")}
+            onDisconnect={() => console.log("disconnected")}
+            onError={(e) => console.error(e)}
+            onResize={(w, h) => console.log(`${w}x${h}`)}
+            style={{ width: "100%", height: 600 }}
+        />
+    );
+}
+```
+
+The imperative handle exposes `sendCtrlAltDel()`, `disconnect()`, `reconnect()`, and `getConnection()`.
+
+### `useSpice` Hook
+
+For full control over the connection lifecycle and input events:
+
+```tsx
+import { useEffect, useRef } from 'react';
+import { useSpice } from 'spice-html5-react';
+
+function CustomDisplay() {
+    const containerRef = useRef<HTMLDivElement>(null);
+    const { status, resolution, controls } = useSpice({
+        canvasRef: containerRef,
+        callbacks: {
+            onConnect: () => console.log("connected"),
+            onError: (e) => console.error(e),
+        },
+    });
+
+    useEffect(() => {
+        controls.connect({ uri: "ws://localhost:5959", password: "secret" });
+        return () => controls.disconnect();
+    }, [controls]);
+
+    return (
+        <div>
+            <p>Status: {status}</p>
+            {resolution && <p>Resolution: {resolution.width}x{resolution.height}</p>}
+            <div ref={containerRef} style={{ width: "100%", height: 600 }} />
+            <button onClick={() => controls.sendCtrlAltDel()}>Ctrl+Alt+Del</button>
+        </div>
+    );
+}
+```
+
+The hook returns reactive `status`, `error`, `resolution`, and `surfaces` state, plus a `controls` object with methods for input, clipboard, resolution changes, and connection management.
+
+## SPICE Server Setup
+
+1. Start a SPICE-enabled VM (example using QEMU):
+
+```bash
+qemu-system-x86_64 \
+    -spice port=5900,disable-ticketing=on \
+    -drive file=disk.qcow2,format=qcow2
+```
+
+2. Start websockify to proxy WebSocket connections to the SPICE TCP port:
+
+```bash
+websockify 5959 localhost:5900
+```
+
+3. Point the client at `ws://localhost:5959`.
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Dev server
+npm run dev
+
+# Type-check (no emit)
+npm run typecheck
+
+# Build library (ESM + CJS + .d.ts)
+npm run build
+
+# Run tests
+npm run test
+```
+
+## Example App
+
+A full working example lives in the `example/` directory. It demonstrates how to integrate `<SpiceDisplay>` into a React application with a connection form, status indicator, error handling, and imperative controls.
+
+### What It Shows
+
+- Embedding `<SpiceDisplay>` with grouped props (`connection`, `display`, `features`)
+- Using a `ref` to access the imperative handle (`sendCtrlAltDel`, `disconnect`, `reconnect`)
+- Handling lifecycle callbacks (`onConnect`, `onDisconnect`, `onError`, `onResize`)
+- Conditionally mounting/unmounting the display based on user actions
+- Resilient error handling that keeps the component mounted on transient errors
+
+### Running the Example
+
+The example links to the parent library via `"file:.."`, so you need to build the library first:
+
+```bash
+# From the repository root
+npm install
+npm run build
+
+# Then start the example
+cd example
+npm install
+npm run dev
+```
+
+The Vite dev server starts at `http://localhost:3000`. Enter the host and port matching your websockify proxy (defaults to `localhost:5959`), optionally a password, and click **Connect**.
+
+### Example Structure
+
+```
+example/
+  index.html          # HTML entry point
+  package.json        # Dependencies (links to parent library via file:..)
+  tsconfig.json       # TypeScript config
+  vite.config.ts      # Vite dev server config
+  src/
+    main.tsx          # React root mount
+    App.tsx           # Main app — connection form, SpiceDisplay, controls
+```
+
+`App.tsx` is the main file to look at. It wires up connection form state, mounts `<SpiceDisplay>` on connect, and exposes Disconnect, Reconnect, and Ctrl+Alt+Del buttons through the imperative ref.
+
+## API Reference
+
+### `<SpiceDisplay>` Props
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `connection` | `SpiceConnectionProps` | Host, port, password, scheme, path |
+| `display` | `SpiceDisplayOptions` | `scale`, `resize`, `fitContainer` |
+| `features` | `SpiceFeatureToggles` | Toggle keyboard, mouse, clipboard, file transfer, audio |
+| `audio` | `SpiceAudioProps` | `volume` (0-1), `muted` |
+| `onConnect` | `() => void` | Fired when the SPICE connection is established |
+| `onDisconnect` | `() => void` | Fired when the connection is closed |
+| `onError` | `(error: Error) => void` | Fired on connection errors |
+| `onResize` | `(width, height) => void` | Fired when the display resolution changes |
+| `onClipboard` | `(text: string) => void` | Fired when clipboard text is received from the guest |
+| `onFileTransferProgress` | `(taskId, bytes, total, filename) => void` | File transfer progress |
+| `onFileTransferComplete` | `(taskId, filename, error?) => void` | File transfer completion |
+| `className` | `string` | CSS class for the outer container |
+| `style` | `CSSProperties` | Inline styles for the outer container |
+
+### `SpiceDisplayHandle` (imperative ref)
+
+| Method | Description |
+|--------|-------------|
+| `sendCtrlAltDel()` | Send Ctrl+Alt+Delete to the guest |
+| `disconnect()` | Close the SPICE connection |
+| `reconnect()` | Reconnect using current props |
+| `getConnection()` | Get the underlying `SpiceMainConn` instance |
+
+### `useSpice` Return Value
+
+| Field | Type | Description |
+|-------|------|-------------|
+| `status` | `"disconnected" \| "connecting" \| "connected" \| "error"` | Current connection status |
+| `error` | `Error \| null` | Last connection error |
+| `resolution` | `{ width, height } \| null` | Current display resolution |
+| `surfaces` | `number` | Number of active display surfaces |
+| `controls` | `SpiceControls` | Methods: `connect`, `disconnect`, `sendKeyDown`, `sendKeyUp`, `sendMouseMove`, `sendMouseButton`, `sendClipboard`, `setResolution`, `sendCtrlAltDel`, `getConnection` |
+
+## Project Structure
+
+```
+src/
+  index.ts                 # Package entry point / barrel export
+  components/
+    SpiceDisplay.tsx        # Drop-in React component
+  hooks/
+    useSpice.ts             # Low-level React hook
+  protocol/                 # SPICE protocol implementation
+    spiceconn.ts            # Base WebSocket connection
+    main.ts                 # Main channel, agent, clipboard
+    display.ts              # Display rendering (canvas 2D)
+    inputs.ts               # Keyboard and mouse input
+    cursor.ts               # Cursor rendering
+    playback.ts             # Audio playback (Opus/WebM)
+    port.ts                 # Port channel
+    enums.ts                # Protocol constants
+    spicemsg.ts             # Message serialization
+    spicetype.ts            # SPICE data types
+    wire.ts                 # Binary framing / wire reader
+    ticket.ts               # RSA ticket authentication
+    quic.ts, lz.ts          # Image decompression
+    bitmap.ts, png.ts       # Image format conversion
+    webm.ts                 # WebM container for VP8
+    resize.ts               # Guest screen resizing
+    filexfer.ts             # File transfer (drag-and-drop)
+    simulatecursor.ts       # Software cursor
+  utils/
+    debug.ts                # Debug flags and utilities
+    atKeynames.ts           # AT keyboard scancode names
+    codeToScancode.ts       # KeyboardEvent.code to scancode map
+```
+

package/dist/components/SpiceDisplay.d.ts

@@ -0,0 +1,109 @@
+import { default as React } from 'react';
+import { SpiceMainConn, ClipboardCallback, FileXferProgressCallback, FileXferCompleteCallback } from '../protocol/main';
+
+/** Connection configuration props. */
+export interface SpiceConnectionProps {
+    /** WebSocket host (e.g. "localhost"). */
+    host: string;
+    /** WebSocket port number. */
+    port: number;
+    /** SPICE password for ticket authentication. */
+    password?: string;
+    /** Authentication token (set as a cookie for nova-spiceproxy). */
+    token?: string;
+    /** WebSocket protocol scheme ("ws" or "wss"). Defaults to "ws". */
+    scheme?: "ws" | "wss";
+    /** WebSocket path (e.g. "websockify"). */
+    path?: string;
+}
+/** Display behaviour props. */
+export interface SpiceDisplayOptions {
+    /** Whether to scale the display to fit the container. */
+    scale?: boolean;
+    /** Whether to enable dynamic guest resizing to match the container. */
+    resize?: boolean;
+    /** Whether to resize the guest to fit the container div. */
+    fitContainer?: boolean;
+}
+/** Feature-toggle props. */
+export interface SpiceFeatureToggles {
+    /** Enable keyboard input forwarding. Default: true. */
+    enableKeyboard?: boolean;
+    /** Enable mouse input forwarding. Default: true. */
+    enableMouse?: boolean;
+    /** Enable clipboard sharing. Default: true. */
+    enableClipboard?: boolean;
+    /** Enable file transfer (drag-and-drop). Default: true. */
+    enableFileTransfer?: boolean;
+    /** Enable audio playback. Default: true. */
+    enableAudio?: boolean;
+}
+/** Audio props. */
+export interface SpiceAudioProps {
+    /** Audio volume (0.0 – 1.0). */
+    volume?: number;
+    /** Whether audio is muted. */
+    muted?: boolean;
+}
+/** Event callback props. */
+export interface SpiceEventCallbacks {
+    /** Called when the SPICE connection is established. */
+    onConnect?: () => void;
+    /** Called when the SPICE connection is closed. */
+    onDisconnect?: () => void;
+    /** Called when a connection error occurs. */
+    onError?: (error: Error) => void;
+    /** Called when the display is resized (width, height in pixels). */
+    onResize?: (width: number, height: number) => void;
+    /** Called when clipboard text is received from the guest. */
+    onClipboard?: ClipboardCallback;
+    /** Called to report file transfer progress. */
+    onFileTransferProgress?: FileXferProgressCallback;
+    /** Called when a file transfer completes. */
+    onFileTransferComplete?: FileXferCompleteCallback;
+    /** Called when data is received on a port channel. */
+    onPortData?: (portName: string, data: ArrayBuffer) => void;
+}
+/** Full set of SpiceDisplay component props. */
+export interface SpiceDisplayProps extends SpiceEventCallbacks {
+    /** Connection settings. */
+    connection: SpiceConnectionProps;
+    /** Display options. */
+    display?: SpiceDisplayOptions;
+    /** Feature toggles. */
+    features?: SpiceFeatureToggles;
+    /** Audio settings. */
+    audio?: SpiceAudioProps;
+    /** CSS class name applied to the outer div. */
+    className?: string;
+    /** Inline styles applied to the outer div. */
+    style?: React.CSSProperties;
+}
+/** Imperative handle exposed via ref. */
+export interface SpiceDisplayHandle {
+    /** Send Ctrl+Alt+Delete to the guest. */
+    sendCtrlAltDel: () => void;
+    /** Disconnect from the SPICE server. */
+    disconnect: () => void;
+    /** Reconnect using current props. */
+    reconnect: () => void;
+    /** Get the underlying SpiceMainConn instance, if connected. */
+    getConnection: () => SpiceMainConn | null;
+}
+/**
+ * React component that renders a SPICE remote desktop session.
+ *
+ * Usage:
+ * ```tsx
+ * <SpiceDisplay
+ *   ref={spiceRef}
+ *   connection={{ host: "localhost", port: 5900, password: "secret" }}
+ *   features={{ enableKeyboard: true, enableMouse: true }}
+ *   onConnect={() => console.log("connected")}
+ *   onError={(e) => console.error(e)}
+ * />
+ * ```
+ */
+export declare const SpiceDisplay: React.ForwardRefExoticComponent<SpiceDisplayProps & React.RefAttributes<SpiceDisplayHandle>>;
+export default SpiceDisplay;
+//# sourceMappingURL=SpiceDisplay.d.ts.map

package/dist/components/SpiceDisplay.d.ts.map

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

package/dist/hooks/useSpice.d.ts

@@ -0,0 +1,107 @@
+import { SpiceMainConn, ClipboardCallback, FileXferProgressCallback, FileXferCompleteCallback } from '../protocol/main';
+
+/** SPICE connection status. */
+export type SpiceStatus = "disconnected" | "connecting" | "connected" | "error";
+/** Display resolution. */
+export interface SpiceResolution {
+    width: number;
+    height: number;
+}
+/** Configuration object for connect(). */
+export interface SpiceConfig {
+    /** WebSocket URI (e.g. "ws://localhost:5900"). */
+    uri: string;
+    /** SPICE password. */
+    password?: string;
+    /** DOM element ID where canvases will be appended. */
+    screenId?: string;
+    /** DOM element ID for debug output. */
+    dumpId?: string;
+    /** DOM element ID for log messages. */
+    messageId?: string;
+}
+/** Callbacks the hook consumer can supply. */
+export interface UseSpiceCallbacks {
+    /** Called when the SPICE connection succeeds. */
+    onConnect?: () => void;
+    /** Called when the connection is closed. */
+    onDisconnect?: () => void;
+    /** Called on connection error. */
+    onError?: (error: Error) => void;
+    /** Called when the display resolution changes. */
+    onResize?: (width: number, height: number) => void;
+    /** Called when clipboard text is received from the guest. */
+    onClipboard?: ClipboardCallback;
+    /** Called to report file transfer progress. */
+    onFileTransferProgress?: FileXferProgressCallback;
+    /** Called when a file transfer completes. */
+    onFileTransferComplete?: FileXferCompleteCallback;
+}
+/** Options accepted by the useSpice hook. */
+export interface UseSpiceOptions {
+    /** React ref to a canvas or div element for display rendering. */
+    canvasRef?: React.RefObject<HTMLElement | null>;
+    /** Callbacks. */
+    callbacks?: UseSpiceCallbacks;
+}
+/** Control methods returned by the hook. */
+export interface SpiceControls {
+    /** Initiate a SPICE connection. */
+    connect: (config: SpiceConfig) => void;
+    /** Disconnect from the SPICE server. */
+    disconnect: () => void;
+    /** Send an AT scancode key-down event. */
+    sendKeyDown: (scancode: number) => void;
+    /** Send an AT scancode key-up event. */
+    sendKeyUp: (scancode: number) => void;
+    /** Send an absolute mouse position. */
+    sendMouseMove: (x: number, y: number) => void;
+    /** Send a mouse button press or release. */
+    sendMouseButton: (button: number, pressed: boolean) => void;
+    /** Send clipboard text to the guest. */
+    sendClipboard: (text: string) => void;
+    /** Request a guest display resolution change. */
+    setResolution: (width: number, height: number) => void;
+    /** Send Ctrl+Alt+Delete. */
+    sendCtrlAltDel: () => void;
+    /** Get the underlying SpiceMainConn instance, if connected. */
+    getConnection: () => SpiceMainConn | null;
+}
+/** Return value of the useSpice hook. */
+export interface UseSpiceReturn {
+    /** Current connection status. */
+    status: SpiceStatus;
+    /** Last connection error, or null. */
+    error: Error | null;
+    /** Current display resolution, or null if no primary surface. */
+    resolution: SpiceResolution | null;
+    /** Number of active surfaces. */
+    surfaces: number;
+    /** Control methods. */
+    controls: SpiceControls;
+}
+/**
+ * Low-level React hook for managing a SPICE connection with full control
+ * over the connection lifecycle and input events.
+ *
+ * Usage:
+ * ```tsx
+ * function MyComponent() {
+ *   const containerRef = useRef<HTMLDivElement>(null);
+ *   const { status, resolution, controls } = useSpice({
+ *     canvasRef: containerRef,
+ *     callbacks: { onConnect: () => console.log("connected") },
+ *   });
+ *
+ *   useEffect(() => {
+ *     controls.connect({ uri: "ws://localhost:5900", password: "secret" });
+ *     return () => controls.disconnect();
+ *   }, [controls]);
+ *
+ *   return <div ref={containerRef} />;
+ * }
+ * ```
+ */
+export declare function useSpice(options?: UseSpiceOptions): UseSpiceReturn;
+export default useSpice;
+//# sourceMappingURL=useSpice.d.ts.map

package/dist/hooks/useSpice.d.ts.map

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