mirror of
https://github.com/HeyPuter/puter
synced 2024-11-15 06:15:47 +00:00
Optimize console redraw by tracking widget changes
Instead of redrawing the widget area every 2 seconds, only auto redraw when the widget area has changed, reducing unecessary redraw operations.
This commit is contained in:
parent
4931ad3960
commit
4783e3eae4
@ -24,6 +24,7 @@ class DevConsoleService extends BaseService {
|
|||||||
this.static_lines = [];
|
this.static_lines = [];
|
||||||
this.widgets = [];
|
this.widgets = [];
|
||||||
this.identifiers = {};
|
this.identifiers = {};
|
||||||
|
this.has_updates = false;
|
||||||
}
|
}
|
||||||
|
|
||||||
turn_on_the_warning_lights () {
|
turn_on_the_warning_lights () {
|
||||||
@ -39,6 +40,7 @@ class DevConsoleService extends BaseService {
|
|||||||
if ( opt_id ) {
|
if ( opt_id ) {
|
||||||
this.identifiers[opt_id] = outputter;
|
this.identifiers[opt_id] = outputter;
|
||||||
}
|
}
|
||||||
|
this.mark_updated();
|
||||||
}
|
}
|
||||||
|
|
||||||
remove_widget (id_or_outputter) {
|
remove_widget (id_or_outputter) {
|
||||||
@ -46,9 +48,11 @@ class DevConsoleService extends BaseService {
|
|||||||
id_or_outputter = this.identifiers[id_or_outputter];
|
id_or_outputter = this.identifiers[id_or_outputter];
|
||||||
}
|
}
|
||||||
this.widgets = this.widgets.filter(w => w !== id_or_outputter);
|
this.widgets = this.widgets.filter(w => w !== id_or_outputter);
|
||||||
|
this.mark_updated();
|
||||||
}
|
}
|
||||||
|
|
||||||
update_ () {
|
update_ () {
|
||||||
|
const initialOutput = [...this.static_lines];
|
||||||
this.static_lines = [];
|
this.static_lines = [];
|
||||||
// if a widget throws an error we MUST remove it;
|
// if a widget throws an error we MUST remove it;
|
||||||
// it's probably a stack overflow because it's printing.
|
// it's probably a stack overflow because it's printing.
|
||||||
@ -64,11 +68,22 @@ class DevConsoleService extends BaseService {
|
|||||||
output = Array.isArray(output) ? output : [output];
|
output = Array.isArray(output) ? output : [output];
|
||||||
this.static_lines.push(...output);
|
this.static_lines.push(...output);
|
||||||
}
|
}
|
||||||
|
if (!this.arrays_equal(initialOutput, this.static_lines)) {
|
||||||
|
this.mark_updated(); // Update only if outputs have changed
|
||||||
|
}
|
||||||
for ( const w of to_remove ) {
|
for ( const w of to_remove ) {
|
||||||
this.remove_widget(w);
|
this.remove_widget(w);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
arrays_equal (a, b) {
|
||||||
|
return a.length === b.length && a.every((val, index) => val === b[index]);
|
||||||
|
}
|
||||||
|
|
||||||
|
mark_updated () {
|
||||||
|
this.has_updates = true;
|
||||||
|
}
|
||||||
|
|
||||||
async _init () {
|
async _init () {
|
||||||
const services = this.services;
|
const services = this.services;
|
||||||
// await services.ready;
|
// await services.ready;
|
||||||
@ -146,7 +161,10 @@ class DevConsoleService extends BaseService {
|
|||||||
};
|
};
|
||||||
|
|
||||||
setInterval(() => {
|
setInterval(() => {
|
||||||
|
if (this.has_updates) {
|
||||||
this._redraw();
|
this._redraw();
|
||||||
|
this.has_updates = false;
|
||||||
|
}
|
||||||
}, 2000);
|
}, 2000);
|
||||||
|
|
||||||
consoleLogManager.decorate_all(({ replace }, ...args) => {
|
consoleLogManager.decorate_all(({ replace }, ...args) => {
|
||||||
|
Loading…
Reference in New Issue
Block a user