@rotki/ui-library 3.2.0 → 3.3.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport type { InitThemeOptions } from '@/types/theme';\nimport { createFieldDefaults, type FieldOptions, FieldSymbol } from '@/composables/defaults/field';\nimport { type LogoOptions, LogoSymbol } from '@/composables/defaults/logo';\nimport {\n  createTableDefaults,\n  type TableOptions,\n  TableSymbol,\n} from '@/composables/defaults/table';\nimport { createIconDefaults, IconsSymbol } from '@/composables/icons';\nimport { useRotkiTheme } from '@/composables/theme';\nimport { RUI_I18N_INJECTION_KEY } from '@/composables/use-rui-i18n';\nimport { StepperOrientation, StepperState, type StepperStep } from '@/types/stepper';\nimport '@/style.css';\n\nexport * from '@/components';\n\nexport { activatorHandlers, type ActivatorHandlers } from '@/components/overlays/menu/activator-handlers';\n\nexport * from '@/composables';\n\nexport { type FieldOptions, type FieldScopeOptions, type LabelPlacement, provideFieldDefaults } from '@/composables/defaults/field';\n\nexport type { LogoOptions, LogoResolver } from '@/composables/defaults/logo';\n\nexport { contextColors, type ContextColorsType } from '@/consts/colors';\n\nexport { translationKeys } from '@/i18n/keys';\n\nexport * from '@/icons';\n\nexport { StepperOrientation, StepperState, type StepperStep };\n\nexport type { VueClassValue } from '@/types/class-value';\n\nexport {\n  type InitThemeOptions,\n  type ThemeConfig,\n  type ThemeContent,\n  type ThemeData,\n  ThemeMode,\n} from '@/types/theme';\n\nexport { createBlockie } from '@/utils/blockie';\n\nexport type { FormDetails } from '@/utils/form-text-detail';\n\nexport { cn, tv } from '@/utils/tv';\n\nexport type { VariantProps } from 'tailwind-variants';\n\nexport interface RuiOptions {\n  theme?: InitThemeOptions;\n  defaults?: {\n    table?: Partial<TableOptions>;\n    /**\n     * `labelPlacement` for every text field, text area, select and picker (`top` when unset),\n     * and `details` for every form control (`reserve` when unset).\n     */\n    field?: Partial<FieldOptions>;\n  };\n  /**\n   * Where `RuiLogo` gets the image for its `logo` prop. Without it every\n   * `RuiLogo` shows the bundled logo, and the library makes no network request.\n   */\n  logo?: LogoOptions;\n}\n\nexport function createRui(options: RuiOptions = {}) {\n  const { theme, defaults: defaultOptions, logo } = options;\n\n  const defaults = Object.freeze({\n    icons: createIconDefaults({\n      registeredIcons: theme?.icons,\n    }),\n    table: createTableDefaults(defaultOptions?.table),\n    field: createFieldDefaults(defaultOptions?.field),\n  });\n\n  const install = (app: App) => {\n    useRotkiTheme().init({ ...theme });\n\n    app.provide(TableSymbol, defaults.table);\n    app.provide(IconsSymbol, defaults.icons);\n    app.provide(FieldSymbol, defaults.field);\n\n    if (logo)\n      app.provide(LogoSymbol, logo);\n  };\n\n  return {\n    defaults,\n    install,\n  };\n}\n\nexport function createRuiI8nPlugin(i18nInstance: any) {\n  if (!i18nInstance || typeof i18nInstance !== 'object') {\n    throw new Error('i18nInstance must be an object');\n  }\n\n  if (!i18nInstance.global || typeof i18nInstance.global !== 'object') {\n    throw new Error('i18nInstance must have a global property');\n  }\n\n  if (!i18nInstance.global.t || typeof i18nInstance.global.t !== 'function') {\n    throw new Error('i18nInstance.global.t must be a function');\n  }\n\n  if (!i18nInstance.global.te || typeof i18nInstance.global.te !== 'function') {\n    throw new Error('i18nInstance.global.te must be a function');\n  }\n\n  return {\n    install: (app: App) => {\n      app.provide(RUI_I18N_INJECTION_KEY, {\n        t: i18nInstance.global.t.bind(i18nInstance.global),\n        te: i18nInstance.global.te.bind(i18nInstance.global),\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,SAAgB,UAAU,UAAsB,CAAC,GAAG;CAClD,MAAM,EAAE,OAAO,UAAU,gBAAgB,SAAS;CAElD,MAAM,WAAW,OAAO,OAAO;EAC7B,OAAO,mBAAmB,EACxB,iBAAiB,OAAO,MAC1B,CAAC;EACD,OAAO,oBAAoB,gBAAgB,KAAK;EAChD,OAAO,oBAAoB,gBAAgB,KAAK;CAClD,CAAC;CAED,MAAM,WAAW,QAAa;EAC5B,cAAc,CAAC,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC;EAEjC,IAAI,QAAQ,aAAa,SAAS,KAAK;EACvC,IAAI,QAAQ,aAAa,SAAS,KAAK;EACvC,IAAI,QAAQ,aAAa,SAAS,KAAK;EAEvC,IAAI,MACF,IAAI,QAAQ,YAAY,IAAI;CAChC;CAEA,OAAO;EACL;EACA;CACF;AACF;AAEA,SAAgB,mBAAmB,cAAmB;CACpD,IAAI,CAAC,gBAAgB,OAAO,iBAAiB,UAC3C,MAAM,IAAI,MAAM,gCAAgC;CAGlD,IAAI,CAAC,aAAa,UAAU,OAAO,aAAa,WAAW,UACzD,MAAM,IAAI,MAAM,0CAA0C;CAG5D,IAAI,CAAC,aAAa,OAAO,KAAK,OAAO,aAAa,OAAO,MAAM,YAC7D,MAAM,IAAI,MAAM,0CAA0C;CAG5D,IAAI,CAAC,aAAa,OAAO,MAAM,OAAO,aAAa,OAAO,OAAO,YAC/D,MAAM,IAAI,MAAM,2CAA2C;CAG7D,OAAO,EACL,UAAU,QAAa;EACrB,IAAI,QAAQ,wBAAwB;GAClC,GAAG,aAAa,OAAO,EAAE,KAAK,aAAa,MAAM;GACjD,IAAI,aAAa,OAAO,GAAG,KAAK,aAAa,MAAM;EACrD,CAAC;CACH,EACF;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { App } from 'vue';\nimport type { InitThemeOptions } from '@/types/theme';\nimport { createFieldDefaults, type FieldOptions, FieldSymbol } from '@/composables/defaults/field';\nimport { type LogoOptions, LogoSymbol } from '@/composables/defaults/logo';\nimport {\n  createTableDefaults,\n  type TableOptions,\n  TableSymbol,\n} from '@/composables/defaults/table';\nimport { createIconDefaults, IconsSymbol } from '@/composables/icons';\nimport { useRotkiTheme } from '@/composables/theme';\nimport { RUI_I18N_INJECTION_KEY, type RuiI18nParams, type RuiI18nProvider } from '@/composables/use-rui-i18n';\nimport { StepperOrientation, StepperState, type StepperStep } from '@/types/stepper';\nimport '@/style.css';\n\nexport * from '@/components';\n\nexport { activatorHandlers, type ActivatorHandlers } from '@/components/overlays/menu/activator-handlers';\n\nexport * from '@/composables';\n\nexport { type FieldOptions, type FieldScopeOptions, type LabelPlacement, provideFieldDefaults } from '@/composables/defaults/field';\n\nexport type { LogoOptions, LogoResolver } from '@/composables/defaults/logo';\n\nexport type { RuiI18nParams, RuiI18nProvider };\n\nexport { contextColors, type ContextColorsType } from '@/consts/colors';\n\nexport { translationKeys } from '@/i18n/keys';\n\nexport * from '@/icons';\n\nexport { StepperOrientation, StepperState, type StepperStep };\n\nexport type { VueClassValue } from '@/types/class-value';\n\nexport {\n  type InitThemeOptions,\n  type ThemeConfig,\n  type ThemeContent,\n  type ThemeData,\n  ThemeMode,\n} from '@/types/theme';\n\nexport { createBlockie } from '@/utils/blockie';\n\nexport type { FormDetails } from '@/utils/form-text-detail';\n\nexport { cn, tv } from '@/utils/tv';\n\nexport type { VariantProps } from 'tailwind-variants';\n\nexport interface RuiOptions {\n  theme?: InitThemeOptions;\n  defaults?: {\n    table?: Partial<TableOptions>;\n    /**\n     * `labelPlacement` for every text field, text area, select and picker (`top` when unset),\n     * and `details` for every form control (`reserve` when unset).\n     */\n    field?: Partial<FieldOptions>;\n  };\n  /**\n   * Where `RuiLogo` gets the image for its `logo` prop. Without it every\n   * `RuiLogo` shows the bundled logo, and the library makes no network request.\n   */\n  logo?: LogoOptions;\n}\n\nexport function createRui(options: RuiOptions = {}) {\n  const { theme, defaults: defaultOptions, logo } = options;\n\n  const defaults = Object.freeze({\n    icons: createIconDefaults({\n      registeredIcons: theme?.icons,\n    }),\n    table: createTableDefaults(defaultOptions?.table),\n    field: createFieldDefaults(defaultOptions?.field),\n  });\n\n  const install = (app: App) => {\n    useRotkiTheme().init({ ...theme });\n\n    app.provide(TableSymbol, defaults.table);\n    app.provide(IconsSymbol, defaults.icons);\n    app.provide(FieldSymbol, defaults.field);\n\n    if (logo)\n      app.provide(LogoSymbol, logo);\n  };\n\n  return {\n    defaults,\n    install,\n  };\n}\n\n/** What the i18n plugin reads from a vue-i18n instance (the result of `createI18n`). */\nexport interface RuiI18nInstance {\n  global: RuiI18nProvider;\n}\n\n/**\n * Checks the instance at runtime too, for callers the types do not reach.\n */\nfunction assertI18nInstance(i18nInstance: unknown): asserts i18nInstance is RuiI18nInstance {\n  if (!i18nInstance || typeof i18nInstance !== 'object')\n    throw new Error('i18nInstance must be an object');\n\n  if (!('global' in i18nInstance) || !i18nInstance.global || typeof i18nInstance.global !== 'object')\n    throw new Error('i18nInstance must have a global property');\n\n  const global = i18nInstance.global;\n\n  if (!('t' in global) || typeof global.t !== 'function')\n    throw new Error('i18nInstance.global.t must be a function');\n\n  if (!('te' in global) || typeof global.te !== 'function')\n    throw new Error('i18nInstance.global.te must be a function');\n}\n\nexport function createRuiI8nPlugin(i18nInstance: RuiI18nInstance): { install: (app: App) => void } {\n  assertI18nInstance(i18nInstance);\n  const { global } = i18nInstance;\n\n  return {\n    install: (app: App): void => {\n      app.provide(RUI_I18N_INJECTION_KEY, {\n        t: global.t.bind(global),\n        te: global.te.bind(global),\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,SAAgB,UAAU,UAAsB,CAAC,GAAG;CAClD,MAAM,EAAE,OAAO,UAAU,gBAAgB,SAAS;CAElD,MAAM,WAAW,OAAO,OAAO;EAC7B,OAAO,mBAAmB,EACxB,iBAAiB,OAAO,MAC1B,CAAC;EACD,OAAO,oBAAoB,gBAAgB,KAAK;EAChD,OAAO,oBAAoB,gBAAgB,KAAK;CAClD,CAAC;CAED,MAAM,WAAW,QAAa;EAC5B,cAAc,CAAC,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC;EAEjC,IAAI,QAAQ,aAAa,SAAS,KAAK;EACvC,IAAI,QAAQ,aAAa,SAAS,KAAK;EACvC,IAAI,QAAQ,aAAa,SAAS,KAAK;EAEvC,IAAI,MACF,IAAI,QAAQ,YAAY,IAAI;CAChC;CAEA,OAAO;EACL;EACA;CACF;AACF;;;;AAUA,SAAS,mBAAmB,cAAgE;CAC1F,IAAI,CAAC,gBAAgB,OAAO,iBAAiB,UAC3C,MAAM,IAAI,MAAM,gCAAgC;CAElD,IAAI,EAAE,YAAY,iBAAiB,CAAC,aAAa,UAAU,OAAO,aAAa,WAAW,UACxF,MAAM,IAAI,MAAM,0CAA0C;CAE5D,MAAM,SAAS,aAAa;CAE5B,IAAI,EAAE,OAAO,WAAW,OAAO,OAAO,MAAM,YAC1C,MAAM,IAAI,MAAM,0CAA0C;CAE5D,IAAI,EAAE,QAAQ,WAAW,OAAO,OAAO,OAAO,YAC5C,MAAM,IAAI,MAAM,2CAA2C;AAC/D;AAEA,SAAgB,mBAAmB,cAAgE;CACjG,mBAAmB,YAAY;CAC/B,MAAM,EAAE,WAAW;CAEnB,OAAO,EACL,UAAU,QAAmB;EAC3B,IAAI,QAAQ,wBAAwB;GAClC,GAAG,OAAO,EAAE,KAAK,MAAM;GACvB,IAAI,OAAO,GAAG,KAAK,MAAM;EAC3B,CAAC;CACH,EACF;AACF"}

package/dist/types/attributes.d.ts

@@ -0,0 +1,9 @@
+import type { InputHTMLAttributes } from 'vue';
+/**
+ * The attributes a component passes to its `<input>`. Vue types `autocomplete` as a template-literal
+ * union of every autofill token; folded into a component's props, that union grows past what
+ * TypeScript can represent (TS2590), so here it is a plain string, as the DOM itself takes it.
+ */
+export interface InputAttributes extends Omit<InputHTMLAttributes, 'autocomplete'> {
+    autocomplete?: string;
+}

package/dist/utils/blockie.js

@@ -40,15 +40,16 @@ function createImageData(size) {
 	return data;
 }
 function buildOpts(opts) {
-	const newOpts = {};
-	newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);
-	seedRand(newOpts.seed);
-	newOpts.size = opts.size || 8;
-	newOpts.scale = opts.scale || 8;
-	newOpts.color = opts.color || createColor();
-	newOpts.bgcolor = opts.bgcolor || createColor();
-	newOpts.spotColor = opts.spotColor || createColor();
-	return newOpts;
+	const seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);
+	seedRand(seed);
+	return {
+		seed,
+		size: opts.size || 8,
+		scale: opts.scale || 8,
+		color: opts.color || createColor(),
+		bgcolor: opts.bgcolor || createColor(),
+		spotColor: opts.spotColor || createColor()
+	};
 }
 function renderIcon(opts, canvas) {
 	const newOpts = buildOpts(opts || {});

package/dist/utils/blockie.js.map

@@ -1 +1 @@
-{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["/**\n * Options for a blockie, the identicon from https://github.com/ethereum/blockies.\n * Its randomness comes from a JS implementation of the Xorshift PRNG.\n */\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\n/**\n * The next random number, from a hash based on Java's String.hashCode()\n * expanded to four 32-bit values.\n */\nfunction rand(): number {\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\n/**\n * A random colour: any hue, a saturation from 40 to 100 that keeps it out of\n * the greys, and a lightness drawn from a bell curve around 50%.\n */\nfunction createColor(): string {\n  const h = Math.floor(rand() * 360);\n  const s = `${rand() * 60 + 40}%`;\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // 43% (1/2.3) each for foreground and background, leaving 13% for the spot colour\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const newOpts: Partial<BlockieOptions> = {};\n\n  newOpts.seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(newOpts.seed);\n\n  newOpts.size = opts.size || 8;\n  newOpts.scale = opts.scale || 8;\n  newOpts.color = opts.color || createColor();\n  newOpts.bgcolor = opts.bgcolor || createColor();\n  newOpts.spotColor = opts.spotColor || createColor();\n\n  return newOpts as BlockieOptions;\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d') as CanvasRenderingContext2D;\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAyBA,IAAM,WAAW,IAAI,MAAM,CAAC;AAE5B,SAAS,SAAS,MAAoB;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,SAAS,KAAK;CAExD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,CAAC;AAClF;;;;;AAMA,SAAS,OAAe;CACtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;CAExC,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;CAE5D,QAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;AAC9C;;;;;AAMA,SAAS,cAAsB;CAK7B,OAAO,OAJG,KAAK,MAAM,KAAK,IAAI,GAIhB,EAAE,GAAG,GAHN,KAAK,IAAI,KAAK,GAAG,GAGT,GAAG,IAFV,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,GAE5B;AAC5B;AAEA,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,CAAC;CACrC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,CAAC;CACd,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,CAAC;EACX,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,KAE7B,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG;EAElC,MAAM,IAAI,IAAI,MAAM,GAAG,WAAW;EAClC,EAAE,QAAQ;EACV,MAAM,IAAI,OAAO,CAAC;EAElB,KAAK,MAAM,WAAW,KAAK,KAAK,KAAK,OAAO;CAC9C;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,MAA+C;CAChE,MAAM,UAAmC,CAAC;CAE1C,QAAQ,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE;CAE5E,SAAS,QAAQ,IAAI;CAErB,QAAQ,OAAO,KAAK,QAAQ;CAC5B,QAAQ,QAAQ,KAAK,SAAS;CAC9B,QAAQ,QAAQ,KAAK,SAAS,YAAY;CAC1C,QAAQ,UAAU,KAAK,WAAW,YAAY;CAC9C,QAAQ,YAAY,KAAK,aAAa,YAAY;CAElD,OAAO;AACT;AAEA,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,CAAC,CAAC;CACpD,MAAM,YAAY,gBAAgB,QAAQ,IAAI;CAC9C,MAAM,QAAQ,KAAK,KAAK,UAAU,MAAM;CAExC,OAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,IAAI;CACjC,IAAI,IAAI;EACN,GAAG,YAAY,QAAQ;EACvB,GAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;EAC7C,GAAG,YAAY,QAAQ;EAEvB,KAAK,MAAM,CAAC,GAAG,eAAe,UAAU,QAAQ,GAE9C,IAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,KAAK;GAChC,MAAM,MAAM,IAAI;GAGhB,GAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;GAE1D,GAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,KAAK;EACpF;CAEJ;CAEA,OAAO;AACT;AAEA,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,QAAQ;CAE9C,WAAW,MAAM,MAAM;CAEvB,OAAO,OAAO,UAAU,YAAY;AACtC"}
+{"version":3,"file":"blockie.js","names":[],"sources":["../../src/utils/blockie.ts"],"sourcesContent":["/**\n * Options for a blockie, the identicon from https://github.com/ethereum/blockies.\n * Its randomness comes from a JS implementation of the Xorshift PRNG.\n */\ninterface BlockieOptions {\n  /** seed used to generate icon data, default: random */\n  seed: string;\n  /** to manually specify the icon color, default: random */\n  color: string;\n  /** choose a different background color, default: random */\n  bgcolor: string;\n  /** width/height of the icon in blocks, default: 8 */\n  size: number;\n  /** width/height of each block in pixels, default: 4 */\n  scale: number;\n  /**\n   * each pixel has a 13% chance of being of a third color, default: random.\n   *\n   * Set to -1 to disable it.\n   *\n   * These \"spots\" create structures that look like eyes, mouths and noses.\n   */\n  spotColor: string;\n}\n\nconst randSeed = new Array(4); // Xorshift: [x, y, z, w] 32 bit values\n\nfunction seedRand(seed: string): void {\n  for (let i = 0; i < randSeed.length; i++) randSeed[i] = 0;\n\n  for (let i = 0; i < seed.length; i++)\n    randSeed[i % 4] = (randSeed[i % 4] << 5) - randSeed[i % 4] + seed.charCodeAt(i);\n}\n\n/**\n * The next random number, from a hash based on Java's String.hashCode()\n * expanded to four 32-bit values.\n */\nfunction rand(): number {\n  const t = randSeed[0] ^ (randSeed[0] << 11);\n\n  randSeed[0] = randSeed[1];\n  randSeed[1] = randSeed[2];\n  randSeed[2] = randSeed[3];\n  randSeed[3] = randSeed[3] ^ (randSeed[3] >> 19) ^ t ^ (t >> 8);\n\n  return (randSeed[3] >>> 0) / ((1 << 31) >>> 0);\n}\n\n/**\n * A random colour: any hue, a saturation from 40 to 100 that keeps it out of\n * the greys, and a lightness drawn from a bell curve around 50%.\n */\nfunction createColor(): string {\n  const h = Math.floor(rand() * 360);\n  const s = `${rand() * 60 + 40}%`;\n  const l = `${(rand() + rand() + rand() + rand()) * 25}%`;\n\n  return `hsl(${h},${s},${l})`;\n}\n\nfunction createImageData(size: number): number[] {\n  const width = size; // Only support square icons for now\n  const height = size;\n\n  const dataWidth = Math.ceil(width / 2);\n  const mirrorWidth = width - dataWidth;\n\n  const data = [];\n  for (let y = 0; y < height; y++) {\n    let row = [];\n    for (let x = 0; x < dataWidth; x++) {\n      // 43% (1/2.3) each for foreground and background, leaving 13% for the spot colour\n      row[x] = Math.floor(rand() * 2.3);\n    }\n    const r = row.slice(0, mirrorWidth);\n    r.reverse();\n    row = row.concat(r);\n\n    for (const element of row) data.push(element);\n  }\n\n  return data;\n}\n\nfunction buildOpts(opts: Partial<BlockieOptions>): BlockieOptions {\n  const seed = opts.seed || Math.floor(Math.random() * 10 ** 16).toString(16);\n\n  seedRand(seed);\n\n  // the colors draw from the seeded generator, so they keep this order\n  return {\n    seed,\n    size: opts.size || 8,\n    scale: opts.scale || 8,\n    color: opts.color || createColor(),\n    bgcolor: opts.bgcolor || createColor(),\n    spotColor: opts.spotColor || createColor(),\n  };\n}\n\nfunction renderIcon(opts: Partial<BlockieOptions>, canvas: HTMLCanvasElement): HTMLCanvasElement {\n  const newOpts: BlockieOptions = buildOpts(opts || {});\n  const imageData = createImageData(newOpts.size);\n  const width = Math.sqrt(imageData.length);\n\n  canvas.width = canvas.height = newOpts.size * newOpts.scale;\n\n  const cc = canvas.getContext('2d');\n  if (cc) {\n    cc.fillStyle = newOpts.bgcolor;\n    cc.fillRect(0, 0, canvas.width, canvas.height);\n    cc.fillStyle = newOpts.color;\n\n    for (const [i, imageDatum] of imageData.entries()) {\n      // if data is 0, leave the background\n      if (imageDatum) {\n        const row = Math.floor(i / width);\n        const col = i % width;\n\n        // if data is 2, choose spot color, if 1 choose foreground\n        cc.fillStyle = imageDatum === 1 ? newOpts.color : newOpts.spotColor;\n\n        cc.fillRect(col * newOpts.scale, row * newOpts.scale, newOpts.scale, newOpts.scale);\n      }\n    }\n  }\n\n  return canvas;\n}\n\nexport function createBlockie(opts: Partial<BlockieOptions>): string {\n  const canvas = document.createElement('canvas');\n\n  renderIcon(opts, canvas);\n\n  return canvas.toDataURL('image/jpeg');\n}\n"],"mappings":";AAyBA,IAAM,WAAW,IAAI,MAAM,CAAC;AAE5B,SAAS,SAAS,MAAoB;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK,SAAS,KAAK;CAExD,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAC/B,SAAS,IAAI,MAAM,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,KAAK,KAAK,WAAW,CAAC;AAClF;;;;;AAMA,SAAS,OAAe;CACtB,MAAM,IAAI,SAAS,KAAM,SAAS,MAAM;CAExC,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS;CACvB,SAAS,KAAK,SAAS,KAAM,SAAS,MAAM,KAAM,IAAK,KAAK;CAE5D,QAAQ,SAAS,OAAO,MAAO,KAAK,OAAQ;AAC9C;;;;;AAMA,SAAS,cAAsB;CAK7B,OAAO,OAJG,KAAK,MAAM,KAAK,IAAI,GAIhB,EAAE,GAAG,GAHN,KAAK,IAAI,KAAK,GAAG,GAGT,GAAG,IAFV,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,GAAG,GAE5B;AAC5B;AAEA,SAAS,gBAAgB,MAAwB;CAC/C,MAAM,QAAQ;CACd,MAAM,SAAS;CAEf,MAAM,YAAY,KAAK,KAAK,QAAQ,CAAC;CACrC,MAAM,cAAc,QAAQ;CAE5B,MAAM,OAAO,CAAC;CACd,KAAK,IAAI,IAAI,GAAG,IAAI,QAAQ,KAAK;EAC/B,IAAI,MAAM,CAAC;EACX,KAAK,IAAI,IAAI,GAAG,IAAI,WAAW,KAE7B,IAAI,KAAK,KAAK,MAAM,KAAK,IAAI,GAAG;EAElC,MAAM,IAAI,IAAI,MAAM,GAAG,WAAW;EAClC,EAAE,QAAQ;EACV,MAAM,IAAI,OAAO,CAAC;EAElB,KAAK,MAAM,WAAW,KAAK,KAAK,KAAK,OAAO;CAC9C;CAEA,OAAO;AACT;AAEA,SAAS,UAAU,MAA+C;CAChE,MAAM,OAAO,KAAK,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC,CAAC,SAAS,EAAE;CAE1E,SAAS,IAAI;CAGb,OAAO;EACL;EACA,MAAM,KAAK,QAAQ;EACnB,OAAO,KAAK,SAAS;EACrB,OAAO,KAAK,SAAS,YAAY;EACjC,SAAS,KAAK,WAAW,YAAY;EACrC,WAAW,KAAK,aAAa,YAAY;CAC3C;AACF;AAEA,SAAS,WAAW,MAA+B,QAA8C;CAC/F,MAAM,UAA0B,UAAU,QAAQ,CAAC,CAAC;CACpD,MAAM,YAAY,gBAAgB,QAAQ,IAAI;CAC9C,MAAM,QAAQ,KAAK,KAAK,UAAU,MAAM;CAExC,OAAO,QAAQ,OAAO,SAAS,QAAQ,OAAO,QAAQ;CAEtD,MAAM,KAAK,OAAO,WAAW,IAAI;CACjC,IAAI,IAAI;EACN,GAAG,YAAY,QAAQ;EACvB,GAAG,SAAS,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;EAC7C,GAAG,YAAY,QAAQ;EAEvB,KAAK,MAAM,CAAC,GAAG,eAAe,UAAU,QAAQ,GAE9C,IAAI,YAAY;GACd,MAAM,MAAM,KAAK,MAAM,IAAI,KAAK;GAChC,MAAM,MAAM,IAAI;GAGhB,GAAG,YAAY,eAAe,IAAI,QAAQ,QAAQ,QAAQ;GAE1D,GAAG,SAAS,MAAM,QAAQ,OAAO,MAAM,QAAQ,OAAO,QAAQ,OAAO,QAAQ,KAAK;EACpF;CAEJ;CAEA,OAAO;AACT;AAEA,SAAgB,cAAc,MAAuC;CACnE,MAAM,SAAS,SAAS,cAAc,QAAQ;CAE9C,WAAW,MAAM,MAAM;CAEvB,OAAO,OAAO,UAAU,YAAY;AACtC"}