Back to Vicinae

Vicinae browser integration

src/browser-extension/README.md

0.20.155.2 KB
Original Source

Vicinae browser integration

This subdirectory contains:

  • native bridge between browser extensions and vicinae daemon
  • chromium/firefox browser extension. Currently the same codebase is used for both, but eventually we may have to split them.

For now the extension is not published to the official stores, this is a work in progress.

Manual install

If you can't install the extension from the official stores, you can install the browser extension manually.

Install native host manifest

The browser extension uses Native messaging to communicate with the vicinae daemon.

You need to install the corresponding native host manifest at one of the expected locations.

Installing the manifests in system directories is strongly recommended because it makes them automatically discoverable by any chromium/firefox based browser.

Using CMake

The recommended way of installing the manifests is to use the provided CMake install rule to install vicinae. This rule will automatically install both manifests in the correct system locations (root access required).

Manual native host manifest install

Copy the right manifest template from ./native-host/ and change the placeholder values.

For firefox, you only need to replace @NATIVE_HOST_BIN with the absolute path to the vicinae-browser-link executable (e.g: /usr/local/libexec/vicinae/vicinae-browser-link). Then copy the manifest at /usr/lib/mozilla/native-messaging-hosts/com.vicinae.vicinae.json.

For chromium you will also need to change the allowed origins, more on that below. The manifest needs to be copied at /etc/chromium/native-messaging-hosts/com.vicinae.vicinae.json.

Load the browser extension

Chromium bases

You can load the ./chrome/ directory as any unpacked extension.

Then modify the native host manifest (likely at /etc/chromium/native-messaging-hosts/com.vicinae.vicinae.json) and change the origin in the allowed_origins array to use the local extension ID that was automatically generated upon loading the unpacked extension.

Once that is done, reloading the extension should automatically establish a connection with vicinae if the vicinae server is running.

Firefox bases

Prerequisites

Instructions

Copy the right manifest template from ./native-host/ and change the placeholder values.

For firefox, you only need to replace @NATIVE_HOST_BIN with the absolute path to the vicinae-browser-link executable (e.g: /usr/local/libexec/vicinae/vicinae-browser-link or /usr/libexec/vicinae/vicinae-browser-link). Then copy the manifest at /usr/lib/mozilla/native-messaging-hosts/com.vicinae.vicinae.json.

The following shell script demonstrates how to build and sign the app starting with cloning the repo, just update the variables at the beginning with your api secrets and the email address associated with them.

#!/bin/bash

AMO_EMAIL_ADDRESS="<yourAMO@email>"
WEB_EXT_API_KEY="<api cred:JWT issuer>" # user:[num:num] "user:12345678:123"
WEB_EXT_API_SECRET="<api cred:JWT secret>" # string  "123abc789abc............................................345abc90" 
WEB_EXT_CHANNEL="unlisted" # to build and distribute locally as opposed to the store with "listed"

git clone https://github.com/vicinaehq/vicinae
cd ./vicinae/src/browser-extension
sudo make firefox

cat > /lib/mozilla/native-messaging-hosts/com.vicinae.vicinae.json <<EOF
{
  "name": "com.vicinae.vicinae",
  "description": "Vicinae Native Messaging Host",
  "path": "/usr/libexec/vicinae/vicinae-browser-link",
  "type": "stdio",
  "allowed_extensions": [
    "$AMO_EMAIL_ADDRESS"
  ]
}
EOF

cd ./build/firefox
sed 's|"id": "vicinae@vicinae\.com"|"id": ""$AMO_EMAIL_ADDRESS"",\n      "data_collection_permissions": \{\n      "required": \["none"\],\n      "optional": \[\]\n      }|' -i ./manifest.json
web-ext sign

At this point the terminal will usually churn for around 6 minutes while the automated checks run online, it can be flagged for a human check which would delay it. Once that's resolved a .xpi file will have populated in the firefox/web-ext-artifacts/ folder, import that into firefox.

  • open Firefox and open the extensions menu, or enter 'about:addons' into your address bar and hit enter
  • click the gear icon on the top right, select 'Install Add-on From File...'
  • select the .xpi file

And upon restarting Firefox you should be good to go. If you run into issues with signing this page holds information on all 4 signing methods, but you'll still need to alter the manifest if you submit through the webui

Architecture schema

If that's any helpful, here is a very simple schema of how communication between vicinae and the browser works: