Steemit More Info 1.4 - Chrome Extension + Firefox Extension

in steemdev •  7 years ago  (edited)



A simple Steemit extension that shows more info on steemit.com

If you use steemit.com, you may have notice that it is lacking a lot of functionalities.
That's why you need to use tools like https://steemd.com/, https://steemdb.com/, https://steemstats.com/, https://www.steemnow.com/, ...
A lot of tools!

So why another tool???
Because this is a Chrome and Firefox extension that you install on your browser, and then all the informations you need will be available to you directly on steemit.com!

Please take into consideration that this is a new project that I just started, and the features are limited to just a few so far! I'm planning to add more and more features in the next versions. Every suggestion and idea is very much appreciated!

This is version 1.4 with some bug fixes and a few new features added


Features

  • In the profile page of any account, you will see a Vote Power indicator on top (next to the name and the reputation), with the reward that a 100% vote from that user will give in SBD ($)

  • In the profile page of any account, you will see the number of votes that user has done today


  • A new tab 'Votes' is added, where you may see the latest upvotes done or received by that user.
    It shows the estimate of the votes in $ too!
    You can filter the votes between incoming votes and outgoing votes

  • Added a dropdown menu with links to external tools to get more info about the steem account. Please let me know what tools you'd like to see here ;)


  • When you click upvote and the Vote Weight slider appears, not only you see the percentage of the vote, but you also see the amount in $ that upvote will be valued


  • For downvotes, it shows also the total reward of the post after your downvote

  • When you are looking at a post or comment and you click "votes" to see the list of people that voted that post, you now also see what was their contribute to the total reward!


  • You can see the posts with two different layouts: list (default) and grid! You can change to grid layout using on the buttons on the top-right corner of the page.

  • On the blog page of an user, you now see an histogram of the posts of that user based on the creation date. You can scroll horizontally to go back in time.
    Posts made by the user are shown in blue, reposts in green!




    By clicking on one of the bars, you can open the list of posts made on one specific date. This makes it easier to look at old posts of an user!

    You can choose to show the histogram automatically on page load (default) or if you prefer to load the histogram on request if you find it to be too invasive. To change this setting, hover on the histogram title and select "On load: hidden"


  • The followers and following pages have been updated to show a table of the followers/following, with more informations (Reputation, STEEM Power, Upvote Worth). You can sort by the different attributes by clicking on the table's column.


  • When you read a post, now there is a floating bar with the tags, date, author and upvotes of the post, so you can easily access this informations and upvote the post if you like it!

    If you prefer a less intrusive way, in the setting you can choose the small floating bar layout


  • The markdown editor used to write new posts now shows the preview at the right side of the editor. While you write the post, if you scroll through your textual content, the preview will automatically scroll to the right point. This feature is available for screens with at least 900px width


  • If you want to better see the avatar of an account, just hover on the user picture to open a bigger version of the avatar image


  • GIF Picker for your posts and comments! You can search by keywords or see the trending gifs of the moment. Powered by Giphy


  • Boost your posts easily with the Boost button next to the "Promote" button. You will be able to easily transfer SBD to @minnowbooster for an upvote of the whale!

    You will be prompted with a confirmation form where you will see the estimated worth of the upvote you will receive. No more copy and paste of the url in the memo field of the transfer and risks of sending a wrong transaction

    Special thanks to @reggaemuffin and the @minnowbooster team for the support in making this feature possible!


  • Filter wallet history by selecting the type (transfers, power up/down, rewards, conversions), minimum amount, or by textual search.
    You can now click on a link or mention in the transaction memo field!


  • You can open a gallery of images in a post by clicking on an image.

    gif6.gif


  • Steemit More Info Settings. You can now choose to enable or disable each of the features provided by Steemit More Info! Just go in your account settings.






Future development

I'm planning to add more features like:

  • COMING SOON: Trending of up to 5 favorite tags in one page. You select your favorite tags and you'll see the list of the top trending of all the tags combined in one list. I'm not releasing this feature yet because it still has some bugs.
  • Notifications, for instance if somebody replies on one of your posts or comments, if you get an upvote, ...
  • A page with some graphs of the stats of the account
  • Image resizing in the post editor
  • Better search
  • ...

