YamlMark

A Chrome extension for managing bookmarks using YAML format.

• Export bookmarks to YAML - View and download your bookmarks in human-readable YAML format
• Edit in browser - Built-in Monaco editor with YAML syntax highlighting and Vim mode support
• Import from YAML - Modify your bookmarks structure and commit changes back to your browser
• Nested folder support - Manage complex bookmark hierarchies with nested folders
• Validation - YAML syntax validation before importing to prevent errors
• Backup & restore - Download YAML files for backup and version control

• React 19 + TypeScript
• Vite
• Mantine UI
• Monaco Editor
• js-yaml
• Chrome Extensions Manifest V3

Install from Chrome Web Store

1. Clone this repository
2. Run npm install
3. Run npm run build to create the dist folder
4. Open Chrome and navigate to chrome://extensions/
5. Enable "Developer mode" in the top right
6. Click "Load unpacked" and select the dist folder
7. Click the YamlMark icon in your Chrome toolbar

Open the extension to see your current bookmarks displayed in YAML format.

Click the "Download" button to save your bookmarks as a YAML file for backup.

1. Click "Edit" to enable editing mode
2. Modify the YAML content directly in the editor
3. Toggle Vim mode if desired
4. Click "Commit" to apply changes
5. Confirm in the dialog to update your bookmarks

Bookmarks bar:
  - name: Google
    url: https://google.com
  - name: GitHub
    url: https://github.com
  - Work Folder:
      - name: Internal Wiki
        url: https://wiki.company.com
      - name: Dashboard
        url: https://dashboard.company.com

Other bookmarks:
  - name: Reference
    url: https://reference.com

Mobile Bookmarks:
  - name: Mobile Site
    url: https://mobile.example.com

Note: Only Chrome's root folders are allowed at the top level:

• Bookmarks bar
• Other bookmarks
• Mobile Bookmarks (only if it exists in your browser)

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Lint code
npm run lint

• The extension requires the bookmarks permission to read and modify your bookmarks
• Chrome's root folders (Bookmarks bar, Other bookmarks, Mobile Bookmarks) cannot be created or deleted - only their contents can be modified
• When importing, all existing bookmarks will be replaced with the YAML content
• A confirmation dialog is shown before committing changes to prevent accidental data loss

MIT