{"id":26517053,"url":"https://github.com/altersquare/regex-highlight-browser-extension","last_synced_at":"2026-05-10T14:39:34.953Z","repository":{"id":278892938,"uuid":"935965053","full_name":"altersquare/regex-highlight-browser-extension","owner":"altersquare","description":"This Chrome extension allows you to highlight text on any webpage using regular expressions. It provides a simple interface to input your regex, select flags, and easily navigate between highlighted matches.","archived":false,"fork":false,"pushed_at":"2025-03-13T05:11:04.000Z","size":56,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-18T06:37:51.285Z","etag":null,"topics":["browser","browser-extension","chrome","chrome-extension","google"],"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/altersquare.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":"2025-02-20T10:04:58.000Z","updated_at":"2025-03-13T05:01:20.000Z","dependencies_parsed_at":"2025-02-22T11:26:25.722Z","dependency_job_id":"cffed7d2-f64a-48f5-882c-546f4a6232e3","html_url":"https://github.com/altersquare/regex-highlight-browser-extension","commit_stats":null,"previous_names":["rohandhamapurkar/regex-highlight-browser-extension","altersquareio/regex-highlight-browser-extension","altersquare/regex-highlight-browser-extension"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altersquare%2Fregex-highlight-browser-extension","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altersquare%2Fregex-highlight-browser-extension/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altersquare%2Fregex-highlight-browser-extension/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/altersquare%2Fregex-highlight-browser-extension/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/altersquare","download_url":"https://codeload.github.com/altersquare/regex-highlight-browser-extension/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244759961,"owners_count":20505716,"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":["browser","browser-extension","chrome","chrome-extension","google"],"created_at":"2025-03-21T08:17:53.861Z","updated_at":"2025-11-28T10:03:42.818Z","avatar_url":"https://github.com/altersquare.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Regex Highlighter\n\nA Chrome extension that highlights text on any webpage using regular expressions, with navigation features to easily move between matches.\n\n\n![License](https://img.shields.io/badge/license-MIT-blue.svg)\n\n## Features\n\n- **Real-time Highlighting:** Highlight text on any webpage using regular expressions\n- **Regex Flags Support:** Use global, case-insensitive, multiline, and unicode flags\n- **Match Navigation:** Easily navigate between highlighted matches with \"Previous\" and \"Next\" buttons\n- **Keyboard Shortcuts:** Press Enter to quickly move to the next match\n- **Visual Indication:** Current match is highlighted with a distinct style and animation\n- **Persistent Settings:** Your regex patterns and flag settings are saved between uses\n- **Clean UI:** Modern, intuitive interface with toggles for regex flags\n\n## Installation\n\n### From Chrome Web Store\n*Coming soon*\n\n### Manual Installation (Developer Mode)\n1. Clone this repository:\n   ```bash\n   git clone https://github.com/your-username/regex-text-highlighter.git\n   ```\n2. Open Chrome and navigate to `chrome://extensions/`\n3. Enable \"Developer mode\" in the top-right corner\n4. Click \"Load unpacked\" and select the cloned directory\n\n## Usage\n\n1. Navigate to any webpage where you want to highlight text\n2. Click the Regex Highlighter extension icon in your browser toolbar\n3. Enter your regular expression in the text field\n4. Select the appropriate regex flags:\n   - **Global (g):** Find all matches (not just the first one)\n   - **Case Insensitive (i):** Match regardless of letter case\n   - **Multiline (m):** Make `^` and `$` match the start/end of each line\n   - **Unicode (u):** Enable proper Unicode matching\n5. Click \"Highlight Matches\" to highlight all matching text\n6. Use the \"Previous Match\" and \"Next Match\" buttons to navigate between matches\n7. Press Enter to quickly navigate to the next match\n8. Click \"Clear All\" to remove all highlights\n\n## Examples\n\nHere are some useful regex patterns you can try:\n\n| Pattern | Description |\n|---------|-------------|\n| `\\b\\w+ing\\b` | Find all words ending with \"ing\" |\n| `\\b[A-Z][a-z]*\\b` | Find words that start with a capital letter |\n| `\\d{3}-\\d{3}-\\d{4}` | Find US phone numbers in XXX-XXX-XXXX format |\n| `\\b\\w+@\\w+\\.\\w+\\b` | Find simple email addresses |\n| `\\$\\d+(\\.\\d{2})?` | Find dollar amounts |\n\n## Technical Details\n\n- Built with vanilla JavaScript, HTML, and CSS\n- Uses Chrome's Storage API to save settings\n- Efficiently processes DOM nodes to highlight text while preserving page structure\n- Smart navigation between matches with wraparound functionality\n- Responsive design that works across various screen sizes\n\n## Privacy\n\nThis extension:\n- Does NOT collect any user data\n- Does NOT send any information to external servers\n- Processes everything locally in your browser\n- Requires minimal permissions (only activeTab, storage, and scripting)\n\n## Contributing\n\nContributions are welcome! To contribute:\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## Development\n\n### Project Structure\n\n```\n├── icons              # Extension icons in various sizes\n├── src                # Source code\n│   ├── popup.html     # Extension popup UI\n│   └── popup.js       # Popup functionality and text highlighting logic\n├── .gitignore         # Git ignore file\n├── .prettierrc.js     # Prettier configuration\n├── eslint.config.mjs  # ESLint configuration\n├── LICENSE            # MIT License\n├── manifest.json      # Chrome extension manifest\n├── package.json       # NPM package configuration\n└── README.md          # This file\n```\n\n### Getting Started\n\n```bash\n# Install dependencies\nnpm install\n\n# Run lint checks and format code\nnpm run lint\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faltersquare%2Fregex-highlight-browser-extension","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faltersquare%2Fregex-highlight-browser-extension","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faltersquare%2Fregex-highlight-browser-extension/lists"}