How do I make firefox extension out of source code?

Various discussions related to Adblock Plus development
Post Reply
User345124
Posts: 5
Joined: Thu Aug 12, 2021 8:58 pm

How do I make firefox extension out of source code?

Post by User345124 »

Hi!

There are quite a few repositories for ABP https://gitlab.com/eyeo/adblockplus . I am interested in playing around with FF extension. What exactly do I need to grab from there and how to compile to get FF extension from that? I know JS but I have not had to use Node so it would be useful if you copy-pasted some commands here if it needs somekind of node or webpack or whatever.
User avatar
greiner
ABP Developer
Posts: 899
Joined: Mon Sep 03, 2012 5:29 pm
Location: Cologne, Germany

Re: How do I make firefox extension out of source code?

Post by greiner »

There have been quite a few changes to the source code over the last year and there will be further changes still (e.g. plan for new GitLab namespace). But for the time being, you can find the main project at https://gitlab.com/eyeo/adblockplus/abpui/adblockplusui .

There you can find all the issues we're tracking, as well as the instructions you need for building the extension. Currently, that means following these steps:
1. Make sure that you have all required software installed (e.g. nodejs, npm, git)
2. Clone adblockplusui.
3. Run `npm run submodules:update`.
4. Navigate to the "adblockpluschrome" directory.
5. Run `npm install`.
6. Run `npx gulp devenv -t firefox`.

This will generate a "devenv.firefox" directory, which you can load as an unpacked extension.
Post Reply