{"id":24540542,"url":"https://github.com/unit2795/hueharvester","last_synced_at":"2025-03-16T05:43:12.740Z","repository":{"id":242679074,"uuid":"808362067","full_name":"Unit2795/HueHarvester","owner":"Unit2795","description":"Extract color palettes from websites using CSS and image analysis in this Chrome Extension.","archived":false,"fork":false,"pushed_at":"2024-07-02T08:01:31.000Z","size":665,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T18:14:01.851Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/Unit2795.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-05-30T23:11:02.000Z","updated_at":"2024-07-02T08:01:35.000Z","dependencies_parsed_at":"2024-06-04T11:57:51.553Z","dependency_job_id":"5a214ce8-112d-497c-a6fb-fcd2970ed1fd","html_url":"https://github.com/Unit2795/HueHarvester","commit_stats":null,"previous_names":["unit2795/hueharvester"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Unit2795%2FHueHarvester","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Unit2795%2FHueHarvester/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Unit2795%2FHueHarvester/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Unit2795%2FHueHarvester/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Unit2795","download_url":"https://codeload.github.com/Unit2795/HueHarvester/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243830915,"owners_count":20354850,"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":[],"created_at":"2025-01-22T18:14:05.833Z","updated_at":"2025-03-16T05:43:12.720Z","avatar_url":"https://github.com/Unit2795.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HueHarvester ![Hue Harvester Chrome Extension Logo](public/32.png \"Title\")\n\n![Example palette from Hue Harvester Chrome Extension](docs/example.png \"Title\")\n\nHueHarvester is a Google Chrome extension that creates color palettes from webpages using CSS and image analysis. Including detection of dominant color.\n\nClick the extension's icon in your browser bar to begin the generation of the color palettes. Click individual colors to copy their value.\n\nSelect from different color spaces to present colors in your preferred format (RGB, HSL, Hex, etc)\n\n**🚧WORK IN PROGRESS, PARDON OUR MESS🏗️**\n\n## Development\nThis library uses CRXJS to hot reload the extension during development. You'll need to enable developer mode in Chrome and load the unpacked `/dist` folder.\n\nStart the development server using Vite:\n```bash\npnpm dev\n```\n\n### Installation\nInstall the dependencies using PNPM, the package.json enforces the Node and PNPM versions:\n```bash\npnpm install\n```\n\n## Directory Structure\nSynopsis of key directories and files in the project:\n- `dist/` - Contains the built extension script files produced by Vite/Rollup\n- `public/` - Contains static files that are copied to the `dist` directory\n  - `manifest.json` - Chrome extension configuration file\n- `src/` - Source files\n  - `components/` - Reusable React components\n  - `lib/` - Library/helper functions\n    - `colors.ts` - Functions for extracting colors from images and CSS and processing them\n    - `imaging.ts` - Function for capturing the current webpage as an image\n  - `App.tsx` - Main React component\n  - `main.tsx` - Entry point for the React application that is loaded in the extension's popup window\n- `eslintrc.cjs` - ESLint configuration file\n- `index.html` - HTML template for the extension's popup window that loads in the React application\n- `vite.config.ts` - Vite configuration file, CRXJS is configured here\n\n\n## Key Technologies\n- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) (Programming Language)\n- [TypeScript](https://www.typescriptlang.org/) (Type-Safe Superset of JavaScript)\n- [Vite](https://vitejs.dev/) (Development Server)\n- [React](https://reactjs.org/) (UI Library)\n- [Tailwind CSS](https://tailwindcss.com/) (Utility-First CSS Framework)\n- [ESLint](https://eslint.org/) (Code Linter)\n- [Chrome Extension API](https://developer.chrome.com/docs/extensions/reference/) (Extension Development)\n- [PNPM](https://pnpm.io/) (Package Management)\n- [Rollup](https://rollupjs.org/) (Bundling)\n- [Color Thief](https://github.com/lokesh/color-thief) (Median Cut Algorithm)\n- [CRXJS](https://crxjs.dev/vite-plugin) (Vite Plugin for Hot-Reloading Chrome Extensions)\n\n## Inspired By\n- [Extract Colors DevTool](https://github.com/guiexperttable/extract-colors-chrome-extension)\n- [Site Palette](https://palette.site/)\n- [ColorZilla](https://www.colorzilla.com/chrome/)\n\n## License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Contributions\nContributions are welcome! You are welcome to open an issue, create a pull request, fork the project, or reach out to the maintainers.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funit2795%2Fhueharvester","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funit2795%2Fhueharvester","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funit2795%2Fhueharvester/lists"}