jreinhold/google-inbox-to-trello

Extension that enables you to quickly create a new Trello card from a mail or thread in Google Inbox

Inbox to Trello Extension

Extension that enables you to quickly create a new Trello card from a reminder, mail or thread in Google Inbox.

Purpose

The purpose of this Chrome and Firefox extension is to make it easy to create Trello cards from e-mails and reminders. The Trello Card will contain a link back to the original mail, with the subject as the title.

The extension is inspired by this Medium article by Tiago Forte, that thoroughly explains why it's important to easily be able to move your e-mails to a todo list, and just as important why it should always contain a link back to the original mail.

Installation

Chrome Web Store

The extension is available on the official Chrome Web Store here. Just press the Add to Chrome button, reload your Google Inbox tab and you are ready to go.

Firefox Add-ons

The extension is available on the official Firefox Add-ons site here. Just press the Add to Firefox button, reload your Google Inbox tab and you are ready to go.

Usage

Once installed, the extension puts a small Trello button on the right side of the e-mails and reminders, next to the regular Done, Pin, Delete, etc. buttons. Pressing the button will trigger a pop-up, where you specify which Trello board and list to create the card on. Optionally you can edit the title and description of the card. Press "Send to..." and have a great day.

Options

On chrome://extensions and about:addons (Firefox) it is possible to define a few options:

• Default board ID - The default board to add the card to. Get the board ID by visiting the board ind Trello and copying the string just after https://trello.com/b/
• Default list ID - The default list to add the card to. Get the list ID by visiting https://trello.com/b/<BOARD-ID>/reports.json. Search for the list name, and copy the id just after that.

Roadmap

I have received a few suggenstions for improvements that would be cool to make. The roadmap is subject to change by the minute, and any suggestions are welcome.

• First working MVP to validate the idea
• Port WebExtension to support:
  • Chrome
  • Firefox
  • Safari
  • Edge
  • More?
• "Quick button" that instantly creates card in predefined board+list
• Auto-archive mails on card creation
• Support links back to Inbox, not just Gmail
• Add mail attachments and images to Trello Card
• Advanced configuration of cards with Labels, Members, etc.

Contributing

Ideas and feedback are ALWAYS welcome, just submit an issue. Pull Requests are also very welcome.

The extension is developed using TypeScript and Webpack, formatted with Prettier, linted with TSLint and developed with love ❤️.

The file structure follows a classic WebExtension structure, a quick Google search should explain it. Have a look in manifest.json to get an overview.

Development

1. Have Node.js and optionally Yarn installed
2. Clone this repo
3. Run yarn install or npm install

Chrome

4. Run yarn dev or npm run dev, which builds to a build folder in the project root and watches for changes.
5. Go to chrome://extensions, Click Load unpacked extension... and point it to the previously created build folder.
6. Submit awesome PRs.

Firefox

4. Run yarn dev:firefox or npm run dev:firefox, which builds to a build folder in the project root, watches for changes and loads the extension in a new Firefox window.
5. Submit awesome PRs.

google-inbox-to-trello's Issues

Remove mentions of Gmail

• README.md - Explicitly point out that it doesn't work with Gmail, and point to Gmello
• manifest.json
• Google Chrome Webstore

Update button icon to Trello icon

Try using an .svg, alternatively a .png

Make button fit more with Inbox UI

• Make it black/grey like rest of toolbar
• Make it same size

Publish to other browsers

Base the approach on this:
https://www.smashingmagazine.com/2017/04/browser-extension-edge-chrome-firefox-opera-brave-vivaldi/

• Firefox
• Edge
• (Brave) - Maybe document how to add it to Brave
• Opera
• Vivaldi
• Update installation instructions in README.md

write README.md

Should contain

• Brief intro
• Installation instructions, from web store and source
• Roadmap
• Contributing

Done button not working

Hello.
I'm trying google-inbox-to-trello as a chrome extension. When I finished creating a trello card the dialog shows a green button 'Done' but it isn't working.

And some information is here,

• Chromium 64.0.3282.167 Built on Ubuntu, running on Ubuntu 16.04
• Google Inbox to Trello 1.0.1

Thanks in advance.

Package to Chrome Webstore

https://developer.chrome.com/webstore/get_started_simple
https://developer.chrome.com/webstore/images

• Create icons
• Create screenshots - 1280x800
• Create promotional image - 440x280 / 920x680 / 1400x560
• Upload

Make it work with other browsers

Base the approach on this:
https://www.smashingmagazine.com/2017/04/browser-extension-edge-chrome-firefox-opera-brave-vivaldi/

• Firefox
• Edge
• Brave - can't publish, but can at least make it work.
• Opera
• Vivaldi

Automate packaging and uploading to Chrome Webstore

Use https://github.com/DrewML/chrome-webstore-upload-cli

Plan of attack:

• Make shell script that uses above library, run with yarn publish:chrome
• either remind the user to update the version number, or somehow allow him to set it right there.
• read secret publish variables from a ignored file.
• abort script if file isn't present

Uncaught (in promise) TypeError: Cannot read property 'charAt' of undefined

Hi,

I get this error in the console when I click on the button to send an email to trello. According to what I see, the error occurs here:
userNum = location.href.split('/u/', 2)[1].charAt(0);

My gmail account is "Google for business" so it does not have in the url /u/ pattern. The url contains https://inbox.google.com/?pli=1

Can I do something to solve it?

The Trello button is not always attached to the toolbar

I'm having a hard time reproducing this issue, please leave a comment if you've experienced the same, possibly detailing what you did.

Don't use InboxSDK as a dependency

For this to be a real WebExtension that supports other browsers than Chrome, It needs to not depend on InboxSDK, as that only support Chrome.

Here are some inspiration on how to attach the button to the site:
https://github.com/toggl/toggl-button/blob/master/src/scripts/common.js#L107
https://github.com/toggl/toggl-button/blob/master/src/scripts/content/google-inbox.js#L5
https://github.com/toggl/toggl-button/blob/master/src/scripts/content/google-mail.js#L5
https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Can't get it to work....

No matter what I enter in the ID-fields, clicking "save" does not do anything. I tried the short ID for the board as shown in the URL, as well as the long ID in the JSON. I looked up the ListID in the JSON and added that, still...

Give feedback when changing user options

There's no feedback when setting the board or list ID. this is pretty confusing.

Reported by #23

Integrate with Trello

• Get App API key
• Authenticate with Trello - from settings or on button press?
• Add card to first list of some hardcoded board
• Add link to mail as attachment on card
• Add mail subject as card title

Support multi-user setup

Not working with Google Reminders

I'm just wondering but is it normal that google-inbox-to-trello not working with Google Reminders?
The thing is that google-inbox-to-trello works with emails by clicking the button that pops up a dialog.
But when I click the same button next to a reminder, not an email, it doesn't do anything.
I seriously use reminders thus I'm finding out for some workaround to accomplish it(Google Reminders to trello).
Any comments would be appreciated.