The Colophon

This page is is made with tools provided by the browser as much as possible. We are using import statements to resolve ES modules, the view library uses web components, and we are using the browser's WebCrypto API for all cryptography.

The build script for this page copies some JS files from one folder to another, bundles some modules that have dependencies, and builds the css, which uses postcss, so that I can use nesting. Modules are resolved by the browser with an importmap.

• importmap in HTML:

  {
      "imports": {
          "@nichoth/tonic": "/tonic.min.js",
          "@ssc-half-light/identity": "/identity.js",
          "@oddjs/odd": "/odd.js",
          "ky": "/ky.js",
          "@ssc-half-light/request": "/request.js",
          "@ssc-half-light/envelope": "/envelope.js"
      }
  }
  

• Tonic framework — help with web components.
• Persistent client-side keys via Fission's keystore library
• This page talks to a Fauna database. We call a lambda function that validates the message, and, if it is valid, we write the message to the database.
• Lambda functions — hosted with netlify. You can look at the backend code.
• See the source code for this page.
• The odds and ends —
  • request — authenticate http requests
  • message — Create signed messages
  • identity — Use multiple devices with one identity
  • envelope — The thing we are demonstrating