[Extreemit] Chrome Plugin to toggle Resteems on Profile pages! (original by Itchy!)
Have you ever wanted to look at someone's profile page without all those Resteems clogging it up?
Well, I made you something
Whenever I am trying to 'size up' someone from their profile I always want to be able to disable the 'Resteems' for a moment so I can see what they're actually putting out there. I've heard a couple other people mention this too, so I figured I would try and make something. My Javascript abilities are pretty basic, but I figured, why not give it a shot? It only took like 20 hours LOL :P I am calling it 'Extreemit', because I have plans to keep adding little design tweaks to the Steemit.com UI as I go.
It just inserts a little button above the post_list on profile pages, and allows you to toggle display of Resteems.
You can see the code here on my github. If you want to install it in Dev Mode, there's some instructions.
If you just want to install it the easiest way, you can do it on the Chrome store.
It does remember your selection as you browse around the site, so if you show them, it will show them everywhere, and if you hide them, it hides them everywhere(profile pages)...I believe if you close out of google chrome entirely it will forget your last setting, and default to show.
It's purely a javascript injected CSS + html hack. So while the page is loading, you might still see the Resteems for a fraction of a second before the injection happens. When you scroll down their profile to load more, it should manage to 'hide' them before they load. I've noticed a couple of possible bugs when you have hidden enabled, and you're looking at someone's profile that is ALL or MOSTLY ALL resteems, sometimes it might prevent you from loading more...you can try just reloading the page, or disable it for a moment.
If you're familiar with websites, you'll obviously understand that this only removes the posts from the DOM, and doesn't actually fill those empty spots with fresh posts from the blockchain. I figured that this might be a good first step, and perhaps it will be possible to pull fresh posts from the blockchain with steem-rpc and process them onto the page. This type of technique could open the door for ALL kinds of modifications, not just cosmetic ones.
Some quick thoughts that have skipped across the surface of my mind
Smart Feeds that are operating literally in the users browser, processing raw blockchain data to build custom configurable feeds, @p0o made a great post about it today
User Notifications
Post Notifications
Automatic (and dynamic) signatures on posts and comments
Maybe better picture uploader
Floating Vote Bar + vote by dollar amount instead of %
Saved Posts - Favorites?
Do you have UI interface suggestions??
Features you'd like to see fixed in the Steemit UI? Little itchy will see what he can do with his magical noob javascript!
Dude this is great .. I need this in my life. Resteems are cool and keep planet Steem spinning but like yourself I often want to view specific original content and this is the answer. Thanks for sharing! .. Resteemed! lol
haha, thankyou perceptual!!! muchas gracias amigo!
Wow, You Did it Fast ! We were just talking about it yesterday on @klye 's post about his cool new FloatVote tool. I'm gonna try this on Firefox with tampermonkey. It should work...... I'll let you know if it does. Thanks @itchykitten
if you want a TamperMonkey version, check out what I put together in the comments below!
Wow thanks @alexpmorris . I'll load it up and give it a try.
Totally!! Give it a try, you might need to make some modifications, a lot of the 'state system' of the tool is built using chrome api calls...I have no idea how well it would transfer over to firefox.
wow, great work with this! I was actually thinking about doing exactly this but using tampermonkey instead, once I finished messing around with WhaleBoT! I had no idea you were a programmer as well.
I'm now also your first project follower on github too! lol
ps. Who would have thought you got my attention with sour dough, and now we're talking about programming, yo! Only on STEEMIT! lol - btw, you see my post from yesterday about foraging MUSHROOMS in Central Park with Gary Lincoff?! lol
haha, only on steemit! It's a great interweaving though! I'm not sure I'd call myself a programmer lol!!! But I can write a bit of javascript when I get excited enough. No! I haven't seen your post about foraging mushrooms in Central Park, but I will go read it right now =)
hey @itchykitten, I gave you a little bit of competition! ;) (but also a big "shoutout") lol
Link: "Hide ReSteems" just Released... a new and simple TamperMonkey Script for you know what!
Thanks Alex!! Were you able to get the state saving working without Chrome API Calls?
didn't use any specific chrome API calls. By default, if you go to a new page, the script resets back to "hide resteems". If you do want it to save the button state (at least up to the point that you completely refresh the page), all you would have to do is remove the line:
isHiding = false;from line 26 of the script!LOVE the initiative!!! Trying it out as we speak - thanks mate
thankyou knowledge! I appreciate that. Let me know what you think...I think there are a couple of bugs I've seen already...I won't say anything though so tell me if you see anything funky.
Scratch my last comment - now it works like a gem / purrs like a kitten ;)
what about similar code for filtering out content?! :)
it gets tricky...in this case the extension is literally just deleting the posts from the DOM (local copy of html stored in your browser), it's not replacing what it deletes with 'fresh' content from the blockchain that passes the filter, in this case, that isn't a resteem. In order to do that, we have to add a couple big layers of complexity on top...BUT...I think it's doable.
I meant to have a similar code to have more "search-ability"
what if this approach would be applied to be used on new / hot / trending feeds to "hide" any post that does not contain the search term?
You could absolutely do it, but it would have the exact same limitations, it would only display the valid ones, so if two posts matched, you'd see two posts until you tried to scroll. Could work alright, but would be SOOOO much smoother if we could pull fresh posts from the blockchain with steem-rpc and filter and merge them into the feed as it loads.
true that - I'll have a chat with some developers...
either way, thanks for your effort mate - greatly appreciated
any time! thanks for being excited about it :P
mhmm I get an error (chrome extension): Your file was not found
it worked for others?
Great idea! Not sure if mine is working though...? Sometimes the "hide resteems" button shows up, other times it doesn't. When I click the extension I receive a "Your File Not Found" error and I'm not well versed enough with any of this to know how to fix it myself 🤷♂️
Great!! Thanks Toast! Yeah, the clicking the extension I am aware of. I think maybe the button goes away when you move between tabs on the profile? As opposed to loading the profile directly? Or refreshing the whole page. But there are likely other cases out there I haven't found yet.
I just received the same error 2 minutes ago... please inform on what to do next?
don't worry about clicking the icon, just go to someone's profile page when it's active, and look at the top of their post list
That is amazing! Really good work! Thank you 😊
thankyou fern!! glad you appreciate it.
Hey, this is EXCELLENT. Thank you. Greatly appreciated. Followed and will Resteem, as well, because people need to know! Haha
thankyou! Hopefully some more to come
Whoa!
OMFGthisisbeautiful
I'll be talking about this in my next vlog. :)
Thanks Winston!!! I'm glad you like it, it's a bit hacky right now, but it mostly works! I'm going to be cleaning it up and adding additional features soon as I can! Figured I'd share first and get feedback early.
Works good enough for me right now, that's for sure. I did notice that in profiles that have a lot of resteems, you have to scroll down a bit to let an ample number of posts populate, otherwise it only shows maybe a couple of them when the resteems are removed.
yeah! So, I'm hoping to be able to pull those 'fresh' ones in automatically without you having to scroll down. It will require quite a bit more complexity, but I think I can call more posts straight from the blockchain with javascript, and merge them into the list. Which would make it a lot smoother, and also open up the ability to do some custom filtering / sorting on all post_lists. Figured I'd share early on though so I can get some good feedback about where to take it.
I'll totally check this out! I like people who curate, but I also absolutely creep them before I follow, so this is a handy on/off switch to have. Great idea :)
Yeah, that's how I am too...usually its when I'm trying to decide whether to follow someone
Aha 🤔 that's a cool plugin... Clears up the resteem clutter 👍
SOMETHING I COMPLAIN ABOUT DAILY!! Thank you!
hehehe, glad we can release that particular hangup Adrienne, and make room for something else. I've heard that it's a husbands sacred duty to give his beloved nightly foot rubs for at least an hour.