Code Monkey home page Code Monkey logo

chrome-next-step-for-trello's Introduction

Next Step for Trello JavaScript Style Guide Codacy Badge

Browser extension to check tasks directly from your Trello boards. ☑️🚀

🔴 Note: The corresponding extension on Chrome Web Store was acquired on June 5th, 2023. It's now maintained by a different developer, in a different repository.

You can still install the previous version as a a user-script, in your favorite browser.

Next step for trello screenshot

Developers

📺🛠 You can watch on YouTube how I developed this Chrome Extension: Livecoding Sessions.

Note: Version number is bumped and the extension is published to Chrome Web Store automatically by semantic-release, run on CI after each commit on the main branch. Read release.config.js for more information.

Contribute

This Chrome Extension is open source and free to use. It includes features and fixes proposed by several contributors. Pull requests are welcome, especially on prioritized bugs and feature requests. Please don't forget to read CONTRIBUTING.md first.

Donations are not expected but always appreciated. 🤗

Development workflow

Setup the project locally

$ git clone https://github.com/adrienjoly/chrome-next-step-for-trello.git
$ cd chrome-next-step-for-trello
$ nvm use # switches to the version of Node.js specified in the .nvmrc file
$ npm install # installs development dependencies
$ npm run verify # checks for errors and code style inconsistencies

Open the local version of the extension

  1. In Chrome (or other Chromium-based web browser), open the following URL in a new tab: chrome://extensions
  2. Enable the "developer mode"
  3. If Next Step for Trello is already installed, disable it from that list
  4. Click on "Load unpacked extension", then select the chrome-next-step-for-trello directory where you setup the project
  5. Go to a Trello board, to make sure that the extension works
  6. Otherwise, check the page's JavaScript console for errors
  7. After every change, don't forget to click the "refresh" icon of the local extension, from chrome://extensions

Release a new version on Chrome Web Store

This process is automated, as specified in .github/workflows/ci.yml.

chrome-next-step-for-trello's People

Contributors

adrienjoly avatar dependabot[bot] avatar jeffdess avatar nellyk avatar pf-siedler avatar semantic-release-bot avatar stevecshanks avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

chrome-next-step-for-trello's Issues

BUG: pop-over menu items don't always show up

Сергей Макаров, by email:

Drop down menu is not working. The items list is empty, then I can't toogle various display options. Randomly, menu pops up as expected, but say - one time out of 10. I tried to switch off various Chrome Trello extensions with no luck.

image

View 1 checklist in full

It would be great to select a checklist to view in full. Instead of seeing all items from all checklists, select a checklist and it only displays the items from that one.

Feature: load tasks from a Github Project, if associated to a card

This feature would allow maintaing next steps of a project in Github, instead of using Trello checklists.

This is particularly useful:

  • to prevent having to manually sync Github issues with Trello checklist items;
  • especially if working on a public github project.

Feature: limit height of cards

Justin O'NeillModified, from Chrome Web Store:

If you have a lot of checklists the card becomes to long blocking you from seeing badges/ important statuses. A fix would be to give the checklists* (not the card) a max-height and allowing the checklist to scroll within the card (overflow-y: auto).

BUG: stuck at loading phase on chrome 50.0.2661.75 m (64-bit)

Reported by Ian Preedy:

Is there a minimum version of Chrome that is required to run "Next Step". My company has standardized on Chrome Version 50.0.2661.75 m (64-bit). The extension loads, the menu options are accessible but the round circle never stops circling and the checklist items do not show on the card. Any ideas?

Feature: skip name when creating a new checklist

Alexander Isora 🌀 — Phoenix Startup v2 coder

Hi Adrien! Your plugin is a complete bliss! 🙌 Thank you very much.
We use Trello in our team daily. And honestly I hate the checkboxes for 2 reasons:

  1. You need to open a card (you got this! bravo!)
  2. Every time I create a checklist it offers me to enter its title. But I always start typing in the first item by mistake. This drives me so mad! Any solutions from you?

cf https://www.producthunt.com/posts/next-step-for-trello#comment-386402

Formatting bug: hyperlink to medium.com

