Method constructor

src/view/chat-view.ts:64–135

()

  #textWindows: Record<number, TextWindow> = {};

  constructor() {
    super();

    this.view.setStyle({flex: 1});
    if (process.platform == 'win32')
      this.view.setBackgroundColor('#D3D3D3');

    this.messagesView = new MessagesView();
    this.messagesView.view.setStyle({flex: 1});
    this.messagesView.browser.addBinding('focusEntry', this.onFocus.bind(this));
    this.messagesView.browser.addBinding('showTextAt', this.#showTextAt.bind(this));
    this.messagesView.browser.addBinding('regenerateFrom', this.#regenerateFrom.bind(this));
    this.messagesView.browser.addBinding('resendLastMessage', this.#resendLastMessage.bind(this));
    this.messagesView.browser.addBinding('copyTextAt', this.#copyTextAt.bind(this));
    this.messagesView.browser.addBinding('sendReply', this.#sendReply.bind(this));
    this.messagesView.browser.addBinding('refreshToken', this.#refreshToken.bind(this));
    this.messagesView.browser.addBinding('clearConversation', this.#clearConversation.bind(this));
    this.messagesView.browser.endAddingBindings();
    this.messagesView.onDomReady.connect(this.#onDomReady.bind(this));
    this.view.addChildView(this.messagesView.view);

    // Font style should be the same with messages.
    if (!ChatView.font)
      ChatView.font = gui.Font.create(gui.Font.default().getName(), 15, 'normal', 'normal');

    this.toolbar = gui.Container.create();
    this.toolbar.setStyle({
      flexDirection: 'row',
      marginLeft: basicStyle.padding,
      marginTop: basicStyle.padding / 2,
      marginBottom: basicStyle.padding / 2,
    });
    this.view.addChildView(this.toolbar);

    this.clearButton = new IconButton('trash');
    this.clearButton.view.setTooltip('Clear conversation');
    this.clearButton.onClick = this.#clearConversation.bind(this);
    this.toolbar.addChildView(this.clearButton.view);

    this.exportButton = new IconButton('export');
    this.exportButton.view.setTooltip('Export conversation');
    this.exportButton.onClick = () => runExportMenu(this.exportButton.view, this.service);
    this.toolbar.addChildView(this.exportButton.view);

    this.input = new InputView();
    this.input.view.setStyle({marginTop: 0, margin: basicStyle.padding});
    this.input.entry.setFont(ChatView.font);
    // Calculate height for 1 and 5 lines.
    if (!ChatView.entryHeights) {
      this.input.entry.setText('1');
      const min = this.input.entry.getTextBounds().height;
      this.input.entry.setText('1\n2\n3\n4\n5');
      const max = this.input.entry.getTextBounds().height;
      this.input.entry.setText('');
      ChatView.entryHeights = {min, max};
    }
    this.input.setAutoResize(ChatView.entryHeights);
    this.input.entry.onTextChange = this.#resetUIState.bind(this);