connect/packages/app

The Blockstack App

Source code is available on Github at https://github.com/blockstack/ux/tree/master/packages/app

The Blockstack App is an application for interacting and authenticating with Blockstack apps. It can be used as a hosted web app (available at app.blockstack.org) or as a browser extension.

To use this application with your own Blockstack App, we recommend using Blockstack Connect.

Table of Contents:

• Development
  • Setup
  • Run Locally
• Building and using as a browser extension
  • Installing for Chrome/Brave
  • Installing for Firefox

Development

Although this app is usable as a browser extension, the best interface for development is as a normal web app. This is because it's faster and easier to develop it as a web app, for reasons like hot module loading, and not having to deal with the browser extensions UI constantly.

Setup

Clone this repository and install dependencies:

git clone https://github.com/blockstack/ux
cd ux
yarn

Run Locally

yarn dev

Then, open localhost:8080.

Build and install browser extension

Clone this repository, install dependencies and build the extension:

git clone https://github.com/blockstack/ux
cd ux
yarn
cd packages/app
yarn prod:ext

Then if installing for Chrome or Brave:

1. Go to: chrome://extensions
2. Toggle: "developer mode" on.
3. Click on: "Load unpacked"
4. Select the newly created folder "dist" from the project folder.

If installing for Firefox:

1. Go to: about:debugging
2. Click on "This Firefox"
3. Click on: "Load Temporary Add-on…"
4. Open the newly created folder "dist" from the project folder, and choose the "manifest.json" file.