Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/milopadma/channel-time
chrome extension to tell you which youtube channels you spend the most time on
https://github.com/milopadma/channel-time
Last synced: about 2 months ago
JSON representation
chrome extension to tell you which youtube channels you spend the most time on
- Host: GitHub
- URL: https://github.com/milopadma/channel-time
- Owner: Milopadma
- License: mit
- Created: 2024-04-03T18:30:39.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-10-23T16:56:55.000Z (3 months ago)
- Last Synced: 2024-10-23T23:56:42.841Z (3 months ago)
- Language: TypeScript
- Size: 114 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chrome Extension TypeScript Starter
![build](https://github.com/chibat/chrome-extension-typescript-starter/workflows/build/badge.svg)
Chrome Extension, TypeScript and Visual Studio Code
## Prerequisites
* [node + npm](https://nodejs.org/) (Current Version)
## Option
* [Visual Studio Code](https://code.visualstudio.com/)
## Includes the following
* TypeScript
* Webpack
* React
* Jest
* Example Code
* Chrome Storage
* Options Version 2
* content script
* count up badge number
* background## Project Structure
* src/typescript: TypeScript source files
* src/assets: static files
* dist: Chrome Extension directory
* dist/js: Generated JavaScript files## Setup
```
npm install
```## Import as Visual Studio Code project
...
## Build
```
npm run build
```## Build in watch mode
### terminal
```
npm run watch
```### Visual Studio Code
Run watch mode.
type `Ctrl + Shift + B`
## Load extension to chrome
Load `dist` directory
## Test
`npx jest` or `npm run test`