@r1-runtime/window - npm Package Compare versions

Comparing version 0.3.0 to 0.3.1

README.md

+# @r1-runtime/window
+
+Virtual Window Manager for R1 — macOS, Windows 11, and Linux themed desktop environments.
+
+## Features
+
+- **OS Themes**: Authentic window chrome for macOS, Windows 11, and Linux
+- **Window Controls**: Minimize, maximize, close buttons
+- **Drag & Drop**: Move windows around the screen
+- **Resize**: Resize windows from edges and corners
+- **Multiple Windows**: Support for multiple app windows
+- **Responsive**: Adapts to browser viewport
+
+## Installation
+
+```bash
+npm install @r1-runtime/window
+```
+
+## Usage
+
+```typescript
+import { WindowManager } from '@r1-runtime/window';
+import '@r1-runtime/window/style.css';
+
+// Create window manager
+const wm = new WindowManager({
+  theme: 'macos', // 'macos' | 'windows11' | 'linux'
+  container: document.body,
+});
+
+// Create a window
+const win = wm.createWindow({
+  title: 'My App',
+  width: 800,
+  height: 600,
+  x: 100,
+  y: 100,
+  content: document.getElementById('app'),
+});
+
+// Window controls
+win.minimize();
+win.maximize();
+win.restore();
+win.close();
+
+// Events
+win.on('close', () => console.log('Window closed'));
+win.on('focus', () => console.log('Window focused'));
+win.on('resize', (size) => console.log('New size:', size));
+```
+
+## Themes
+
+### macOS
+- Traffic light buttons (red, yellow, green)
+- Centered title
+- Translucent title bar
+
+### Windows 11
+- Snap layouts on hover
+- Rounded corners
+- Modern flat design
+
+### Linux (GNOME-style)
+- Left-aligned controls
+- Minimize, maximize, close buttons
+- GTK-inspired styling
+
+## API
+
+### WindowManager
+
+```typescript
+interface WindowManagerOptions {
+  theme: 'macos' | 'windows11' | 'linux';
+  container: HTMLElement;
+}
+
+class WindowManager {
+  constructor(options: WindowManagerOptions);
+  createWindow(options: WindowOptions): Window;
+  getWindows(): Window[];
+  setTheme(theme: string): void;
+}
+```
+
+### Window
+
+```typescript
+interface WindowOptions {
+  title: string;
+  width: number;
+  height: number;
+  x?: number;
+  y?: number;
+  content?: HTMLElement;
+  resizable?: boolean;
+  minimizable?: boolean;
+  maximizable?: boolean;
+  closable?: boolean;
+}
+
+class Window {
+  minimize(): void;
+  maximize(): void;
+  restore(): void;
+  close(): void;
+  focus(): void;
+  setTitle(title: string): void;
+  setSize(width: number, height: number): void;
+  setPosition(x: number, y: number): void;
+  on(event: string, handler: Function): void;
+}
+```
+
+## Events
+
+- `close` - Window is closing
+- `focus` - Window gained focus
+- `blur` - Window lost focus
+- `minimize` - Window minimized
+- `maximize` - Window maximized
+- `restore` - Window restored
+- `resize` - Window resized
+- `move` - Window moved
+
+## Styling
+
+Import the CSS file:
+
+```typescript
+import '@r1-runtime/window/style.css';
+```
+
+Or in your HTML:
+
+```html
+<link rel="stylesheet" href="node_modules/@r1-runtime/window/dist/style.css">
+```
+
+## Example
+
+```typescript
+import { WindowManager } from '@r1-runtime/window';
+import '@r1-runtime/window/style.css';
+
+const wm = new WindowManager({
+  theme: 'macos',
+  container: document.body,
+});
+
+const mainWindow = wm.createWindow({
+  title: 'My Tauri App',
+  width: 1024,
+  height: 768,
+  content: document.getElementById('root'),
+});
+
+mainWindow.on('close', () => {
+  console.log('App closing...');
+});
+```
+
+## License
+
+MIT © 2026 R1 Runtime Team

package.json

 {
   "name": "@r1-runtime/window",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Virtual Window Manager for R1 — macOS, Windows 11, and Linux themed desktop environments.",
@@ -5,0 +5,0 @@ "type": "module",

Fixed alerts

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39680

9.5%

Number of package files

6

20%

Number of medium quality alerts

0

-100%

Number of lines in readme file

169

Infinity%

No dependency changes