Privacy and security - Do I steal your data?

I do not access your private keys. The only way I could do it, is if you go to your wallet page and click on "show private key". But I don't do it!
Should you trust me? Well, I believe is better not to trust anyone. That's why the source code of the extension is available on github and you can (and you are encourage to) look and study it!

The way it works is by scraping the webpage and the url of the page you are looking at to extract your username and the username of the user you are looking at. Then it uses steem-js to get informations about that user.
This process doesn't involve any private key! In fact, you can see informations of other users as well, even if you obbiuvsly don't know their private keys.




Installation

The extension is now available on the Chrome Extension Store
https://chrome.google.com/webstore/detail/steemit-more-info/dcbpmclnlapbkgkddhencielibcjogcf

The extension is now available on the Firefox Extension Store
https://addons.mozilla.org/en-US/firefox/addon/steemit-more-info/

You can now have these features on mobile as well! Look here for more information:
SteemApp - Android (iOS coming soon)
https://steemit.com/steemdev/@armandocat/steemapp-1-1-android-beta


If you prefer, you can choose to install it yourself manually:

  • Download and unzip the extension. LINK: https://github.com/armandocat/steemit-more-info/archive/master.zip
  • If you are using Chrome
    • Open the Chrome Extentions page by typing chrome://extensions in your Chrome Browser.
    • Drag and drop the root folder of the project you just unzipped (steemit-more-info) inside the chrome extension page.
  • If you are using Firefox
    • Open about:debugging in Firefox, click "Load Temporary Add-on" and select any file in the extension's directory.
    • You will need to do this each time you close and reopen Firefox
  • Go to Steemit!

When a new version of the extension is available, a popup in the top right corner of the page will appear with a link where you can read about the update and download the new version.


Manually Force Google Chrome to Update Extensions

  • Head to chrome://extensions by either right-clicking on an extension and choosing Manage extensions, or just typing it into the location bar.
  • Check the Developer mode box on the right-hand side.
  • Click the "Update extensions now" button.

Source: https://www.howtogeek.com/64525/how-to-manually-force-google-chrome-to-update-extensions/


Bugs and new features requests

Please feel free to comment here or contact me on steemit.chat if you have suggestions or features requests!


Please help me spread the word by resteem and upvote this post!

I'm doing this project in my free time. The more interest I get from the community, the more I'll be devoted to improve it!
So if you like this project, help me in letting everyone know about it.
And follow me! I will post any update on this extension and other projects I'll work on! And you will also see some beautiful picture about myself 😹🐾

Thanks!

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

In future update posts could you please only include the features instead of copy pasting the whole thing every time. That's gonna get pretty spammy and massive at the rate you've been adding features.

I really do appreciate what you've been doing here, I just wish these features would be accepted into the condensor repo directly.

I coded a patch for the vote strength % in the dropdowns 5 months ago now, it was rejected despite community support and now here we are installing 3rd party overlays into a site that handles money to get that feature back again...

The reason for copy/pasting all the features is that the number of users of my extension is limited, and I want to show all the feature for new users that don't know yet what the extension is capable of.
However, I see that the post is becoming every time more crowded, so you are right that a solution is needed to keep it shorter.
Maybe I'll work on a website where I show a list of the feature and I'll provide only the updates here on steemit!

I was contacted by @sneak that told me that if I wanted to make some of the changes available in condenser I was welcome to submit pull requests.
Then, he continued by saying that before I do that, I should contact their designer to check that the UI is acceptable, otherwise I would risk to waste my time since they would not accept my requests.

That's why I decided I was not going to touch the condenser code.. In my opinion, the cost for a user to download an extension is far less then the cost it will need for me to learn react, apply my changes, submit pull request, and maybe they will not even get accepted (He told me most of the feature are too advanced and not useful for the majority of people).

