@shriara/autogram/src/app/setup.js

Generate unique svg avatars from any text

const config = require('../config')
const hash = require('string-hash')
const xmldoc =  require('xmldoc')
const _ = require('lodash')

const spriteSources = __SPRITE_SOURCES__ // eslint-disable-line no-undef
const spriteXml = _.transform(spriteSources, (result, value, key) => result[key] = new xmldoc.XmlDocument(value).firstChild, {})

module.exports = (text, theme = config.defaultTheme) => {
  const options = config.themes[theme]
  const uid = ('' + hash(text)).replace(/0/g, '1').split('')
  const viewBox = options.viewBox.split(' ')
  const width = viewBox[2]
  const height = viewBox[3]

  const shapes = _(options.shapes)
                    .keys()
                    .map((shape, index) => [shape, (uid[index] > options.shapes[shape].length || _.isUndefined(uid[index])) ? '01' : _.padStart(uid[index], 2, '0')])
                    .fromPairs()
                    .value()

  const colors = _(options.colors)
                    .keys()
                    .map((color, index) => {
                      const item = options.colors[color]
                      const maxLength = item.length - 1

                      return [color, uid[index] > maxLength ? item[1] : item[Number(uid[index])]]
                    })
                    .fromPairs()
                    .value()

  const fill = _(options.shapes)
                    .mapValues((shape) => colors[shape.fill])
                    .pickBy(_.identity)
                    .value()

  const symbols = _.transform(spriteXml[theme].children, (result, value) => {
    result[value.attr.id] = value.children.join('')
  }, {})

  return { theme, shapes, colors, fill, symbols, width, height }
}