Betfred Game filter and much more av The Devil

Betfred Game Extension

A browser extension for managing, favoriting, and exploring Betfred games with a user-friendly UI, manual add, and robust database export/import features.

Features

• Favorites: Mark/unmark games as favorites for quick access.
• Manual Add: Add new games manually with a clean, accessible modal.
• Database Import/Export: Easily export your game database (one game per line, Notepad-friendly) and import updates.
• Bulk Remove/Re-Add: Remove or restore games by keyword.
• Toasts & UI: Modern, accessible toast notifications and modals for all actions.
• No Scan Required: Ships with a starter database—no initial scan or setup needed.

Installation

1. Download or clone this repository.
2. In your browser (Chrome/Edge/Brave):
3. Go to chrome://extensions/.
4. Enable "Developer mode" (top right).
5. Click "Load unpacked" and select this project folder.
6. The Betfred extension icon should appear in your browser toolbar.

Usage

Adding Games Manually

• Open the extension panel (click the extension icon or "Options").
• Click the orange "+" button to open the "Manually Add Game" modal.
• Fill in the game details (title, provider, min stake, RTP, etc.).
• Use the paste box for quick entry (overlay text supported).
• Click Save. A toast will confirm the game was added.

Favoriting Games

• Click the star (☆) next to any game in the list or on the Betfred site.
• Toasts will confirm when a game is added/removed from favorites.

Importing/Exporting the Database

• Export: Click the blue "⬆️" button (Export) in the Actions section. The database will download as a JSON file, one game per line for easy editing.
• Import: Click the blue "⬇️" button (Import) and select a compatible JSON file. The database will update and reload.

Bulk Remove/Re-Add

• Use the "Bulk Remove/Re-Add" option in the panel to remove or restore games by keyword.

Accessibility & UI

• All modals and toasts are keyboard and screen reader accessible.
• ARIA labels and roles are used for better accessibility.
• Works in Chrome, Edge, Brave, and other Chromium browsers.

Editing the Database

• Export the database, edit in Notepad or any text editor (one game per line), and re-import.
• Each game entry is a JSON object with keys: title, provider, minStake, rtp.

Troubleshooting

• If you don’t see changes, try reloading the extension or the Betfred page.
• If you import an invalid file, a toast will notify you.
• For UI issues, check for browser updates or try disabling other extensions.

Contributing

• PRs and suggestions are welcome! Please keep code clean and user-focused.
• For major changes, open an issue first to discuss your idea.

Contact & Support

• For help, feedback, or to report bugs, open an issue on the repository or contact the maintainer.

Enjoy managing your Betfred games with ease!



Developer Guide

Codebase Structure

```
project-root/
├── src/
│ ├── content.js # Main content script, favorites, UI triggers
│ ├── ui.js # All UI logic: modals, toasts, options panel, manual add
│ ├── storage.js # Storage helpers (get/set, favorites, database)
│ ├── filters.js # Game filter functions (theme, provider, etc.)
│ ├── utils.js # Utility functions (normalization, DOM helpers)
│ └── ... # Other supporting scripts
├── styles.css # Main extension styles (modals, toasts, panel)
├── manifest.json # Extension manifest (permissions, entry points)
├── betfred_scan_data.json # Starter game database
├── README.md # This documentation
└── ... # Assets, icons, etc.