@wavegrid/canvas 0.1.1

package/index.d.ts

@@ -0,0 +1 @@
+export { getCanvasHTML } from './ui';

package/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCanvasHTML = void 0;
+var ui_1 = require("./ui");
+Object.defineProperty(exports, "getCanvasHTML", { enumerable: true, get: function () { return ui_1.getCanvasHTML; } });

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@wavegrid/canvas",
+  "version": "0.1.1",
+  "author": "Dan Lynch <pyramation@gmail.com>",
+  "description": "Artist-facing creative canvas for painting with light on the 7×7 grid",
+  "main": "index.js",
+  "module": "esm/index.js",
+  "types": "index.d.ts",
+  "homepage": "https://github.com/constructive-io/Illuminate",
+  "license": "SEE LICENSE IN LICENSE",
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/constructive-io/Illuminate"
+  },
+  "bugs": {
+    "url": "https://github.com/constructive-io/Illuminate/issues"
+  },
+  "scripts": {
+    "clean": "makage clean",
+    "prepack": "npm run build",
+    "build": "makage build",
+    "build:dev": "makage build --dev",
+    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint src --fix",
+    "test": "jest --passWithNoTests",
+    "test:watch": "jest --watch",
+    "dev": "ts-node src/server.ts"
+  },
+  "keywords": [
+    "laser",
+    "lighting",
+    "canvas",
+    "creative",
+    "7x7"
+  ],
+  "dependencies": {
+    "ws": "^8.18.0"
+  },
+  "devDependencies": {
+    "@types/ws": "^8.5.13",
+    "makage": "^0.3.0"
+  },
+  "gitHead": "6f651b8d0dfbb6538c667dd3905ce6989ae18e46"
+}

package/server.d.ts

@@ -0,0 +1,3 @@
+import http from 'http';
+declare const server: http.Server<typeof http.IncomingMessage, typeof http.ServerResponse>;
+export { server };

package/server.js

@@ -0,0 +1,74 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.server = void 0;
+const http_1 = __importDefault(require("http"));
+const ws_1 = require("ws");
+const ui_1 = require("./ui");
+const PORT = parseInt(process.env.PORT || '3001', 10);
+const SIMULATOR_URL = process.env.SIMULATOR_URL || 'ws://localhost:3000';
+const server = http_1.default.createServer((_req, res) => {
+    res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+    res.end((0, ui_1.getCanvasHTML)());
+});
+exports.server = server;
+const wss = new ws_1.WebSocketServer({ server });
+let simulatorWs = null;
+let reconnectTimer = null;
+function connectToSimulator() {
+    try {
+        simulatorWs = new ws_1.WebSocket(SIMULATOR_URL);
+        simulatorWs.on('open', () => {
+            console.log('  ✦ Connected to simulator');
+        });
+        simulatorWs.on('message', (data) => {
+            // Relay state from simulator to all canvas clients
+            const msg = data.toString();
+            wss.clients.forEach(client => {
+                if (client.readyState === ws_1.WebSocket.OPEN) {
+                    client.send(msg);
+                }
+            });
+        });
+        simulatorWs.on('close', () => {
+            console.log('  ✦ Simulator disconnected, reconnecting...');
+            scheduleReconnect();
+        });
+        simulatorWs.on('error', () => {
+            scheduleReconnect();
+        });
+    }
+    catch (_e) {
+        scheduleReconnect();
+    }
+}
+function scheduleReconnect() {
+    if (reconnectTimer)
+        return;
+    reconnectTimer = setTimeout(() => {
+        reconnectTimer = null;
+        connectToSimulator();
+    }, 2000);
+}
+wss.on('connection', (ws) => {
+    ws.on('message', (raw) => {
+        // Relay commands from canvas clients to simulator
+        if (simulatorWs && simulatorWs.readyState === ws_1.WebSocket.OPEN) {
+            simulatorWs.send(raw);
+        }
+    });
+});
+server.listen(PORT, '0.0.0.0', () => {
+    console.log('');
+    console.log('  ╭──────────────────────────────────────╮');
+    console.log('  │   Illuminate · Canvas                 │');
+    console.log('  │   painting the sky with light         │');
+    console.log('  ╰──────────────────────────────────────╯');
+    console.log('');
+    console.log(`  → http://localhost:${PORT}`);
+    console.log(`  → Simulator: ${SIMULATOR_URL}`);
+    console.log('');
+    connectToSimulator();
+});

package/ui.d.ts

@@ -0,0 +1 @@
+export declare function getCanvasHTML(): string;