Steemit replies to me chrome extensions

nereli(43)

Published in

#utopian-io

Words

210

Reading

1 min

Listen

Play

Hello
I wrote an extension for chrome, one of the most popular browsers for you. Extension purpose;

With Chrome extensions replies to me you can see the latest answers written to you. You can view the last comments, user name and date by simply clicking on the extension's icon without opening the extension's intended web page.

Github
https://github.com/Nereli/Steemit-replies-to-me-chrome-extensions

manifest.json

{
    "name": "Steemit replies to me",
    "description": "Steemit replies to me.",
    "version": "1.0",
    "manifest_version": 2,
    "background": {
        "page": "Steemit.html"
    },
    "browser_action":{
        "default_icon":"Logo.png",
        "default_popup": "Steemit.html",
        "default_title": "Steemit replies to me"
    },
    "icons":{"128":"Logo.png"},
    "permissions": [
        "tabs", "*://*.steemit.com/*", "notifications"
    ]

}

Steemit.html

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style type="text/css">
            body{
                font-family: arial;
                font-size: 12px;
            }
            a{
                text-decoration: none;
                color: #333;
                font-weight: bold;
                font-size: 13px;
                border-bottom:  1px dashed #cecece;
                display: block;
                padding: 4px 2px;
            }
        </style>
    </head>
    <body>

        <div style="width: 650px; float: left;" id="Contents"><span style="padding: 5px;">Loading...</span></div>
        <script type="text/javascript" src="jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="Eklenti.js"></script>

    </body>
</html>

Extension.js

chrome.browserAction.onClicked.addListener(function(tab){

    chrome.tabs.create({url:"http://steemit.com"});

});

function Check(){

    if(localStorage['SteemitContents']){

        $('#Contents').html(localStorage['SteemitContents']);

    }

    var Datas = '';
    $.get("http://steemit.com",function (Sources) { 

        var UserName = $(Sources).find('.c-sidebar__link').attr('href');
        var Url = 'https://steemit.com' + UserName + '/recent-replies';
        $.get(Url,function (Source) { 

            $(Source).find(".articles__summary").each(function(Key, Value) {

                var Title = $(Value).find('.entry-title').text();
                var SubjectUrl = $(Value).find('.entry-title a').attr('href');
                var Time = $(Value).find('.timestamp__time span').attr('title');
                var Name = $(Value).find('.author a').text();

                if(Key%2){

                    var Bg = ' style="background: #efefef;"';

                }else{

                    var Bg = '';

                }

                //alert("Key: " + Key + "\nTitle: " + Title + "\nTime:" + Time + "\nName:" + Name + "\nSubject Url:" + SubjectUrl);
                Datas = Datas + ' + SubjectUrl + '" target="_blank" ' + Bg + '>' + Title + ' (' + Name + ' - ' + Time + ')';

            });

            $('#Contents').html(Datas);
            localStorage['SteemitContents'] = Datas;


        });

    });

}

Check();

setInterval(function(){ Check(); },55000);

manifest.json:

We are writing general information about Plugin Name, Description, Version, Logotype and permissions.

Steemit.html:

We are preparing the page that will be opened when we click on the log on the top right of Chrome browser.

Extension.js:

localStorage['SteemitContents'] => We store all "replies to me".
$.get("http://steemit.com",function (Sources) => We connect to steemit.com. We are transferring the incoming result into the sources.

var UserName = $(Sources).find('.c-sidebar__link').attr('href'); => We find the username.
var Url = 'https://steemit.com' + UserName + '/recent-replies'; => We create the URL link address.

$.get(Url,function (Source) { => We connect to the URL link. We are transferring the incoming result into the sources.
$(Source).find(".articles__summary").each(function(Key, Value) { => We loop through all "replies to me" and transfer them to localStorage ['SteemitContents'].

setInterval(function(){ Check(); },55000); => We check every 55 seconds for new content.

Chrome Extension Setup

Eklenti Yukleme 1.png