Steemit More Info 0.9.2 - Chrome Extension + Firefox Extension

in #steemdev7 years ago (edited)

A new version is available!

https://steemit.com/steemdev/@armandocat/steemit-more-info-1-0-chrome-extension-firefox-extension





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 0.9.2 with some bug fixes and a few 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 now filter the votes between incoming votes and outgoing votes

  • 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


  • 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.



    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!






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.
  • A better follower page, where you can also sort the followers by date they added you.
  • Notifications, for instance if somebody replies on one of your posts or comments, if you get an upvote, ...
  • Maybe adding a page with some graphs of the stats of the account
  • ...

Privacy - 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

(Currently you will need to install it yourself)

  • 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.
  • 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. Unfortunatelly, auto update is not available right now, but this way, you have the option to look at the code before installing it ;)

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 😹🐾

I'm also hosting some competition on my blog. If you help me with that I will very much appreciate it 😺
https://steemit.com/contest/@armandocat/coding-challenge-2-win-sbd-if-you-solve-the-problem

Thanks!

Sort:  

As soon as I made a post about a steemit chrome extension idea, I found this post Wow. Anyway, I'll let you know once I've done an API for SteemTracked so you can get analytical data easily.

I didn't know about SteemTracked! Very cool website!

If you could expose some API to me so that I could add them to the extension that would be very great!

Great job, thanks for separating votes into different tabs!

For anyone who's curious or worried, I did a thorough code review of the plugin and it's al perfectly safe!

WOW, this is really cool, and as a developer, I am really glad, that you published code for inspection. TBH, without that I would be afraid to install it and using from my main account.

BTW, I just added your project to SteemProjects database (release soon):

Selection_143.png

Selection_142.png

dude this is awesome. thank you for this. i'm just about to post a little video and setup and showing it as an example. i've put the url to this post on the youtube video as well. once it's up i'll come back and post the link to it. just waiting for the youtube video to encode - https://steemit.com/steemit/@teamhumble/steemit-more-info-0-9-2-chrome-extension-screencast-and-setup-cool-little-thing

Thank you!! Very much appreciated!
Can you please update the link to the new version that I just released?
Thanks!

https://steemit.com/steemdev/@armandocat/steemit-more-info-1-0-chrome-extension-firefox-extension

yep already did.

Dude you're doing great work! The only suggestion i have is to add it to the extension store on firefox. Because right now, i have to manually load it every time i start firefox

Edit: Ok i tried the new version, have you disabled some of the features in the old version, like getting the exact amount each upvoter gave you by upvoting your post?

I was not aware of the problem with Firefox, I'll look into it.
Regarding the upvote amount, it should work, if you have problems try reloading the page and try again. There could have been a connection error with steem... let me know 😉

I'm having a similar problem in Chrome. Chrome keeps deleting the extension even though I tell it to shut up every time it warns me about it.

Would love to see these officially added to the stores. How hard is that? Can we help? I can't code, but if content writing is involved, I'd be willing to help.

woo! it's coming along awesomely, so many things that steemit could and should have had by now and just didn't.

The little loading thing on the voter bar didn't slip me by either =P

Also, how did yo uget the red 'new' thing on steemit?

Addition: I am satisfied with the way it is but rather than 'time a user followed' as suggested above, it would be interesting to see true followers next to the total number. As in, I know thanks to another steemit site http://steemit.deadfollowers.info/ that I have 120 dead followers.

Lol but I have no idea how far you plan on going with this project

Also, how did yo uget the red 'new' thing on steemit?

It's just an image 😹 I wanted to use the bootstrap's labels, but they don't work on steem, so I actually used that and then made a screenshot
https://getbootstrap.com/docs/3.3/components/#labels

Addition: I am satisfied with the way it is but rather than 'time a user followed' as suggested above, it would be interesting to see true followers next to the total number. As in, I know thanks to another steemit site http://steemit.deadfollowers.info/ that I have 120 dead followers.
Lol but I have no idea how far you plan on going with this project

Well, there's so much thing I could do.. but most of them (like dead followers) cannot be done directly using the steem RPC. Right now, everything I did is using steem RPC API, but the possibilities are limited..

If I'll find the time, when all the features that could work with just existing API are implemented, I will start working on new features that will require me to set up some server side processing of the blockchain.

That will be time expensive!

hah yeah... just do what you do, you're doing it better than I could in a thousand years =D

great extension, very handy. but on my slow internet some features take forever to load, would you add the option to disable some of them please?

I'll add that options. Right now, if you want to disable a feature you can just go in the file chrome.ext.js and comment the lines jsToLoad.push('src/***.js'); of the features to remove.

I'll try that, thank you again for the great work

Great! I like it very much, especially the grid layout. Perfect!
Addition in Votes tab is excellent. I love having that option to see distinguished incoming and outgoing votes or even both!

One small suggestion if I may...
It would be nice to have the option to "hide" and "show" the user's histogram of the posts as at the moment the chart somewhat "eats" a good portion of the screen, at least on my side.

Yes, you are right.. That should be made optional. I'll add something in the settings

Wow! Awesome tool, all data at one page. I'll try it )
Upvoted, followed and resteem )))

About new features request:

Notifications, for instance if somebody replies on one of your posts or comments, if you get an upvote, ...

I will be glad to see here notification about mention me in some post/comment. Because I do not have a notification if someone mention me (

Thanks! I wanted to add some notifications about mentions too but there is not an API for that. I would need to implement that myself by going through all the blocks in the block chain. That would be quite some work! I'll see if I find the time 😼

Oh, I do not know that this is not implemented by the API 😞 It's pity.
Implementing by going through all the blocks is a difficult task... But I hope you find time ☺
Thank you for your work and time !!!

Coin Marketplace

STEEM 0.20
TRX 0.25
JST 0.039
BTC 97402.80
ETH 3477.48
USDT 1.00
SBD 3.19