@dicebear/core 9.4.2 → 10.0.0-rc.1

package/lib/index.d.ts

@@ -1,12 +1,4 @@
-/*!
- * DiceBear (@dicebear/core)
- *
- * Code licensed under MIT (https://github.com/dicebear/dicebear/blob/main/LICENSE)
- * Copyright (c) 2024 Florian Körner
- */
-import * as license from './utils/license.js';
-import * as escape from './utils/escape.js';
-export * from './core.js';
-export * from './schema.js';
-export * from './types.js';
-export { license, escape };
+export { Style, type StyleDefinition } from './Style.js';
+export { Avatar } from './Avatar.js';
+export { OptionsDescriptor } from './OptionsDescriptor.js';
+export type { StyleOptions } from './StyleOptions.js';

package/lib/index.js

@@ -1,12 +1,3 @@
-/*!
- * DiceBear (@dicebear/core)
- *
- * Code licensed under MIT (https://github.com/dicebear/dicebear/blob/main/LICENSE)
- * Copyright (c) 2024 Florian Körner
- */
-import * as license from './utils/license.js';
-import * as escape from './utils/escape.js';
-export * from './core.js';
-export * from './schema.js';
-export * from './types.js';
-export { license, escape };
+export { Style } from './Style.js';
+export { Avatar } from './Avatar.js';
+export { OptionsDescriptor } from './OptionsDescriptor.js';

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@dicebear/core",
-  "version": "9.4.2",
-  "description": "An avatar library for designers and developers.",
+  "version": "10.0.0-rc.1",
+  "description": "Unique avatars from dozens of styles — deterministic, customizable, vector-based.",
   "keywords": [
     "avatar",
-    "identicon"
+    "identicon",
+    "avataaars",
+    "bottts",
+    "dicebear"
   ],
   "homepage": "https://www.dicebear.com",
   "bugs": {
@@ -20,27 +23,29 @@
   "main": "./lib/index.js",
   "exports": "./lib/index.js",
   "types": "./lib/index.d.ts",
+  "sideEffects": false,
   "files": [
     "LICENSE",
     "lib",
     "README.md"
   ],
   "scripts": {
-    "prebuild": "del-cli lib",
+    "prebuild": "del-cli lib && node scripts/compile-schema.mjs",
     "build": "tsc",
     "prepublishOnly": "npm run build",
+    "prepack": "node scripts/extend-license.mjs",
+    "postpack": "git checkout LICENSE",
     "test": "node --test"
   },
-  "dependencies": {
-    "@types/json-schema": "^7.0.15"
-  },
   "devDependencies": {
+    "@dicebear/schema": "^0.9.0",
     "@tsconfig/recommended": "^1.0.13",
+    "ajv": "^8.17.1",
     "del-cli": "^7.0.0",
     "typescript": "^5.9.3"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "publishConfig": {
     "access": "public"

package/lib/core.d.ts

@@ -1,2 +0,0 @@
-import type { Result, Style, StyleOptions } from './types.js';
-export declare function createAvatar<O extends {}>(style: Style<O>, options?: StyleOptions<O>): Result;

package/lib/core.js

@@ -1,67 +0,0 @@
-import * as svgUtils from './utils/svg.js';
-import { merge as mergeOptions } from './utils/options.js';
-import { create as createPrng } from './utils/prng.js';
-import * as license from './utils/license.js';
-import { getBackgroundColors } from './utils/color.js';
-export function createAvatar(style, options = {}) {
-    var _a, _b, _c, _d, _e;
-    options = mergeOptions(style, options);
-    const prng = createPrng(options.seed);
-    const result = style.create({ prng: prng, options });
-    const backgroundType = prng.pick((_a = options.backgroundType) !== null && _a !== void 0 ? _a : [], 'solid');
-    const { primary: primaryBackgroundColor, secondary: secondaryBackgroundColor, } = getBackgroundColors(prng, (_b = options.backgroundColor) !== null && _b !== void 0 ? _b : [], backgroundType);
-    const backgroundRotation = prng.integer(((_c = options.backgroundRotation) === null || _c === void 0 ? void 0 : _c.length)
-        ? Math.min(...options.backgroundRotation)
-        : 0, ((_d = options.backgroundRotation) === null || _d === void 0 ? void 0 : _d.length)
-        ? Math.max(...options.backgroundRotation)
-        : 0);
-    if (options.size) {
-        result.attributes.width = options.size.toString();
-        result.attributes.height = options.size.toString();
-    }
-    if (options.scale !== undefined && options.scale !== 100) {
-        result.body = svgUtils.addScale(result, options.scale);
-    }
-    if (options.flip) {
-        result.body = svgUtils.addFlip(result);
-    }
-    if (options.rotate) {
-        result.body = svgUtils.addRotate(result, options.rotate);
-    }
-    if (options.translateX || options.translateY) {
-        result.body = svgUtils.addTranslate(result, options.translateX, options.translateY);
-    }
-    if (primaryBackgroundColor !== 'transparent' &&
-        secondaryBackgroundColor !== 'transparent') {
-        result.body = svgUtils.addBackground(result, primaryBackgroundColor, secondaryBackgroundColor, backgroundType, backgroundRotation);
-    }
-    if (options.radius || options.clip) {
-        result.body = svgUtils.addViewboxMask(result, (_e = options.radius) !== null && _e !== void 0 ? _e : 0);
-    }
-    if (options.randomizeIds) {
-        // Reduces the occurrence of ID collisions when rendering multiple avatars on one HTML page.
-        result.body = svgUtils.randomizeIds(result);
-    }
-    const attributes = svgUtils.createAttrString(result);
-    const metadata = license.xml(style);
-    const svg = `<svg ${attributes}>${metadata}${result.body}</svg>`;
-    return {
-        toString: () => svg,
-        toJson: () => {
-            var _a;
-            return ({
-                svg: svg,
-                extra: {
-                    primaryBackgroundColor,
-                    secondaryBackgroundColor,
-                    backgroundType,
-                    backgroundRotation,
-                    ...(_a = result.extra) === null || _a === void 0 ? void 0 : _a.call(result),
-                },
-            });
-        },
-        toDataUri: () => {
-            return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
-        },
-    };
-}

package/lib/schema.d.ts

@@ -1,2 +0,0 @@
-import { JSONSchema7 } from 'json-schema';
-export declare const schema: JSONSchema7;

package/lib/schema.js

@@ -1,79 +0,0 @@
-export const schema = {
-    type: 'object',
-    $schema: 'http://json-schema.org/draft-07/schema#',
-    properties: {
-        seed: {
-            type: 'string',
-        },
-        flip: {
-            type: 'boolean',
-            default: false,
-        },
-        rotate: {
-            type: 'integer',
-            minimum: 0,
-            maximum: 360,
-            default: 0,
-        },
-        scale: {
-            type: 'integer',
-            minimum: 0,
-            maximum: 200,
-            default: 100,
-        },
-        radius: {
-            type: 'integer',
-            minimum: 0,
-            maximum: 50,
-            default: 0,
-        },
-        size: {
-            type: 'integer',
-            minimum: 1,
-        },
-        backgroundColor: {
-            type: 'array',
-            items: {
-                type: 'string',
-                pattern: '^(transparent|[a-fA-F0-9]{6})$',
-            },
-        },
-        backgroundType: {
-            type: 'array',
-            items: {
-                type: 'string',
-                enum: ['solid', 'gradientLinear'],
-            },
-            default: ['solid'],
-        },
-        backgroundRotation: {
-            type: 'array',
-            items: {
-                type: 'integer',
-                minimum: -360,
-                maximum: 360,
-            },
-            default: [0, 360],
-        },
-        translateX: {
-            type: 'integer',
-            minimum: -100,
-            maximum: 100,
-            default: 0,
-        },
-        translateY: {
-            type: 'integer',
-            minimum: -100,
-            maximum: 100,
-            default: 0,
-        },
-        clip: {
-            type: 'boolean',
-            default: true,
-        },
-        randomizeIds: {
-            type: 'boolean',
-            default: false,
-        },
-    },
-};

package/lib/types.d.ts

@@ -1,73 +0,0 @@
-import type { JSONSchema7 } from 'json-schema';
-export interface ResultConvertOptions {
-    includeExif?: boolean;
-}
-export interface Result {
-    toString(): string;
-    toJson(): {
-        svg: string;
-        extra: Record<string, unknown>;
-    };
-    toDataUri(): string;
-}
-export type BackgroundType = 'solid' | 'gradientLinear';
-export interface Options {
-    seed?: string;
-    flip?: boolean;
-    rotate?: number;
-    scale?: number;
-    radius?: number;
-    size?: number;
-    backgroundColor?: string[];
-    backgroundType?: BackgroundType[];
-    backgroundRotation?: number[];
-    translateX?: number;
-    translateY?: number;
-    clip?: boolean;
-    randomizeIds?: boolean;
-}
-export interface Exif {
-    [key: string]: string;
-}
-export type SchemaDefaults = Record<string, unknown>;
-export interface Prng {
-    seed: string;
-    next(): void;
-    bool(likelihood?: number): boolean;
-    integer(min: number, max: number): number;
-    pick<T>(arr: T[], fallback: T): T;
-    pick<T>(arr: T[]): T | undefined;
-    shuffle<T>(arr: T[]): T[];
-    string(length: number, characters?: string): string;
-}
-export type StyleSchema = JSONSchema7;
-export type StyleOptions<O extends {}> = Partial<O & Options>;
-export interface StyleCreateProps<O extends {}> {
-    prng: Prng;
-    options: StyleOptions<O>;
-}
-export type StyleCreate<O extends {}> = (props: StyleCreateProps<O>) => StyleCreateResult;
-export interface StyleCreateResultAttributes {
-    viewBox: string;
-    [key: string]: string;
-}
-export interface StyleCreateResult {
-    attributes: StyleCreateResultAttributes;
-    body: string;
-    extra?: () => Record<string, unknown>;
-}
-export interface StyleMeta {
-    title?: string;
-    source?: string;
-    creator?: string;
-    homepage?: string;
-    license?: {
-        name: string;
-        url: string;
-    };
-}
-export interface Style<O extends {}> {
-    meta?: StyleMeta;
-    schema?: StyleSchema;
-    create: StyleCreate<O>;
-}

package/lib/utils/color.d.ts

@@ -1,6 +0,0 @@
-import { Prng } from '../types.js';
-export declare function convertColor(color: string): string;
-export declare function getBackgroundColors(prng: Prng, backgroundColor: string[], backgroundType: 'solid' | 'gradientLinear'): {
-    primary: string;
-    secondary: string;
-};

package/lib/utils/color.js

@@ -1,35 +0,0 @@
-export function convertColor(color) {
-    return 'transparent' === color ? color : `#${color}`;
-}
-export function getBackgroundColors(prng, backgroundColor, backgroundType) {
-    var _a;
-    let shuffledBackgroundColors = prng.shuffle(backgroundColor);
-    if (shuffledBackgroundColors.length <= 1) {
-        // If no background colour or only one background colour has been selected,
-        // the random sorting logic can be omitted.
-        shuffledBackgroundColors = backgroundColor;
-        // A function call should in any case make an identical number of calls to the PRNG.
-        prng.next();
-    }
-    else if (backgroundColor.length == 2 &&
-        backgroundType == 'gradientLinear') {
-        // If the background is to be a colour gradient and exactly two background
-        // colours have been specified, do not sort them randomly. In this case, we
-        // assume that the order of the background colours was chosen on purpose.
-        shuffledBackgroundColors = backgroundColor;
-        // A function call should in any case make an identical number of calls to the PRNG.
-        prng.next();
-    }
-    else {
-        shuffledBackgroundColors = prng.shuffle(backgroundColor);
-    }
-    if (shuffledBackgroundColors.length === 0) {
-        shuffledBackgroundColors = ['transparent'];
-    }
-    const primary = shuffledBackgroundColors[0];
-    const secondary = (_a = shuffledBackgroundColors[1]) !== null && _a !== void 0 ? _a : shuffledBackgroundColors[0];
-    return {
-        primary: convertColor(primary),
-        secondary: convertColor(secondary),
-    };
-}

package/lib/utils/escape.d.ts

@@ -1 +0,0 @@
-export declare function xml(content: string): string;

package/lib/utils/escape.js

@@ -1,8 +0,0 @@
-export function xml(content) {
-    return content
-        .replace(/&/g, '&')
-        .replace(/'/g, ''')
-        .replace(/"/g, '"')
-        .replace(/</g, '&lt;')
-        .replace(/>/g, '&gt;');
-}

package/lib/utils/license.d.ts

@@ -1,3 +0,0 @@
-import { Style } from '../types.js';
-export declare function xml(style: Style<any>): string;
-export declare function text(style: Style<any>): string;

package/lib/utils/license.js

@@ -1,54 +0,0 @@
-import * as _ from './escape.js';
-export function xml(style) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    const title = (_a = style.meta) === null || _a === void 0 ? void 0 : _a.title;
-    const creator = (_b = style.meta) === null || _b === void 0 ? void 0 : _b.creator;
-    const source = (_c = style.meta) === null || _c === void 0 ? void 0 : _c.source;
-    const license = (_e = (_d = style.meta) === null || _d === void 0 ? void 0 : _d.license) === null || _e === void 0 ? void 0 : _e.url;
-    const rights = text(style);
-    if (!title && !creator && !source && !license && !rights) {
-        return '';
-    }
-    // https://nsteffel.github.io/dublin_core_generator/generator.html
-    return ('<metadata' +
-        ' xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"' +
-        ' xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"' +
-        ' xmlns:dc="http://purl.org/dc/elements/1.1/"' +
-        ' xmlns:dcterms="http://purl.org/dc/terms/">' +
-        '<rdf:RDF>' +
-        '<rdf:Description>' +
-        (title ? `<dc:title>${_.xml(title)}</dc:title>` : '') +
-        (creator ? `<dc:creator>${_.xml(creator)}</dc:creator>` : '') +
-        (source
-            ? `<dc:source xsi:type="dcterms:URI">${_.xml((_g = (_f = style.meta) === null || _f === void 0 ? void 0 : _f.source) !== null && _g !== void 0 ? _g : '')}</dc:source>`
-            : '') +
-        (license
-            ? `<dcterms:license xsi:type="dcterms:URI">${_.xml(license)}</dcterms:license>`
-            : '') +
-        (rights ? `<dc:rights>${_.xml(rights)}</dc:rights>` : '') +
-        '</rdf:Description>' +
-        '</rdf:RDF>' +
-        '</metadata>');
-}
-export function text(style) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    let title = ((_a = style.meta) === null || _a === void 0 ? void 0 : _a.title) ? `„${(_b = style.meta) === null || _b === void 0 ? void 0 : _b.title}”` : 'Design';
-    let creator = `„${(_d = (_c = style.meta) === null || _c === void 0 ? void 0 : _c.creator) !== null && _d !== void 0 ? _d : 'Unknown'}”`;
-    if ((_e = style.meta) === null || _e === void 0 ? void 0 : _e.source) {
-        title += ` (${style.meta.source})`;
-    }
-    let result = '';
-    if (((_g = (_f = style.meta) === null || _f === void 0 ? void 0 : _f.license) === null || _g === void 0 ? void 0 : _g.name) !== 'MIT' &&
-        ((_h = style.meta) === null || _h === void 0 ? void 0 : _h.creator) !== 'DiceBear' &&
-        ((_j = style.meta) === null || _j === void 0 ? void 0 : _j.title)) {
-        result += 'Remix of ';
-    }
-    result += `${title} by ${creator}`;
-    if ((_l = (_k = style.meta) === null || _k === void 0 ? void 0 : _k.license) === null || _l === void 0 ? void 0 : _l.name) {
-        result += `, licensed under „${(_o = (_m = style.meta) === null || _m === void 0 ? void 0 : _m.license) === null || _o === void 0 ? void 0 : _o.name}”`;
-        if ((_q = (_p = style.meta) === null || _p === void 0 ? void 0 : _p.license) === null || _q === void 0 ? void 0 : _q.url) {
-            result += ` (${style.meta.license.url})`;
-        }
-    }
-    return result;
-}

package/lib/utils/options.d.ts

@@ -1,3 +0,0 @@
-import type { SchemaDefaults, Style, StyleOptions, StyleSchema } from '../types.js';
-export declare function defaults(schema: StyleSchema): SchemaDefaults;
-export declare function merge<O extends {}>(style: Style<O>, options: StyleOptions<O>): StyleOptions<O>;

package/lib/utils/options.js

@@ -1,32 +0,0 @@
-import { schema } from '../schema.js';
-export function defaults(schema) {
-    var _a;
-    let result = {};
-    let props = (_a = schema.properties) !== null && _a !== void 0 ? _a : {};
-    Object.keys(props).forEach((key) => {
-        let val = props[key];
-        if (typeof val === 'object' && undefined !== val.default) {
-            if (Array.isArray(val.default)) {
-                result[key] = [...val.default];
-            }
-            else if (typeof val.default === 'object') {
-                result[key] = { ...val.default };
-            }
-            else {
-                result[key] = val.default;
-            }
-        }
-    });
-    return result;
-}
-export function merge(style, options) {
-    var _a;
-    let result = {
-        ...defaults(schema),
-        ...defaults((_a = style.schema) !== null && _a !== void 0 ? _a : {}),
-        ...options,
-    };
-    // Return a complete copy because the styles could partially customize the
-    // options and thus modify nested objects and arrays.
-    return JSON.parse(JSON.stringify(result));
-}

package/lib/utils/prng.d.ts

@@ -1,2 +0,0 @@
-import type { Prng } from '../types.js';
-export declare function create(seed?: string): Prng;

package/lib/utils/prng.js

@@ -1,68 +0,0 @@
-const MIN = -2147483648;
-const MAX = 2147483647;
-const MAX_SEED_LENGTH = 1024;
-function xorshift(value) {
-    value ^= value << 13;
-    value ^= value >> 17;
-    value ^= value << 5;
-    return value;
-}
-function hashSeed(seed) {
-    let hash = 0;
-    for (let i = 0; i < seed.length; i++) {
-        hash = ((hash << 5) - hash + seed.charCodeAt(i)) | 0;
-        hash = xorshift(hash);
-    }
-    return hash;
-}
-export function create(seed = '') {
-    // Ensure that seed is a string and limit length to prevent CPU exhaustion
-    seed = seed.toString().slice(0, MAX_SEED_LENGTH);
-    let value = hashSeed(seed) || 1;
-    const next = () => (value = xorshift(value));
-    const integer = (min, max) => {
-        return Math.floor(((next() - MIN) / (MAX - MIN)) * (max + 1 - min) + min);
-    };
-    return {
-        seed,
-        next,
-        bool(likelihood = 50) {
-            return integer(1, 100) <= likelihood;
-        },
-        integer(min, max) {
-            return integer(min, max);
-        },
-        pick(arr, fallback) {
-            var _a;
-            if (arr.length === 0) {
-                next();
-                return fallback;
-            }
-            return (_a = arr[integer(0, arr.length - 1)]) !== null && _a !== void 0 ? _a : fallback;
-        },
-        shuffle(arr) {
-            // Each method call should call the `next` function only once.
-            // Therefore, we use a separate instance of the PRNG here.
-            const internalPrng = create(next().toString());
-            // Fisher-Yates shuffle algorithm - We do not use the Array.sort method
-            // because it is not stable and produces different results when used in
-            // different browsers. See: https://github.com/dicebear/dicebear/issues/394
-            const workingArray = [...arr];
-            for (let i = workingArray.length - 1; i > 0; i--) {
-                const j = internalPrng.integer(0, i);
-                [workingArray[i], workingArray[j]] = [workingArray[j], workingArray[i]];
-            }
-            return workingArray;
-        },
-        string(length, characters = 'abcdefghijklmnopqrstuvwxyz1234567890') {
-            // Each method call should call the `next` function only once.
-            // Therefore, we use a separate instance of the PRNG here.
-            const internalPrng = create(next().toString());
-            let str = '';
-            for (let i = 0; i < length; i++) {
-                str += characters[internalPrng.integer(0, characters.length - 1)];
-            }
-            return str;
-        },
-    };
-}

package/lib/utils/svg.d.ts

@@ -1,15 +0,0 @@
-import type { BackgroundType, StyleCreateResult } from '../types.js';
-export declare function getViewBox(result: StyleCreateResult): {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare function addBackground(result: StyleCreateResult, primaryColor: string, secondaryColor: string, type: BackgroundType, rotation: number): string;
-export declare function addScale(result: StyleCreateResult, scale: number): string;
-export declare function addTranslate(result: StyleCreateResult, x?: number, y?: number): string;
-export declare function addRotate(result: StyleCreateResult, rotate: number): string;
-export declare function addFlip(result: StyleCreateResult): string;
-export declare function addViewboxMask(result: StyleCreateResult, radius: number): string;
-export declare function createAttrString(result: StyleCreateResult): string;
-export declare function randomizeIds(result: StyleCreateResult): string;

package/lib/utils/svg.js

@@ -1,79 +0,0 @@
-import * as escape from './escape.js';
-import { create as createPrng } from './prng.js';
-export function getViewBox(result) {
-    let viewBox = result.attributes['viewBox'].split(' ');
-    let x = parseInt(viewBox[0]);
-    let y = parseInt(viewBox[1]);
-    let width = parseInt(viewBox[2]);
-    let height = parseInt(viewBox[3]);
-    return {
-        x,
-        y,
-        width,
-        height,
-    };
-}
-export function addBackground(result, primaryColor, secondaryColor, type, rotation) {
-    let { width, height, x, y } = getViewBox(result);
-    const solidBackground = `<rect fill="${escape.xml(primaryColor)}" width="${width}" height="${height}" x="${x}" y="${y}" />`;
-    switch (type) {
-        case 'solid':
-            return solidBackground + result.body;
-        case 'gradientLinear':
-            return (`<rect fill="url(#backgroundLinear)" width="${width}" height="${height}" x="${x}" y="${y}" />` +
-                `<defs>` +
-                `<linearGradient id="backgroundLinear" gradientTransform="rotate(${rotation} 0.5 0.5)">` +
-                `<stop stop-color="${escape.xml(primaryColor)}"/>` +
-                `<stop offset="1" stop-color="${escape.xml(secondaryColor)}"/>` +
-                `</linearGradient>` +
-                `</defs>` +
-                result.body);
-    }
-}
-export function addScale(result, scale) {
-    let { width, height, x, y } = getViewBox(result);
-    let percent = scale ? (scale - 100) / 100 : 0;
-    let translateX = (width / 2 + x) * percent * -1;
-    let translateY = (height / 2 + y) * percent * -1;
-    return `<g transform="translate(${translateX} ${translateY}) scale(${scale / 100})">${result.body}</g>`;
-}
-export function addTranslate(result, x, y) {
-    let viewBox = getViewBox(result);
-    let translateX = (viewBox.width + viewBox.x * 2) * ((x !== null && x !== void 0 ? x : 0) / 100);
-    let translateY = (viewBox.height + viewBox.y * 2) * ((y !== null && y !== void 0 ? y : 0) / 100);
-    return `<g transform="translate(${translateX} ${translateY})">${result.body}</g>`;
-}
-export function addRotate(result, rotate) {
-    let { width, height, x, y } = getViewBox(result);
-    return `<g transform="rotate(${rotate}, ${width / 2 + x}, ${height / 2 + y})">${result.body}</g>`;
-}
-export function addFlip(result) {
-    let { width, x } = getViewBox(result);
-    return `<g transform="scale(-1 1) translate(${width * -1 - x * 2} 0)">${result.body}</g>`;
-}
-export function addViewboxMask(result, radius) {
-    let { width, height, x, y } = getViewBox(result);
-    let rx = radius ? (width * radius) / 100 : 0;
-    let ry = radius ? (height * radius) / 100 : 0;
-    return (`<mask id="viewboxMask">` +
-        `<rect width="${width}" height="${height}" rx="${rx}" ry="${ry}" x="${x}" y="${y}" fill="#fff" />` +
-        `</mask>` +
-        `<g mask="url(#viewboxMask)">${result.body}</g>`);
-}
-export function createAttrString(result) {
-    const attributes = {
-        xmlns: 'http://www.w3.org/2000/svg',
-        ...result.attributes,
-    };
-    return Object.keys(attributes)
-        .map((attr) => `${escape.xml(attr)}="${escape.xml(attributes[attr])}"`)
-        .join(' ');
-}
-export function randomizeIds(result) {
-    const prng = createPrng(Math.random().toString());
-    const ids = {};
-    return result.body.replace(/(id="|url\(#)([a-z0-9-_]+)([")])/gi, (match, m1, m2, m3) => {
-        ids[m2] = ids[m2] || prng.string(8);
-        return `${m1}${ids[m2]}${m3}`;
-    });
-}