feat: ledlab

public/scripts/constants.js

@@ -0,0 +1,51 @@
+(function(){
+	const TIMING = {
+		NAV_COOLDOWN_MS: 300,
+		VIEW_FADE_OUT_MS: 150,
+		VIEW_FADE_IN_MS: 200,
+		VIEW_FADE_DELAY_MS: 50,
+		AUTO_REFRESH_MS: 30000,
+		PRIMARY_NODE_REFRESH_MS: 10000,
+		LOAD_GUARD_MS: 10000,
+		UDP_DISCOVERY_INTERVAL_MS: 5000,
+		WEBSOCKET_PING_INTERVAL_MS: 30000,
+		FRAME_UPDATE_INTERVAL_MS: 50
+	};
+
+	const SELECTORS = {
+		NAV_TAB: '.nav-tab',
+		VIEW_CONTENT: '.view-content',
+		MATRIX_CANVAS: '.matrix-canvas',
+		PRESET_SELECT: '.preset-select',
+		NODE_LIST: '.node-list',
+		CONTROL_PANEL: '.control-panel'
+	};
+
+	const CLASSES = {
+		NODE_CONNECTED: 'node-connected',
+		NODE_DISCONNECTED: 'node-disconnected',
+		NODE_SELECTED: 'node-selected',
+		PRESET_ACTIVE: 'preset-active',
+		STREAMING_ACTIVE: 'streaming-active'
+	};
+
+	const DEFAULTS = {
+		MATRIX_WIDTH: 16,
+		MATRIX_HEIGHT: 16,
+		UDP_PORT: 4210,
+		WEBSOCKET_PORT: 8080,
+		BROADCAST_ADDRESS: '255.255.255.255'
+	};
+
+	const MESSAGES = {
+		NODE_DISCOVERED: 'node:discovered',
+		NODE_LOST: 'node:lost',
+		STREAM_START: 'stream:start',
+		STREAM_STOP: 'stream:stop',
+		STREAM_UPDATE: 'stream:update',
+		PRESET_CHANGED: 'preset:changed',
+		MATRIX_UPDATED: 'matrix:updated'
+	};
+
+	window.CONSTANTS = window.CONSTANTS || { TIMING, SELECTORS, CLASSES, DEFAULTS, MESSAGES };
+})();