Console window after built #960

Exzotic5485 · 2022-07-19T13:17:01Z

Exzotic5485
Jul 19, 2022

Is it possible to have a console window open in the app after it is built, like when u run it with npm start?

milkotodorov · 2023-07-25T18:49:37Z

milkotodorov
Jul 25, 2023

Any update here?

0 replies

Auvrae · 2023-08-19T02:37:59Z

Auvrae
Aug 19, 2023

You can run the program in a terminal (linux / mac) or powershell (windows)

0 replies

milkotodorov · 2023-08-21T07:57:21Z

milkotodorov
Aug 21, 2023

I would like to implement a button that shows/hide the console as it will contains important output. Any way of doing this?

0 replies

Auvrae · 2023-08-27T00:45:51Z

Auvrae
Aug 27, 2023

I made a solution for you. Here's a module you can just add to your project as ConsoleWindow.js in your src folder.

const { QMainWindow , QWidget, FlexLayout, QTextBrowser } = require('@nodegui/nodegui');
const events = require('node:events');

class ConsoleWindow extends events {
    constructor(Log = new Array(), WindowSize = new Object({Width: new Number(), Height: new Number()})){
        super();
        this.on('updateLog', (log = new Array()) => {
            var info = log.pop();
            if(typeof info !== 'string'){
                info = JSON.stringify(info, 0, 2);
            }
            this.consoleTextBox.append(info);    
        })
        this.log = Log;
        
        const window = new QMainWindow();
        this.window = window;

        const rootWidget = new QWidget();
        this.rootWidget = rootWidget;

        const rootLayout = new FlexLayout();
        this.rootLayout = rootLayout;

        const consoleTextBox = new QTextBrowser();
        this.consoleTextBox = consoleTextBox
        consoleTextBox.setObjectName('console');
        consoleTextBox.setText("Console: Begin"); 

        window.setCentralWidget(rootWidget);
        rootWidget.setLayout(rootLayout);
        rootLayout.addWidget(consoleTextBox);

        rootWidget.setStyleSheet(`
            #console{
                height: '100%';
                width: '100%';
            }
        `)

        window.resize(WindowSize.Width || 800, WindowSize.Height || 600);
        window.show();
    }
}

module.exports = ConsoleWindow;

To use it, simply make a function that replaces all your console.log. Here's an example:

const ConsoleWindow = require('./src/ConsoleWindow.js');
const Console = new ConsoleWindow(global.Log, {Width: 1280, Height: 720});
global.LogF = (data) => {
    global.Log.push(data /* Some data, could be anything it'll auto convert it to a string before pushing to the window */);
    Console.emit('updateLog', (global.Log));
    console.log(data);
};

0 replies

milkotodorov · 2023-08-29T08:18:17Z

milkotodorov
Aug 29, 2023

Thank you @nurdyAuv! I will give it a try and let you know.

0 replies

milkotodorov · 2023-08-29T18:10:00Z

milkotodorov
Aug 29, 2023

Thanks @nurdyAuv for the suggestion. Unfortunately, this is not a real console, but a QTextBrowser, which is fine. However the bash colors that would normally print fine in the console are printed as text