Your experience tells me that my decision was right.
I see that the number of people using my extension is growing day by day, and that means in my opinion that the features I'm adding are needed and condenser should at least add them with the ability to turn them on in the settings (like I'm doing)

In the meantime, I'm going to keep doing what I can here, this is the fastest way I know to send more feature out to the users

😼

@armandocat i now you havent been online lately but i loved your chrome extension and would love to incorporate 90% of the features in my UI build SugarSteem. Can you get on discord and find me. Id love to have you work with me to build out my UI and together we can really kick some ass here. Please let me know.

Maybe you can use some kind of spoiler code to hide things in the Post? Not sure if it works here. Just an idea. ;)

I just update the extension. I changed the layout of the post putting the new features on top of the list so it easier to find out what changed!
I decided to keep all of them though, because I still see a lot of people downloading for the first time, so it is important to show all the features, I think. 😼

I use this extension @armandocat and I gotta say... it's awesome. Just down right awesome. A tip of the hat I am not wearing and don't even own to you good sir. Keep up the awesome developments. I am shocked how much added functionality you have coded into the site through just this extension.

I love this extension so much, @armandocat, that I'm including a permanent link to it in the signature of my posts.

The histogram feature is probably my favorite of them all, but I love the upgrade to it. Easily being able to search a user's post history is exactly the kind of upgrade I hoped would happen for that feature.

I love the floating bar. It's genius. I just wanted to say that. And the side-preview in the markdown editor is awesome. I use Atom to compose my posts, and I make use of the Markdown Preview package all of the time so I can get that side-preview while drafting. It's so helpful. Thank you for adding this.

I love the new features, and I can't wait to give them a try (especially the photo gallery and the GIPHY functions).

Thank you, thank you, thank you.

Update: I do have a feature request - would it be possible in a future update to extend the histogram feature to the replies, comments, and votes? That would be amazing.

How amazing!! Really appreciate, that you managed to make the app for the Android as well. I will definitely download it today before I'll go to bed. Looking forward to all the updates!

Thanks for the continued work on this, @armandocat! This really makes steemit better, and yes, I will continue to say that with each further update.

The gallery lightbox is such an overdue feature on steemit. Thanks for making that happen!!!

An idea.
Considering you have a gif picker, maybe you could also integrate unsplash royalty free image search?

this is really awesome tools

Im new, so this post was really helpfull!

  ·  7 years ago (edited)

Are you still developing this?

TL;DR

What's 655926ba30.png:

  • Filter wallet history.
  • Open a gallery of images in a post.

Thank you... saved some eyeballs some filtering. @ironshield

GENIUS.

This is really cool. Have you thought of submitting pull requests to the condenser GitHub repository, so that the features are integrated into the actual website?

Great job on this extension, I've been using it for a few weeks now. Is it possible to have an 'update extension' button on pulldown from the 'Steemit more info' extension icon?

Hi. just installed you app. Looks great, but dont work with night mode. could you change it or is there a way to change itsteem app.png

A million 'Thank Yous' for this tool, it is the best thing since the invention of Steemit. It was a no-brainer instant download... Could you also have the tool show whether people follow you back or not for your next feature?

That's so great! You've added even more handy features! Thanks a lot! Hope to see such an extention for golos.io too :P

Whale Upvote from @dunsky

There is no Firefox extension. I've had to install Chrome on my Fedora so I can have a look. It's brilliant. re-instate the Firefox extension and I'll upvote you. :-D

GALLERY??? Are you serius????

OMG

I am criying
You are the best, please, talk to ned to employed you directly

This is a great add-on!

Thanks for your wonderful gift for steemit community. What a amazing tool you developed... Thanks again. Enjoying it in my daily steemit use.

This is really good. I just started using it this morning and have updated it just now. Works really well, thanks for doing this.

@armandocat Hey I want to use Firefox addon but it's removed from Firefox

https://addons.mozilla.org/en-US/firefox/addon/steemit-more-info/

Let me know what should I ddo?

Thanks for your useful post!

why votes history and the contribute to the total reward doesn't work since 6 days ago?

