samuelmaddock

contextBridge.exposeInMainWorld('api', {
  click() {
    console.log('clicked');
  },
});

function mainWorldScript() {
  const api: any = (window as any).api;

  window.customElements.define(

samuelmaddock

// generated using
// https://gist.github.com/samuelmaddock/fb54ddc47b7a958ded1f799861239a87
{
  "alarms": {
    "onAlarm": {
      "addListener": "() => any",
      "removeListener": "() => any",
      "hasListener": "() => any",
      "hasListeners": "() => any",
      "dispatch": "() => any"

samuelmaddock

Work for providing an official implementation is being done in electron/electron#17440.

Projects

Each project listed below has a partial implementation of Chrome extensions for Electron.

Name	Language	Link
Wexond	JavaScript	wexond/browser-base#110
Station	JavaScript	https://github.com/getstation/electron-chrome-extension

samuelmaddock

Metastream Extension Installation

With Google Chrome installed

1. Find and install extension on the Chrome Webstore. Remember the ID at the end of the URL (e.g. https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm).
2. Navigate to Chrome's extensions directory.
3. Copy the extension directory with the same name as the ID from step 1.
4. Paste extension into Metastream's extension directory.

Without Google Chrome installed

1. Find Chrome extension on the Chrome Webstore and copy the URL.

samuelmaddock

; (function (targetObj) {
    const STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm
    const ARGUMENT_NAMES = /([^\s,]+)/g
    const getParamNames = func => {
        var fnStr = func.toString().replace(STRIP_COMMENTS, '')
        var result = fnStr.slice(fnStr.indexOf('(') + 1, fnStr.indexOf(')')).match(ARGUMENT_NAMES)
        if (result === null) result = []
        return result
    }

samuelmaddock

import loaderUtils from 'loader-utils';
import SingleEntryPlugin from 'webpack/lib/SingleEntryPlugin';

/** StringLoader */
export default function loader() {}

export function pitch(request) {
  const options = loaderUtils.getOptions(this) || {};

  if (!this.webpack) {

samuelmaddock

export ARCHIVE_KEY='deadbeafdeadbeafdeadbeafdeadbeafdeadbeafdeadbeafdeadbeafdeadbeaf'

samuelmaddock

const sodium = require('sodium-universal')

function keyPair(seed) {
  var publicKey = new Buffer(sodium.crypto_sign_PUBLICKEYBYTES)
  var secretKey = new Buffer(sodium.crypto_sign_SECRETKEYBYTES)

  sodium.crypto_sign_keypair(publicKey, secretKey)

  return {
    publicKey: publicKey,

samuelmaddock

Application user networking using Dat protocol

This document outlines a structure to connect application users using Dat protocol. Users can identify themselves with a dat archive and publish session metadata to coordinate WebRTC connections.

Forewarning: I have no idea what I'm talking about.

Social peer dat archive

A user's identity resides in a dat archive which can be shared to create a connection.

samuelmaddock

export const rgba2url = async (
  rgba: Uint8Array,
  width: number,
  height: number
): Promise<string | void> => {
  let canvas = document.createElement('canvas');
  canvas.width = width;
  canvas.height = height;

  let ctx = canvas.getContext('2d');