Screenshot
Description
Integrate with Trello Habitica! This extension is designed to pull your Trello cards from the Trello site to Habitica using this Power-Up. No coding is required; just fill in the form and you're all set!
Installation
Each Power-Up is associated with a team. Once a Power-Up has been added to a team, it will be available to all of the boards that belong to that team. So create a team if you don't have one.
To add a new Power-Up to your team, navigate to the Power-Ups Administration page, choose your team, and click Create a Power-Up.
Next, fill in the form:
1. First, name your Power-Up.
2. For the Power-Up to work properly, it requires some permissions. Make sure that you've checked all of the following:
- board-buttons
- card-badges
- card-detail-badges
- list-actions
3. Provide the URL to your Power-Up.
- The easiest way to do this is to use the url provided below. As an added bonus, you will receive all upcoming updates without having to change anything.
https://alexktzk.github.io/trello-habitica
- Alternatively, you can fork this repository, publish gh-pages branch to GitHub Pages and use your own url.
4. Now you can activate your Power-Up! Do this by navigating to one of the boards for the team, and clicking activate. You will find it in the Custom section.
5. Finally, click the list menu (three dots) and select either "Mark list as Doing" or "Mark list as Done."
Developing On Your Own Copy of the Power Up[]
First, clone the Git repo
$ git clone git://github.com/alexktzk/trello-habitica
$ cd trello-habitica
Then, install packages
$ npm install
Run[]
For a quick start run
$ npm start
It builds the project and runs webpack-dev-server to watch and update when any of the files are changed.
Live testing[]
In order to test your code directly on a Trello board you should obtain a public url that points to your local web server. I prefer to use serveo in this case.
$ ssh -R 80:localhost:8080 serveo.net
This command will generate a static url for you.
The subdomain is chosen deterministically based on your IP address, the provided SSH username, and subdomain availability, so you'll often get the same subdomain between restarts. More
You can also request a particular subdomain if you don't like the autogenerated one:
$ ssh -R my-subdomain:80:localhost:8080 serveo.net
Once you've done just grab your public url and pass it to the Power-Up form as Iframe connector URL.
Deploy[]
$ npm run deploy
That's it, you're live. Try to check your repo's GitHub Pages url.
The script generates and pushes the dist folder to gh-pages. For this, it creates and switches branches under the hood. Therefore, if you have any uncommited changes it will fail to run.