🔍 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:

git clone https://github.com/remcostoeten/ripgrep-helperr.git
cd ripgrep-helperr

2. Install dependencies:

pnpm install

3. Start the development server:

pnpm dev

4. Open http://localhost:3000 in your browser

🛠️ Built With

• SolidJS - A declarative JavaScript library for building user interfaces
• Vite - Next Generation Frontend Tooling
• PrismJS - Syntax highlighting
• TypeScript - Type safety and better developer experience

📦 Production Build

To create a production build:

pnpm build

The build artifacts will be stored in the dist/ directory.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

$ npm install # or pnpm install or yarn install

Learn more on the Solid Website and come chat with us on our Discord

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 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.)