FormidableLabs / FormidableLabs/webpack-dashboard

Modules with Long Names break formatting

Open
#108 3 comments 1 reaction 0 assignees View on GitHub
Feature Request
Dominant language
JavaScript
Stars
14k
Forks
372
PR merge metrics
No merged PRs in 30d

Description

> 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](https://cloud.githubusercontent.com/assets/1641895/18023216/51f8c816-6bab-11e6-8ef3-300772dee598.png)
#
###### 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|/`
#
###### 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

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the module list with a long module name such as `fpjs/lib/containsNode.js|/` in webpack-dashboard 0.1.8, then locate the code that formats the terminal module list. Done means long names no longer disrupt the layout at normal terminal widths and the list remains readable without expanding the terminal.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, webpack
Domain
cli
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.