Show clickable names of hidden files

[fregante]

Closes #57

Based on #59 (ignore DRY commit), only look at https://github.com/sindresorhus/hide-files-on-github/pull/60/commits/11f09252038302c4a08462a0832e4f3d3aacb436 for the links and https://github.com/sindresorhus/hide-files-on-github/pull/60/commits/76d2c7b88d8295e1643e77328e8b67231cf76a8b for the chevron.

[fregante]

• [x] Possible addition: use GitHub's own collapsible instead of the Show/hide nonessentials text

[fregante]

If Show nonessentials can appear below .. in non-root listings instead of above .. as defined by #59 then this PR can be CSS only 👍

Edit: actually <table> won't let me do this.

[radiovisual]

So I may have given this feature a hard time at first, but now I like it. :rofl:

Does it interfere/override or work in tandem with the RegExp in the options?

[fregante]

👍 works in tandem, it shows the links it hides.

[sindresorhus]

I have to admit this is a really good POC ✨

This feature is still not something I would use, but I'm ok with adding it as an option.

[sindresorhus]

In https://github.com/babel/babel, the ... are too close to the edge:

[fregante]

Also something to tackle when I have time to fix this: sub-folder links like

As seen on https://github.com/mozilla/web-ext

[fregante]

Fixed both issues 👍

[fregante]

I felt that f50f5fe was needed to improve wrapping of long lists (i.e. avoid ellipsis mid-link)

Here's a couple of before and after. The etc... is a link that matches the chevron exactly, it opens the full list.

babel

web-ext

[sindresorhus]

The files are showing as blue links for me now, which is IMHO too noisy.

[sindresorhus]

This feature is still not something I would use, but I'm ok with adding it as an option.

@bfred-it What are your thoughts on? :arrow_up:

[fregante]

Blue links were a mistake, will fix now, it's definitely ugly that way.

I can add it as an option, 👍 but:

1. What do you think about making it enabled by default? This way new users can find it useful and old users will be able to revert it.

2. What's the toggle button's label if they disable this option? Chevron or text?

[sindresorhus]

1. Sure.
2. Text, like it is now, I would say.

[fregante]

Make it an option looks like

[fregante]

Add visual example to options looks like

[sindresorhus]

Really nice touch on the settings look ❤️

[sindresorhus]

Can you update the text in the readme In the options, you can choose what files/directories to hide with a custom regex. with something that describes the two styles.

[fregante]

[sindresorhus]

Amazing stuff ✨