@dicebear/core 10.0.1 → 10.1.0-rc.1

package/lib/Options.js

@@ -123,5 +123,8 @@ _Options_data = new WeakMap(), _Options_instances = new WeakSet(), _Options_dyna
     if (typeof value === 'number') {
         return { min: value, max: value };
     }
-    return { min: value[0], max: value[1] };
+    if (value.length === 0) {
+        return undefined;
+    }
+    return { min: Math.min(...value), max: Math.max(...value) };
 };

package/lib/Renderer.js

@@ -13,6 +13,7 @@ var _Renderer_instances, _Renderer_style, _Renderer_resolver, _Renderer_defs, _R
 import { Fnv1a } from './Prng/Fnv1a.js';
 import { Initials } from './Utils/Initials.js';
 import { License } from './Utils/License.js';
+import { Number } from './Utils/Number.js';
 import { Xml } from './Utils/Xml.js';
 /**
  * Walks a style's element tree and turns it into the final SVG markup.
@@ -54,7 +55,7 @@ export class Renderer {
         const escapedTitle = title !== undefined ? Xml.escape(title) : undefined;
         const attrs = [
             'xmlns="http://www.w3.org/2000/svg"',
-            `viewBox="0 0 ${canvas.width()} ${canvas.height()}"`,
+            `viewBox="0 0 ${Number.format(canvas.width())} ${Number.format(canvas.height())}"`,
         ];
         const rootAttributes = __classPrivateFieldGet(this, _Renderer_instances, "m", _Renderer_renderAttributes).call(this, __classPrivateFieldGet(this, _Renderer_style, "f").attributes());
         if (rootAttributes) {
@@ -67,7 +68,8 @@ export class Renderer {
             attrs.push('aria-hidden="true"');
         }
         if (size !== undefined) {
-            attrs.push(`width="${size}"`, `height="${size}"`);
+            const sizeValue = Number.format(size);
+            attrs.push(`width="${sizeValue}"`, `height="${sizeValue}"`);
         }
         const titleElement = escapedTitle !== undefined ? `<title>${escapedTitle}</title>` : '';
         let svg = `<svg ${attrs.join(' ')}>${metadata}${defs}${titleElement}${body}</svg>`;
@@ -82,8 +84,8 @@ _Renderer_style = new WeakMap(), _Renderer_resolver = new WeakMap(), _Renderer_d
     if (flip === 'none') {
         return body;
     }
-    const w = canvas.width();
-    const h = canvas.height();
+    const w = Number.format(canvas.width());
+    const h = Number.format(canvas.height());
     let transform;
     switch (flip) {
         case 'horizontal':
@@ -104,13 +106,13 @@ _Renderer_style = new WeakMap(), _Renderer_resolver = new WeakMap(), _Renderer_d
     }
     const cx = canvas.width() / 2;
     const cy = canvas.height() / 2;
-    return `<g transform="translate(${cx}, ${cy}) scale(${scale}) translate(${-cx}, ${-cy})">${body}</g>`;
+    return `<g transform="translate(${Number.format(cx)}, ${Number.format(cy)}) scale(${Number.format(scale)}) translate(${Number.format(-cx)}, ${Number.format(-cy)})">${body}</g>`;
 }, _Renderer_applyBorderRadius = function _Renderer_applyBorderRadius(body, canvas) {
     const radius = __classPrivateFieldGet(this, _Renderer_resolver, "f").borderRadius();
     const id = `clip-${__classPrivateFieldGet(this, _Renderer_instances, "m", _Renderer_hashSeed).call(this)}`;
-    const rx = (radius / 100) * canvas.width();
-    const ry = (radius / 100) * canvas.height();
-    __classPrivateFieldGet(this, _Renderer_defs, "f").set(id, `<clipPath id="${id}"><rect width="${canvas.width()}" height="${canvas.height()}" rx="${rx}" ry="${ry}"/></clipPath>`);
+    const rx = Number.format((radius / 100) * canvas.width());
+    const ry = Number.format((radius / 100) * canvas.height());
+    __classPrivateFieldGet(this, _Renderer_defs, "f").set(id, `<clipPath id="${id}"><rect width="${Number.format(canvas.width())}" height="${Number.format(canvas.height())}" rx="${rx}" ry="${ry}"/></clipPath>`);
     return `<g clip-path="url(#${id})">${body}</g>`;
 }, _Renderer_applyRotate = function _Renderer_applyRotate(body, canvas) {
     const rotate = __classPrivateFieldGet(this, _Renderer_resolver, "f").rotate();
@@ -119,22 +121,22 @@ _Renderer_style = new WeakMap(), _Renderer_resolver = new WeakMap(), _Renderer_d
     }
     const cx = canvas.width() / 2;
     const cy = canvas.height() / 2;
-    return `<g transform="rotate(${rotate}, ${cx}, ${cy})">${body}</g>`;
+    return `<g transform="rotate(${Number.format(rotate)}, ${Number.format(cx)}, ${Number.format(cy)})">${body}</g>`;
 }, _Renderer_applyTranslate = function _Renderer_applyTranslate(body, canvas) {
     const tx = __classPrivateFieldGet(this, _Renderer_resolver, "f").translateX();
     const ty = __classPrivateFieldGet(this, _Renderer_resolver, "f").translateY();
     if (tx === 0 && ty === 0) {
         return body;
     }
-    const x = (tx / 100) * canvas.width();
-    const y = (ty / 100) * canvas.height();
+    const x = Number.format((tx / 100) * canvas.width());
+    const y = Number.format((ty / 100) * canvas.height());
     return `<g transform="translate(${x}, ${y})">${body}</g>`;
 }, _Renderer_renderBackground = function _Renderer_renderBackground(canvas) {
     const colors = __classPrivateFieldGet(this, _Renderer_resolver, "f").color('background');
     if (colors.length === 0) {
         return '';
     }
-    return `<rect width="${canvas.width()}" height="${canvas.height()}" fill="${Xml.escape(__classPrivateFieldGet(this, _Renderer_instances, "m", _Renderer_resolveColorReference).call(this, 'background'))}"/>`;
+    return `<rect width="${Number.format(canvas.width())}" height="${Number.format(canvas.height())}" fill="${Xml.escape(__classPrivateFieldGet(this, _Renderer_instances, "m", _Renderer_resolveColorReference).call(this, 'background'))}"/>`;
 }, _Renderer_randomizeIds = function _Renderer_randomizeIds(svg) {
     const suffix = Math.floor(Math.random() * 0xffffff)
         .toString(16)
@@ -227,16 +229,18 @@ _Renderer_style = new WeakMap(), _Renderer_resolver = new WeakMap(), _Renderer_d
     const transforms = [];
     const cx = component.width() / 2;
     const cy = component.height() / 2;
+    const cxValue = Number.format(cx);
+    const cyValue = Number.format(cy);
     if (translateX !== 0 || translateY !== 0) {
-        const x = Math.round((translateX / 100) * component.width() * 10000) / 10000;
-        const y = Math.round((translateY / 100) * component.height() * 10000) / 10000;
+        const x = Number.format((translateX / 100) * component.width());
+        const y = Number.format((translateY / 100) * component.height());
         transforms.push(`translate(${x}, ${y})`);
     }
     if (rotate !== 0) {
-        transforms.push(`rotate(${rotate}, ${cx}, ${cy})`);
+        transforms.push(`rotate(${Number.format(rotate)}, ${cxValue}, ${cyValue})`);
     }
     if (scale !== 1) {
-        transforms.push(`translate(${cx}, ${cy}) scale(${scale}) translate(${-cx}, ${-cy})`);
+        transforms.push(`translate(${cxValue}, ${cyValue}) scale(${Number.format(scale)}) translate(${Number.format(-cx)}, ${Number.format(-cy)})`);
     }
     return transforms;
 }, _Renderer_renderAttributes = function _Renderer_renderAttributes(attributes) {
@@ -274,10 +278,10 @@ _Renderer_style = new WeakMap(), _Renderer_resolver = new WeakMap(), _Renderer_d
     const id = `${name}-color-${__classPrivateFieldGet(this, _Renderer_instances, "m", _Renderer_hashSeed).call(this)}`;
     const tag = fill === 'linear' ? 'linearGradient' : 'radialGradient';
     const rotateAttr = rotation !== 0
-        ? ` gradientTransform="rotate(${rotation}, 0.5, 0.5)"`
+        ? ` gradientTransform="rotate(${Number.format(rotation)}, 0.5, 0.5)"`
         : '';
     const stops = colors.map((color, i) => {
-        const offset = Math.round((i / (colors.length - 1)) * 100);
+        const offset = Number.format((i / (colors.length - 1)) * 100);
         return `<stop offset="${offset}%" stop-color="${Xml.escape(color)}"/>`;
     });
     __classPrivateFieldGet(this, _Renderer_defs, "f").set(id, `<${tag} id="${id}"${rotateAttr}>${stops.join('')}</${tag}>`);
@@ -297,7 +301,7 @@ _Renderer_style = new WeakMap(), _Renderer_resolver = new WeakMap(), _Renderer_d
         case 'initials':
             return __classPrivateFieldGet(this, _Renderer_instances, "m", _Renderer_initials).call(this);
         case 'fontWeight':
-            return String(__classPrivateFieldGet(this, _Renderer_resolver, "f").fontWeight());
+            return Number.format(__classPrivateFieldGet(this, _Renderer_resolver, "f").fontWeight());
         case 'fontFamily':
             return __classPrivateFieldGet(this, _Renderer_resolver, "f").fontFamily();
     }

package/lib/Utils/Number.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Formats a number for SVG output, rounded to at most 5 decimal places.
+ *
+ * Rounding to a fixed precision keeps the output bounded and identical across
+ * the JS, PHP, and Python ports: every value becomes a multiple of 1e-5 in the
+ * SVG coordinate range, which has no exponential form, so the result is built
+ * from integer arithmetic (no locale- or language-specific float stringifying).
+ * Five decimals is far below sub-pixel precision for any realistic canvas.
+ */
+export declare class Number {
+    static format(value: number): string;
+}

