snuupy / brave-extension

Shields panel browser action extension for the Brave browser

Brave Only Extension

Experiment moving part of the Brave UI into an extension for use in Brave only (Not Chrome, it will use APIs not available in Chrome)

Installation

# clone brave-extension
$ git clone [email protected]:brave/brave-extension.git

# Install dependencies
$ cd brave-extension
$ npm install

Development

# Build files will appear in './dev'
# Start webpack development server
$ npm run dev

Release

Build

# build files to './build'
$ npm run build

Packaging

# compress release into a brave.zip and brave.crx.
$ npm run build
$ npm run compress -- [options]

Test

• test/app: React components, Redux actions & reducers tests
• test/e2e: E2E tests (use chromedriver, selenium-webdriver)

# lint
$ npm run test-unit

# test/e2e
$ npm run-script build
$ npm run test-e2e

LICENSE

MPL-2

brave-extension's Issues

mutation observer

• don't activate if no rules
• apply CSS rules only on page load
• MO to apply DOM rules on async
  • debounce + once
• fix idempotent rules
• tests

Persisting list of things that are being blocked across restarts

DOM element selector control

fix context menu

https://github.com/bitwarden/browser/blob/ff6e86e84df7ec77bbef7dee343209325ff15f9c/src/background/main.background.ts#L237

https://github.com/gorhill/uBlock/blob/master/src/js/contextmenu.js#L30

can't just use chrome.onStartup/onInstalled

Message Passing Architecture Rework

https://developer.chrome.com/apps/messaging#simple -> https://developer.chrome.com/apps/messaging#connect

between content script and background

put storage logging behind debug flag

put dependency package on npm

brave#48 (review)

port in filter rules

unit tests

hide this element right click context menu needed

https://developer.chrome.com/extensions/contextMenus

Actually hiding and maintaining what is hidden

test: http://raymondhill.net/ublock/adbox.html

check how uBO removes things on the page

• https://github.com/gorhill/uBlock/blob/master/src/js/udom.js

figure out most efficient way to hide elements

.remove(), display:none, injecting CSS stylesheets

add vscode .gitignore rules

brave#59

look into using webworkers to do DOM modifications

https://github.com/ampproject/worker-dom