Kbin Usability Pack 0.3.0 - Mobile UI and compatibility with next Kbin version
I have now released a significant new update for KUP that introduces a new experimental mobile UI and adds support for the coming release of the Kbin platform.... #kup #userscript #kbinStyles
https://greasyfork.org/en/scripts/469597-kbin-usability-pack
This mobile UI is really nice!
The upper corners of the images in the card doesn't have rounded corners for me on Fennec
Okay, can anyone explain how to install this on iOS with Safari? I tried installing Hyperweb then clicked install the script and it just launched a page full of code.
I feel like it should have opened a prompt in Hyperweb and been clear sailing from there.
There are a few alternatives, but I'm personally using an extension called Userscripts.
Essentially, you install it from the app store, launch it, and then choose a folder in the Files app where you will store the scripts. Any folder will do, but I think a good idea is to choose a folder in e.g. iCloud so that it's easier to manage from a computer if needed.
After that is set up, you need to go to the Greasy fork link and and click install. You will probably just be presented a bunch of code now. After carefully reading through the ~1600 lines of code (kidding, somewhat) you can tap on the extension settings on the left in the toolbar (the puzzle piece icon) and tap on "Userscripts". Sometimes, the toolbar button defaults to opening the reader for some bening reason, whereas you need to tap it again to get to the menu.
You might be prompted to give access to reading the website, and after all that is done there should be a button saying something like "Userscript detected, tap to install". Tap it, follow the on-screen instructions and you should be good to go.
In the future, the script should update automatically by tapping on the puzzle icon again -> Userscripts -> tap on the cloud with a downwards arrow. You might need to be on kbin.socal to do that; I'm not entirely sure, to be honest.
Userscripts is an open source Safari extension that lets you save and run arbitrary bits of JavaScript (and CSS) code for the websites you visit. It implements a code editor right in your browser for a simple method of creating, editing and saving your code. Features: - Open source - Straightforwa…
@perry amazing work. thanks a lot!
one thing: at least for me it seems that "Auto Media Preview" doesn't work? i always have to push the little "Picture" button to have the picture visible. i don't mean "Show Thumbnail" that works. Do I miss anything? 🙈
Interesting, what browser are you using? It looks like it's recreating the preview button for some reason, but I can't seem to be able to reproduce it in neither Chrome nor Safari. I can try to add an additional consistency check before adding the button and see if that fixes things, but it would of course be a lot easier if I could actually verify it myself.
Just so that I understand the whole flow, is this the interaction where the bug appears (with mobile UI off):
www.kbin.social/ -> Click on article -> Click on browser back button -> An additional button has appeared.
Using Firefox, latest Windows version. I could test the Ubuntu in a bit.
So starting from a new home page, I can click on a comment link, then use the back arrow to go back. Each time I do this, a new circle is created, so I can literally have two, three, or more circles there if I went back and forth. It's something to do I guess with a refreshing of the button but there's already one present?
An update to this: I've now released version 0.3.1 which fixes the auto media preview option and adds a new auto article preview option.
Note: I'm trying to be a bit cautious with spamming the server too much, especially since the article preview currently involves downloading the entire article page and scraping the content.
As it is now, the entry must be in view for 1 second before the preview(s) load. This makes sure that people don't load hundreds of articles at once while scrolling through the feed. Depending on the feedback I get, I might decrease it a bit in the future, though.
Yeah I noticed. I didn’t get a time to deploy a fix yesterday, but I’ll have one out in a moment. Sorry!
Edit: This should be fixed in 0.3.4
I'm enjoying KUP on mobile but I'm not using the experimental mobile UI for a couple of reasons. The thumbnail previews automatically render as portrait even if the image itself is not, leading to a lot of wasted space. In fact I'd love an ultra compact option for KUP to further condense things, as there's a lot of whitespace. The images/icons for going to the comment section and boosting are very nice, but they do take up more space than just the text. I used RiF for reddit partly because of how condensed and clean it looked even with thumbnails.
Also it would be lovely if you could add a quick reply button under the article text when you click on an article, as right now I need to scroll down through all the comments to get to the Add Comment box, and of course having infinite comment scroll on can make that a bit of a chore. I'd argue that's perhaps something to be addressed on the site overall, but since @ernest is working pretty hard on the back end, sometimes you need things like KUP to help out on the front end for accessibility and minor QOL issues.
Fwiw I am using Firefox with tampermonkey on a Galaxy S22 Ultra.
Thanks for the feedback! I actually released an update 0.3.6 earlier today that addressed some issues with compact mode and the alternative mobile UI. Especially the thumbnails should look a lot better now.
Regarding the thumbnails, they didn't actually use more vertical space than in the standard UI as they merely used all the available vertical space. The issue was that since the whole element is larger because of the larger footer, the background got stretched out to fill out the additional space, resulting in the portrait format you are talking about. That should however be fixed now, but if you prefer the smaller standard UI, that sadly won't help you in this case. I guess that's what makes it an experimental UI :P
Regarding the comment box, I agree completely and before I repacked my scripts into the KUP bundle I did actually have a fix for that. I never included it in KUP though since that feature is already included in the excellent Kbin Enhancement Script plus a number of other improvements. KUP is fully compatible with KES so I felt I should rather focus on bringing new improvements than reimplementing things that others have already solved.
If I get some time over, I might add that however, in order to make KUP more of a complete single package.
Perry
hariette
minnieo
akai
CodingAndCoffee
Beardedsausag3
onepinksheep
Thorned_Rose