Merge pull request #8 from bchainhub/update/fix-01

Fixes

Author: rastislavcore

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockchainhub/blo",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "license": "CORE",
   "author": "Pierre Bertet <[email protected]>",
   "contributors": [
@@ -44,9 +44,9 @@
   "devDependencies": {
     "globals": "^15.14.0",
     "typescript": "^5.7.3",
-    "vite": "^6.0.7",
+    "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0",
-    "esbuild": "^0.24.2"
+    "esbuild": "^0.25.0"
   },
   "engines": {
     "node": ">=16"

src/image.ts

@@ -8,44 +8,44 @@ const SATURATION_RANGE = 60;
 const LIGHTNESS_DIVISOR = 25;
 
 export function image(address: Address, options: BloOptions = {}): BloImage {
-  const { seed } = options;
-  const random = seedRandom(seed || address.toLowerCase());
-  const palette = randomPalette(random);
-  const data = randomImageData(random);
-  return [data, palette];
+	const { seed } = options;
+	const random = seedRandom(seed || address.toLowerCase());
+	const palette = randomPalette(random);
+	const data = randomImageData(random);
+	return [data, palette];
 }
 
 export function randomImageData(random: () => number): Uint8Array {
-  // Use a single allocation
-  const data = new Uint8Array(32);
-
-  // Unroll the loop for better performance
-  for (let i = 0; i < 32; i += 4) {
-    data[i] = Math.floor(random() * COLOR_THRESHOLD);
-    data[i + 1] = Math.floor(random() * COLOR_THRESHOLD);
-    data[i + 2] = Math.floor(random() * COLOR_THRESHOLD);
-    data[i + 3] = Math.floor(random() * COLOR_THRESHOLD);
-  }
-
-  return data;
+	// Use a single allocation
+	const data = new Uint8Array(32);
+
+	// Unroll the loop for better performance
+	for (let i = 0; i < 32; i += 4) {
+		data[i] = Math.floor(random() * COLOR_THRESHOLD);
+		data[i + 1] = Math.floor(random() * COLOR_THRESHOLD);
+		data[i + 2] = Math.floor(random() * COLOR_THRESHOLD);
+		data[i + 3] = Math.floor(random() * COLOR_THRESHOLD);
+	}
+
+	return data;
 }
 
 export function randomPalette(random: () => number): Palette {
-  return {
-    primary: randomColor(random),
-    background: randomColor(random),
-    accent: randomColor(random)
-  };
+	return {
+		primary: randomColor(random),
+		background: randomColor(random),
+		accent: randomColor(random)
+	};
 }
 
 export function randomColor(rand: () => number): Hsl {
-  // Pre-allocate the array
-  const color = new Uint16Array(3);
+	// Pre-allocate the array
+	const color = new Uint16Array(3);
 
-  // Optimize calculations
-  color[0] = rand() * 360;
-  color[1] = SATURATION_BASE + (rand() * SATURATION_RANGE);
-  color[2] = (rand() + rand() + rand() + rand()) * LIGHTNESS_DIVISOR;
+	// Optimize calculations
+	color[0] = rand() * 360;
+	color[1] = SATURATION_BASE + (rand() * SATURATION_RANGE);
+	color[2] = (rand() + rand() + rand() + rand()) * LIGHTNESS_DIVISOR;
 
-  return color;
+	return color;
 }

src/index.ts

@@ -1,24 +1,27 @@
 import type { Address, BloOptions } from "./types";
-import { image } from "./image";
+import { image, randomImageData, randomPalette, randomColor } from "./image";
 import { svg } from "./svg";
+import { seedRandom } from "./random";
 
 export type {
-  Address,
-  BloImage,
-  BloOptions,
-  Hsl,
-  Palette,
-  PaletteIndex,
+	Address,
+	BloImage,
+	BloOptions,
+	Hsl,
+	Palette,
+	PaletteIndex,
 } from "./types";
 
 const defaultOpts: BloOptions = { size: 64 };
 const mergeOpts = (opts: BloOptions = {}) => ({ ...defaultOpts, ...opts });
 
 export const blo = (a: Address, o: BloOptions = {}) =>
-  "data:image/svg+xml;base64," + btoa(bloSvg(a, o));
+	"data:image/svg+xml;base64," + btoa(bloSvg(a, o));
 
 export const bloSvg = (a: Address, o: BloOptions = {}) =>
-  svg(a, mergeOpts(o));
+	svg(a, mergeOpts(o));
 
 export const bloImage = (a: Address, o: BloOptions = {}) =>
-  image(a, mergeOpts(o));
+	image(a, mergeOpts(o));
+
+export { seedRandom, randomImageData, randomPalette, randomColor };

src/random.ts

@@ -1,14 +1,14 @@
 export const seedRandom = (s: string) => {
-  const a = new Array(4).fill(0)
-  for (let i = 0; i < s.length; i++) {
-    a[i%4] = ((a[i%4] << 5) - a[i%4]) + s.charCodeAt(i)
-  }
-  return () => {
-    const t = a[0] ^ (a[0] << 11)
-    a[0] = a[1]
-    a[1] = a[2]
-    a[2] = a[3]
-    a[3] = (a[3] ^ (a[3] >> 19) ^ t ^ (t >> 8))
-    return (a[3]>>>0) / ((1 << 31)>>>0)
-  }
+	const a = new Array(4).fill(0)
+	for (let i = 0; i < s.length; i++) {
+		a[i%4] = ((a[i%4] << 5) - a[i%4]) + s.charCodeAt(i)
+	}
+	return () => {
+		const t = a[0] ^ (a[0] << 11)
+		a[0] = a[1]
+		a[1] = a[2]
+		a[2] = a[3]
+		a[3] = (a[3] ^ (a[3] >> 19) ^ t ^ (t >> 8))
+		return (a[3]>>>0) / ((1 << 31)>>>0)
+	}
 }

src/svg.ts

@@ -4,20 +4,20 @@ import { randomPalette } from "./image";
 import { seedRandom } from "./random";
 
 export const svg = (a: Address, o: BloOptions): string => {
-  const r = seedRandom(o.seed || a);
-  const { background: b, primary: p, accent: c } = randomPalette(r);
-  const s = o.size || 64;
-  const scale = s / 8;
-  const d = new Array(64);
+	const r = seedRandom(o.seed || a);
+	const { background: b, primary: p, accent: c } = randomPalette(r);
+	const s = o.size || 64;
+	const scale = s / 8;
+	const d = new Array(64);
 
-  for (let i = 0; i < 32; i++) {
-    const x = i % 4, y = i / 4 | 0;
-    const v = Math.floor(r() * 2.3);
-    d[y * 8 + x] = v;
-    d[y * 8 + (7 - x)] = v;
-  }
+	for (let i = 0; i < 32; i++) {
+		const x = i % 4, y = i / 4 | 0;
+		const v = Math.floor(r() * 2.3);
+		d[y * 8 + x] = v;
+		d[y * 8 + (7 - x)] = v;
+	}
 
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 ${s} ${s}">
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${s}" viewBox="0 0 ${s} ${s}">
 <rect width="${s}" height="${s}" fill="hsl(${b[0]},${b[1]}%,${b[2]}%)"/>
 <g fill="hsl(${p[0]},${p[1]}%,${p[2]}%)">
 ${d.map((v,i)=>v===1?`<rect width="${scale}" height="${scale}" x="${(i%8)*scale}" y="${(i/8|0)*scale}"/>`:'').join('')}

src/types.ts

@@ -3,20 +3,22 @@ export type Address = string;
 
 // 4x8 grid of the image left side, as 32 PaletteIndex items.
 // The right side is omitted as it's a mirror of the left side.
-export type BloImage = [Uint8Array, Palette];
+export type BloImage = [BloImageData, Palette];
+
+export type BloImageData = Uint8Array;
 
 // Colors used by a given icon.
 export type Palette = {
-  background: Hsl;
-  primary: Hsl;
-  accent: Hsl;
+	background: Hsl;
+	primary: Hsl;
+	accent: Hsl;
 };
 
 // Or using const for better type inference
 export const PaletteIndexes = {
-  BACKGROUND: 0,
-  PRIMARY: 1,
-  ACCENT: 2,
+	BACKGROUND: 0,
+	PRIMARY: 1,
+	ACCENT: 2,
 } as const;
 export type PaletteIndex = 0 | 1 | 2;
 
@@ -37,12 +39,18 @@ export type BloSvgFunction = (address: Address, options: BloOptions) => string;
 export type BloImageFunction = (address: Address, options: BloOptions) => BloImage;
 
 export type HslValues = {
-  hue: number;        // 0-360
-  saturation: number; // 0-100
-  lightness: number;  // 0-100
+	hue: number;        // 0-360
+	saturation: number; // 0-100
+	lightness: number;  // 0-100
 };
 
 export interface BloOptions {
-  size?: number;
-  seed?: string;
+	size?: number;
+	seed?: string;
 }
+
+// Add function types
+export type SeedRandom = (s: string) => () => number;
+export type RandomColor = (r: () => number) => Hsl;
+export type RandomPalette = (r: () => number) => Palette;
+export type ImageFunction = (a: Address, o: BloOptions) => BloImage;