Skip to content

Commit

Permalink
chore: Clean up SETUP guides
Browse files Browse the repository at this point in the history
  • Loading branch information
ananthb committed Dec 9, 2023
1 parent c191b34 commit b723614
Show file tree
Hide file tree
Showing 2 changed files with 120 additions and 85 deletions.
134 changes: 70 additions & 64 deletions SETUP_DEV_LINUX.md
Original file line number Diff line number Diff line change
@@ -1,86 +1,91 @@
# How to setup the build environment for browsh on a generic Linux system

This guide was made for x86-64 based Linux systems. You may try to adapt it to other systems.
In this guide, it is assumed that you can't install the required go, nodejs and firefox versions from your distribution's repositories.
In case they are available, you should try to install go, nodejs and firefox using your distribution's package manager.
You can follow this guide as-is on x86-64 based Linux distributions.
You may try to adapt it to other systems.
This guide assumes that you cannot install the required Go, NodeJS and Firefox packages
from your distribution's repositories.
In case they are available, you should install them using your system's package manager.

## Installing golang

Get the latest amd64 binary for Linux on the [golang download page](https://golang.org/dl/).
Get the latest binary for your target Linux system from the [golang download page](https://golang.org/dl/).

Extract to `/usr/local` with:

```
$ tar -C /usr/local -xzf go1.11.linux-amd64.tar.gz
```shell
tar -C /usr/local -xzf go1.11.linux-amd64.tar.gz
```

Add `/usr/local/go/bin` to your `PATH` in `~/.profile`

## Installing nodejs/npm

Go to the [nodejs download page](https://nodejs.org/download) and select the LTS version of the Linux x86 64bit binaries.
Go to the [nodejs download page](https://nodejs.org/download)
and select the LTS version of the Linux x86 64bit binaries.

```
$ mkdir /usr/local/lib/nodejs
$ VERSION=v8.11.4
$ DISTRO=linux-x64
$ tar -xJvf node-$VERSION-$DISTRO.tar.xz -C /usr/local/lib/nodejs
$ mv /usr/local/lib/nodejs/node-$VERSION-$DISTRO /usr/local/lib/nodejs/node-$VERSION
```shell
mkdir /usr/local/lib/nodejs
VERSION=v8.11.4
DISTRO=linux-x64
tar -xJvf node-$VERSION-$DISTRO.tar.xz -C /usr/local/lib/nodejs
mv /usr/local/lib/nodejs/node-$VERSION-$DISTRO /usr/local/lib/nodejs/node-$VERSION
```

Edit your `~/.profile` to add `/usr/local/lib/nodejs/node-v8.11.4/bin` to your `PATH`, then reload your profile:
Edit your `~/.profile` to add `/usr/local/lib/nodejs/node-v8.11.4/bin` to your `PATH`,
then reload your profile:

```
$ source ~/.profile
```shell
source ~/.profile
```

Create symlinks for *node* and *npm*:

```
$ sudo ln -s /usr/local/lib/nodejs/node-$VERSION/bin/node /usr/local/bin/node
$ sudo ln -s /usr/local/lib/nodejs/node-$VERSION/bin/npm /usr/local/bin/npm
```shell
sudo ln -s /usr/local/lib/nodejs/node-$VERSION/bin/node /usr/local/bin/node
sudo ln -s /usr/local/lib/nodejs/node-$VERSION/bin/npm /usr/local/bin/npm
```

Now you should be able to call the *go* and *node* binaries:

```
$ go version
$ node --version
```shell
go version
node --version
```

## Installing webpack and webpack-cli

(`--no-audit` is used to get around errors, may not be needed)
The `--no-audit` flag gets around errors. You may not need it.

```
$ npm install -g --no-audit webpack
$ npm install -g webpack-cli
```shell
npm install -g --no-audit webpack
npm install -g webpack-cli
```

## Installing web-ext

(`--no-audit` is used to get around errors, may not be needed)
The `--no-audit` flag gets around errors. You may not need it.

```
$ npm install -g --ignore-scripts web-ext
```shell
npm install -g --no-audit --ignore-scripts web-ext
```

## Installing Firefox

You may install *firefox* from your distribution's repositories. **Version 57 or higher is required.**
You may install *firefox* from your distribution's repositories.
**Browsh requires Version 57 or higher.**

### Installing firefox from mozilla's binaries

See `interfacer/contrib/setup_firefox.sh` for reference.

```
$ export FIREFOX_VERSION=60.0
$ mkdir -p $HOME/bin
$ pushd $HOME/bin
$ curl -L -o firefox.tar.bz2 https://ftp.mozilla.org/pub/firefox/releases/$FIREFOX_VERSION/linux-x86_64/en-US/firefox-$FIREFOX_VERSION.tar.bz2
$ bzip2 -d firefox.tar.bz2
$ tar xf firefox.tar
$ popd
```shell
export FIREFOX_VERSION=60.0
mkdir -p $HOME/bin
pushd $HOME/bin
curl -L -o firefox.tar.bz2 https://ftp.mozilla.org/pub/firefox/releases/$FIREFOX_VERSION/linux-x86_64/en-US/firefox-$FIREFOX_VERSION.tar.bz2
bzip2 -d firefox.tar.bz2
tar xf firefox.tar
popd
```

## Cloning the browsh repository
Expand All @@ -89,58 +94,59 @@ It's assumed that you already have *git* installed.

Run this anywhere you want:

```
$ git clone https://github.com/browsh-org/browsh.git
```shell
git clone https://github.com/browsh-org/browsh.git
```

## Setting up the build environment in the cloned repository

### Setting up dependencies
### Setting up dependencies

```shell
browsh=/path/to/browsh
cd "$browsh/webext"
source ~/.nvm/nvm.sh # this is optional
npm run get-gobindata
npm install
npm run build
diff -u <(echo -n) <(gofmt -d ./)
./node_modules/.bin/prettier --list-different "{src,test}/**/*.js"
```
$ REPO_ROOT=/path/to/browsh
$ cd $REPO_ROOT/webext
$ source ~/.nvm/nvm.sh # this is optional
$ npm run get-gobindata
$ npm install
$ npm run build
$ diff -u <(echo -n) <(gofmt -d ./)
$ ./node_modules/.bin/prettier --list-different "{src,test}/**/*.js"
```

### Building browsh

```
$ cd $REPO_ROOT/interfacer
$ go build -o browsh src/main.go
```shell
cd "$browsh/interfacer"
go build -o browsh src/main.go
```

### Building the web extension

In `$REPO_ROOT/webext`:
In `$browsh/webext`:

```
$ webpack --watch
```shell
webpack --watch
```

This will continuously watch for changes made to the web extension and rebuild it.

## Run firefox and the webextension

In `$REPO_ROOT/webext/dist`:
In `$browsh/webext/dist`:

```
$ web-ext run --verbose --firefox path/to/firefox
```shell
web-ext run --verbose --firefox path/to/firefox
```

## Run browsh

```
$ cd $REPO_ROOT/interfacer
$ go run ./cmd/browsh --firefox.use-existing --debug
```shell
cd "$browsh/interfacer"
go run ./cmd/browsh --firefox.use-existing --debug
```

Or after building:

```
$ ./browsh --firefox.use-existing --debug
```shell
./browsh --firefox.use-existing --debug
```
71 changes: 50 additions & 21 deletions SETUP_DEV_WIN.md
Original file line number Diff line number Diff line change
@@ -1,26 +1,36 @@
# How to set up the build environment for Browsh on Windows
This guide is for those who want to set up the build environment on Windows Command Prompt or Powershell. Since some of the shell scripts are needed to set up the environment, you can just use **Git Bash** to run these scripts.

This guide is for those who want to set up the build environment on Windows
Command Prompt or Powershell.
Setup depends on running shell scripts. You can use **Git Bash** to run those scripts.

## Setting up Go, NodeJs, and GOPATH

Download and install Go for Windows at [Go download page](https://golang.org/dl/).

Download and install NodeJs for Windows at [NodeJs download page](https://nodejs.org/en/download/)

Using Command Prompt or Powershell:

Create a go workspace:
> mkdir go

> cd go
```shell
mkdir go
cd go
```

Set GOPATH to current directory.
> set GOPATH=%cd%

```shell
set GOPATH=%cd%
```

Create subdirectories bin and src within your go directory:
> mkdir bin

> mkdir src
```shell
mkdir bin
mkdir src
```

Add %GOPATH%/bin to your PATH.

Expand All @@ -29,44 +39,63 @@ Add %GOPATH%/bin to your PATH.
Download and install Chocolatey package manager at [Chocolatey download page](https://chocolatey.org/install).

Using chocolatey package manager run:
> choco install dep

```shell
choco install dep
```

## Installing webpack, web-ext, and Firefox
> npm install -g --no-audit webpack

> npm install -g --ignore-scripts web-ext
```shell
npm install -g --no-audit webpack
npm install -g --ignore-scripts web-ext
```

Download and install Firefox for Windows at [Firefox download page](https://www.mozilla.org/en-US/firefox/new/).
Note: **Version 57 or higher is required.**

Note: **Browsh requires Firefox versions 57 or higher.**

## Cloning the browsh repository

Navigate to GOPATH/src and run:
> git clone https://github.com/browsh-org/browsh.git

```shell
git clone https://github.com/browsh-org/browsh.git
```

## Setting up dependencies

Navigate to browsh/webext and run:
> npm install

```shell
npm install
```

## Building browsh with Git Bash

Using Git Bash, navigate to browsh/interfacer/contrib and run:
> ./build_browsh.sh

```shell
./build_browsh.sh
```

## Running browsh

Using three Command Prompts or Powershells:

Navigate to GOPATH/browsh and run:
> go run ./interfacer/src/main.go --firefox.use-existing --debug
Navigate to browsh/webext and run:
> webpack --watch
Navigate to browsh/webext/dist and run:
> web-ext run --verbose

```shell
go run ./interfacer/src/main.go --firefox.use-existing --debug
```

Navigate to browsh/webext and run:

```shell
webpack --watch
```

Navigate to browsh/webext/dist and run:

```shell
web-ext run --verbose
```

0 comments on commit b723614

Please sign in to comment.