créer une landing page en suivant [ce guide](https://medium.com/@cliffordoravec/the-no-bs-approach-to-building-your-saas-startups-launch-list-part-2-of-the-epic-guide-to-8cc371be772c)

should render like this:

image

... and instead renders like this:

image

Feature: due dates on checklist items

Stowe Boyd:

Maybe you need more functionality. For example, Trello doesn't support due dates on checklist items.

What if you did? So Next Step could alert me that a checklist item was due today.

Perhaps you could even make dated checklist items show on the calendar view?

  • Stowe

Reduce impact on Trello's API

From Bentley:

We recently had some alarms go off because we were seeing long requests time out. Digging deeper, we found a few folks that appear to be using your extension that have a massive number of cards and checklists. Looking at the requests your using, one appears to be: /1/boards/[SHORTLINK]/checklists?cards=all&card_fields=shortUrl.

Does it make sense to change it to use cards=visible? It looks like some of the problematic boards have a high number of archived cards. Your extension doesn’t make use of archived cards, right? If not, then that request is definitely asking for a lot more information than it needs.

I’m also in the process of working with popular Chrome Extensions to better understand number of users, number of requests, etc. Would it be possible to have your extension add a header to the requests that it makes? We’re planning to start tracking x-trello-user-agent-extension yourExtensionName for better insight into going on. This also helps us communicate with developers more quickly when problems arise.

Let me know your thoughts or if you have questions!

Only prepend checklist names if there are more than 1 checklist in the card

Envoyé par Garrett Williams - il y a 14 heures:

Only display checklist name once
Next Step adds the checklist name by each and every step when "All steps" is selected, which makes it difficult to read through when you have a long checklist name and many steps. Some one-line items turn into 2 lines. I've had to change my checklist names to a single character so I can quickly look through each step.
If the checklist name could only be displayed once, it would be a lot easier to look through the steps. I don't need to see "Checklist" or something longer at the beginning of each item.
Also, I typically only have one checklist, so the name doesn't even need to be displayed at all. For general usability, though, just displaying the checklist name at the top of each checklist would be just right.

Improve styling of next step

Suggested by Xavier Dorémus:

  • the text-color is blue, and it confuses me to see so many "links"
  • I'd rather play with a ◽️ rather than your red circle (which I don't associate with any action)
  • I'd try to get the items left-aligned if more than 1 line is necessary (as shown)

Javascript error when updating a card with a checklist

I've noticed that when you update a card with a checklist (e.g. by ticking off an item or moving the card to a different list), the "next step" disappears and you get the following in the console log:

screen_shot_2017-07-03_at_14 20 11

I haven't dug into what might be causing this, but happy to take a look later this week if you'd like a second pair of eyes?

Buggy toggle button

Posted by A Google User:

Application version: 0.5.3
Client version: 5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36
Reported date: 11/3/16 11:46 AM
Reported by: A Google User
Developer's Notes: Add a note

the next steps toggle at the top of the board doesn't always display on the board correctly. it may say "one per card" but i see multiple or no checklist items shown on the front of the cards. this extension is super useful, but the bugginess takes away from that.

BUG: clicking the checkbox sometimes opens the card

Sean Gibbons, Modified Jul 29, 2017

Fantastic extension. I am rating only 4 stars only because sometimes the checklist is finicky and clicks into the cards instead of completing the task, this may be a bug. If that gets fixed, this is an easy five star app. Thanks you for making this tool!

Possible conflict with Plus for Trello

Not sure how many people use Plus for Trello but it's the only conflict that I have experienced since trying out Next Step for Trello.

Basically the task list items were showing up above the title for some reason

Here's a screenshot
http://share.activelabs.ca/2016-11-17_03h15_19.png

image

I haven't yet leveraged the features of Plus for Trello, just found it recently. So I was able to disable it but I'm sure if anyone is using it they rely on it and this will get in the way of being able to use Next Step because the Title is displaced.

Here's their website
http://www.plusfortrello.com/p/about.html

Hope this helps

Feature: also work on /my/cards page

Proposed by Rich Armstrong:

@adrienjoly @AdrienM @lailo_ch Awesome! I'd been using a bookmarklet to do the same kind of thing, but at a global level. It would be wonderful to be able to see these on the http://trello.com/my/cards page. That way I could see my next actions across multiple boards. Swoon!

IIRC this is not a trivial thing to implement. I'm pretty sure the Trello API doesn't give you the checklists on the individual cards when you access /my/cards via the API. I eventually had to iterate through the cards returned and grab the checklists individually. But it would be very very powerful to get this level of insight.

Formatting bug: combination of ** and `

Adrien, hello! I use the "Next Step for Trello" and is amazing solution. I can say an tip?: When I use
Together ** (bold) and `(crase) into card, have a problem in preview 'One per card' or 'Where per checklist' all text have the same formatting. Sorry for bad english !!!


You received this message from a visitor while you were away.

Name: Wanderson

The visitor was on this page: https://adrienjoly.com/chrome-next-step-for-trello/

The visitor was referred to your site from: , referred to your site by None

Web Browser: Chrome
Web Browser Version: 56.0.2924.87
Operating System: Windows
Location: Brazil (Uberlândia)

Feature: Ellipsis for long task names

Justin O'NeillModified, from Chrome Web Store:

Some checklists can get very lengthy... I think it would be a good idea to give the option to set an ellipsis (...) for sentences that exceed a certain number of lines

Nicer rendering of links to Trello cards

Resolving Trello URLS in Checklists
Posted by A Google User

Issue: I use a lot of Trello card links in checklists. In Trello, these get rendered with an icon and the title of the card, so it looks very nice. In your extension it just shows the URL, which forces me to open the card (and also takes up extra space). Suggestion: It would be great if your extension could use the card title based on the URL the same way Trello does in the native view.

Application version: 1.6.2
Client version: 5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
Reported date: 2/2/17 5:33 AM
Reported by: A Google User

Bug or feature request: different Next Steps settings for each board

I have no idea if it's always worked this way and I'm just incredibly unobservant or if something happened recently, but now the Next Steps setting is the same for all my boards. Not ideal for my use case, and I'd imagine others who have different roles they perform in each board.

Please let me know what additional information I can provide! Thanks.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.