@neuraiproject/neurai-depin-terminal 1.0.1 → 2.0.1

package/src/ui/components/ErrorOverlay.js

@@ -1,99 +0,0 @@
-import blessed from 'blessed';
-import { COLORS } from '../../constants.js';
-
-export class ErrorOverlay {
-  constructor(screen) {
-    this.screen = screen;
-    this.timer = null;
-    this.timeLeft = 30;
-    this.currentErrors = [];
-    
-    this.component = blessed.box({
-      top: 'center',
-      left: 'center',
-      width: '50%',
-      height: 'shrink',
-      content: '',
-      tags: true,
-      border: {
-        type: 'line'
-      },
-      style: {
-        fg: COLORS.FG_WHITE,
-        bg: COLORS.ERROR,
-        border: {
-          fg: COLORS.FG_WHITE
-        }
-      },
-      hidden: true
-    });
-
-    this.screen.append(this.component);
-  }
-
-  /**
-   * Show blocking error overlay
-   * @param {string[]} errors - List of error messages
-   */
-  show(errors) {
-    if (!errors || errors.length === 0) {
-      this.hide();
-      return;
-    }
-
-    this.currentErrors = errors;
-    this.timeLeft = 30;
-    
-    // Clear existing timer if any
-    if (this.timer) {
-      clearInterval(this.timer);
-    }
-
-    this.updateContent();
-    this.component.show();
-    this.component.setFront();
-    this.screen.render();
-
-    // Start countdown
-    this.timer = setInterval(() => {
-      this.timeLeft--;
-      if (this.timeLeft < 0) this.timeLeft = 0;
-      this.updateContent();
-    }, 1000);
-  }
-
-  /**
-   * Update overlay content with current timer
-   */
-  updateContent() {
-    const content = `\n{bold}CRITICAL ERRORS:{/bold}\n\n` +
-      this.currentErrors.map(e => `• ${e}`).join('\n\n') +
-      `\n\n{center}Retrying in ${this.timeLeft}s...{/center}\n`;
-
-    this.component.setContent(content);
-    this.screen.render();
-  }
-
-  /**
-   * Hide blocking error overlay
-   */
-  hide() {
-    if (this.timer) {
-      clearInterval(this.timer);
-      this.timer = null;
-    }
-
-    if (!this.component.hidden) {
-      this.component.hide();
-      this.screen.render();
-    }
-  }
-
-  /**
-   * Check if overlay is visible
-   * @returns {boolean} True if visible
-   */
-  isVisible() {
-    return !this.component.hidden;
-  }
-}

package/src/ui/components/InputBox.js

@@ -1,63 +0,0 @@
-import blessed from 'blessed';
-import { UI, COLORS, KEY_CODES } from '../../constants.js';
-
-export class InputBox {
-  constructor(screen, onSend) {
-    this.screen = screen;
-    this.onSend = onSend;
-    
-    this.component = blessed.textarea({
-      bottom: UI.STATUS_BAR_HEIGHT,
-      left: 0,
-      width: '100%',
-      height: UI.INPUT_BOX_HEIGHT,
-      inputOnFocus: true,
-      keys: true,
-      style: {
-        fg: COLORS.FG_WHITE,
-        bg: COLORS.BG_BLACK,
-        border: {
-          fg: COLORS.BORDER
-        }
-      },
-      border: {
-        type: 'line'
-      }
-    });
-
-    this.setupEvents();
-    this.screen.append(this.component);
-  }
-
-  setupEvents() {
-    this.component.key('enter', () => {
-      const message = this.component.getValue().trim();
-      if (message) {
-        this.onSend(message);
-        this.component.clearValue();
-        this.screen.render();
-      }
-    });
-  }
-
-  focus() {
-    if (!this.disabled) {
-      this.component.focus();
-    }
-  }
-
-  disable() {
-    this.disabled = true;
-    this.component.inputOnFocus = false;
-    // Optional: Change style to indicate disabled state
-    this.component.style.border.fg = 'gray';
-    this.screen.render();
-  }
-
-  enable() {
-    this.disabled = false;
-    this.component.inputOnFocus = true;
-    this.component.style.border.fg = COLORS.BORDER;
-    this.screen.render();
-  }
-}

package/src/ui/components/MessageBox.js

