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

Modules with Long Names break formatting

Open mjrussell opened this issue 7 years ago • 3 comments

Please provide a description of the bug / issue, and provide the details below:

Long module names throw off module list formatting. If you expand out the width of the terminal to the longest name, everything goes back to normal. Unfortunately this only happens for me at about 1500 pixels.

I'd suggest a truncation strategy such as ... or something if the name gets too long.

If the issue is visual, please provide screenshots here

image

Steps to reproduce the problem

Include a module with a long name. I think Webpack Dedupe is the culprit here, it creates modules that appear to be links to other modules such as fpjs/lib/containsNode.js|/<pathToSourceFolder>

More Details
  • What operating system are you on?

OSX 10.11

  • What terminal application are you using?

Terminal App

  • What version of webpack-dashboard are you using?

0.1.8

  • What is the output of running echo $TERM?

xterm-256color

mjrussell avatar Aug 26 '16 23:08 mjrussell

formatting keeps breaking. Need to resize the terminal to make it look pretty agin 🍶

abhijeetNmishra avatar Aug 27 '16 00:08 abhijeetNmishra

The question is, what should the max be?

kenwheeler avatar Aug 27 '16 19:08 kenwheeler

Thats a good question...could be a config option? The best case scenario would be a percentage of the width of the terminal window, but Im not sure you have access to that number.

mjrussell avatar Aug 30 '16 02:08 mjrussell