Mine stopped working too. Just 2 days ago.

Hi @armandocat, I'm very interesting with your post. Can I translate your post to my language Indonesia?

Can I?

Suggestion: Can there be a follow button when someone clicks on their followers?

Like in normal Steemit version - meaning without this extension.

@ armandocat Hi Sir steemdev And you will also see some beautiful picture about yourself.......

Excellent work I liked it so much I wish I could continue your work on this as I will give you all the support I hope you will support me if possible Thank you for your time
@goldenkingdom

Richtig cool wie du das immer alles zusammen bastelst... weiter so!!!

Great extension. Not sure why Steemit.com isn't able to offer the same sorts of features considering how many developers and money they must have but kudos to you for making the effort and creating such a great extension. I've been using it since version 1 and it's like you've been listening to my thoughts about improvements and then releasing the latest version.

With this

Filter wallet history by selecting the type (transfers, power up/down, rewards, conversions), minimum amount, or by textual search.
You can now click on a link or mention in the transaction memo field!

You've done it again. Thanks for all your work

I'm reading all the comments so it is possible that if you asked that, I read it and put that in the todo list 😼

Awesome, the photo album was exactly what I was thinking steemit needs, no more leaving the page to see the big picture.

Thanks for the tools. I love it

Looking forward to using this on iPad. I'm always on the go, and usually doing my Steemit post from mobile divides. 👍🏾

I have a problem with "BOOST" in the previous version. May we talk somewhere @armandocat

Thank you so much, this tool is so helpful. I re-steemed and upvoted in the hopes that more people will read it.

This post has been ranked within the top 50 most undervalued posts in the second half of Oct 09. We estimate that this post is undervalued by $19.17 as compared to a scenario in which every voter had an equal say.

See the full rankings and details in The Daily Tribune: Oct 09 - Part II. You can also read about some of our methodology, data analysis and technical details in our initial post.

If you are the author and would prefer not to receive these comments, simply reply "Stop" to this comment.

Thank you for making everyday easier

Thanks @armandocat
You're doing a great job!

Keep up!

ah cool, a new update and I see that you have added the link to "mentioned" that I suggested (must not have been the only one)
keep up the good work with this extention

Thank you!

really loving this extention thanks for the info

This is something I was waiting for a long time! thx

Would you mind also submitting it to the Opera extensions store . Its chromium doesn't need much work.

Thanks for the good work.

Excellent extension, with quite a number of really nice features. Can't live without it any more.

If I may add a wish, it would be nice to quickly see if and where a post was resteemed, without having to open another tool.

In the editor (for new posts) the effect of center tags doesn't show. Maybe its just computer though..

Well done Bro!! Love it...
you made life easy!!

I hope you know just how much of an impact the app and add-on you've developed and continue to perfect, make to all of us! @armandocat

I only have one suggestion, to be able to filter by time posted in the search while in the New section. I think it would give everyone a good chance to be discovered by those looking to curate new posts. I'm not sure what challenges there are for something like that but if possible I think it would helpful, especially in topics that have tens of thousands of posts.

Anyway, keep up the awesomeness!

Upvoted and resteemed... im missing a infosceme about the resteems you got... maybe in one of your next verions its in ;)

Thanks for another exiting update for this amazing extension. Enjoying these enhancements as they become available. @ironshield

wow grate post ....i like this..
i have some post .....you can check
here @letsmakes

Another nice update, loving the gallery feature ! It's perfect for having an overall look on a post filled with pictures and no text.
Thanks for the hard work, I think I'm going to download the Android app as well, just to see if I prefer it or eSteem !

This tool is wonderful and I am still finding new ways to use it every day!

You made my life so much easier .....top notch work man

Excellent work. Would you mind addins steemitboard.com to the links dropdown. Thanks =)

amazing work ty

  ·  7 years ago (edited)

You did a fabulous job. This is one of the most useful apps/extensions that I've ever used. I just re-steemed it. Good luck with everything that you do!

thanks

