webpack-dashboard icon indicating copy to clipboard operation
webpack-dashboard copied to clipboard

Display overflows

Open leegee opened this issue 6 years ago • 4 comments

Lovely mod, only problem is that text overflows the boundaries set for it by the program.

image

Steps to reproduce the problem

Have a lot of output....?

Latest patched OS X.

Latest iTerm2

Latest webpack-dashboard are you using?

grep version node_modules/webpack-dashboard/package.json
  "version": "2.0.0"
  • What is the output of running echo $TERM?
echo $TERM
xterm-256color
[pwa-shell 15:50:53] node --version
v8.15.0

leegee avatar Jan 24 '19 14:01 leegee

Thanks for the report @leegee. We're considering undertaking a migration soon to a new rendering engine rather than blessed, since it appears to be mostly unmaintained at this point. I'm wondering if there's something going on with blessed here, since we've had some trouble similar to this with it in the past. Is there any chance you can link me to this repo ^ so I can clone and repro locally. Thanks again for dropping an issue here, appreciate it!

parkerziegler avatar Jan 24 '19 18:01 parkerziegler

Spinning this up against a sample project with latest iTerm and macOS gives me this:

screen shot 2019-01-24 at 8 30 34 pm

Here's a link to the repo I'm running in the example: https://github.com/parkerziegler/angular-webpack-dashboard

I think you may be right that having, say, long uninterrupted paths may cause some overflow. I'm guessing blessed's text wrapping may not be the best. There are some upstream issues in blessed that seem to reference this: https://github.com/chjj/blessed/issues/206. If you do have time to drop a link to a repo I can repro this in I'm happy to help. Otherwise, stay tuned for a blessed migration soon!

parkerziegler avatar Jan 25 '19 04:01 parkerziegler

The package works well for me with other setups, there's just one client project that spews a lot of webpack debug that seems to upset the renderer.

Thanks for a great module!

leegee avatar Jan 28 '19 08:01 leegee

When I say 'webpack debug', it comes from @babel/preset-env:

{
            loader: 'babel-loader',
            options: {
              presets: [
                [
                  require.resolve('@babel/preset-env'),
                  {
                    targets: {
                      browsers: [
                        'last 2 Chrome versions',
                        'last 2 Safari versions',
                        'last 2 Edge versions'
                      ]
                    },
                    debug: true
                  }
                ]

leegee avatar Jan 29 '19 09:01 leegee