Mozilla example extension number 1 rewritten in purescript

README.md

Borderify

Example firefox extension. Minimal example for purescript as WebExtensions language. See the tutorial page for the original extension: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension

Build

Install purescript and spago:

npm install

Install package dependencies and build project:

npx spago build

Optimize and bundle executable:

npx spago bundle-app -t content/out.js

Main.purs

module Main where

import Prelude

import Effect (Effect)
import Vanilla.Dom.Document (body)
import Vanilla.Dom.Element (setStyle)

main :: Effect Unit
main =
    setStyle "border" body "5px solid red"

manifest.json

{ "manifest_version": 2
, "name": "Borderify"
, "version": "1.0"

, "description": "Adds a red border to all webpages matching habr.com"

, "content_scripts": [
    { "matches": ["*://*.habr.com/*"]
    , "js": ["content/out.js"]
    }
  ]
}

package.json

{
    "name": "borderify",
    "version": "1.0.0",
    "description": "Add borders to a habr page",
    "dependencies": {
        "purescript": "^0.13.6",
        "spago": "^0.13.1"
    }
}

packages.dhall

let upstream =
      https://github.com/purescript/package-sets/releases/download/psc-0.13.6-20200123/packages.dhall sha256:687bb9a2d38f2026a89772c47390d02939340b01e31aaa22de9247eadd64af05

let overrides = {=}

let additions =
  { vanilla-web =
      { dependencies =
          [ "prelude"
          , "effect"
          , "functions"
          , "maybe"
          , "partial"
          ]
      , repo =
          "https://github.com/d86leader/purescript-vanilla-web.git"
      , version =
          "c764f569d80e7a507d945c9e2647a871e735a8b6"
      }
  }

in  upstream // overrides // additions

spago.dhall

{ name = "borderify"
, dependencies =
  [ "console"
  , "effect"
  , "psci-support"
  , "vanilla-web"
  ]
, packages = ./packages.dhall
, sources = [ "Main.purs" ]
}