Pro for Trello is an ultimate FREE Trello tweaking tool for Google Chrome. It comes packed with features and you can customize it for each individual board, choosing what you want to tweak and what not.

We are not affiliated, associated, authorized, endorsed by or in any way officially connected to Trello, Inc..

You can read more about the tool here.

Project Structure

• src: TypeScript source files
• public: Chrome Extension manifest, icon, HTMLs
• dist: This is where the Chrome Extension will be built
  • dist/build: Generated JavaScript bundles with source mapping, and assets

Development build

Runs webpack in watch mode, generates bundles with source mapping

npm start

Production build

Runs webpack and generates the minified bundles

npm run build

Load extension to chrome

• Build the extension
• Open Chrome and go to chrome://extensions
• Click Load unpacked extension...
• Load the dist directory

Debugging your extension

• Click on the icon of your extension opens the popup window
• Right click and open DevTools
• In DevTools you can press Ctrl+R to reload
• Because source maps are generated, you can easily debug your ts code in DevTools