[00:00:00.000 --> 00:00:03.000]  �[38;5;220m This�[0m�[38;5;82m is�[0m�[38;5;190m the�[0m�[38;5;190m Micro�[0m�[38;5;214m Machine�[0m�[38;5;82m Man�[0m�[38;5;202m,�[0m�[38;5;118m presenting�[0m�[38;5;82m the�[0m�[38;5;82m most�[0m�[38;5;154m mid�[0m�[38;5;82mget�[0m�[38;5;220m miniature�[0m�[38;5;154m motor�[0m�[38;5;82mcade�[0m�[38;5;82m of�[0m�[38;5;202m Micro�[0m�[38;5;154m Machines�[0m�[38;5;202m!�[0m
[00:00:03.000 --> 00:00:06.500]  �[38;5;82m Each�[0m�[38;5;82m one�[0m�[38;5;82m has�[0m�[38;5;82m dramatic�[0m�[38;5;82m details�[0m�[38;5;190m,�[0m�[38;5;154m terrific�[0m�[38;5;196m trimmed�[0m�[38;5;190m precision�[0m�[38;5;118m paint�[0m�[38;5;154m jobs�[0m�[38;5;220m,�[0m�[38;5;214m plus�[0m�[38;5;82m incredible�[0m�[38;5;226m Micro�[0m�[38;5;82m Machine�[0m�[38;5;214m pocket�[0m�[38;5;214m plays�[0m�[38;5;82mets�[0m�[38;5;202m.�[0m
[00:00:06.500 --> 00:00:08.500]  �[38;5;82m There�[0m�[38;5;82m's�[0m�[38;5;118m a�[0m�[38;5;226m police�[0m�[38;5;82m station�[0m�[38;5;82m,�[0m�[38;5;190m fire�[0m�[38;5;82m station�[0m�[38;5;82m,�[0m�[38;5;82m restaurant�[0m�[38;5;190m,�[0m�[38;5;82m service�[0m�[38;5;82m station�[0m�[38;5;214m,�[0m�[38;5;82m and�[0m�[38;5;82m more�[0m�[38;5;226m!�[0m

[00:00:08.500 --> 00:00:10.000]  �[38;5;82m Perfect�[0m�[38;5;82m pocket�[0m�[38;5;118m port�[0m�[38;5;82mables�[0m�[38;5;82m to�[0m�[38;5;82m take�[0m�[38;5;154m any�[0m�[38;5;220m place�[0m�[38;5;202m!�[0m
[00:00:10.000 --> 00:00:15.000]  �[38;5;82m And�[0m�[38;5;82m there�[0m�[38;5;82m are�[0m�[38;5;82m many�[0m�[38;5;82m miniature�[0m�[38;5;82m plays�[0m�[38;5;82mets�[0m�[38;5;82m to�[0m�[38;5;82m play�[0m�[38;5;118m with�[0m�[38;5;208m,�[0m�[38;5;154m and�[0m�[38;5;82m each�[0m�[38;5;82m one�[0m�[38;5;82m comes�[0m�[38;5;82m with�[0m�[38;5;190m its�[0m�[38;5;82m own�[0m�[38;5;118m special�[0m�[38;5;154m edition�[0m�[38;5;196m Micro�[0m�[38;5;82m Machine�[0m�[38;5;220m vehicle�[0m�[38;5;202m and�[0m�[38;5;118m fun�[0m�[38;5;208m,�[0m�[38;5;82m fantastic�[0m�[38;5;82m features�[0m�[38;5;118m that�[0m�[38;5;82m mirac�[0m�[38;5;82mulously�[0m�[38;5;82m move�[0m�[38;5;154m!�[0m
[00:00:15.000 --> 00:00:19.000]  �[38;5;118m Raise�[0m�[38;5;82m the�[0m�[38;5;208m boat�[0m�[38;5;202m lift�[0m�[38;5;82m at�[0m�[38;5;82m the�[0m�[38;5;190m airport�[0m�[38;5;214m mar�[0m�[38;5;82mina�[0m�[38;5;208m,�[0m�[38;5;190m man�[0m�[38;5;118m the�[0m�[38;5;82m gun�[0m�[38;5;82m turret�[0m�[38;5;82m at�[0m�[38;5;82m the�[0m�[38;5;190m army�[0m�[38;5;118m base�[0m�[38;5;118m,�[0m�[38;5;220m clean�[0m�[38;5;82m your�[0m�[38;5;82m car�[0m�[38;5;82m at�[0m�[38;5;82m the�[0m�[38;5;82m car�[0m�[38;5;226m wash�[0m�[38;5;118m,�[0m�[38;5;82m raise�[0m�[38;5;82m the�[0m�[38;5;118m toll�[0m�[38;5;82m bridge�[0m�[38;5;220m!�[0m
[00:00:19.000 --> 00:00:21.000]  �[38;5;82m And�[0m�[38;5;82m these�[0m�[38;5;82m plays�[0m�[38;5;82mets�[0m�[38;5;82m fit�[0m�[38;5;82m together�[0m�[38;5;82m to�[0m�[38;5;82m form�[0m�[38;5;82m a�[0m�[38;5;82m Micro�[0m�[38;5;82m Machine�[0m�[38;5;154m world�[0m�[38;5;214m!�[0m
[00:00:21.000 --> 00:00:25.000]  �[38;5;82m Micro�[0m�[38;5;82m Machine�[0m�[38;5;82m pocket�[0m�[38;5;82m plays�[0m�[38;5;82mets�[0m�[38;5;196m,�[0m�[38;5;82m so�[0m�[38;5;82m tremendously�[0m�[38;5;82m tiny�[0m�[38;5;118m,�[0m�[38;5;82m so�[0m�[38;5;82m perfectly�[0m�[38;5;82m precise�[0m�[38;5;82m,�[0m�[38;5;82m so�[0m�[38;5;154m dazzling�[0m�[38;5;82mly�[0m�[38;5;82m detailed�[0m�[38;5;220m,�[0m�[38;5;118m you�[0m�[38;5;202m'll�[0m�[38;5;220m want�[0m�[38;5;82m to�[0m�[38;5;82m pocket�[0m�[38;5;82m them�[0m�[38;5;82m all�[0m�[38;5;82m!�[0m
[00:00:25.000 --> 00:00:27.500]  �[38;5;118m Micro�[0m�[38;5;82m Machines�[0m�[38;5;214m are�[0m�[38;5;82m Micro�[0m�[38;5;82m Machine�[0m�[38;5;82m pocket�[0m�[38;5;82m plays�[0m�[38;5;82mets�[0m�[38;5;214m,�[0m�[38;5;82m sold�[0m�[38;5;82m separately�[0m�[38;5;82m from�[0m�[38;5;214m Gal�[0m�[38;5;154mo�[0m�[38;5;82mob�[0m�[38;5;226m.�[0m
[00:00:27.500 --> 00:00:29.500]  �[38;5;226m The�[0m�[38;5;82m smaller�[0m�[38;5;82m they�[0m�[38;5;82m are�[0m�[38;5;82m,�[0m�[38;5;82m the�[0m�[38;5;82m better�[0m�[38;5;82m they�[0m�[38;5;82m are�[0m�[38;5;226m.�[0m

It looks so, in a bash console

I guess the only way is to parse the output and create the appropriate HTML.

Is there no other way to bring the console window?

0 replies

Auvrae · 2023-08-29T18:22:49Z

Auvrae
Aug 29, 2023

The only other way I can think of, is you wrap your whole program in another program so you can read the child process's stdout.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Console window after built #960

Uh oh!

{{title}}

Uh oh!

Replies: 7 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!