{"id":15808761,"url":"https://github.com/claspog/tabtimetracker-chromeextension","last_synced_at":"2026-01-02T14:05:40.184Z","repository":{"id":255836981,"uuid":"853728345","full_name":"CLASPOG/TabTimeTracker-ChromeExtension","owner":"CLASPOG","description":"\"Tab Time Tracker: A Chrome extension that monitors and displays the time spent on each active tab.\"","archived":false,"fork":false,"pushed_at":"2024-09-08T18:35:59.000Z","size":18,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-06T03:06:10.501Z","etag":null,"topics":["chrome-extension","digital-wellbeing","javascript","online-tools","project"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CLASPOG.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-07T11:19:10.000Z","updated_at":"2024-09-08T18:36:02.000Z","dependencies_parsed_at":"2024-10-26T09:09:16.577Z","dependency_job_id":"26c7d213-15c9-48f0-ad33-62b028a70a09","html_url":"https://github.com/CLASPOG/TabTimeTracker-ChromeExtension","commit_stats":null,"previous_names":["claspog/tabtimetracker-chromeextension"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CLASPOG%2FTabTimeTracker-ChromeExtension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CLASPOG%2FTabTimeTracker-ChromeExtension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CLASPOG%2FTabTimeTracker-ChromeExtension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CLASPOG%2FTabTimeTracker-ChromeExtension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CLASPOG","download_url":"https://codeload.github.com/CLASPOG/TabTimeTracker-ChromeExtension/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229628346,"owners_count":18101201,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","digital-wellbeing","javascript","online-tools","project"],"created_at":"2024-10-05T03:06:37.845Z","updated_at":"2026-01-02T14:05:40.125Z","avatar_url":"https://github.com/CLASPOG.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Tab Time Tracker\n\nA Chrome extension that monitors and displays the time spent on each active tab.\n\n\u003e [!note]\n\u003e NEEDS BUG FIXES\n\n## Directory Structure\n\n```\ntab-time-tracker/\n│\n├── background.js          # Service worker script handling tab tracking and time management\n├── manifest.json          # Extension metadata and configuration\n├── popup.html             # HTML for the popup displayed when the extension icon is clicked\n├── popup.js               # JavaScript for the popup, displaying the tracked time\n├── icon16.png             # Icon for the extension (16x16 pixels)\n├── icon48.png             # Icon for the extension (48x48 pixels)\n└── icon128.png            # Icon for the extension (128x128 pixels)\n```\n\n## Files Explained\n\n- **`background.js`**: \n  - Contains the service worker script responsible for tracking the time spent on each tab.\n  - Handles tab activation, tab removal, and window focus changes to update and save the time data.\n\n- **`manifest.json`**: \n  - Defines the extension's metadata, permissions, and background script setup.\n  - Specifies the icons and the popup HTML file.\n\n- **`popup.html`**: \n  - HTML layout for the extension’s popup interface.\n  - Provides a simple UI to display the tracked time for the current tab.\n\n- **`popup.js`**: \n  - JavaScript file that retrieves the tracked time from storage and updates the popup display.\n\n- **`icon16.png`**, **`icon48.png`**, **`icon128.png`**:\n  - Icons of different sizes for the extension, used in various places within the Chrome browser.\n\n## How to Use\n\n1. **Load the Extension:**\n   - Open Chrome and navigate to `chrome://extensions/`.\n   - Enable **Developer mode** by toggling the switch at the top-right.\n   - Click **Load unpacked** and select the extension’s directory.\n\n2. **Track Time:**\n   - Click the extension icon in the Chrome toolbar to open the popup.\n   - The popup will display the time spent on the current tab.\n\n3. **Verify Functionality:**\n   - Open and switch between multiple tabs to see the time tracked accurately.\n   - Close tabs and check if the time updates correctly in the popup when reopened.\n\n4. **Debugging:**\n   - Use Chrome Developer Tools (`Ctrl+Shift+I` or `Cmd+Option+I` on Mac) to inspect the popup and background script for errors or issues.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE).\n\n## Contribution\n\nThis project is open for contribution and any necessary update is highly appriciated\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclaspog%2Ftabtimetracker-chromeextension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclaspog%2Ftabtimetracker-chromeextension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclaspog%2Ftabtimetracker-chromeextension/lists"}