U-Fret Browser Extension

U-Fret Browser Extension
React & TypeScript

A cross-platform (Chrome, Firefox, Edge, Opera, Brave) web browser extension.

---

Features · Browser Support · Quick Start

Features

• Remove Ad at each pages(as much as possible).
• Select original key on a page of scores.
• Scrolls automatically when you open a page of scores.

Browser Support

✔	✔ (Beta)	✔	✔	✔

Quick Start

Ensure you have

• Node.js v14 or later installed
  • Recommended v18.12.1
• Yarn installed
  • Recommended v1.22.19

Then run the following:

• yarn install to install dependencies.

• yarn dev to start the development server.

• yarn build to build an unpacked extension.

• Load extension in Chrome (Chromium)

  • Go to the browser address bar and type chrome://extensions
  • Check the Developer Mode button to enable it.
  • Click on the Load Unpacked Extension button.
  • Select your dist folder in the project root.

• Load extension in Firefox

  • Go to the browser address bar and type about://debugger
  • Click on the Load Temporary Add-on button.
  • Select your dist_firefox folder in the project root.

Available Commands

• yarn clean to remove dist folder. dev and build commands call this command.
• yarn ci:test to run lint & unit test & type checking in ci environment. ci:test:lint, ci:test:style, ci:test:unit commands also available.
• yarn format to fix code with eslint, prettier.
• yarn lint to call ESLint, Prettier.
• yarn test for testing.