scroll view #629

gatokichi · 2026-03-01T01:52:41Z

gatokichi
Mar 1, 2026

In many countries, the standard message display style is page-by-page view, where one message is shown per screen. However, in Japan, this style was not very common; instead, scroll view—where messages are displayed continuously—was the mainstream approach. This was mainly because telephone charges were expensive in Japan, so it was common practice to display all messages in sequence and read them offline later. For some reason, dedicated message viewers also never became widely popular.

For these reasons, I have personally found the page-by-page view cumbersome and attempted to modify the system to support scroll view instead.

This modification is intended only for a very small number of BBS operators—perhaps only one or two people worldwide—and was not created with the expectation that it would be officially adopted into the project. In addition, since I did not want to make large-scale changes, I designed it to work by replacing only the core/msg_area_view_fse.js file. Because FSE and scroll view are fundamentally opposite concepts, the file name and its actual behavior will not match. I appreciate your understanding.

/* jslint node: true */
'use strict';

const MenuModule = require('./menu_module.js').MenuModule;
const Message = require('./message.js');
const ansi = require('./ansi_term.js');
const _ = require('lodash');
const messageArea = require('./message_area.js');

exports.moduleInfo = {
    name: 'Sequential Message View',
    desc: 'Sequential mode with colored manual headers',
    author: 'Custom',
};

exports.getModule = class AreaViewSequentialModule extends MenuModule {
    constructor(options) {
        super(options);

        if (_.isObject(options.extraArgs)) {
            this.messageList = options.extraArgs.messageList;
            this.messageIndex = options.extraArgs.messageIndex;
        }

        this.messageList = this.messageList || [];
        this.messageIndex = this.messageIndex || 0;
    }

    enter() {
        // cls @ 1st msg
        this.client.term.write(ansi.clearScreen());
        this.client.term.write(ansi.goto(1, 1));
        this.displayMessageSequential();
    }

    displayMessageSequential() {
        const self = this;
        const currentMsgInfo = this.messageList[this.messageIndex];

        if (!currentMsgInfo) {
            this.client.term.write('\n\rNo messages found.\n\r');
            return this.prevMenu();
        }

        const msg = new Message();
        msg.load({ uuid: currentMsgInfo.messageUuid, user: this.client.user }, (err) => {
            if (err) {
                self.client.term.write(`\n\rError: ${err.message}\n\r`);
                return self.prevMenu();
            }

            // update Message Area Last Read
            if (currentMsgInfo.messageId && currentMsgInfo.areaTag) {
                const messageArea = require('./message_area.js');
    
                messageArea.updateMessageAreaLastReadId(
                    this.client.user.userId,
                    currentMsgInfo.areaTag,
                    parseInt(currentMsgInfo.messageId, 10),
                    (err) => {
                        if (err) {
                            // debug log
                        }
                    }
                );
            }

            // color
            const labelColor = ansi.cyan();
            const valueColor = ansi.yellow();
            const borderColor = ansi.green();
            const reset = ansi.reset();         // ANSI reset

            // message header
            const areaTag = msg.areaTag || currentMsgInfo.areaTag;
            const area = messageArea.getMessageAreaByTag(areaTag);
            const areaName = (area && area.name) ? area.name : areaTag;
            const areaDesc = (area && area.desc) ? area.desc : '';

            // sender name
            let fromDisplay = msg.fromUserName;

            //  sender domain (FTN address)
            try {
                const ftnMsgId = _.get(msg, 'meta.FtnKludge.MSGID');

                if (ftnMsgId && typeof ftnMsgId === 'string') {
                    const parts = ftnMsgId.split(/[@ ]/); 
                    const addrPart = parts.find(p => p.includes(':'));
        
                    if (addrPart && addrPart !== msg.fromUserName) {
                        fromDisplay += ` @ ${addrPart}`;
                    }
                }
            } catch (e) {
                // on errer    only " fromUserName"
            }

            //message header format
            //let out = '\n\r' + borderColor + '='.repeat(60) + reset + '\n\r';
            let out = '\n\r' + reset;
            
            out += `${labelColor}Area  :${reset} ${valueColor}${areaName} ${areaDesc}${reset}\n\r`;
            out += `${labelColor}Sender  :${reset} ${fromDisplay}\n\r`;
            out += `${labelColor}Receiver  :${reset} ${msg.toUserName}\n\r`;
            out += `${labelColor}Title  :${reset} ${ansi.bold()}${msg.subject}${reset}\n\r`;
            out += `${labelColor}Date  :${reset} ${msg.modTimestamp}\n\r`;
            
            out += reset + '-'.repeat(76) + reset + '\n\r';

            // 1. header output
            self.client.term.write(out);

            // 2. message output
            self.client.term.write(reset + msg.message);
            self.client.term.write('\n\r' + reset + '='.repeat(76) + reset + '\n\r');

            // 3. prompt output
            self.sequentialPrompt();
        });

    }

    //----------------------

    sequentialPrompt() {
        const self = this;
        const pColor = ansi.green();
        const reset = ansi.reset();
        const clearLine = '\r\u001b[2K'; // delete line

        this.client.term.write(`\n\r${pColor}[<^: Prev | >v: Next | other: Quit ] ${reset}`);


        this.client.waitForKeyPress((err, key) => {
            if (err) return self.prevMenu();

            const ch = (key.ch || '').toLowerCase();
            const name = (key.name || '').toLowerCase();


            // 1. next message (down arrow, right arrow)
            if (name.includes('down') || name.includes('right')) {
                if (self.messageIndex + 1 < self.messageList.length) {
                    self.messageIndex++;
                    self.client.term.write(clearLine); // delete prompt
                    return self.displayMessageSequential();
                } else {
                    this.client.term.write(`${clearLine}${ansi.red()}[ Last message ]${reset}`);
                    return self.sequentialPromptAfterAlert();
                }
            } 

            // 2. prev message (up arrow, left arrow)
            else if (name.includes('up') || name.includes('left')) {
                if (self.messageIndex > 0) {
                    self.messageIndex--;
                    self.client.term.write(clearLine); // delete prompt
                    return self.displayMessageSequential();
                } else {
                    this.client.term.write(`${clearLine}${ansi.red()}[ 1st message ]${reset}`);
                    return self.sequentialPromptAfterAlert();
                }
            } 

            // 3. other key
            else {
                // exit to prev menu
                return self.prevMenu();
            }
        });

    }

    // Preventing duplicate prompts
    sequentialPromptAfterAlert() {
        const self = this;
        this.client.waitForKeyPress((err, key) => {
            this.client.term.write('\r\u001b[2K');
            return self.sequentialPrompt();
        });
    }
};

Navigation Menu

scroll view #629

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

scroll view #629

Uh oh!

gatokichi Mar 1, 2026

Replies: 0 comments

gatokichi
Mar 1, 2026