@khelaia/react-ens-address/dist/utils/blockies.js

React ENS address component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
// The random number is a js implementation of the Xorshift PRNG
var randseed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values

function seedrand(seed) {
  for (var i = 0; i < randseed.length; i++) {
    randseed[i] = 0;
  }

  for (var _i = 0; _i < seed.length; _i++) {
    randseed[_i % 4] = (randseed[_i % 4] << 5) - randseed[_i % 4] + seed.charCodeAt(_i);
  }
}

function rand() {
  // based on Java's String.hashCode(), expanded to 4 32bit values
  var t = randseed[0] ^ randseed[0] << 11;
  randseed[0] = randseed[1];
  randseed[1] = randseed[2];
  randseed[2] = randseed[3];
  randseed[3] = randseed[3] ^ randseed[3] >> 19 ^ t ^ t >> 8;
  return (randseed[3] >>> 0) / (1 << 31 >>> 0);
}

function createColor() {
  //saturation is the whole color spectrum
  var h = Math.floor(rand() * 360); //saturation goes from 40 to 100, it avoids greyish colors

  var s = rand() * 60 + 40 + '%'; //lightness can be anything from 0 to 100, but probabilities are a bell curve around 50%

  var l = (rand() + rand() + rand() + rand()) * 25 + '%';
  var color = 'hsl(' + h + ',' + s + ',' + l + ')';
  return color;
}

function createImageData(size) {
  var width = size; // Only support square icons for now

  var height = size;
  var dataWidth = Math.ceil(width / 2);
  var mirrorWidth = width - dataWidth;
  var data = [];

  for (var y = 0; y < height; y++) {
    var row = [];

    for (var x = 0; x < dataWidth; x++) {
      // this makes foreground and background color to have a 43% (1/2.3) probability
      // spot color has 13% chance
      row[x] = Math.floor(rand() * 2.3);
    }

    var r = row.slice(0, mirrorWidth);
    r.reverse();
    row = row.concat(r);

    for (var i = 0; i < row.length; i++) {
      data.push(row[i]);
    }
  }

  return data;
}

function createCanvas(imageData, color, scale, bgcolor, spotcolor) {
  var c = document.createElement('canvas');
  var width = Math.sqrt(imageData.length);
  c.width = c.height = width * scale;
  var cc = c.getContext('2d');
  cc.fillStyle = bgcolor;
  cc.fillRect(0, 0, c.width, c.height);
  cc.fillStyle = color;

  for (var i = 0; i < imageData.length; i++) {
    var row = Math.floor(i / width);
    var col = i % width; // if data is 2, choose spot color, if 1 choose foreground

    cc.fillStyle = imageData[i] === 1 ? color : spotcolor; // if data is 0, leave the background

    if (imageData[i]) {
      cc.fillRect(col * scale, row * scale, scale, scale);
    }
  }

  return c;
}

function createIcon(opts) {
  opts = opts || {};
  var size = opts.size || 8;
  var scale = opts.scale || 4;
  var seed = opts.seed || Math.floor(Math.random() * Math.pow(10, 16)).toString(16);
  seedrand(seed);
  var color = opts.color || createColor();
  var bgcolor = opts.bgcolor || createColor();
  var spotcolor = opts.spotcolor || createColor();
  var imageData = createImageData(size);
  var canvas = createCanvas(imageData, color, scale, bgcolor, spotcolor);
  return canvas;
}

var _default = createIcon;
exports["default"] = _default;