@@ -1,51 +0,0 @@
-import blessed from 'blessed';
-import { UI, COLORS } from '../../constants.js';
-
-export class MessageBox {
-  constructor(screen) {
-    this.screen = screen;
-    
-    this.component = blessed.box({
-      top: UI.TOP_BAR_HEIGHT,
-      left: 0,
-      width: '100%',
-      height: `100%-${UI.MESSAGE_BOX_OFFSET}`,
-      scrollable: true,
-      alwaysScroll: true,
-      keys: true,
-      vi: true,
-      mouse: true,
-      tags: true,
-      scrollbar: {
-        ch: UI.SCROLLBAR_CHAR,
-        style: {
-          bg: COLORS.BG_BLUE
-        }
-      },
-      style: {
-        fg: COLORS.FG_WHITE,
-        bg: COLORS.BG_BLACK
-      }
-    });
-
-    this.screen.append(this.component);
-  }
-
-  addMessage(formattedLine) {
-    const current = this.component.getContent();
-    const next = current && current.length > 0 ? `${current}\n${formattedLine}` : formattedLine;
-    this.component.setContent(next);
-    this.component.setScrollPerc(100);
-    this.screen.render();
-  }
-
-  scrollUp() {
-    this.component.scroll(-1);
-    this.screen.render();
-  }
-
-  scrollDown() {
-    this.component.scroll(1);
-    this.screen.render();
-  }
-}

package/src/ui/components/StatusBar.js

@@ -1,32 +0,0 @@
-import blessed from 'blessed';
-import { UI, COLORS } from '../../constants.js';
-
-export class StatusBar {
-  constructor(screen) {
-    this.screen = screen;
-    
-    this.component = blessed.box({
-      bottom: 0,
-      left: 0,
-      width: '100%',
-      height: UI.STATUS_BAR_HEIGHT,
-      content: ' Ready',
-      tags: true,
-      style: {
-        fg: COLORS.FG_WHITE,
-        bg: COLORS.BG_BLUE
-      }
-    });
-
-    this.screen.append(this.component);
-  }
-
-  update(message, type = 'info') {
-    let color = COLORS.INFO;
-    if (type === 'error') color = COLORS.ERROR;
-    if (type === 'success') color = COLORS.SUCCESS;
-
-    this.component.setContent(` {${color}}${message}{/${color}}`);
-    this.screen.render();
-  }
-}

package/src/ui/components/TopBar.js

@@ -1,63 +0,0 @@
-import blessed from 'blessed';
-import { UI, COLORS, ICONS } from '../../constants.js';
-import { parseRpcHost, formatTimestamp } from '../../utils.js';
-
-export class TopBar {
-  constructor(screen, config, myAddress) {
-    this.screen = screen;
-    this.config = config;
-    this.myAddress = myAddress;
-    this.totalMessages = 0;
-    this.encryptionType = 'N/A';
-    
-    this.component = blessed.box({
-      top: 0,
-      left: 0,
-      width: '100%',
-      height: UI.TOP_BAR_HEIGHT,
-      content: 'Loading...',
-      tags: true,
-      style: {
-        fg: COLORS.FG_WHITE,
-        bg: COLORS.BG_BLUE
-      }
-    });
-
-    this.screen.append(this.component);
-  }
-
-  update(status) {
-    const rpcUrl = parseRpcHost(this.config.rpc_url);
-    const connectedIndicator = status.connected ? 
-      `{${COLORS.CONNECTED}}${ICONS.CONNECTED}{/${COLORS.CONNECTED}}` : 
-      `{${COLORS.DISCONNECTED}}${ICONS.DISCONNECTED}{/${COLORS.DISCONNECTED}}`;
-    
-    const lastPollStr = status.lastPoll ? 
-      formatTimestamp(status.lastPoll, this.config.timezone) : 
-      '--:--:--';
-
-    // Format timezone display
-    let timezoneDisplay = this.config.timezone || 'UTC';
-    if (timezoneDisplay !== 'UTC') {
-       if (!timezoneDisplay.startsWith('+') && !timezoneDisplay.startsWith('-')) {
-           timezoneDisplay = `+${timezoneDisplay}`;
-       }
-       timezoneDisplay = `UTC${timezoneDisplay}`;
-    }
-
-    this.component.setContent(
-      `Neurai DePIN | ${connectedIndicator} RPC: ${rpcUrl} | Token: ${this.config.token} | Time: ${timezoneDisplay}\n` +
-      `Address: ${this.myAddress} | Total: ${this.totalMessages} | Encryption: ${this.encryptionType} | Last poll: ${lastPollStr}`
-    );
-
-    this.screen.render();
-  }
-
-  setTotalMessages(count) {
-    this.totalMessages = count;
-  }
-
-  setEncryptionType(type) {
-    this.encryptionType = type;
-  }
-}