https://github.com/remcostoeten/ripgrep-command-creator-helper
Are you also to dumb or capable of remembering a API? You're not alone! configure your ripgrep command however you want. Built with performance and keyboard navigation in mind. Use Alt + number to jump between sections.
https://github.com/remcostoeten/ripgrep-command-creator-helper
cli-frontend grep rg ripgrep ripgrep-frontend solidjs
Last synced: 6 months ago
JSON representation
Are you also to dumb or capable of remembering a API? You're not alone! configure your ripgrep command however you want. Built with performance and keyboard navigation in mind. Use Alt + number to jump between sections.
- Host: GitHub
- URL: https://github.com/remcostoeten/ripgrep-command-creator-helper
- Owner: remcostoeten
- Created: 2025-04-27T02:01:43.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-27T20:54:53.000Z (about 1 year ago)
- Last Synced: 2025-09-26T08:49:13.018Z (10 months ago)
- Topics: cli-frontend, grep, rg, ripgrep, ripgrep-frontend, solidjs
- Language: TypeScript
- Homepage: http://ripgrep-helper.vercel.app/
- Size: 72.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔍 Ripgrep Helper UI
A modern, interactive web interface for building powerful ripgrep commands. Built with SolidJS and styled with a GitHub Dark-inspired theme.
## ✨ Features
- 🎯 Interactive UI for building ripgrep commands
- 🎨 Beautiful GitHub Dark-inspired theme
- ⚡ Real-time command generation
- 🔥 Preset filters for common use cases:
- Web Development (JS/TS, CSS, HTML)
- Documentation (MD, TXT, RST)
- Configuration Files (JSON, YAML, ENV)
- Images (JPG, PNG, SVG)
- Backend Code (Python, Ruby, Java)
- ⌨️ Keyboard shortcuts for quick navigation
- 💾 Automatic state persistence
- 📱 Responsive design for all screen sizes
## 🚀 Quick Start
1. Clone the repository:
```bash
git clone https://github.com/remcostoeten/ripgrep-helperr.git
cd ripgrep-helperr
```
2. Install dependencies:
```bash
pnpm install
```
3. Start the development server:
```bash
pnpm dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## 🛠️ Built With
- [SolidJS](https://www.solidjs.com/) - A declarative JavaScript library for building user interfaces
- [Vite](https://vitejs.dev/) - Next Generation Frontend Tooling
- [PrismJS](https://prismjs.com/) - Syntax highlighting
- [TypeScript](https://www.typescriptlang.org/) - Type safety and better developer experience
## 📦 Production Build
To create a production build:
```bash
pnpm build
```
The build artifacts will be stored in the `dist/` directory.
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
```bash
$ npm install # or pnpm install or yarn install
```
### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
## Available Scripts
In the project directory, you can run:
### `npm run dev` or `npm start`
Runs the app in the development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
### `npm run build`
Builds the app for production to the `dist` folder.
It correctly bundles Solid in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
## Deployment
You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.)