Steemit More Info 1.5 - Chrome Extension + Firefox Extension

in #steemdev7 years ago (edited)

Steemit More Info 1.5 - Chrome Extension + Firefox Extension



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

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


New features


  • Search on steemit directly in the navigation bar!

    gif7.gif



  • Mentions tab! You can easily find posts or comments where users tagged your name. Thanks @furion for the SteemData API.




Other 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:

  • 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, ...
  • Image resizing in the post editor
  • ...

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!

Sort:  
There are 3 pages
Pages

Hey man, could you create a direct download for the firefox extension or reupload it to the store? Thanks

Right, Firefox is showing a "Page not found" notice when visiting https://addons.mozilla.org/en-US/firefox/addon/steemit-more-info/ . I have the old version in a .zip file but it doesn't work on new version of Firefox [maybe because of the new WebExtension unification]. Please re-upload it or give direct download link.

id like to make one request on a small change.. WOULD it be possible to display the Rep score to one or even two decimal places? Steemd.com does it to one and its really nice to be able to see how far we are on to the next level.. As the REP gets higher it can take quite some time to move up and its great to see how we are doing..

Hey @armandocat, I really loved this extension when I first installed it on my firefox. Since then I completely overhauled my laptop, banishing Windows in favor of Linux, and it seems like this extension isn't available any more. Do you have any info on that? Would it even matter if I have linux? Or could it be that Firefox got rid of it for some reason? In any case, I can't put it back up, and was wondering if you had any good advice. Thanx!

I'm sure it's a Firefox problem. I deleted the old versoin and went to the Firefox add-ons site and the new version isn't there. Chromium works well with linux and doesn't have the Google issues. I might start using another browser just for steemit.

Hi @armandocat thank you for the extension. It's very handy indeed. Only problem I have is that every time I start up steemit in firefox I have to redo all the settings as they don't stay saved. Can you recommend a solution to the issue. Also as an idea what about a button to sort my followers to find the new ones quickly would be a great thing as it would save a lot of time. Cheers.

so good

Hey @armandocat, great contribution to say the least!
Would be neat with a countdown timer to when you are 100%.
Here's a link where you can do it manually for now.
steemvprecharge

Sverige_reko

Hi @reko I'm no sure if this will help you or others but it gets replenished at a rate of about 1% every 72 minutes or 1hr24min every full 100% upvote. Your idea would be very handy if made available.

what a great extension, now it don't really matter if steemit inc will improve steemit.com because we have people making/developing apps or extensions like this.

Great updates and features.

Very well done!! Keep up the good work!!

what a great extension

Totally agree!

now it don't really matter if steemit inc will improve steemit.com

I disagree with that. Extensions are temporary solutions. They are dangerous from a security point of view.

Security does not seem a concern because "Steemit has the most secure hosted wallet on any blockchain."

If you do it right it don't matter if you get hacked you are still safe, as the above link will point out.

I completely agree with you! Just opened this post to say that. Using it everyday now and glad there are more and more new options arriving!
Dunsky_ThankYou.jpg

I lost the ability to see post payouts and to see how many posts I did on each day. This happened yesterday and is still not working. I installed and re-installed the extension. I miss these two things so much. Thank you for making this tool and I hope it is just a momentary problem :)

Very helpful! Thanks!!!

Hi @armandocat this looks like a fantastic extension, BUT, it does not seem to be found in the latest version of Firefox for mac. I could download and install in for Chrome with no problem. With Firefox, I just get a "file not found" message. A search in the Firefox extentions for anything with the name steemit-more-info gives nothing and with the name steemit, I find several steemit application extensions, but not this one.

I am using an iMac running macOS Sierra version 10.12.6 and Firefox 57.0.1 (64 bit)

Thanks for the great extension. It makes my experience on Steemit much better.

I have a small problem with it, though. It is too slow in calculating $ values of votes (in my vote value and in the list of upvoters). This awesome feature basically does not work. Please try to make faster.

My my, you have been busy. This is fantastic, it adds visibility of a number of steemit metrics that really should be present in the native GUI, like votes/voting power/actual vote value (how accurate is this? no offense intended)/mentions/wallet history...

The media gallery is a nice touch, and so is the integration of the markdown editor - I've been using HackMD and StackEdit for this, which editor does your plugin use, does it draw it in from github or is it embedded in the plugin code?

Any chance of the following?:

search engine choice
https://duckduckgo.com

external tools dropdown
Possible to check current user account aganst steemcleaners db? https://steemcleaners.org/report-lookup

in-page post datetimestamp
Often I think it would be great to be able to see when an article was posted without having to go look it up somewhere.

This contains some great @OriginalWorks , upvoted & resteemed.

The @OriginalWorks bot has determined this post by @armandocat to be original material and upvoted it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

To enter this post into the daily RESTEEM contest, upvote this comment! The user with the most upvotes on their @OriginalWorks comment will win!

For more information, Click Here!
Special thanks to @reggaemuffin for being a supporter! Vote him as a witness to help make Steemit a better place!

actual vote value (how accurate is this?)

The vote worth is computed using the same formula steem uses to create the rewards! So it should be the same exact value as it will be.. However, remember that the value changes continuously so what is worth 1$ now could be worth more or less in an hour

