@neolio42/pixel-office 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Nedas Mackevičius
+
+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,136 @@
+# Pixel Office
+
+A real-time pixel art visualization of your [Claude Code](https://docs.anthropic.com/en/docs/claude-code) sessions. Each terminal running Claude Code appears as a worker sitting at a desk in a tiny office. You're the boss — watch them work, approve risky operations, and click workers to see what they're doing.
+
+![Pixel Office](https://img.shields.io/badge/status-alpha-orange) ![License](https://img.shields.io/badge/license-MIT-blue)
+
+## Quick start
+
+```bash
+npx pixel-office
+```
+
+That's it. First run automatically registers Claude Code hooks, starts the server, and opens your browser. Start a Claude Code session in any terminal — a worker appears at a desk.
+
+## How it works
+
+```
+Claude Code Terminal → hooks (curl POST) → Pixel Office server
+  → classify tool risk → auto-approve safe ops, block risky ones
+  → WebSocket → browser renders workers on canvas
+  → you approve/deny → Claude Code continues
+```
+
+Each Claude Code session registers as a pixel art worker via [Claude Code hooks](https://docs.anthropic.com/en/docs/claude-code/hooks). Workers animate at their desks — reading, typing, or waiting for your approval. Risky operations (git push, rm, sudo) require you to approve or deny from the UI before Claude can continue.
+
+## Features
+
+- **Real-time visualization** — workers appear, animate, and leave as Claude Code sessions start and end
+- **Approval flow** — risky Bash commands (rm, sudo, git push) block until you approve/deny from the browser
+- **Tool classification** — AST-based Bash parsing via `shfmt` to accurately classify compound commands
+- **Multi-session** — run multiple Claude Code terminals, each gets their own desk
+- **Break room** — idle workers walk to the break room and return when new work arrives
+- **Worker panel** — click any worker to see their current tool, session info, and recent activity
+
+## Prerequisites
+
+- **Node.js** 20+
+- **Claude Code** CLI installed and working
+- **shfmt** (optional, for AST-based Bash command classification — falls back to whitespace splitting)
+  ```bash
+  brew install shfmt  # macOS
+  ```
+
+## Setup from source
+
+If you want to develop or customize Pixel Office:
+
+```bash
+git clone https://github.com/nedas-dev/pixel-office.git
+cd pixel-office
+npm install
+npm run dev
+```
+
+On first `npm start`, hooks are registered automatically. Or manage them manually:
+
+```bash
+npm run setup      # Register hooks in ~/.claude/settings.json
+npm run uninstall  # Remove all Pixel Office hooks
+```
+
+## Commands
+
+```bash
+npm run dev        # Dev server (custom Node server with WebSocket)
+npm run build      # Production build
+npm start          # Start server (auto-registers hooks on first run)
+npm run setup      # Manually register hooks
+npm run uninstall  # Remove all Pixel Office hooks
+npm run lint       # ESLint
+```
+
+## Architecture
+
+**Stack:** Next.js 16 · React 19 · TypeScript · WebSocket · Canvas · Tailwind CSS 4
+
+The app uses a custom Node server (`server.ts`) because Next.js doesn't natively support WebSocket. All state lives on `globalThis` to survive HMR re-evaluation.
+
+```
+src/
+├── app/api/hooks/   # 6 hook endpoints matching Claude Code events
+├── lib/             # Server: session store, WebSocket, tool classifier, approval queue
+├── game/            # Canvas engine: office layout, renderer, sprites, pathfinding
+├── hooks/           # React hooks (game loop, WebSocket, approval state)
+└── components/      # React overlays (canvas, approval toasts, worker panel)
+```
+
+### Tool classification
+
+Tools are classified into tiers:
+- **Auto-approve:** Read, Grep, Glob, Edit, Write, safe Bash commands, safe git subcommands
+- **Ask boss:** git push, rm, sudo, npm install, unknown Bash commands
+- **Bash parsing:** Uses `shfmt --tojson` for AST-based analysis of compound commands; falls back to whitespace splitting
+
+### Canvas rendering
+
+- Logical resolution: 1280×960 (20×15 tiles, 16px, 4× scale)
+- Painter's algorithm: floors → walls → furniture (Y-sorted) → workers (Y-sorted) → speech bubbles
+- Pixelated rendering with `image-rendering: pixelated`
+
+### Worker states
+
+`idle` → `typing` → `reading` → `waiting` (needs approval) → `walking` → `leaving`
+
+Workers animate at desks based on current tool type. Idle workers walk to the break room and return when new work arrives. Leaving workers walk to the door, then get removed.
+
+## Hooks reference
+
+Pixel Office uses 7 Claude Code hooks. All are fire-and-forget except `PreToolUse`, which blocks (up to 30s) for approval on risky operations.
+
+| Hook | Endpoint | Blocking | Purpose |
+|------|----------|----------|---------|
+| `SessionStart` | `/api/hooks/session-start` | No | Register worker at desk |
+| `PreToolUse` | `/api/hooks/pre-tool-use` | **Yes (30s)** | Classify tool, block if risky |
+| `PostToolUse` | `/api/hooks/post-tool-use` | No | Update worker state |
+| `Notification` | `/api/hooks/notification` | No | Show notification bubble |
+| `UserPromptSubmit` | `/api/hooks/user-prompt` | No | Update worker's current focus |
+| `Stop` | `/api/hooks/stop` | No | Set worker idle |
+| `SessionEnd` | `/api/hooks/session-end` | No | Remove worker from office |
+
+## Environment variable
+
+Set `PIXEL_OFFICE_HAIKU=1` in any Claude Code session to skip Pixel Office hooks for that session (useful for lightweight/scripted runs).
+
+## Publishing
+
+```bash
+npm login
+npm publish
+```
+
+After publishing, anyone can run `npx pixel-office` to start.
+
+## License
+
+[MIT](LICENSE)

package/bin.sh

@@ -0,0 +1,16 @@
+#!/usr/bin/env bash
+# Pixel Office CLI entry point
+SCRIPT_DIR="$(cd "$(dirname "$(readlink -f "$0" 2>/dev/null || realpath "$0" 2>/dev/null || echo "$0")")" && pwd)"
+
+# When installed via npm, the actual package is one level up from .bin
+if [ -f "$SCRIPT_DIR/../bin.ts" ]; then
+  PKG_DIR="$SCRIPT_DIR/.."
+elif [ -f "$SCRIPT_DIR/bin.ts" ]; then
+  PKG_DIR="$SCRIPT_DIR"
+else
+  # npm link / global install: resolve from the symlink
+  REAL_PATH="$(readlink -f "$0" 2>/dev/null || python3 -c "import os; print(os.path.realpath('$0'))" 2>/dev/null)"
+  PKG_DIR="$(dirname "$REAL_PATH")/.."
+fi
+
+exec npx tsx "$PKG_DIR/bin.ts" "$@"

package/bin.ts

@@ -0,0 +1,162 @@
+#!/usr/bin/env node
+import { existsSync, readFileSync, writeFileSync, mkdirSync } from 'fs';
+import { join } from 'path';
+import { homedir } from 'os';
+import { exec } from 'child_process';
+
+const SETTINGS_PATH = join(homedir(), '.claude', 'settings.json');
+const CLAUDE_DIR = join(homedir(), '.claude');
+const BASE_URL = 'http://localhost:3000/api/hooks';
+const MARKER = 'pixel-office';
+
+// ---------- Hook registration (inlined from scripts/setup.ts) ----------
+
+const TTY_PREFIX = [
+  '[ "$PIXEL_OFFICE_HAIKU" = "1" ] && exit 0',
+  'RAW_TTY=$(ps -o tty= -p $PPID 2>/dev/null | tr -d \' \')',
+  '[ -n "$RAW_TTY" ] && [ "$RAW_TTY" != "??" ] && TTY="/dev/$RAW_TTY" || TTY=""',
+  'INPUT=$(cat)',
+].join('; ');
+
+const SIMPLE_PREFIX = '[ "$PIXEL_OFFICE_HAIKU" = "1" ] && exit 0; INPUT=$(cat)';
+
+function curlCmd(endpoint: string, maxTime: number, enrichTty: boolean): string {
+  if (enrichTty) {
+    const body = `$(echo "$INPUT" | jq -c --arg tty "$TTY" '. + {tty: $tty}' 2>/dev/null || echo "$INPUT")`;
+    return `${TTY_PREFIX}; curl -sf -X POST ${BASE_URL}/${endpoint} -H 'Content-Type: application/json' -d "${body}" --max-time ${maxTime} 2>/dev/null || true`;
+  }
+  return `${SIMPLE_PREFIX}; curl -sf -X POST ${BASE_URL}/${endpoint} -H 'Content-Type: application/json' -d "$INPUT" --max-time ${maxTime} 2>/dev/null || true`;
+}
+
+interface HookEntry {
+  matcher?: string;
+  hooks: { type: string; command: string; timeout: number }[];
+}
+
+const PIXEL_OFFICE_HOOKS: Record<string, HookEntry> = {
+  SessionStart: { hooks: [{ type: 'command', command: curlCmd('session-start', 5, true), timeout: 5 }] },
+  PreToolUse: { hooks: [{ type: 'command', command: curlCmd('pre-tool-use', 30, true), timeout: 30 }] },
+  PostToolUse: { hooks: [{ type: 'command', command: curlCmd('post-tool-use', 5, false), timeout: 5 }] },
+  Notification: { hooks: [{ type: 'command', command: curlCmd('notification', 5, false), timeout: 5 }] },
+  UserPromptSubmit: { hooks: [{ type: 'command', command: curlCmd('user-prompt', 5, false), timeout: 5 }] },
+  Stop: { hooks: [{ type: 'command', command: curlCmd('stop', 5, false), timeout: 5 }] },
+  SessionEnd: { hooks: [{ type: 'command', command: curlCmd('session-end', 5, false), timeout: 5 }] },
+};
+
+function hooksRegistered(): boolean {
+  if (!existsSync(SETTINGS_PATH)) return false;
+  try {
+    const settings = JSON.parse(readFileSync(SETTINGS_PATH, 'utf-8'));
+    const hooks = settings.hooks ?? {};
+    return Object.values(hooks).some((entries) =>
+      (entries as HookEntry[]).some((entry) =>
+        entry.hooks?.some((h) => typeof h.command === 'string' && h.command.includes(MARKER))
+      )
+    );
+  } catch {
+    return false;
+  }
+}
+
+function registerHooks(): void {
+  mkdirSync(CLAUDE_DIR, { recursive: true });
+  const settings = existsSync(SETTINGS_PATH)
+    ? JSON.parse(readFileSync(SETTINGS_PATH, 'utf-8'))
+    : {};
+  const hooks = settings.hooks ?? {};
+
+  for (const [event, entry] of Object.entries(PIXEL_OFFICE_HOOKS)) {
+    const existing = hooks[event] ?? [];
+    const alreadyHas = existing.some((e: HookEntry) =>
+      e.hooks?.some((h: { command: string }) => h.command.includes(MARKER))
+    );
+    if (!alreadyHas) {
+      hooks[event] = [...existing, entry];
+    }
+  }
+
+  settings.hooks = hooks;
+  writeFileSync(SETTINGS_PATH, JSON.stringify(settings, null, 2) + '\n');
+}
+
+// ---------- Main ----------
+
+function openBrowser(url: string): void {
+  const cmd = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open';
+  exec(`${cmd} ${url}`);
+}
+
+async function main(): Promise<void> {
+  console.log('');
+  console.log('  ┌──────────────────────────┐');
+  console.log('  │      Pixel Office         │');
+  console.log('  └──────────────────────────┘');
+  console.log('');
+
+  // Auto-register hooks on first run
+  if (!hooksRegistered()) {
+    console.log('  First run — registering Claude Code hooks...');
+    registerHooks();
+    console.log('  ✓ Hooks registered in ~/.claude/settings.json');
+    console.log('');
+  }
+
+  // Start the server
+  const { createServer } = await import('http');
+  const next = (await import('next')).default;
+  const { initWSS, broadcast } = await import('./src/lib/ws-server');
+  const { cleanupStaleSessions, getAllSessions } = await import('./src/lib/store');
+  const { getAllPtyEntries, killPty } = await import('./src/lib/pty-manager');
+
+  const dev = process.env.NODE_ENV !== 'production';
+  const port = parseInt(process.env.PORT || '3000', 10);
+
+  const app = next({ dev, dir: __dirname });
+  const handle = app.getRequestHandler();
+
+  await app.prepare();
+
+  const server = createServer((req, res) => {
+    handle(req, res);
+  });
+
+  initWSS(server);
+
+  // Stale session cleanup (same as server.ts)
+  if (!globalThis.__staleSessionCleanup) {
+    globalThis.__staleSessionCleanup = setInterval(() => {
+      const isAlivePty = (ptyId: string) => {
+        const e = getAllPtyEntries().find((p) => p.ptyId === ptyId);
+        return !!e && !e.exited;
+      };
+      const removed = cleanupStaleSessions(30 * 60_000, isAlivePty);
+      for (const sessionId of removed) {
+        console.log(`[cleanup] Removed stale session: ${sessionId}`);
+        broadcast({ type: 'session-remove', sessionId });
+      }
+      const activePtyIds = new Set(
+        getAllSessions()
+          .filter((s) => s.ptyId)
+          .map((s) => s.ptyId!)
+      );
+      for (const entry of getAllPtyEntries()) {
+        if (!activePtyIds.has(entry.ptyId) && entry.exited) {
+          killPty(entry.ptyId);
+          console.log(`[cleanup] Removed orphaned PTY: ${entry.ptyId}`);
+        }
+      }
+    }, 5 * 60_000);
+  }
+
+  server.listen(port, () => {
+    console.log(`  ✓ Ready on http://localhost:${port}`);
+    console.log('  Open a Claude Code terminal — a worker will appear.');
+    console.log('');
+    openBrowser(`http://localhost:${port}`);
+  });
+}
+
+main().catch((err) => {
+  console.error('Failed to start Pixel Office:', err);
+  process.exit(1);
+});

package/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/next.config.ts

@@ -0,0 +1,7 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  serverExternalPackages: ['node-pty'],
+};
+
+export default nextConfig;

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@neolio42/pixel-office",
+  "version": "0.1.0",
+  "description": "Visualize your Claude Code sessions as pixel art workers in a tiny office",
+  "author": "Nedas Mackevičius",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/nedas-dev/pixel-office.git"
+  },
+  "keywords": [
+    "claude",
+    "claude-code",
+    "pixel-art",
+    "visualization",
+    "hooks",
+    "developer-tools"
+  ],
+  "bin": {
+    "pixel-office": "./bin.sh"
+  },
+  "scripts": {
+    "dev": "npx tsx server.ts",
+    "build": "next build",
+    "start": "npx tsx bin.ts",
+    "lint": "eslint",
+    "setup": "npx tsx scripts/setup.ts",
+    "uninstall": "npx tsx scripts/setup.ts uninstall"
+  },
+  "dependencies": {
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
+    "next": "16.1.6",
+    "node-pty": "^1.2.0-beta.12",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tsx": "^4.21.0",
+    "ws": "^8.19.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/ws": "^8.18.1",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.6",
+    "tailwindcss": "^4",
+    "typescript": "^5.9.3"
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/public/assets/default-layout-1.json

@@ -0,0 +1,92 @@
+{
+  "version": 1,
+  "cols": 21,
+  "rows": 22,
+  "layoutRevision": 1,
+  "tiles": [
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255,
+      0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   0,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   0,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   0,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   1,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   1,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   1,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   1,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   0,   1,   1,   1,   1,   1,   1,   1,   1,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   0,   9,   9,   9,   9,   9,   9,   9,   9,   0, 255,
+      0,   7,   7,   7,   7,   7,   7,   7,   7,   7,   0,   9,   9,   9,   9,   9,   9,   9,   9,   0, 255,
+    255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255, 255
+  ],
+  "tileColors": [
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":209,"s":39,"b":-25,"c":-80}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    {"h":214,"s":30,"b":-100,"c":-55}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":25,"s":48,"b":-43,"c":-88}, {"h":214,"s":30,"b":-100,"c":-55}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":209,"s":0,"b":-16,"c":-8}, {"h":214,"s":30,"b":-100,"c":-55}, null,
+    null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null
+  ],
+  "furniture": [
+    {"uid": "f-1773353910654-5cdg", "type": "TABLE_FRONT", "col": 4, "row": 16},
+    {"uid": "f-1773354646615-jhxl", "type": "COFFEE_TABLE", "col": 14, "row": 14},
+    {"uid": "f-1773354664329-hxsh", "type": "SOFA_SIDE", "col": 13, "row": 14},
+    {"uid": "f-1773354665989-zgrw", "type": "SOFA_BACK", "col": 14, "row": 16},
+    {"uid": "f-1773354668333-lo7w", "type": "SOFA_FRONT", "col": 14, "row": 13},
+    {"uid": "f-1773354670818-r1q2", "type": "SOFA_SIDE:left", "col": 16, "row": 14},
+    {"uid": "f-1773354686967-yiua", "type": "HANGING_PLANT", "col": 9, "row": 9},
+    {"uid": "f-1773354687677-hn2k", "type": "HANGING_PLANT", "col": 1, "row": 9},
+    {"uid": "f-1773354693077-f7aj", "type": "DOUBLE_BOOKSHELF", "col": 7, "row": 9},
+    {"uid": "f-1773354700513-f1zs", "type": "DOUBLE_BOOKSHELF", "col": 2, "row": 9},
+    {"uid": "f-1773354799984-j5ri", "type": "SMALL_PAINTING", "col": 12, "row": 9},
+    {"uid": "f-1773354827151-yox2", "type": "CLOCK", "col": 5, "row": 9},
+    {"uid": "f-1773354842615-f5md", "type": "PLANT", "col": 18, "row": 10},
+    {"uid": "f-1773354861273-67uo", "type": "COFFEE", "col": 14, "row": 15},
+    {"uid": "f-1773354877474-kt9s", "type": "WOODEN_CHAIR_SIDE", "col": 3, "row": 18},
+    {"uid": "f-1773354879805-px9b", "type": "WOODEN_CHAIR_SIDE", "col": 3, "row": 16},
+    {"uid": "f-1773354880309-yphd", "type": "WOODEN_CHAIR_SIDE:left", "col": 7, "row": 16},
+    {"uid": "f-1773354881902-9m50", "type": "WOODEN_CHAIR_SIDE:left", "col": 7, "row": 18},
+    {"uid": "f-1773354931010-8vvr", "type": "DESK_FRONT", "col": 2, "row": 12},
+    {"uid": "f-1773354932396-5uus", "type": "DESK_FRONT", "col": 6, "row": 12},
+    {"uid": "f-1773356768339-eo6u", "type": "CUSHIONED_BENCH", "col": 3, "row": 14},
+    {"uid": "f-1773356769007-a8jm", "type": "CUSHIONED_BENCH", "col": 7, "row": 14},
+    {"uid": "f-1773356781294-b69z", "type": "PC_FRONT_OFF", "col": 7, "row": 12},
+    {"uid": "f-1773356782055-vp70", "type": "PC_FRONT_OFF", "col": 3, "row": 12},
+    {"uid": "f-1773356784581-5jw9", "type": "PC_SIDE", "col": 4, "row": 16},
+    {"uid": "f-1773356785458-pyjn", "type": "PC_SIDE", "col": 4, "row": 18},
+    {"uid": "f-1773356787060-higb", "type": "PC_SIDE:left", "col": 6, "row": 16},
+    {"uid": "f-1773356787744-ykrz", "type": "PC_SIDE:left", "col": 6, "row": 18},
+    {"uid": "f-1773356878781-rncl", "type": "PLANT_2", "col": 11, "row": 10},
+    {"uid": "f-1773356974812-apra", "type": "LARGE_PAINTING", "col": 14, "row": 9},
+    {"uid": "f-1773357087399-3kfy", "type": "BIN", "col": 2, "row": 20},
+    {"uid": "f-1773357989802-thws", "type": "SMALL_TABLE_FRONT", "col": 17, "row": 19},
+    {"uid": "f-1773358001163-aqv4", "type": "SMALL_TABLE_SIDE", "col": 1, "row": 18},
+    {"uid": "f-1773358458100-4wm2", "type": "COFFEE", "col": 1, "row": 19},
+    {"uid": "f-1773358479734-biia", "type": "PLANT_2", "col": 1, "row": 17},
+    {"uid": "f-1773358485454-id8j", "type": "SMALL_PAINTING_2", "col": 17, "row": 9}
+  ]
+}

package/public/assets/furniture/BIN/manifest.json

@@ -0,0 +1,13 @@
+{
+  "id": "BIN",
+  "name": "Bin",
+  "category": "misc",
+  "type": "asset",
+  "canPlaceOnWalls": false,
+  "canPlaceOnSurfaces": false,
+  "backgroundTiles": 0,
+  "width": 16,
+  "height": 16,
+  "footprintW": 1,
+  "footprintH": 1
+}

package/public/assets/furniture/BOOKSHELF/manifest.json

@@ -0,0 +1,13 @@
+{
+  "id": "BOOKSHELF",
+  "name": "Bookshelf",
+  "category": "wall",
+  "type": "asset",
+  "canPlaceOnWalls": true,
+  "canPlaceOnSurfaces": false,
+  "backgroundTiles": 0,
+  "width": 32,
+  "height": 16,
+  "footprintW": 2,
+  "footprintH": 1
+}

package/public/assets/furniture/CACTUS/manifest.json

@@ -0,0 +1,13 @@
+{
+  "id": "CACTUS",
+  "name": "Cactus",
+  "category": "decor",
+  "type": "asset",
+  "canPlaceOnWalls": false,
+  "canPlaceOnSurfaces": false,
+  "backgroundTiles": 1,
+  "width": 16,
+  "height": 32,
+  "footprintW": 1,
+  "footprintH": 2
+}