Top Related Projects
Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
:octocat: Browser extension that simplifies the GitHub interface and adds useful features
Quick Overview
The toggl/track-extension repository contains the source code for the Toggl Track browser extension. This extension integrates Toggl Track time tracking functionality directly into popular web-based tools and services, allowing users to start and stop timers without leaving their current workflow.
Pros
- Seamless integration with various web applications and services
- Improves productivity by reducing context switching
- Open-source, allowing for community contributions and customizations
- Cross-browser compatibility (Chrome, Firefox, Edge)
Cons
- Requires users to have a Toggl Track account
- May have occasional conflicts with other browser extensions
- Limited offline functionality
- Potential privacy concerns due to tracking across different websites
Code Examples
As this is a browser extension and not a code library, code examples are not applicable in this context.
Getting Started
Since this is a browser extension and not a code library, there isn't a traditional "getting started" section with code examples. However, users can install the extension by following these steps:
- Visit the browser's extension store (e.g., Chrome Web Store, Firefox Add-ons)
- Search for "Toggl Track"
- Click "Add to [Browser]" or "Install"
- Grant necessary permissions
- Log in to your Toggl Track account within the extension
For developers interested in contributing to the project:
- Clone the repository:
git clone https://github.com/toggl/track-extension.git - Install dependencies:
npm install - Build the extension:
npm run build - Load the extension in your browser's developer mode
Competitor Comparisons
Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
Pros of isometric-contributions
- Provides a unique, visually appealing 3D representation of GitHub contributions
- Lightweight and focused on a single feature
- Easy to install and use as a browser extension
Cons of isometric-contributions
- Limited functionality compared to Track Extension's time tracking capabilities
- Lacks integration with external time management tools
- May not provide practical utility for productivity improvement
Code Comparison
isometric-contributions:
function getSquareColor(contributions) {
if (contributions === 0) {
return '#ebedf0';
} else if (contributions < 5) {
return '#c6e48b';
} else if (contributions < 10) {
return '#7bc96f';
} else if (contributions < 15) {
return '#239a3b';
} else {
return '#196127';
}
}
Track Extension:
function startTimer(description) {
if (isRunning()) {
stopTimer();
}
const entry = {
description: description,
pid: null,
tid: null,
billable: false
};
TogglButton.createTimeEntry(entry);
}
The code snippets highlight the different focus areas of the two projects. isometric-contributions deals with visual representation of contribution data, while Track Extension focuses on time tracking functionality.
:octocat: Browser extension that simplifies the GitHub interface and adds useful features
Pros of Refined GitHub
- More comprehensive feature set, enhancing various aspects of GitHub's interface
- Larger community and more frequent updates
- Customizable options allowing users to enable/disable specific features
Cons of Refined GitHub
- May have a higher performance impact due to its extensive feature set
- Potentially overwhelming for users who prefer a simpler GitHub experience
- Not focused on time tracking or project management
Code Comparison
Track Extension:
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
if (request.type === 'getTabInfo') {
chrome.tabs.query({active: true, currentWindow: true}, (tabs) => {
sendResponse({url: tabs[0].url, title: tabs[0].title});
});
}
return true;
});
Refined GitHub:
import * as pageDetect from 'github-url-detection';
function init() {
if (pageDetect.isIssueOrPullRequestList()) {
addFilterCommentsByYou();
}
}
While Track Extension focuses on capturing tab information for time tracking, Refined GitHub enhances specific GitHub pages based on the current URL. The code snippets highlight their different purposes and approaches to browser extension development.
Convert 
designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual CopilotREADME
Toggl Track browser extension integrations
ð£ Toggl Button is now the Toggl Track browser extension!
We not only renamed the extension, but we also made several changes to Track Extension's codebase to build a better foundation for the future and make it easier to contribute new integrations.
For more information, please check this blogpost.
This is the repo for the browser extension's integrations.
Start and stop the timer from the web tools you use daily. Get the time-tracking out of the way and focus on real work.
Table of Contents
- How to use
- Add custom domains
- Supported services
- Create new integrations
- Changelog
- Contributing
- License
How to use
Installing the extension
Chrome https://chrome.google.com/webstore/detail/toggl-button/oejgccbfbmkkpaidnkphaiaecficdnfn
Firefox https://addons.mozilla.org/en-US/firefox/addon/toggl-button-time-tracker/
Using the extension
- Log in to your Toggl Track account from the extension popup.
- Enable services that you want to use the browser extension with under Settings > Integrations.
- Navigate to your service and start your Toggl timer there.
Or start entry from the extension icon menu.
- To edit the running time entry:
- Edit entry details from the post start popup that is shown right after you click the "Start timer" button.
- Edit entry details from the extension icon menu by clicking the running time entry name.
- To stop the current running timer:
- Press the button again.
- Stop the entry from the extension icon menu.
- Start another time entry inside your account.
Supported services
For a list of supported services please refer to integrations
Add custom domains
If one of the supported services that you use is hosted on a custom domain (e.g. https://yourcompany.github.com) you can define the custom domains in Settings > Integrations.
Create new integrations
Do you want to create a new custom integration, and maybe share it with the rest of the world? Check the contributing section for more information.
Changelog
A list of all the changes and added features can be found at http://toggl.github.io/track-extension.
Contributing
Want to contribute? Great! Read up our guide for contributing. It explains in detail how to create, edit, debug and publish a new integration to the Toggl Track browser extension.
License
The Toggl Track browser extension extension is Apache License 2.0
Top Related Projects
Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.
:octocat: Browser extension that simplifies the GitHub interface and adds useful features
Convert designs to code with AI
Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.
Try Visual Copilot