13 terminal rows: <input id="n_rows" type="number" step=4 min=24 value=24 />
14 / terminal columns: <input id="n_cols" type="number" step=4 min=80 value=80 />
15 / <a href="https://plomlompom.com/repos/?p=plomrogue2;a=summary">source code</a> (includes proper terminal/ncurses client)
17 <pre id="terminal"></pre>
18 <textarea id="input" style="opacity: 0; width: 0px;"></textarea>
20 keyboard input/control: <span id="keyboard_control"></span>
22 <h3>button controls for mouse players</h3>
23 <table id="move_table" style="float: left">
25 <td style="text-align: right"><button id="hex_move_upleft"></button></td>
26 <td style="text-align: center"><button id="square_move_up"></button></td>
27 <td><button id="hex_move_upright"></button></td>
30 <td style="text-align: right;"><button id="square_move_left"></button><button id="hex_move_left">left</button></td>
31 <td stlye="text-align: center;">move</td>
32 <td><button id="square_move_right"></button><button id="hex_move_right"></button></td>
35 <td><button id="hex_move_downleft"></button></td>
36 <td style="text-align: center"><button id="square_move_down"></button></td>
37 <td><button id="hex_move_downright"></button></td>
42 <td><button id="help"></button></td>
45 <td><button id="switch_to_chat"></button><br /></td>
48 <td><button id="switch_to_study"></button></td>
49 <td><button id="toggle_map_mode"></button>
52 <td><button id="switch_to_play"></button></td>
54 <button id="switch_to_take_thing"></button>
55 <button id="drop_thing"></button>
56 <button id="door"></button>
57 <button id="consume"></button>
58 <button id="switch_to_command_thing"></button>
59 <button id="teleport"></button>
60 <button id="install"></button>
61 <button id="wear"></button>
65 <td><button id="switch_to_edit"></button></td>
67 <button id="switch_to_write"></button>
68 <button id="flatten"></button>
69 <button id="switch_to_annotate"></button>
70 <button id="switch_to_portal"></button>
71 <button id="switch_to_name_thing"></button>
72 <button id="switch_to_password"></button>
73 <button id="switch_to_enter_face"></button>
77 <td><button id="switch_to_admin_enter"></button></td>
79 <button id="switch_to_control_pw_type"></button>
80 <button id="switch_to_control_tile_type"></button>
81 <button id="switch_to_admin_thing_protect"></button>
82 <button id="toggle_tile_draw"></button>
87 <h3>edit keybindings</h3> (see <a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values">here</a> for non-obvious available values):<br />
89 <li>move up (square grid): <input id="key_square_move_up" type="text" value="w" /> (hint: ArrowUp)
90 <li>move left (square grid): <input id="key_square_move_left" type="text" value="a" /> (hint: ArrowLeft)
91 <li>move down (square grid): <input id="key_square_move_down" type="text" value="s" /> (hint: ArrowDown)
92 <li>move right (square grid): <input id="key_square_move_right" type="text" value="d" /> (hint: ArrowRight)
93 <li>move up-left (hex grid): <input id="key_hex_move_upleft" type="text" value="w" />
94 <li>move up-right (hex grid): <input id="key_hex_move_upright" type="text" value="e" />
95 <li>move right (hex grid): <input id="key_hex_move_right" type="text" value="d" />
96 <li>move down-right (hex grid): <input id="key_hex_move_downright" type="text" value="x" />
97 <li>move down-left (hex grid): <input id="key_hex_move_downleft" type="text" value="y" />
98 <li>move left (hex grid): <input id="key_hex_move_left" type="text" value="a" />
99 <li>help: <input id="key_help" type="text" value="h" />
100 <li>flatten surroundings: <input id="key_flatten" type="text" value="F" />
101 <li>teleport: <input id="key_teleport" type="text" value="p" />
102 <li>drop thing: <input id="key_drop_thing" type="text" value="u" />
103 <li>open/close: <input id="key_door" type="text" value="D" />
104 <li>consume: <input id="key_consume" type="text" value="C" />
105 <li>install: <input id="key_install" type="text" value="I" />
106 <li>(un-)wear: <input id="key_wear" type="text" value="W" />
107 <li><input id="key_switch_to_enter_face" type="text" value="f" />
108 <li><input id="key_switch_to_take_thing" type="text" value="z" />
109 <li><input id="key_switch_to_chat" type="text" value="t" />
110 <li><input id="key_switch_to_play" type="text" value="p" />
111 <li><input id="key_switch_to_study" type="text" value="?" />
112 <li><input id="key_switch_to_edit" type="text" value="E" />
113 <li><input id="key_switch_to_write" type="text" value="m" />
114 <li><input id="key_switch_to_name_thing" type="text" value="N" />
115 <li><input id="key_switch_to_command_thing" type="text" value="O" />
116 <li><input id="key_switch_to_password" type="text" value="P" />
117 <li><input id="key_switch_to_admin_enter" type="text" value="A" />
118 <li><input id="key_switch_to_control_pw_type" type="text" value="C" />
119 <li><input id="key_switch_to_control_tile_type" type="text" value="Q" />
120 <li><input id="key_switch_to_admin_thing_protect" type="text" value="T" />
121 <li><input id="key_switch_to_annotate" type="text" value="M" />
122 <li><input id="key_switch_to_portal" type="text" value="T" />
123 <li>toggle map view: <input id="key_toggle_map_mode" type="text" value="L" />
124 <li>toggle protection character drawing: <input id="key_toggle_tile_draw" type="text" value="m" />
129 let websocket_location = "wss://plomlompom.com/rogue_chat/";
130 //let websocket_location = "ws://localhost:8000/";
136 'long': 'This mode allows you to interact with the map in various ways.'
141 'long': 'This mode allows you to study the map and its tiles in detail. Move the question mark over a tile, and the right half of the screen will show detailed information on it. Toggle the map view to show or hide different information layers.'},
143 'short': 'world edit',
145 'long': 'This mode allows you to change the game world in various ways. Individual map tiles can be protected by "protection characters", which you can see by toggling into the protections map view. You can edit a tile if you set the world edit password that matches its protection character. The character "." marks the absence of protection: Such tiles can always be edited.'
148 'short': 'name thing',
150 'long': 'Give name to/change name of thing here.'
153 'short': 'command thing',
155 'long': 'Enter a command to the thing you carry. Enter nothing to return to play mode.'
158 'short': 'take thing',
159 'intro': 'Pick up a thing in reach by entering its index number. Enter nothing to abort.',
160 'long': 'You see a list of things which you could pick up. Enter the target thing\'s index, or, to leave, nothing.'
162 'admin_thing_protect': {
163 'short': 'change thing protection',
164 'intro': '@ enter thing protection character:',
165 'long': 'Change protection character for thing here.'
168 'short': 'enter your face',
169 'intro': '@ enter face line (enter nothing to abort):',
170 'long': 'Draw your face as ASCII art. The string you enter must be 18 characters long, and will be divided on display into 3 lines of 6 characters each, from top to bottom..'
173 'short': 'change terrain',
175 'long': 'This mode allows you to change the map tile you currently stand on (if your world editing password authorizes you so). Just enter any printable ASCII character to imprint it on the ground below you.'
178 'short': 'change protection character password',
179 'intro': '@ enter protection character for which you want to change the password:',
180 'long': 'This mode is the first of two steps to change the password for a protection character. First enter the protection character for which you want to change the password.'
183 'short': 'change protection character password',
185 'long': 'This mode is the second of two steps to change the password for a protection character. Enter the new password for the protection character you chose.'
187 'control_tile_type': {
188 'short': 'change tiles protection',
189 'intro': '@ enter protection character which you want to draw:',
190 'long': 'This mode is the first of two steps to change tile protection areas on the map. First enter the tile protection character you want to write.'
192 'control_tile_draw': {
193 'short': 'change tiles protection',
195 'long': 'This mode is the second of two steps to change tile protection areas on the map. Toggle tile protection drawing on/off and move the ?? cursor around the map to draw the selected protection character.'
198 'short': 'annotate tile',
200 'long': 'This mode allows you to add/edit a comment on the tile you are currently standing on (provided your world editing password authorizes you so). Hit Return to leave.'
203 'short': 'edit portal',
205 'long': 'This mode allows you to imprint/edit/remove a teleportation target on the ground you are currently standing on (provided your world editing password authorizes you so). Enter or edit a URL to imprint a teleportation target; enter emptiness to remove a pre-existing teleportation target. Hit Return to leave.'
210 'long': 'This mode allows you to engage in chit-chat with other users. Any line you enter into the input prompt that does not start with a "/" will be sent out to nearby players – but barriers and distance will reduce what they can read, so stand close to them to ensure they get your message. Lines that start with a "/" are used for commands like:\n\n/nick NAME – re-name yourself to NAME'
215 'long': 'Enter your player name.'
217 'waiting_for_server': {
218 'short': 'waiting for server response',
219 'intro': '@ waiting for server …',
220 'long': 'Waiting for a server response.'
223 'short': 'waiting for server response',
225 'long': 'Waiting for a server response.'
228 'short': 'set world edit password',
230 'long': 'This mode allows you to change the password that you send to authorize yourself for editing password-protected elements of the world. Hit return to confirm and leave.'
233 'short': 'become admin',
234 'intro': '@ enter admin password:',
235 'long': 'This mode allows you to become admin if you know an admin password.'
240 'long': 'This mode allows you access to actions limited to administrators.'
243 let key_descriptions = {
245 'flatten': 'flatten surroundings',
246 'teleport': 'teleport',
247 'drop_thing': 'drop thing',
248 'door': 'open/close',
249 'consume': 'consume',
250 'install': '(un-)install',
252 'toggle_map_mode': 'toggle map view',
253 'toggle_tile_draw': 'toggle protection character drawing',
254 'hex_move_upleft': 'up-left',
255 'hex_move_upright': 'up-right',
256 'hex_move_right': 'right',
257 'hex_move_left': 'left',
258 'hex_move_downleft': 'down-left',
259 'hex_move_downright': 'down-right',
260 'square_move_up': 'up',
261 'square_move_left': 'left',
262 'square_move_down': 'down',
263 'square_move_right': 'right',
265 for (const mode_name of Object.keys(mode_helps)) {
266 key_descriptions['switch_to_' + mode_name] = mode_helps[mode_name].short;
269 let rows_selector = document.getElementById("n_rows");
270 let cols_selector = document.getElementById("n_cols");
271 let key_selectors = document.querySelectorAll('[id^="key_"]');
273 for (const key_switch_selector of document.querySelectorAll('[id^="key_switch_to_"]')) {
274 const action = key_switch_selector.id.slice("key_switch_to_".length);
275 key_switch_selector.parentNode.prepend(mode_helps[action].short + ': ');
278 function restore_selector_value(selector) {
279 let stored_selection = window.localStorage.getItem(selector.id);
280 if (stored_selection) {
281 selector.value = stored_selection;
284 restore_selector_value(rows_selector);
285 restore_selector_value(cols_selector);
286 for (let key_selector of key_selectors) {
287 restore_selector_value(key_selector);
290 function escapeHTML(str) {
292 replace(/&/g, '&').
293 replace(/</g, '<').
294 replace(/>/g, '>').
295 replace(/'/g, ''').
296 replace(/"/g, '"');
300 initialize: function() {
301 this.rows = rows_selector.value;
302 this.cols = cols_selector.value;
303 this.pre_el = document.getElementById("terminal");
304 this.set_default_colors();
308 for (let y = 0, x = 0; y <= this.rows; x++) {
309 if (x == this.cols) {
312 this.content.push(line);
314 if (y == this.rows) {
321 apply_colors: function() {
322 this.pre_el.style.color = this.foreground;
323 this.pre_el.style.backgroundColor = this.background;
325 set_default_colors: function() {
326 this.foreground = 'white';
327 this.background = 'black';
330 set_random_colors: function() {
331 function rand(offset) {
332 return Math.floor(offset + Math.random() * 96).toString(16).padStart(2, '0');
334 this.foreground = '#' + rand(159) + rand(159) + rand(159);
335 this.background = '#' + rand(0) + rand(0) + rand(0);
338 blink_screen: function() {
339 this.pre_el.style.color = this.background;
340 this.pre_el.style.backgroundColor = this.foreground;
342 this.pre_el.style.color = this.foreground;
343 this.pre_el.style.backgroundColor = this.background;
346 refresh: function() {
347 let pre_content = '';
348 for (let y = 0; y < this.rows; y++) {
349 let line = this.content[y].join('');
351 if (y in tui.links) {
353 for (let span of tui.links[y]) {
354 chunks.push(escapeHTML(line.slice(start_x, span[0])));
355 chunks.push('<a target="_blank" href="');
356 chunks.push(escapeHTML(span[2]));
358 chunks.push(escapeHTML(line.slice(span[0], span[1])));
362 chunks.push(escapeHTML(line.slice(start_x)));
364 chunks = [escapeHTML(line)];
366 for (const chunk of chunks) {
367 pre_content += chunk;
371 this.pre_el.innerHTML = pre_content;
373 write: function(start_y, start_x, msg) {
374 for (let x = start_x, i = 0; x < this.cols && i < msg.length; x++, i++) {
375 this.content[start_y][x] = msg[i];
378 drawBox: function(start_y, start_x, height, width) {
379 let end_y = start_y + height;
380 let end_x = start_x + width;
381 for (let y = start_y, x = start_x; y < this.rows; x++) {
389 this.content[y][x] = ' ';
393 terminal.initialize();
396 tokenize: function(str) {
401 for (let i = 0; i < str.length; i++) {
407 } else if (c == '\\') {
409 } else if (c == '"') {
414 } else if (c == '"') {
416 } else if (c === ' ') {
417 if (token.length > 0) {
425 if (token.length > 0) {
430 parse_yx: function(position_string) {
431 let coordinate_strings = position_string.split(',')
432 let position = [0, 0];
433 position[0] = parseInt(coordinate_strings[0].slice(2));
434 position[1] = parseInt(coordinate_strings[1].slice(2));
446 init: function(url) {
448 this.websocket = new WebSocket(this.url);
449 this.websocket.onopen = function(event) {
450 server.connected = true;
451 game.thing_types = {};
453 server.send(['TASKS']);
454 server.send(['TERRAINS']);
455 server.send(['THING_TYPES']);
456 tui.log_msg("@ server connected! :)");
457 tui.switch_mode('login');
459 this.websocket.onclose = function(event) {
460 server.connected = false;
461 tui.switch_mode('waiting_for_server');
462 tui.log_msg("@ server disconnected :(");
464 this.websocket.onmessage = this.handle_event;
466 reconnect_to: function(url) {
467 this.websocket.close();
470 send: function(tokens) {
471 this.websocket.send(unparser.untokenize(tokens));
473 handle_event: function(event) {
474 let tokens = parser.tokenize(event.data);
475 if (tokens[0] === 'TURN') {
476 game.turn_complete = false;
477 explorer.empty_annotations();
481 game.turn = parseInt(tokens[1]);
482 } else if (tokens[0] === 'THING') {
483 let t = game.get_thing(tokens[4], true);
484 t.position = parser.parse_yx(tokens[1]);
486 t.protection = tokens[3];
487 t.portable = parseInt(tokens[5]);
488 t.commandable = parseInt(tokens[6]);
489 } else if (tokens[0] === 'THING_NAME') {
490 let t = game.get_thing(tokens[1], false);
492 } else if (tokens[0] === 'THING_FACE') {
493 let t = game.get_thing(tokens[1], false);
495 } else if (tokens[0] === 'THING_HAT') {
496 let t = game.get_thing(tokens[1], false);
498 } else if (tokens[0] === 'THING_CHAR') {
499 let t = game.get_thing(tokens[1], false);
500 t.thing_char = tokens[2];
501 } else if (tokens[0] === 'TASKS') {
502 game.tasks = tokens[1].split(',');
503 tui.mode_write.legal = game.tasks.includes('WRITE');
504 tui.mode_command_thing.legal = game.tasks.includes('WRITE');
505 tui.mode_take_thing.legal = game.tasks.includes('PICK_UP');
506 } else if (tokens[0] === 'THING_TYPE') {
507 game.thing_types[tokens[1]] = tokens[2]
508 } else if (tokens[0] === 'THING_CARRYING') {
509 let t = game.get_thing(tokens[1], false);
510 t.carrying = t = game.get_thing(tokens[2], false);
511 } else if (tokens[0] === 'THING_INSTALLED') {
512 let t = game.get_thing(tokens[1], false);
514 } else if (tokens[0] === 'TERRAIN') {
515 game.terrains[tokens[1]] = tokens[2]
516 } else if (tokens[0] === 'MAP') {
517 game.map_geometry = tokens[1];
519 game.map_size = parser.parse_yx(tokens[2]);
521 } else if (tokens[0] === 'FOV') {
523 } else if (tokens[0] === 'MAP_CONTROL') {
524 game.map_control = tokens[1]
525 } else if (tokens[0] === 'GAME_STATE_COMPLETE') {
526 game.turn_complete = true;
527 if (tui.mode.name == 'post_login_wait') {
528 tui.switch_mode('play');
530 explorer.info_cached = false;
532 } else if (tokens[0] === 'CHAT') {
533 tui.log_msg('# ' + tokens[1], 1);
534 } else if (tokens[0] === 'REPLY') {
535 tui.log_msg('#MUSICPLAYER: ' + tokens[1], 1);
536 } else if (tokens[0] === 'PLAYER_ID') {
537 game.player_id = parseInt(tokens[1]);
538 } else if (tokens[0] === 'LOGIN_OK') {
539 this.send(['GET_GAMESTATE']);
540 tui.switch_mode('post_login_wait');
541 } else if (tokens[0] === 'DEFAULT_COLORS') {
542 terminal.set_default_colors();
543 } else if (tokens[0] === 'RANDOM_COLORS') {
544 terminal.set_random_colors();
545 } else if (tokens[0] === 'ADMIN_OK') {
547 tui.log_msg('@ you now have admin rights');
548 tui.switch_mode('admin');
549 } else if (tokens[0] === 'PORTAL') {
550 let position = parser.parse_yx(tokens[1]);
551 game.portals[position] = tokens[2];
552 } else if (tokens[0] === 'ANNOTATION') {
553 let position = parser.parse_yx(tokens[1]);
554 explorer.update_annotations(position, tokens[2]);
556 } else if (tokens[0] === 'UNHANDLED_INPUT') {
557 tui.log_msg('? unknown command');
558 } else if (tokens[0] === 'PLAY_ERROR') {
559 tui.log_msg('? ' + tokens[1]);
560 terminal.blink_screen();
561 } else if (tokens[0] === 'ARGUMENT_ERROR') {
562 tui.log_msg('? syntax error: ' + tokens[1]);
563 } else if (tokens[0] === 'GAME_ERROR') {
564 tui.log_msg('? game error: ' + tokens[1]);
565 } else if (tokens[0] === 'PONG') {
568 tui.log_msg('? unhandled input: ' + event.data);
574 quote: function(str) {
576 for (let i = 0; i < str.length; i++) {
578 if (['"', '\\'].includes(c)) {
584 return quoted.join('');
586 to_yx: function(yx_coordinate) {
587 return "Y:" + yx_coordinate[0] + ",X:" + yx_coordinate[1];
589 untokenize: function(tokens) {
590 let quoted_tokens = [];
591 for (let token of tokens) {
592 quoted_tokens.push(this.quote(token));
594 return quoted_tokens.join(" ");
599 constructor(name, has_input_prompt=false, shows_info=false,
600 is_intro=false, is_single_char_entry=false) {
602 this.short_desc = mode_helps[name].short;
603 this.available_modes = [];
604 this.available_actions = [];
605 this.has_input_prompt = has_input_prompt;
606 this.shows_info= shows_info;
607 this.is_intro = is_intro;
608 this.help_intro = mode_helps[name].long;
609 this.intro_msg = mode_helps[name].intro;
610 this.is_single_char_entry = is_single_char_entry;
613 *iter_available_modes() {
614 for (let mode_name of this.available_modes) {
615 let mode = tui['mode_' + mode_name];
619 let key = tui.keys['switch_to_' + mode.name];
623 list_available_modes() {
625 if (this.available_modes.length > 0) {
626 msg += 'Other modes available from here:\n';
627 for (let [mode, key] of this.iter_available_modes()) {
628 msg += '[' + key + '] – ' + mode.short_desc + '\n';
633 mode_switch_on_key(key_event) {
634 for (let [mode, key] of this.iter_available_modes()) {
635 if (key_event.key == key) {
636 event.preventDefault();
637 tui.switch_mode(mode.name);
649 window_width: terminal.cols / 2,
657 mode_waiting_for_server: new Mode('waiting_for_server',
659 mode_login: new Mode('login', true, false, true),
660 mode_post_login_wait: new Mode('post_login_wait'),
661 mode_chat: new Mode('chat', true),
662 mode_annotate: new Mode('annotate', true, true),
663 mode_play: new Mode('play'),
664 mode_study: new Mode('study', false, true),
665 mode_write: new Mode('write', false, false, false, true),
666 mode_edit: new Mode('edit'),
667 mode_control_pw_type: new Mode('control_pw_type', true),
668 mode_admin_thing_protect: new Mode('admin_thing_protect', true),
669 mode_portal: new Mode('portal', true, true),
670 mode_password: new Mode('password', true),
671 mode_name_thing: new Mode('name_thing', true, true),
672 mode_command_thing: new Mode('command_thing', true),
673 mode_take_thing: new Mode('take_thing', true),
674 mode_enter_face: new Mode('enter_face', true),
675 mode_admin_enter: new Mode('admin_enter', true),
676 mode_admin: new Mode('admin'),
677 mode_control_pw_pw: new Mode('control_pw_pw', true),
678 mode_control_tile_type: new Mode('control_tile_type', true),
679 mode_control_tile_draw: new Mode('control_tile_draw'),
681 'flatten': 'FLATTEN_SURROUNDINGS',
682 'take_thing': 'PICK_UP',
683 'drop_thing': 'DROP',
686 'install': 'INSTALL',
688 'command': 'COMMAND',
689 'consume': 'INTOXICATE',
695 this.mode_play.available_modes = ["chat", "study", "edit", "admin_enter",
696 "command_thing", "take_thing"]
697 this.mode_play.available_actions = ["move", "drop_thing", "teleport",
698 "door", "consume", "install", "wear"];
699 this.mode_study.available_modes = ["chat", "play", "admin_enter", "edit"]
700 this.mode_study.available_actions = ["toggle_map_mode", "move_explorer"];
701 this.mode_admin.available_modes = ["admin_thing_protect", "control_pw_type",
702 "control_tile_type", "chat",
703 "study", "play", "edit"]
704 this.mode_admin.available_actions = ["move"];
705 this.mode_control_tile_draw.available_modes = ["admin_enter"]
706 this.mode_control_tile_draw.available_actions = ["toggle_tile_draw"];
707 this.mode_edit.available_modes = ["write", "annotate", "portal", "name_thing",
708 "password", "chat", "study", "play",
709 "admin_enter", "enter_face"]
710 this.mode_edit.available_actions = ["move", "flatten", "toggle_map_mode"]
711 this.inputEl = document.getElementById("input");
712 this.inputEl.focus();
713 this.switch_mode('waiting_for_server');
714 this.recalc_input_lines();
715 this.height_header = this.height_turn_line + this.height_mode_line;
718 init_keys: function() {
719 document.getElementById("move_table").hidden = true;
721 for (let key_selector of key_selectors) {
722 this.keys[key_selector.id.slice(4)] = key_selector.value;
724 this.movement_keys = {};
725 let geometry_prefix = 'undefinedMapGeometry_';
726 if (game.map_geometry) {
727 geometry_prefix = game.map_geometry.toLowerCase() + '_';
729 for (const key_name of Object.keys(key_descriptions)) {
730 if (key_name.startsWith(geometry_prefix)) {
731 let direction = key_name.split('_')[2].toUpperCase();
732 let key = this.keys[key_name];
733 this.movement_keys[key] = direction;
736 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
737 if (move_button.id.startsWith('key_')) {
740 move_button.hidden = true;
742 for (const move_button of document.querySelectorAll('[id^="' + geometry_prefix + 'move_"]')) {
743 document.getElementById("move_table").hidden = false;
744 move_button.hidden = false;
746 for (let el of document.getElementsByTagName("button")) {
747 let action_desc = key_descriptions[el.id];
748 let action_key = '[' + this.keys[el.id] + ']';
749 el.innerHTML = escapeHTML(action_desc) + '<br /><span class="keyboard_controlled">' + escapeHTML(action_key) + '</span>';
752 task_action_on: function(action) {
753 return game.tasks.includes(this.action_tasks[action]);
755 switch_mode: function(mode_name) {
756 if (this.mode && this.mode.name == 'control_tile_draw') {
757 tui.log_msg('@ finished tile protection drawing.')
759 this.tile_draw = false;
760 const player = game.things[game.player_id];
761 if (mode_name == 'command_thing' && (!player.carrying || !player.carrying.commandable)) {
762 this.log_msg('? not carrying anything commandable');
763 terminal.blink_screen();
764 this.switch_mode('play');
767 if (mode_name == 'admin_enter' && this.is_admin) {
769 } else if (['name_thing', 'admin_thing_protect'].includes(mode_name)) {
771 for (let t_id in game.things) {
772 if (t_id == game.player_id) {
775 let t = game.things[t_id];
776 if (player.position[0] == t.position[0]
777 && player.position[1] == t.position[1]) {
783 terminal.blink_screen();
784 this.log_msg('? not standing over thing');
787 this.selected_thing_id = thing_id;
790 this.mode = this['mode_' + mode_name];
791 if (["control_tile_draw", "control_tile_type", "control_pw_type"].includes(this.mode.name)) {
792 this.map_mode = 'protections';
793 } else if (this.mode.name != "edit") {
794 this.map_mode = 'terrain + things';
796 if (this.mode.has_input_prompt || this.mode.is_single_char_entry) {
797 this.inputEl.focus();
799 if (game.player_id in game.things && (this.mode.shows_info || this.mode.name == 'control_tile_draw')) {
800 explorer.position = game.things[game.player_id].position;
802 this.inputEl.value = "";
803 this.restore_input_values();
804 for (let el of document.getElementsByTagName("button")) {
807 document.getElementById("help").disabled = false;
808 for (const action of this.mode.available_actions) {
809 if (["move", "move_explorer"].includes(action)) {
810 for (const move_key of document.querySelectorAll('[id*="_move_"]')) {
811 move_key.disabled = false;
813 } else if (Object.keys(this.action_tasks).includes(action)) {
814 if (this.task_action_on(action)) {
815 document.getElementById(action).disabled = false;
818 document.getElementById(action).disabled = false;
821 for (const mode_name of this.mode.available_modes) {
822 document.getElementById('switch_to_' + mode_name).disabled = false;
824 if (this.mode.intro_msg.length > 0) {
825 this.log_msg(this.mode.intro_msg);
827 if (this.mode.name == 'login') {
828 if (this.login_name) {
829 server.send(['LOGIN', this.login_name]);
831 this.log_msg("? need login name");
833 } else if (this.mode.is_single_char_entry) {
834 this.show_help = true;
835 } else if (this.mode.name == 'take_thing') {
836 this.log_msg("Portable things in reach for pick-up:");
837 const player = game.things[game.player_id];
838 const y = player.position[0]
839 const x = player.position[1]
840 let select_range = [y.toString() + ':' + x.toString(),
841 (y + 0).toString() + ':' + (x - 1).toString(),
842 (y + 0).toString() + ':' + (x + 1).toString(),
843 (y - 1).toString() + ':' + (x).toString(),
844 (y + 1).toString() + ':' + (x).toString()];
845 if (game.map_geometry == 'Hex') {
847 select_range.push((y - 1).toString() + ':' + (x + 1).toString());
848 select_range.push((y + 1).toString() + ':' + (x + 1).toString());
850 select_range.push((y - 1).toString() + ':' + (x - 1).toString());
851 select_range.push((y + 1).toString() + ':' + (x - 1).toString());
854 this.selectables = [];
855 for (const t_id in game.things) {
856 const t = game.things[t_id];
857 if (select_range.includes(t.position[0].toString()
858 + ':' + t.position[1].toString())
860 this.selectables.push([t_id, t]);
863 if (this.selectables.length == 0) {
864 this.log_msg('none');
865 terminal.blink_screen();
866 this.switch_mode('play');
869 for (let [i, t] of this.selectables.entries()) {
870 this.log_msg(i + ': ' + explorer.get_thing_info(t[1]));
873 } else if (this.mode.name == 'command_thing') {
874 server.send(['TASK:COMMAND', 'HELP']);
875 } else if (this.mode.name == 'control_pw_pw') {
876 this.log_msg('@ enter protection password for "' + this.tile_control_char + '":');
877 } else if (this.mode.name == 'control_tile_draw') {
878 this.log_msg('@ can draw protection character "' + this.tile_control_char + '", turn drawing on/off with [' + this.keys.toggle_tile_draw + '], finish with [' + this.keys.switch_to_admin_enter + '].')
882 offset_links: function(offset, links) {
883 for (let y in links) {
884 let real_y = offset[0] + parseInt(y);
885 if (!this.links[real_y]) {
886 this.links[real_y] = [];
888 for (let link of links[y]) {
889 const offset_link = [link[0] + offset[1], link[1] + offset[1], link[2]];
890 this.links[real_y].push(offset_link);
894 restore_input_values: function() {
895 if (this.mode.name == 'annotate' && explorer.position in explorer.annotations) {
896 let info = explorer.annotations[explorer.position];
897 if (info != "(none)") {
898 this.inputEl.value = info;
900 } else if (this.mode.name == 'portal' && explorer.position in game.portals) {
901 let portal = game.portals[explorer.position]
902 this.inputEl.value = portal;
903 } else if (this.mode.name == 'password') {
904 this.inputEl.value = this.password;
905 } else if (this.mode.name == 'name_thing') {
906 let t = game.get_thing(this.selected_thing_id);
908 this.inputEl.value = t.name_;
910 } else if (this.mode.name == 'admin_thing_protect') {
911 let t = game.get_thing(this.selected_thing_id);
912 if (t && t.protection) {
913 this.inputEl.value = t.protection;
917 recalc_input_lines: function() {
918 if (this.mode.has_input_prompt) {
920 [this.input_lines, _] = this.msg_into_lines_of_width(this.input_prompt + this.inputEl.value, this.window_width);
922 this.input_lines = [];
924 this.height_input = this.input_lines.length;
926 msg_into_lines_of_width: function(msg, width) {
927 function push_inner_link(y, end_x) {
928 if (!inner_links[y]) {
931 inner_links[y].push([url_start_x, end_x, url]);
933 const matches = msg.matchAll(/https?:\/\/[^\s]+/g)
936 for (const match of matches) {
937 const url = match[0];
938 const url_start = match.index;
939 const url_end = match.index + match[0].length;
940 link_data[url_start] = url;
941 url_ends.push(url_end);
945 let inner_links = {};
949 for (let i = 0, x = 0, y = 0; i < msg.length; i++, x++) {
950 if (x >= width || msg[i] == "\n") {
952 push_inner_link(y, chunk.length);
954 if (url_ends[0] == i) {
962 if (msg[i] == "\n") {
967 if (msg[i] != "\n") {
970 if (i in link_data) {
974 } else if (url_ends[0] == i) {
976 push_inner_link(y, x);
982 push_inner_link(lines.length - 1, chunk.length);
984 return [lines, inner_links];
986 log_msg: function(msg) {
988 while (this.log.length > 100) {
993 draw_map: function() {
994 if (!game.turn_complete && this.map_lines.length == 0) {
997 if (game.turn_complete) {
998 let map_lines_split = [];
1000 for (let i = 0, j = 0; i < game.map.length; i++, j++) {
1001 if (j == game.map_size[1]) {
1002 map_lines_split.push(line);
1006 if (this.map_mode == 'protections') {
1007 line.push(game.map_control[i] + ' ');
1009 line.push(game.map[i] + ' ');
1012 map_lines_split.push(line);
1013 if (this.map_mode == 'terrain + annotations') {
1014 for (const coordinate of explorer.info_hints) {
1015 map_lines_split[coordinate[0]][coordinate[1]] = 'A ';
1017 } else if (this.map_mode == 'terrain + things') {
1018 for (const p in game.portals) {
1019 let coordinate = p.split(',')
1020 let original = map_lines_split[coordinate[0]][coordinate[1]];
1021 map_lines_split[coordinate[0]][coordinate[1]] = original[0] + 'P';
1023 let used_positions = [];
1024 function draw_thing(t, used_positions) {
1025 let symbol = game.thing_types[t.type_];
1026 let meta_char = ' ';
1028 meta_char = t.thing_char;
1030 if (used_positions.includes(t.position.toString())) {
1036 map_lines_split[t.position[0]][t.position[1]] = symbol + meta_char;
1037 used_positions.push(t.position.toString());
1039 for (const thing_id in game.things) {
1040 let t = game.things[thing_id];
1041 if (t.type_ != 'Player') {
1042 draw_thing(t, used_positions);
1045 for (const thing_id in game.things) {
1046 let t = game.things[thing_id];
1047 if (t.type_ == 'Player') {
1048 draw_thing(t, used_positions);
1052 let player = game.things[game.player_id];
1053 if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') {
1054 map_lines_split[explorer.position[0]][explorer.position[1]] = '??';
1055 } else if (tui.map_mode != 'terrain + things') {
1056 map_lines_split[player.position[0]][player.position[1]] = '??';
1059 if (game.map_geometry == 'Square') {
1060 for (let line_split of map_lines_split) {
1061 this.map_lines.push(line_split.join(''));
1063 } else if (game.map_geometry == 'Hex') {
1065 for (let line_split of map_lines_split) {
1066 this.map_lines.push(' '.repeat(indent) + line_split.join(''));
1074 let window_center = [terminal.rows / 2, this.window_width / 2];
1075 let center_position = [player.position[0], player.position[1]];
1076 if (tui.mode.shows_info || tui.mode.name == 'control_tile_draw') {
1077 center_position = [explorer.position[0], explorer.position[1]];
1079 center_position[1] = center_position[1] * 2;
1080 this.offset = [center_position[0] - window_center[0],
1081 center_position[1] - window_center[1]]
1082 if (game.map_geometry == 'Hex' && this.offset[0] % 2) {
1083 this.offset[1] += 1;
1086 let term_y = Math.max(0, -this.offset[0]);
1087 let term_x = Math.max(0, -this.offset[1]);
1088 let map_y = Math.max(0, this.offset[0]);
1089 let map_x = Math.max(0, this.offset[1]);
1090 for (; term_y < terminal.rows && map_y < this.map_lines.length; term_y++, map_y++) {
1091 let to_draw = this.map_lines[map_y].slice(map_x, this.window_width + this.offset[1]);
1092 terminal.write(term_y, term_x, to_draw);
1095 draw_mode_line: function() {
1096 let help = 'hit [' + this.keys.help + '] for help';
1097 if (this.mode.has_input_prompt) {
1098 help = 'enter /help for help';
1100 terminal.write(0, this.window_width, 'MODE: ' + this.mode.short_desc + ' – ' + help);
1102 draw_turn_line: function(n) {
1103 if (game.turn_complete) {
1104 terminal.write(1, this.window_width, 'TURN: ' + game.turn);
1107 draw_history: function() {
1108 let log_display_lines = [];
1110 let y_offset_in_log = 0;
1111 for (let line of this.log) {
1112 let [new_lines, link_data] = this.msg_into_lines_of_width(line,
1114 log_display_lines = log_display_lines.concat(new_lines);
1115 for (const y in link_data) {
1116 const rel_y = y_offset_in_log + parseInt(y);
1117 log_links[rel_y] = [];
1118 for (let link of link_data[y]) {
1119 log_links[rel_y].push(link);
1122 y_offset_in_log += new_lines.length;
1124 let i = log_display_lines.length - 1;
1125 for (let y = terminal.rows - 1 - this.height_input;
1126 y >= this.height_header && i >= 0;
1128 terminal.write(y, this.window_width, log_display_lines[i]);
1130 for (const key of Object.keys(log_links)) {
1131 if (parseInt(key) <= i) {
1132 delete log_links[key];
1135 let offset = [terminal.rows - this.height_input - log_display_lines.length,
1137 this.offset_links(offset, log_links);
1139 draw_info: function() {
1140 const info = "MAP VIEW: " + tui.map_mode + "\n" + explorer.get_info();
1141 let [lines, link_data] = this.msg_into_lines_of_width(info, this.window_width);
1142 let offset = [this.height_header, this.window_width];
1143 for (let y = offset[0], i = 0; y < terminal.rows && i < lines.length; y++, i++) {
1144 terminal.write(y, offset[1], lines[i]);
1146 this.offset_links(offset, link_data);
1148 draw_input: function() {
1149 if (this.mode.has_input_prompt) {
1150 for (let y = terminal.rows - this.height_input, i = 0; i < this.input_lines.length; y++, i++) {
1151 terminal.write(y, this.window_width, this.input_lines[i]);
1155 draw_help: function() {
1156 let movement_keys_desc = '';
1157 if (!this.mode.is_intro) {
1158 movement_keys_desc = Object.keys(this.movement_keys).join(',');
1160 let content = this.mode.short_desc + " help\n\n" + this.mode.help_intro + "\n\n";
1161 if (this.mode.available_actions.length > 0) {
1162 content += "Available actions:\n";
1163 for (let action of this.mode.available_actions) {
1164 if (Object.keys(this.action_tasks).includes(action)) {
1165 if (!this.task_action_on(action)) {
1169 if (action == 'move_explorer') {
1172 if (action == 'move') {
1173 content += "[" + movement_keys_desc + "] – move\n"
1175 content += "[" + this.keys[action] + "] – " + key_descriptions[action] + "\n";
1180 content += this.mode.list_available_modes();
1182 if (!this.mode.has_input_prompt) {
1183 start_x = this.window_width
1185 terminal.drawBox(0, start_x, terminal.rows, this.window_width);
1186 let [lines, _] = this.msg_into_lines_of_width(content, this.window_width);
1187 for (let y = 0, i = 0; y < terminal.rows && i < lines.length; y++, i++) {
1188 terminal.write(y, start_x, lines[i]);
1191 toggle_tile_draw: function() {
1192 if (tui.tile_draw) {
1193 tui.tile_draw = false;
1195 tui.tile_draw = true;
1198 toggle_map_mode: function() {
1199 if (tui.map_mode == 'terrain only') {
1200 tui.map_mode = 'terrain + annotations';
1201 } else if (tui.map_mode == 'terrain + annotations') {
1202 tui.map_mode = 'terrain + things';
1203 } else if (tui.map_mode == 'terrain + things') {
1204 tui.map_mode = 'protections';
1205 } else if (tui.map_mode == 'protections') {
1206 tui.map_mode = 'terrain only';
1209 full_refresh: function() {
1211 terminal.drawBox(0, 0, terminal.rows, terminal.cols);
1212 this.recalc_input_lines();
1213 if (this.mode.is_intro) {
1214 this.draw_history();
1218 this.draw_turn_line();
1219 this.draw_mode_line();
1220 if (this.mode.shows_info) {
1223 this.draw_history();
1227 if (this.show_help) {
1239 this.map_control = "";
1240 this.map_size = [0,0];
1241 this.player_id = -1;
1245 get_thing: function(id_, create_if_not_found=false) {
1246 if (id_ in game.things) {
1247 return game.things[id_];
1248 } else if (create_if_not_found) {
1249 let t = new Thing([0,0]);
1250 game.things[id_] = t;
1254 move: function(start_position, direction) {
1255 let target = [start_position[0], start_position[1]];
1256 if (direction == 'LEFT') {
1258 } else if (direction == 'RIGHT') {
1260 } else if (game.map_geometry == 'Square') {
1261 if (direction == 'UP') {
1263 } else if (direction == 'DOWN') {
1266 } else if (game.map_geometry == 'Hex') {
1267 let start_indented = start_position[0] % 2;
1268 if (direction == 'UPLEFT') {
1270 if (!start_indented) {
1273 } else if (direction == 'UPRIGHT') {
1275 if (start_indented) {
1278 } else if (direction == 'DOWNLEFT') {
1280 if (!start_indented) {
1283 } else if (direction == 'DOWNRIGHT') {
1285 if (start_indented) {
1290 if (target[0] < 0 || target[1] < 0 ||
1291 target[0] >= this.map_size[0] || target[1] >= this.map_size[1]) {
1296 teleport: function() {
1297 let player = this.get_thing(game.player_id);
1298 if (player.position in this.portals) {
1299 server.reconnect_to(this.portals[player.position]);
1301 terminal.blink_screen();
1302 tui.log_msg('? not standing on portal')
1310 server.init(websocket_location);
1316 move: function(direction) {
1317 let target = game.move(this.position, direction);
1319 this.position = target
1320 this.info_cached = false;
1321 if (tui.tile_draw) {
1322 this.send_tile_control_command();
1325 terminal.blink_screen();
1328 update_annotations: function(yx, str) {
1329 this.annotations[yx] = str;
1330 if (tui.mode.name == 'study') {
1334 empty_annotations: function() {
1335 this.annotations = {};
1336 if (tui.mode.name == 'study') {
1340 get_info: function() {
1341 if (this.info_cached) {
1342 return this.info_cached;
1344 let info_to_cache = '';
1345 let position_i = this.position[0] * game.map_size[1] + this.position[1];
1346 if (game.fov[position_i] != '.') {
1347 info_to_cache += 'outside field of view';
1349 for (let t_id in game.things) {
1350 let t = game.things[t_id];
1351 if (t.position[0] == this.position[0] && t.position[1] == this.position[1]) {
1352 info_to_cache += "THING: " + this.get_thing_info(t);
1353 let protection = t.protection;
1354 if (protection == '.') {
1355 protection = 'none';
1357 info_to_cache += " / protection: " + protection + "\n";
1359 info_to_cache += t.hat.slice(0, 6) + '\n';
1360 info_to_cache += t.hat.slice(6, 12) + '\n';
1361 info_to_cache += t.hat.slice(12, 18) + '\n';
1364 info_to_cache += t.face.slice(0, 6) + '\n';
1365 info_to_cache += t.face.slice(6, 12) + '\n';
1366 info_to_cache += t.face.slice(12, 18) + '\n';
1370 let terrain_char = game.map[position_i]
1371 let terrain_desc = '?'
1372 if (game.terrains[terrain_char]) {
1373 terrain_desc = game.terrains[terrain_char];
1375 info_to_cache += 'TERRAIN: "' + terrain_char + '" / ' + terrain_desc + "\n";
1376 let protection = game.map_control[position_i];
1377 if (protection == '.') {
1378 protection = 'unprotected';
1380 info_to_cache += 'PROTECTION: ' + protection + '\n';
1381 if (this.position in game.portals) {
1382 info_to_cache += "PORTAL: " + game.portals[this.position] + "\n";
1384 if (this.position in this.annotations) {
1385 info_to_cache += "ANNOTATION: " + this.annotations[this.position];
1388 this.info_cached = info_to_cache;
1389 return this.info_cached;
1391 get_thing_info: function(t) {
1392 const symbol = game.thing_types[t.type_];
1393 let info = t.type_ + " / " + symbol;
1395 info += t.thing_char;
1398 info += " (" + t.name_ + ")";
1401 info += " / installed";
1405 annotate: function(msg) {
1406 if (msg.length == 0) {
1407 msg = " "; // triggers annotation deletion
1409 server.send(["ANNOTATE", unparser.to_yx(explorer.position), msg, tui.password]);
1411 set_portal: function(msg) {
1412 if (msg.length == 0) {
1413 msg = " "; // triggers portal deletion
1415 server.send(["PORTAL", unparser.to_yx(explorer.position), msg, tui.password]);
1417 send_tile_control_command: function() {
1418 server.send(["SET_TILE_CONTROL", unparser.to_yx(this.position), tui.tile_control_char]);
1422 tui.inputEl.addEventListener('input', (event) => {
1423 if (tui.mode.has_input_prompt) {
1424 let max_length = tui.window_width * terminal.rows - tui.input_prompt.length;
1425 if (tui.inputEl.value.length > max_length) {
1426 tui.inputEl.value = tui.inputEl.value.slice(0, max_length);
1428 } else if (tui.mode.name == 'write' && tui.inputEl.value.length > 0) {
1429 server.send(["TASK:WRITE", tui.inputEl.value[0], tui.password]);
1430 tui.switch_mode('edit');
1434 document.onclick = function() {
1435 tui.show_help = false;
1437 tui.inputEl.addEventListener('keydown', (event) => {
1438 tui.show_help = false;
1439 if (event.key == 'Enter') {
1440 event.preventDefault();
1442 if (tui.mode.has_input_prompt && event.key == 'Enter'
1443 && tui.inputEl.value.length == 0
1444 && ['chat', 'command_thing', 'take_thing',
1445 'admin_enter'].includes(tui.mode.name)) {
1446 if (tui.mode.name != 'chat') {
1447 tui.log_msg('@ aborted');
1449 tui.switch_mode('play');
1450 } else if (tui.mode.has_input_prompt && event.key == 'Enter' && tui.inputEl.value == '/help') {
1451 tui.show_help = true;
1452 tui.inputEl.value = "";
1453 tui.restore_input_values();
1454 } else if (!tui.mode.has_input_prompt && event.key == tui.keys.help
1455 && !tui.mode.is_single_char_entry) {
1456 tui.show_help = true;
1457 } else if (tui.mode.name == 'login' && event.key == 'Enter') {
1458 tui.login_name = tui.inputEl.value;
1459 server.send(['LOGIN', tui.inputEl.value]);
1460 tui.inputEl.value = "";
1461 } else if (tui.mode.name == 'enter_face' && event.key == 'Enter') {
1462 if (tui.inputEl.value.length != 18) {
1463 tui.log_msg('? wrong input length, aborting');
1465 server.send(['PLAYER_FACE', tui.inputEl.value]);
1467 tui.inputEl.value = "";
1468 tui.switch_mode('edit');
1469 } else if (tui.mode.name == 'command_thing' && event.key == 'Enter') {
1470 server.send(['TASK:COMMAND', tui.inputEl.value]);
1471 tui.inputEl.value = "";
1472 } else if (tui.mode.name == 'take_thing' && event.key == 'Enter') {
1473 const i = parseInt(tui.inputEl.value);
1474 if (isNaN(i) || i < 0 || i >= tui.selectables.length) {
1475 tui.log_msg('? invalid index, aborted');
1477 server.send(['TASK:PICK_UP', tui.selectables[i][0]]);
1479 tui.inputEl.value = "";
1480 tui.switch_mode('play');
1481 } else if (tui.mode.name == 'control_pw_pw' && event.key == 'Enter') {
1482 if (tui.inputEl.value.length == 0) {
1483 tui.log_msg('@ aborted');
1485 server.send(['SET_MAP_CONTROL_PASSWORD',
1486 tui.tile_control_char, tui.inputEl.value]);
1487 tui.log_msg('@ sent new password for protection character "' + tui.tile_control_char + '".');
1489 tui.switch_mode('admin');
1490 } else if (tui.mode.name == 'portal' && event.key == 'Enter') {
1491 explorer.set_portal(tui.inputEl.value);
1492 tui.switch_mode('edit');
1493 } else if (tui.mode.name == 'name_thing' && event.key == 'Enter') {
1494 if (tui.inputEl.value.length == 0) {
1495 tui.inputEl.value = " ";
1497 server.send(["THING_NAME", tui.selected_thing_id, tui.inputEl.value,
1499 tui.switch_mode('edit');
1500 } else if (tui.mode.name == 'annotate' && event.key == 'Enter') {
1501 explorer.annotate(tui.inputEl.value);
1502 tui.switch_mode('edit');
1503 } else if (tui.mode.name == 'password' && event.key == 'Enter') {
1504 if (tui.inputEl.value.length == 0) {
1505 tui.inputEl.value = " ";
1507 tui.password = tui.inputEl.value
1508 tui.switch_mode('edit');
1509 } else if (tui.mode.name == 'admin_enter' && event.key == 'Enter') {
1510 server.send(['BECOME_ADMIN', tui.inputEl.value]);
1511 tui.switch_mode('play');
1512 } else if (tui.mode.name == 'control_pw_type' && event.key == 'Enter') {
1513 if (tui.inputEl.value.length != 1) {
1514 tui.log_msg('@ entered non-single-char, therefore aborted');
1515 tui.switch_mode('admin');
1517 tui.tile_control_char = tui.inputEl.value[0];
1518 tui.switch_mode('control_pw_pw');
1520 } else if (tui.mode.name == 'control_tile_type' && event.key == 'Enter') {
1521 if (tui.inputEl.value.length != 1) {
1522 tui.log_msg('@ entered non-single-char, therefore aborted');
1523 tui.switch_mode('admin');
1525 tui.tile_control_char = tui.inputEl.value[0];
1526 tui.switch_mode('control_tile_draw');
1528 } else if (tui.mode.name == 'admin_thing_protect' && event.key == 'Enter') {
1529 if (tui.inputEl.value.length != 1) {
1530 tui.log_msg('@ entered non-single-char, therefore aborted');
1532 server.send(['THING_PROTECTION', tui.selected_thing_id, tui.inputEl.value])
1533 tui.log_msg('@ sent new protection character for thing');
1535 tui.switch_mode('admin');
1536 } else if (tui.mode.name == 'chat' && event.key == 'Enter') {
1537 let tokens = parser.tokenize(tui.inputEl.value);
1538 if (tokens.length > 0 && tokens[0].length > 0) {
1539 if (tui.inputEl.value[0][0] == '/') {
1540 if (tokens[0].slice(1) == 'nick') {
1541 if (tokens.length > 1) {
1542 server.send(['NICK', tokens[1]]);
1544 tui.log_msg('? need new name');
1547 tui.log_msg('? unknown command');
1550 server.send(['ALL', tui.inputEl.value]);
1552 } else if (tui.inputEl.valuelength > 0) {
1553 server.send(['ALL', tui.inputEl.value]);
1555 tui.inputEl.value = "";
1556 } else if (tui.mode.name == 'play') {
1557 if (tui.mode.mode_switch_on_key(event)) {
1559 } else if (event.key === tui.keys.drop_thing && tui.task_action_on('drop_thing')) {
1560 server.send(["TASK:DROP"]);
1561 } else if (event.key === tui.keys.consume && tui.task_action_on('consume')) {
1562 server.send(["TASK:INTOXICATE"]);
1563 } else if (event.key === tui.keys.door && tui.task_action_on('door')) {
1564 server.send(["TASK:DOOR"]);
1565 } else if (event.key === tui.keys.install && tui.task_action_on('install')) {
1566 server.send(["TASK:INSTALL"]);
1567 } else if (event.key === tui.keys.wear && tui.task_action_on('wear')) {
1568 server.send(["TASK:WEAR"]);
1569 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1570 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1571 } else if (event.key === tui.keys.teleport) {
1574 } else if (tui.mode.name == 'study') {
1575 if (tui.mode.mode_switch_on_key(event)) {
1577 } else if (event.key in tui.movement_keys) {
1578 explorer.move(tui.movement_keys[event.key]);
1579 } else if (event.key == tui.keys.toggle_map_mode) {
1580 tui.toggle_map_mode();
1582 } else if (tui.mode.name == 'control_tile_draw') {
1583 if (tui.mode.mode_switch_on_key(event)) {
1585 } else if (event.key in tui.movement_keys) {
1586 explorer.move(tui.movement_keys[event.key]);
1587 } else if (event.key === tui.keys.toggle_tile_draw) {
1588 tui.toggle_tile_draw();
1590 } else if (tui.mode.name == 'admin') {
1591 if (tui.mode.mode_switch_on_key(event)) {
1593 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1594 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1596 } else if (tui.mode.name == 'edit') {
1597 if (tui.mode.mode_switch_on_key(event)) {
1599 } else if (event.key in tui.movement_keys && tui.task_action_on('move')) {
1600 server.send(['TASK:MOVE', tui.movement_keys[event.key]]);
1601 } else if (event.key === tui.keys.flatten && tui.task_action_on('flatten')) {
1602 server.send(["TASK:FLATTEN_SURROUNDINGS", tui.password]);
1603 } else if (event.key == tui.keys.toggle_map_mode) {
1604 tui.toggle_map_mode();
1610 rows_selector.addEventListener('input', function() {
1611 if (rows_selector.value % 4 != 0 || rows_selector.value < 24) {
1614 window.localStorage.setItem(rows_selector.id, rows_selector.value);
1615 terminal.initialize();
1618 cols_selector.addEventListener('input', function() {
1619 if (cols_selector.value % 4 != 0 || cols_selector.value < 80) {
1622 window.localStorage.setItem(cols_selector.id, cols_selector.value);
1623 terminal.initialize();
1624 tui.window_width = terminal.cols / 2,
1627 for (let key_selector of key_selectors) {
1628 key_selector.addEventListener('input', function() {
1629 window.localStorage.setItem(key_selector.id, key_selector.value);
1633 window.setInterval(function() {
1634 if (server.connected) {
1635 server.send(['PING']);
1637 server.reconnect_to(server.url);
1638 tui.log_msg('@ attempting reconnect …')
1641 window.setInterval(function() {
1643 let span_decoration = "none";
1644 if (document.activeElement == tui.inputEl) {
1645 val = "on (click outside terminal to change)";
1647 val = "off (click into terminal to change)";
1648 span_decoration = "line-through";
1650 document.getElementById("keyboard_control").textContent = val;
1651 for (const span of document.querySelectorAll('.keyboard_controlled')) {
1652 span.style.textDecoration = span_decoration;
1655 document.getElementById("terminal").onclick = function() {
1656 tui.inputEl.focus();
1658 document.getElementById("help").onclick = function() {
1659 tui.show_help = true;
1662 for (const switchEl of document.querySelectorAll('[id^="switch_to_"]')) {
1663 const mode = switchEl.id.slice("switch_to_".length);
1664 switchEl.onclick = function() {
1665 tui.switch_mode(mode);
1669 document.getElementById("toggle_tile_draw").onclick = function() {
1670 tui.toggle_tile_draw();
1672 document.getElementById("toggle_map_mode").onclick = function() {
1673 tui.toggle_map_mode();
1676 document.getElementById("drop_thing").onclick = function() {
1677 server.send(['TASK:DROP']);
1679 document.getElementById("flatten").onclick = function() {
1680 server.send(['TASK:FLATTEN_SURROUNDINGS', tui.password]);
1682 document.getElementById("door").onclick = function() {
1683 server.send(['TASK:DOOR']);
1685 document.getElementById("consume").onclick = function() {
1686 server.send(['TASK:INTOXICATE']);
1688 document.getElementById("install").onclick = function() {
1689 server.send(['TASK:INSTALL']);
1691 document.getElementById("wear").onclick = function() {
1692 server.send(['TASK:WEAR']);
1694 document.getElementById("teleport").onclick = function() {
1697 for (const move_button of document.querySelectorAll('[id*="_move_"]')) {
1698 if (move_button.id.startsWith('key_')) { // not a move button
1701 let direction = move_button.id.split('_')[2].toUpperCase();
1702 move_button.onclick = function() {
1703 if (tui.mode.available_actions.includes("move")) {
1704 server.send(['TASK:MOVE', direction]);
1705 } else if (tui.mode.available_actions.includes("move_explorer")) {
1706 explorer.move(direction);