Stub chatroom support

.eslintignore

@@ -15,3 +15,4 @@ node_modules/
 /js/panels.js
 /js/panel-mainmenu.js
 /js/panel-rooms.js
+/js/panel-chat.js

.gitignore

@@ -26,5 +26,6 @@ package-lock.json
 /js/panels.js
 /js/panel-mainmenu.js
 /js/panel-rooms.js
+/js/panel-chat.js
 
 .vscode

CONTRIBUTING.md

@@ -25,18 +25,23 @@ PS loads itself in phases:
   - User model
   - Generic Room model
   - PS model
-- `client-frame.tsx`
-  - Main view
+- SockJS
+- `client-connection.ts`
+  - Connect to server
 - Preact
 - SoundManager
 - `panel-mainmenu.tsx`
 - `panel-rooms.tsx`
+- `panels.tsx`
+  - URL router
+  - global listeners
+  - Main view
 
 **Phase 3:** Lightweight panels
 
+- Caja (HTML sanitizer)
 - `panel-chat.tsx`
 - `panel-ladder.tsx`
-- `panel`
 
 **Phase 4:** Heavyweight panels - loaded only when a user opens one
 

src/client-connection.ts

@@ -12,7 +12,7 @@ class PSConnection {
 	connected = false;
 	queue = [] as string[];
 	constructor() {
-		// this.connect();
+		this.connect();
 	}
 	connect() {
 		const server = PS.server;

src/client-main.ts

@@ -287,6 +287,8 @@ class PlaceholderRoom extends PSRoom {
 type RoomType = {Model: typeof PSRoom, Component: typeof PSRoomPanel};
 
 const PS = new class extends PSModel {
+	down: string | boolean = false;
+
 	prefs = new PSPrefs();
 	teams = new PSTeams();
 	user = new PSUser();
@@ -376,6 +378,30 @@ const PS = new class extends PSModel {
 		window.addEventListener('resize', () => this.updateLayout());
 	}
 
+	lineParse(str: string): [string, ...string[]] {
+		if (!str.startsWith('|')) {
+			return ['', str];
+		}
+		const index = str.indexOf('|', 1);
+		const cmd = str.slice(1, index);
+		switch (cmd) {
+		case 'html':
+		case 'raw':
+		case '':
+			return [cmd, str.slice(index + 1)];
+		case 'c':
+			// three parts
+			const index2a = str.indexOf('|', index + 1);
+			return [cmd, str.slice(index + 1, index2a), str.slice(index2a + 1)];
+		case 'c:':
+			// four parts
+			const index2b = str.indexOf('|', index + 1);
+			const index3b = str.indexOf('|', index2b + 1);
+			return [cmd, str.slice(index + 1, index2b), str.slice(index2b + 1, index3b), str.slice(index3b + 1)];
+		}
+		return str.slice(1).split('|') as [string, ...string[]];
+	}
+
 	// Panel layout
 	///////////////
 	/**