Browser Extension Dev Helper

A universal browser extension with multiple helper functions for developers. Each function is modular and can be easily added or removed.

Features

• Modular Architecture: Each helper function is in its own file
• Easy to Extend: Add new functions by creating HTML/JS files and registering them
• Modern UI: Clean, responsive interface

Current Functions

Markdown Fixer

Fixes common markdown formatting issues, especially:

• Missing bullet points in lists
• Additional blank spaces
• Inconsistent indentation
• Multiple consecutive blank lines

Installation

1. Open your browser (Chrome, Edge, or other Chromium-based browsers)
2. Navigate to chrome://extensions/ (or edge://extensions/ for Edge)
3. Enable "Developer mode" (toggle in top right)
4. Click "Load unpacked"
5. Select this directory

Adding New Functions

1. Create a new HTML file in helpers/ (e.g., helpers/my-function.html)
2. Create a new JS file in helpers/ (e.g., helpers/my-function.js)
3. Register the function in popup.js:

const functions = {
  "markdown-fixer": {
    html: "helpers/markdown-fixer.html",
    script: "helpers/markdown-fixer.js",
  },
  "my-function": {
    html: "helpers/my-function.html",
    script: "helpers/my-function.js",
  },
};

4. Add an option to the dropdown in popup.html:

<option value="my-function">My Function</option>

Usage

1. Click the extension icon in your browser toolbar
2. Select a function from the dropdown
3. Use the function's interface
4. For Markdown Fixer: Paste your markdown, click "Fix Markdown", then copy the result