madarauchiha / star-thumn Goto Github PK

Creates thumbnails from starred oneboxed messages

CSS 15.49% JavaScript 84.51%

star-thumn's Introduction

install

Description

This is a userscript for StackExchange chat. It replaces all direct links to images in starred messages widget with thumbnails of said images.

It also shows the star counter on hover and allows you to star/unstar images.

And shows a lightbox when any image is clicked.

Current features:

Oneboxed images in chat will become thumbnails.
Add or remove stars normally. The star button appears on hover.
Linked images in the form of [text](image link) (assuming nothing else on the message) will become thumbnails with text being a title on the image.
Proper thumbnailing for imgur images.
Clicking on images will open a lightbox.

Planned features:

Accepting suggestions in answers below.

Install

You can find the repository that holds the code can be found here. To install, you must be able to run userscripts. Chrome does this by default (or with Tampermonkey) and Firefox does this with Greasemonkey.

Extra

Please note that this is still under development, and not all features are guaranteed to work properly.

star-thumn's People

Contributors

Stargazers

Watchers

Forkers

shinonomelab canop

star-thumn's Issues

Images overflow and need multiple rows, also they overlap if the window is too small

Both overlapping and rows should be fixable with wrapping image objects.

Embed assets with "!(url)" force onebox properly, even when extension is missing.

From http://chat.stackoverflow.com/transcript/message/22453844#22453844

When a message (This one for example) is posted with the ! force picture oneboxing option with no extension, the script does not pick it up.

Drop the room description and tags in gallery mode

When we enter the gallery mode (thumbnail), I think we can hide the room description and the tags, which means more space for the images.

Option to get more starred images

Right now the list is limited by ~10 latest starred images from a special address. It should be possible to grab more images from the page with all starred messages in the room.

Images sometimes cropped at the bottom of the star list

In some cases, the starred images are too far down, and get cropped by the bottom bar. It seems that this is reproduceable if the browser's zoom is set to 100%, the user is in at least 1 other room, and the star list is expanded fully. It doesn't seem to be a problem unless the star list is expanded.

Subtitle-style star counter text

Perhaps white text color and black outline would be great both for the star count text and the star pic itself.

Link text with ellipsis isn't captured for onebox detection

If the text of the link is the same as the href, no title= is shown. The ellipsis makes the text and the href different. Need to account for that.

Script does not update automatically

check this out on how to add it:
http://stackoverflow.com/questions/15095055/why-isnt-my-greasemonkey-script-updating

Broken images are broken

If an image link is broken, it should either not display or display a replacement.

Image size and displayed number should depend on available space dimensions

Take this one for example:

Sizes are set to 150px max and images neatly fit without overlapping or going below the browser's lower border.

Sometimes 4 images get in on the same line and overlap. Sometimes the second line only has 2 while the first line has 4 images for some silly reason.

One way to solve this would be to set max image size to depend on the size of the free space. Images that go below browser rectangle should not be displayed or the image size should be decreased (to makesensical value) until they all fit.

Ideally, there should be an option to pick the minimum and maximum sizes or how many images to show at all times.