search engine choice

I see no way to change the search engine now, because I'm just using the same engine built in in steemit

external tools dropdown

The website you suggest is confusing. For instance, go here:
https://steemcleaners.org/verified-user-lookup/?user=armandocat

in-page post datetimestamp

If you hold your mouse over the "X minutes ago" text near the post title you will see a tooltip with the exact time of posting

This is great, will update it now.

This is a very helpfull add-on. Thank you! Love it!

I like how @armandocat pops on the screen when you mention his name. Wait what other keywords do things like that? @ironshield

Looks like the updates and new features are simply AMAZING! Like, honestly - what are the STEEMIT devs doing? You guys should push to have all of these awesome features implemented into the actual Steemit website, for new users, for presentation and marketing purposes as I feel like only experienced users are currently using the extension and all these nice features!

Great work! Thank you so much!

as usual another nice update
I am using this on all my devices and I really adds an extra dimension to steemit that makes it so much nicer to use (even though it takes a bit longer to load sometimes)

I'm going to look into the loading time. It's strange btw, because all the things added by the extension are done asynchronously, so it should not impact the loading time of the website.
I'll keep you updated

might it be that we are behind the firewall at work and that that might restrict certain functions of the extention?

I'm loving this tool. It makes steemit even more fun. Keep up the good work

Thanks @armandocat for you great work!

I love your extension this is super doper.

This is AMAZING !!! thanks for ur hard work @armandocat excelente!!

Un ottimo lavoro come sempre, ottima la barra per la ricerca, se ne sentiva la mancanza :D

I upvoted and comment for you. Please upvote and comment for helping me grow @mdfoysal

Love it! So glad we have the mentions bar now, that's definitely something I've been waiting for. Thanks so much!

Amazing job @armandocat Followed...

Just awesome. I get everything what I want to have smooth journey in steemit. I love this feature and keep telling others. Expect nothing less from you.

You put the New features on top of post, no need for TL;DR this time, smart move. 😄 Let do it anyway, just in case:

TL;DR

What's 655926ba30.png:

  • Search on steemit directly in the navigation bar!
  • Mentions tab! You can easily find posts or comments where users tagged your name.

steemit now come to trancperency with more new feature which is round in my mind, thanks the team for upgradatio.

Excellent work, thank you for your effort!

Even though I get notified on telegram when people mention my name, I always wanted to have a list of people whom been talking behind my back. Thank you for the awesome work. :D

I was about to suggest adding the silent boost option when boosting with the boost button but I tried it first, and it gave me much less than I've spent, guess there's no point using boost without goats invading the comments ^_^

I love the addition of mentions - thank you. I forget to check them and this makes it so much easier!

Resizing images in the post editor - YES!!!
& please can we have a centre button for images and text too!

Wonderful work - thank you! :)

nice one ;)

how about a steemit browser? that would be a great idea

just want say wow. great extension. i love it
thank you @armandocat

and i am a new steemit user please help me by upvoting my post @tanvirsadatripon

keep is up your good work thanks

simply amazing tool.. u are a genius!

woow this was already an awesome extension and it just keeps getting better. Seriously you are my hero, this is amazing enough but the fact that you are a 3 year old cat and you are accomplishing all this is just blowing my mind. Also, I mentioned you in a comment and got a good chuckle out of the cat that sprang up from the bottom of the screen and said something to me about mentioning your name. It kind of made me jump a little! Cheers - Carl

Love it. Having these new features make browsing steemit more user friendly.
what about a Favourites Tab ? I see lots of posts I would like to read later but I usually find another post that gets my attention so any posts I previously wanted to read are long gone sinking deeper into the sea of steemit posts

Awesome work! I really like the new "Mentions" tab, especially as it differentiates between "posts" and "comments".

Might you do something similar for the "Replies" tab?

The use case: often, when people reply to one of my posts, it's a few-word comment like "nice post" and it's not quite as important that I read and reply to those.

Versus, when I comment on someone else's post, I very much want to know about replies to that so that I can continue a discussion.

So, "replies to my comments" should be significantly higher in my priorities than "replies to my posts" -- meaning, it would be great to have an interface into each.

Really very cool post and knowledgeable love it

for the info.. added the extension..!!!! :)

Cosaaa? Sempre meglio!

Thanks for sharing and developed this extention, we really like it

Fantastic post!

@armandocat great work. On the Future Developments, I would like to suggest if it possible to add a scheduled post option. An option that could enable the user to schedule his post at a particular time when he might not be available. It would be a treat for some of us.
I really love your your. Makes steemit look more detailed makes posting espcially very easy. The preview of post side by side is waw!.
Thumps up... ll send you a tip for your good work. You are awesome!!!!!!!

But I don't see any new update in Firefox browser for this Extension. My last update was on 15th October. 👼

I'm totally geeking out about the Mentions tab right now, @armandocat! If anything is going to help make Steemit a more social place, that is it right there. Really great work, and thank you! You certainly deserve all of the success coming your way.

Thank you. That was helpful.
PS; You have a cute Cat

faultless, follow up

There are 3 pages
Pages