decosoftware / decosoftware/deco-ide

Improve console UI

Open
#58 2 comments 0 reactions 0 assignees View on GitHub
enhancement help wanted
Dominant language
JavaScript
Stars
5.8k
Forks
300
PR merge metrics
No merged PRs in 30d

Description

This one would be pretty easy for somebody to help with.

The current console UI kind of sucks: it's just a giant `div` that we stuff text in. We should try to use a terminal emulator.
- text will wrap properly
- we can autoscroll to the bottom better
- _probably_ won't lag during an ios build, when tons of text gets logged all at once (slowness might be due to other stuff)

This task is a prerequisite for being able to type back into the console (currently is read-only), and being able to search console output.

![screen shot 2016-05-29 at 4 03 52 pm](https://cloud.githubusercontent.com/assets/1198882/15636539/2827a29e-25b7-11e6-88bf-4d78a23e8471.png)

---

How to improve it?

Consider using https://github.com/sourcelair/xterm.js, the actively maintained fork of termjs.

This should fix text-wrapping, scrolling, and _probably_ performance (although we may also want to batch text output into the console). It will set us up to be able to run commands via the console and search console output.

Contributor guide

Open the contributing guide

Research direction

Start by locating the current console UI and the code that feeds text into its giant div, then review the proposed xterm.js integration. Done means console text wraps correctly, scrolling reaches the bottom reliably, and output performance is acceptable during an iOS build; consider batching output if needed.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
developer-experience, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.