My Widgets Plugin was the first thing I developed for the Steemit community. I don't know how many people are using it but a hand full at least. I think it's a pretty handy tool for everyone who runs a website. You can add profiles, feeds and even single posts to your website, with only a few clicks. The styles/templates are completely customizable.

I would really like to further improve this tool but on the other hand there are so many other things I'd love to work on and so I want to use Utopian to find other developers interested in joining the project. The whole thing consists of two parts.

The Plugin

The plugin itself is just a javascript file that wraps the SteemJS library and provides easy to use methods to add content from Steemit.com to a given container on your website.

<h1>My Steemit Blog</h1>
<div id="my-blog"></div>

<script src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>
<script src="https://mktcode.github.io/steemit-widgets/assets/js/steemit-widgets.min.js"></script>
<script>
    steemitWidgets.blog({
        element: 'my-blog',
        user: 'your-username'
    });
</script>

The Generator

The plugin alone does not come with any styling or templates. You need to provide your own html via the template option and use placeholders that will be replaced by the actual content. The generator however lets you choose from a variety of display options and two customizable predefined styles. The result will be a ready to use code that you can just paste into your website as this jsfiddle demonstrates.

Task Request: Steemconnect

A really cool feature would be Steemconnect integration to allow users to vote and comment directly from the widgets. Unfortunately the current architecture doesn't really allow this because the widgets are directly inserted into the DOM of the concerned website. Since Steemconnect only redirects you to a fixed configured location I don't think it is possible to automatically implement it in the different websites using the widgets.

The flow I have in mind looks like this:

As far as I understand, the widgets therefore need to be implemented via an iframe that loads the widget from the same domain as the confirmation page, but I'm not sure.

That's why I need your help. If anyone knows how to properly integrate commenting and voting, I would highly appreciate your participation.

I already created an account and an app for steemconnect.

@steemit-widgets

So the init call would look like this:

sc2.init({
    baseURL: 'https://v2.steemconnect.com',
    app: 'steemit-widgets',
    callbackURL: 'https://mktcode.github.io/steemit-widgets',
    scope: ['vote', 'comment']
});

I can't promise a guaranteed bounty but I think at least the money this post generates will be yours.

GitHub Repository

Please have a look at the code and share your ideas with me! Not only about the steemconnect integration but about the project as a whole. If you have any questions, feel free to ask me. You can contact me on steemit.chat and discord (mkt in both cases).

You can also find this project on steemprojects.com: https://steemprojects.com/projects/p/steemit-widgets/

I don't know if this "Task Request" sounds interesting or engaging but please, test those widgets, check it out and contact me and let's talk. I really would love to see some progress on this project. As I mentioned, this is my first contribution to the Steem community so to say and I would be really happy if it survives a few more days.

---

@mkt
^Interests:
Technology/Science/Future
Nature/Environment/Sustainability
Creativity/Programming

---

Posted on Utopian.io - Rewarding Open Source Contributors

---