thanks @armandocat - followed your steps and auto-updated all chrome extensions including this one. Excellent tool, your efforts are much appreciated.

here is a lot of information.
very helpful post.
many many thanks!

Thanx a lot!!!Congrats mate! Your app is better everyday!! Steem on!!

Thank you. huge timesaver. Well done!

Great work @armandocat ! I think you forgot to mention the new mentions link you added .. I use your extension everyday.. it really helps !

Right! I forgot!
Just updated the image with the new link in the dropdown

Great job on this! It's a wonderful piece of work.

This is really cool! Already testing. Thanks a lot.

Have a nice day and...

Let's save 1,000 hectares of Abonpghen Highland Forest in Cameroon together with us @kedjom-keku association

@martin.mikes
Co-founder and coordinator of @kedjom-keku association
email: [email protected]
web: www.kedjom-keku.com
voting bot: @treeplanter – Plant trees and get paid for it!
Currently searching for more delegated (to @treeplanter) STEEM POWER to increase the amount of daily planted trees. Each 1,000 SP allows me to plant 1 more tree every day.
member of: @ccbc – Czech Coalition for Biodiversity Conservation
Thanks a lot!

information is usefull for us

I love this extension, @armandocat. I keep finding new features I didn't realise.
Displaying comments and replies 3 wide really helps scroll back quickly to look up an older conversation.
The idea of combining personalised topics into one trending feed is brilliant.
Hopefully you can iron out the kinks.
Top effort, mate.

The idea of combining personalised topics into one trending feed is brilliant.

Wait a sec.. Are you talking about the undocumented features that it's in the extension code but it's commented out? 😼

Ooooh, a future release leak. Intriguing. @ironshield

"COMING SOON: Trending of up to 5 favorite tags in one page. You select your favorite tags and you'll see the list of the top trending of all the tags combined in one list. I'm not releasing this feature yet because it still has some bugs."
It's in the main body of your text, above :)

Ah... I forgot about that 😹
I'm still working on the performance for that feature.. Hope to solve the problems soon 😼

You better hurry up, I've got mine working with custom and multiple tags. Should be releasing early next week, I hope. ;)

These tools are awesome thank you

I read your article well. That's a lot of help to me. Thank you.

Hey @armandocat, thank you for your massive contribution to the community! Can you add a timer when the daily and weekly limit on the boost with @minnowbooster is reset so you can know when to boost the next time?

upvoted and resteemed. looking forward to use it...

Amazing, thank you for sharing @armandocat

I downloaded this thanks so much this is Awesome Sauce!!!!

Woow¡ Thank you for commenting on my post, so this how i found this amazing post! Really )) It´s my 3rd hour here so I kEEEEEEp learning !
Can i safe posts somewhere to later read them ?

Hey @armandocat please make a bookmark tab like the one on @esteem! it is really much needed to keep as a memo of the many interesting posts we see daily, thank you!

Is there any possibility that some kind of warning could be programmed into your extension that would warn of a thievery threat. Lately, I upvoted an honest account's post and my upvote (which isn't worth much, but anyway) was immiadetly stolen by someone called Account Transfers.

Utterly amazing work and post, anxiously awaiting the iOS app, thanks!!!

Great post and great tool. It has a lot of good features and I look forward to exploring it more.

Thank you for putting this one out there for us.

just loving it!

  ·  7 years ago (edited)

잘 쓰고 있습니다. 전 맥에서 쓰는데 이거 개선만 해주시면 감사하겠습니다.
속도가 너무 느리고, 에디터가 안 열리고, 소트도 안 되네요. ㅜ
그래도 이런거 만들어 주셔서 고맙습니다. ^^
I have a bug that 'Edit', 'reply sort order' does not click on the Mac, but I hope you fix it.
Thanks!

