URL Manager Pro

A powerful tool to manage, organize, and quickly navigate your favorite URLs and credentials.

# URL Manager Pro URL Manager Pro is a powerful and highly customizable Chrome extension designed to help you build, organize, manage, and quickly navigate your favorite URLs and environment-specific credentials. It aims to eliminate the friction of juggling multiple environments (e.g., local, dev, staging, prod) and path configurations by giving you an intuitive, block-building approach to URLs. ## Features - 🏗️ **Dynamic URL Builder**: Construct URLs easily by combining `scheme`, `env`, `path`, and `query` components. - ⚡ **Natural Language Input**: Type naturally (e.g., "http prod search apple") to quickly auto-select URL components. - ⌨️ **Command Palette (Ctrl+K)**: Quickly search through your saved URL components without leaving the keyboard. - 🔑 **Credential Manager (URL-scoped)**: - Create credentials for specific URLs and **associate multiple URLs** with a single credential. - **Auto-merge duplicates**: if two credentials have the same name + username + password, the extension merges them and combines the URL list. - **Reorder credentials/folders** (drag-and-drop + per-row up/down) to control which credential is treated as the default for a URL. - ⭐ **Favorites System**: Save fully constructed URLs to your favorites for one-click access. - 🔄 **Undo & Redo**: Safely edit your URL tree and revert changes effortlessly. - ☁️ **GitHub Gist Sync**: Sync your configuration across devices using GitHub Device Authorization Flow (no need to manually manage Personal Access Tokens). - 📥 **Import & Export**: - Backup and restore your configuration via JSON. - Import existing bookmarks directly from Chrome or via standard HTML bookmark files. - 🎨 **Modern UI**: Sleek, dark-mode design using Tailwind CSS with drag-and-drop support for organizing folders and items. ## Shortcuts - `Ctrl + K` : Open Quick Search (Command Palette) - `Ctrl + Enter` : Open the currently built URL (auto-copies default credentials if configured) ## Tech Stack - **React 18** - **Vite** - **Tailwind CSS** - **Lucide React** (Icons) - **dnd-kit** (Drag and Drop) - **Chrome Extension API** (`storage`, `bookmarks`) ## Development 1. Clone the repository. 2. Install dependencies: ```bash npm install ``` 3. Run the development server (uses Vite): ```bash npm run dev ``` ## Build & Package To build the extension for production and create a ZIP file ready for Chrome Web Store submission: ```bash npm run build ``` This will run the Vite build process and then automatically execute `zip.js` to create an archive of the `dist/` directory. ## Installation in Chrome (Local) 1. Run `npm run build` to generate the `dist` folder. 2. Open Google Chrome and go to `chrome://extensions/`. 3. Enable **Developer mode** in the top right corner. 4. Click **Load unpacked**. 5. Select the `dist` directory generated by the build process. ## Support & Contact - **Email**: vikrantsingh47@gmail.com - **Donate (UPI)**: vikrantsingh47-1@oksbi ## License Private / All Rights Reserved.