Post To Tumblr 6

Post To Tumblr 6

Post To Tumblr my popular Chrome extension will be entering its 6th year of continual development this year so I thought it fitting that I give it a much needed overhaul.

It had been long coming, the last major update I gave it was about 1.5 years ago. In that version I moved the backend from Google App Engine over to Parse and I rewrote the frontend to use requireJS and knockoutJS. Although they have served me well, a lot has happened in the past 18 months and maintaining the client code was starting to become painful.

So I decided to checkout what all the cool kids were talking about these days: React.

React is a really cool Javascript framework from Facebook which uses some interesting technologies to render the UI of your application using a component-based structure. It does this by inventing its own language / markup format called JSX which is a hybrid of Javascript and HTML much like MXML was a hybrid of XML and AS3.

Although awesome to use, and I managed to get it working pretty quick with Typescript too I found that the build chain needed was really a headache. I went through so many different tools and variants. I found that people no longer use Grunt, its now Gulp then I heard some people just use NPM scripts then I read that you want to be using Webpack or Browserify with React. So many tools and options really hampered my progress and ended up giving me a headache.

I eventually fought through the tooling quagmire and ended up with a Gulp / Webpack / Typescript hybrid that sort of work but it takes a long time to compile which i’m not happy about so im definitely on the lookout for a better solution there.

Anyways, now that I have a shiney new client codebase I decided to go through some of the features that people have suggested and implement them so since version 6 came out I have done 6 more updates:

– v6.7 – 25/01/2016
+ Added a new option to general that lets you set what state the format post window should be opened in:
+ Added a privacy policy to the account page
+ Require privacy policy to be accepted before signing up
+ Added a “clear formatting” button to the format page.
+ Users that arent logged in must not provide an email when reporting an error
+ Fixed a spelling mistake (Thanks Tom)
+ Logs older than 2 days are now removed

– v6.6 – 19/01/2016
+ The “Remind Me in A Month” and Two Weeks are now working as expected, sorry about that!
+ One-click now also gets a reminder.

– v6.5 – 18/01/2016
+ The donate button now correctly links to the donation page.
+ Added another donation popup, only showing it every 6 months.
+ Removed some unnecessary logging to preserve privacy.

– v6.4 – 14/01/2016
+ Increased the size of the format post page a little, its 2016 after all 😉
+ HTML editing text areas are now resizeable.
+ Previous tag sets are now listed in reverse date order that they were used. It displays a maximum of 6 tags. If you have more tags sets you can optionally select to view them.
+ Fixed an issue with context menu items not refreshing after adding an account

– v6.3 – 14/01/2016
+ Post scheduling is back in addition to queuing. Queuing a post just adds it to the queue, scheduling lets you pick a specific date. (thanks joe, vitor, blinkingline, and others!)
+ Fixed an error in the oneclick options which was causing a few errors including not able to rearrange sibling menu items. (thanks adena)
+ Reduced the number of plugins TinyMCE is using in the format post window which I hope will increase performance of the text areas, let me know if you are still experiencing issues. (thanks shiinto)

– v6.2 – 12/01/2016
+ Added saved tags back to the format post page

– v6.1 – 12/01/2016
+ Added HTML editing back to the various text areas in the extension, sorry about that!
+ Currently you cannot click a text area in the format post window to have it auto-fill with a value, im working on it :)

– v6.0 – 11/01/2016
+ Huge new internal update, should make future changes much easier but may have caused a few bugs, please do report them if you see them!

So im keen to do new features and upgrades so email me if you have suggestions!

As always you can grab Post To Tumblr over at the Chrome Web Store: https://chrome.google.com/webstore/detail/post-to-tumblr/dbpicbbcpanckagpdjflgojlknomoiah

Trello Chat – A Chrome Extension

Trello Chat – A Chrome Extension

Following on my theme of “Not Games” projects, I have just released my latest Chrome Extension; Trello Chat.

Screenshot01-640x480

Like my last project, Trello Tasks, this is an extension for Trello. I love Trello and use it to organise just about everything. Our team used it at the Startup Weekend last month to organise our project over the weeked, I also noticed quite a few other teams using Trello too.

One issue we faced however was although we were sat next to each other we needed to be able to quickly swap a link or some copy as we worked on the project. The problem is we didn’t have any chat system setup like Skype or Slack. This got me thinking, if only we could chat through Trello, we already have everyone signed up to the board, it would make things so much easier.

And thus Trello Chat was born.

I borrowed some stuff from my work on Trello Tasks so that reporting problems is really easy:

Screenshot04-640x400

It supports full Markdown syntax:

Screenshot02-640x400

You can also disable and enable chat per board:

Screenshot03-640x400

I am, of-course, tracking all of my development on Trello on this public board: https://trello.com/b/Mdpd40Tt/trello-chat you can vote on various features for me to implement there or send me an email: mike.cann@gmail.com or tweet: @mikeysee.

The extension is available to download for free here: https://chrome.google.com/webstore/detail/trello-chat/ohgelebenfafafahlppompddhdkimcan

If it’s popular I have plans for lots of other features :)

Trello Tasks – A Chrome Extension

Trello Tasks – A Chrome Extension

So I am taking a little time away from games development at the moment to explore a few other projects and ideas. I want to solve real problems that either I or others have had. I want the projects to be short so I don’t get bored and frustrated and I want to also learn new techniques and technologies as I build them.

The first of these little projects is called Trello Tasks.

screenshot-01-640x400

The TL;DR of Trello Tasks is: it augments Trello by turning Cards into “completable” tasks.

I have spoken about Trello before but if you arent familiar with Trello its a super simple, popular and free Kanban style app designed to organise any data. You can create any number of “Lists” which you then populate with “Cards”. You can add images, links, comments etc to cards which allows you to organise just about any sort of project.

One of the most common ways to use Trello is in the “ToDo” style. In this style you have three lists, ToDo, Doing and Done:

2015-11-25_08-28-57

In this style, when you start work on something, you move it from the “ToDo” List to “Doing” List then when its complete you move it to “Done” List.

This is all well and good but what if you use a different system of organisation such as arranging the items by category:

2015-11-25_08-31-45

Now if you want to indicate that you have read a book or watched a movie you would have to either drag it into the “Done” list (and loose the categorisation) or create a “Done” list for each category. One other option is to “Archive” the card but doing this removes it from the list altogether.

2015-11-25_08-36-50

So I decided to try and solve this very particular but annoying problem. My solution is to add a checkbox to each card. Now cards can be marked “complete” and “uncomplete” by simply checking the checkbox.

2015-11-25_08-41-18

The extension works by piggybacking on Trello’s comments system. So each time you complete or uncomplete a task the extension adds a comment to the card.

2015-11-25_08-43-25

This means that in a multi-user board you can tell who completed or uncompleted a task and syncing “just works”:

2015-11-25_08-47-32

So I think its a pretty neat solution to a problem that I personally have had while using Trello. You can grab the extension now and for free from the Chrome store:

https://chrome.google.com/webstore/detail/trello-tasks/icedfgfhjcnidibolnnfbjnjbkbfgcic

I have a few more ideas like this I would love to explore and solve over the coming weeks so stay tuned!