In my frustrations on this site, like the inabiity to change font in a way that can be reliably read (unicode doesn't work on android for example), and so much more, your updates continue to make me feel the world is right again!

I can't wait for the image resize and tag search! Keep it up =D

Great extension but for some reason I can't get it to display all the info. I see that it is installed but no posting side by side or other info is displayed. It was working before for me but not now. could chrome be blocking it in some way?

That's strange.. Do you see some of the features or not at all?

I have some of the features, Histogram doesn't load just keeps loading and I don't get any of the voting power stuff on my blog page. I do get the new links and the change page to tiles etc. It's quite strange. Doesn't seem to work for me on Firefox either.

Actually the page side by side does work ( I just had to start a post before it displayed, great feature by the way) but as mentioned above no other extra info about me is displayed.

Hi @armandocat, thank you again for your extension. I really can't navigate the Steemit website without this tool.


Hi, I just learned about steemitstage.com which doesn't have the broken upvote/comment/post code that steemit.com has. Tried it briefly and it seems to work great -- except!

This plugin doesn't act on it, since (it seems) the plugin only acts on steemit.com. Would it be possible to add steemitstage.com handling as well?

Thanks!

(Seems it's not as simple as changing "steemit.com" to "steemitstage.com" in the "background.js" file; I've not written a plugin before so I just tried a simple grep/replace...)

You need to edit the manifest.json file as well.
I will not add support for it but you can do it if you download the extension from github

Ah, I see. Need to learn this stuff. :)

Oh by the way, that did stop it from working on steemit.com (I closed the browser and restarted; there might be a less drastic way to reload the code?). Didn't work on either steemit or steemitstage, so I reverted the change back, restarted again, and it's working again [only on steemit.com though, like before]. I'm interested in learning more about browser plugins -- how/where did you learn? Thanks again!

No, I spoke too soon: now the extension appears to be corrupted, so, I guess I won't be trying to modify extensions again. :) Removed and reinstalled, and now it's working again.

Add to bookmark
First thing I am going to do when I come home tomorrow is install this.

This looks like it has everything that is missing in it for now..
(That must have been a crapload of work to develop this.. kudos @armandocat !!)

hey where is dark mode feature help also the options tab under extension isnt clickable

this was really very helpful, thanks!

That's the best tool man .. and just follow you now cus u are the man

  ·  7 years ago (edited)

Awesome app - I don't use it much myself because I use Opera, but I'd love to see these feature built into Steemit one day, or an app for it for Opera, the best browser by miles

Hey mate,

The firefox' link seems to be dead. What happened?

Firefox Quantum was released, and caused me DATALOSS.

Also, they changed a bunch of infrastructure, so old plugins don't generally work.

I just left a top-comment asking the dev to update it for Firefox Quantum, and that I'd be willing to contribute towards costs.

i love this Extension when I use this we solved my some problem ,and usin this Extension easily handle all thing.thanks Extension make i love you keep it up

Hey @ armandocat , danke erst einmal für das tool. Ich habe es für Chrome runter geladen aber bei mir geht der "Vote Weight" Regler nicht. Ich glaube es liegt daran das ich noch einen so jungen account habe. Was sind denn die Bedingungen das man diesen Regler nutzen kann bzw er zu sehen ist?
Danke für deine Hilfe! 🚀

This sounds like a good idea. However, the link to the FIrefox extension yields the following error:

zzzzz-FF1.jpg

Searching for "Steemit" in the search box does not show your extension, either:

zzzzz-FF2.jpg

I refuse to use Google's "Chrome" browser because they spy on users and steal their data. Mozilla doesn't do that to Firefox users.

So, is the extension still available for Firefox, or not...?

Remove these fish medals. They look like a 12 year old is pranking Steem.

Looks Stupid.jpg

That's a great update :) It is nice to see some improvements, when steemit developers does not show us so much love :( There are so many basic things that are not added yet :(

Thank you bro! Updating it!

OMG thanks for sharing this app :O

The "Mentions"part stopt working by me. (Chrome Steemit more info ver. 1.5.0.)
last time it worked was on the 11th of this month, although I was mentioned several times...
Is it a bug? What can I do?

I'm new to the Steemit game and this is an amazing tool to get into it faster than I could without it! Thanks a lot for the work you put into this! :-)

deleted firefox . help me pls