List Dock 📋

A sleek, high-performance Chrome Extension for managing your tasks directly in the side panel. Built with a focus on speed, aesthetics, and user experience.

🚀 Key Features

• Side Panel Integration: Open/Close with icon click.
• Combo Input: Add task, folder and serach from one input.
• Drag & Drop: Intuitive reorganization of tasks and folders.
• Folder Organization: Categorize your tasks into folders with support for subtasks.
• Search: Global and local search to find your tasks instantly.
• Undo Actions: Use the undo from toast message.
• Sleek Design: Modern glassmorphism UI with smooth Framer Motion animations.
• Fully Local: Your data stays on your machine, synced and saved via chrome.storage.local.

📦 Installation

To install the extension in your browser:

1. Download the Latest Release: Head to the Latest Release page and download the list-dock.zip file.
2. Unzip the file: Extract the contents to a folder on your computer.
3. Load in Chrome:
   • Open Chrome and navigate to chrome://extensions/.
   • Enable Developer mode (top right toggle).
   • Click Load unpacked.
   • Select the folder you extracted in step 2.
   • Do not delete the folder after loading.

📖 How to Use

• Opening the Sidebar: Click the List Dock extension icon in your browser toolbar to toggle the side panel.
• Combo Input: Use the multifunctional input at the bottom:
  • Task Mode: Default mode to add tasks. If a task is selected, it adds a subtask.
  • Folder Mode: Click the folder icon to create new categories. Only available in root.
  • Search Mode: Click the magnifying glass to filter through all your tasks.
• Managing Tasks: Drag and drop tasks to prioritize or move them into folders.
• Undo: Use the toast notification to undo your last action.

🛠️ Tech Stack

• Core: React 19, TypeScript
• Build System: Vite + CRXJS
• State Management: Zustand
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Icons: Lucide React
• Search: Fuse.js
• Notifications: React Hot Toast

🛠️ Development

If you want to contribute or build the extension from source:

1. Clone the repository:

   git clone https://github.com/MatrixRex/List-Dock.git
   cd list-dock

2. Install dependencies:

   pnpm install

3. Build the extension:

   pnpm build

4. Load the build:
   • Follow the "Load in Chrome" steps above, but select the dist folder generated inside the project directory.

🏷️ Release & Versioning

To automate semantic versioning and GitHub releases, run:

pnpm release

This will launch an interactive wizard that:

1. Checks if your Git working directory is clean.
2. Shows your current version and latest tag.
3. Prompts you to select the release type (Patch, Minor, Major).
4. Asks for an optional custom commit message.
5. Bumps the version in package.json, tags it, and pushes both to GitHub.

📄 License

This project is Open Source and available under the MIT License.