package/lib/Utils/Number.js

@@ -0,0 +1,32 @@
+/**
+ * Formats a number for SVG output, rounded to at most 5 decimal places.
+ *
+ * Rounding to a fixed precision keeps the output bounded and identical across
+ * the JS, PHP, and Python ports: every value becomes a multiple of 1e-5 in the
+ * SVG coordinate range, which has no exponential form, so the result is built
+ * from integer arithmetic (no locale- or language-specific float stringifying).
+ * Five decimals is far below sub-pixel precision for any realistic canvas.
+ */
+export class Number {
+    static format(value) {
+        // `value !== value` and the Infinity literals avoid referencing the global
+        // `Number`, which this class shadows within the module.
+        if (value !== value) {
+            return 'NaN';
+        }
+        if (value === Infinity) {
+            return 'Infinity';
+        }
+        if (value === -Infinity) {
+            return '-Infinity';
+        }
+        let scaled = Math.round(value * 100000);
+        const sign = scaled < 0 ? '-' : '';
+        scaled = Math.abs(scaled);
+        const integerPart = Math.floor(scaled / 100000);
+        const fraction = String(scaled % 100000)
+            .padStart(5, '0')
+            .replace(/0+$/, '');
+        return `${sign}${integerPart}${fraction ? `.${fraction}` : ''}`;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dicebear/core",
-  "version": "10.0.1",
+  "version": "10.1.0-rc.1",
   "description": "Unique avatars from dozens of styles — deterministic, customizable, vector-based.",
   "keywords": [
     "avatar",