@dicebear/miniavs 5.0.0-alpha.15 → 5.0.0-alpha.20

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Florian Körner
+Copyright (c) 2022 Florian Körner
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/core.js

@@ -3,7 +3,6 @@ import { getComponents } from './utils/getComponents.js';
 import { getColors } from './utils/getColors.js';
 import { onPreCreate } from './hooks/onPreCreate.js';
 import { onPostCreate } from './hooks/onPostCreate.js';
-import { dimensions } from './meta/components.js';
 export const style = {
     meta: {
         title: 'Miniavs - Free Avatar Creator',
@@ -17,10 +16,10 @@ export const style = {
     schema: schema,
     create: ({ prng, options }) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        onPreCreate({ prng, options, preview: false });
+        onPreCreate({ prng, options });
         const components = getComponents({ prng, options });
         const colors = getColors({ prng, options });
-        onPostCreate({ prng, options, components, colors, preview: false });
+        onPostCreate({ prng, options, components, colors });
         return {
             attributes: {
                 viewBox: '0 0 64 64',
@@ -30,35 +29,4 @@ export const style = {
             body: `${(_b = (_a = components.head) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : ''}${(_d = (_c = components.body) === null || _c === void 0 ? void 0 : _c.value(components, colors)) !== null && _d !== void 0 ? _d : ''}${(_f = (_e = components.hair) === null || _e === void 0 ? void 0 : _e.value(components, colors)) !== null && _f !== void 0 ? _f : ''}<g transform="translate(1)">${(_h = (_g = components.mouth) === null || _g === void 0 ? void 0 : _g.value(components, colors)) !== null && _h !== void 0 ? _h : ''}</g><g transform="translate(0 -1)">${(_k = (_j = components.eyes) === null || _j === void 0 ? void 0 : _j.value(components, colors)) !== null && _k !== void 0 ? _k : ''}</g>${(_m = (_l = components.glasses) === null || _l === void 0 ? void 0 : _l.value(components, colors)) !== null && _m !== void 0 ? _m : ''}${(_p = (_o = components.mustache) === null || _o === void 0 ? void 0 : _o.value(components, colors)) !== null && _p !== void 0 ? _p : ''}`,
         };
     },
-    preview: ({ prng, options, property }) => {
-        var _a, _b;
-        const componentGroup = property.toString();
-        const colorGroup = property.toString().replace(/Color$/, '');
-        onPreCreate({ prng, options, preview: true });
-        const components = getComponents({ prng, options });
-        const colors = getColors({ prng, options });
-        onPostCreate({ prng, options, components, colors, preview: true });
-        if (componentGroup in components) {
-            const { width, height } = dimensions[componentGroup];
-            return {
-                attributes: {
-                    viewBox: `0 0 ${width} ${height}`,
-                    fill: 'none',
-                    'shape-rendering': 'auto',
-                },
-                body: (_b = (_a = components[componentGroup]) === null || _a === void 0 ? void 0 : _a.value(components, colors)) !== null && _b !== void 0 ? _b : '',
-            };
-        }
-        if (colorGroup in colors) {
-            return {
-                attributes: {
-                    viewBox: `0 0 1 1`,
-                    fill: 'none',
-                    'shape-rendering': 'auto',
-                },
-                body: `<rect width="1" height="1" fill="${colors[colorGroup].value}" />`,
-            };
-        }
-        return undefined;
-    },
 };

package/lib/hooks/onPostCreate.d.ts

@@ -5,7 +5,6 @@ declare type Props = {
     options: StyleOptions<Options>;
     components: ComponentPickCollection;
     colors: ColorPickCollection;
-    preview: boolean;
 };
-export declare function onPostCreate({ prng, options, components, colors, preview, }: Props): void;
+export declare function onPostCreate({ prng, options, components, colors }: Props): void;
 export {};

package/lib/hooks/onPostCreate.js

@@ -1,3 +1,3 @@
-export function onPostCreate({ prng, options, components, colors, preview, }) {
+export function onPostCreate({ prng, options, components, colors }) {
     // Write your modifications here
 }

package/lib/hooks/onPreCreate.d.ts

@@ -3,7 +3,6 @@ import { Options } from '../types.js';
 declare type Props = {
     prng: Prng;
     options: StyleOptions<Options>;
-    preview: boolean;
 };
-export declare function onPreCreate({ prng, options, preview }: Props): void;
+export declare function onPreCreate({ prng, options }: Props): void;
 export {};

package/lib/hooks/onPreCreate.js

@@ -1,3 +1,3 @@
-export function onPreCreate({ prng, options, preview }) {
+export function onPreCreate({ prng, options }) {
     // Write your modifications here
 }

package/lib/index.d.ts

@@ -2,12 +2,12 @@
  * Miniavs (@dicebear/miniavs)
  *
  * Code licensed under MIT License.
- * Copyright (c) 2021 Florian Körner
+ * Copyright (c) 2022 Florian Körner
  *
  * Design "Miniavs - Free Avatar Creator" by Webpixels licensed under CC BY 4.0.
  * Source: https://www.figma.com/community/file/923211396597067458
  * License: https://creativecommons.org/licenses/by/4.0/
  */
-declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, preview: import("@dicebear/core").StylePreview<import("./types.js").Options> | undefined, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
-export { create, preview, meta, schema };
+declare const create: import("@dicebear/core").StyleCreate<import("./types.js").Options>, meta: import("@dicebear/core").StyleMeta, schema: import("json-schema").JSONSchema7;
+export { create, meta, schema };
 export type { Options } from './types.js';

package/lib/index.js

@@ -2,12 +2,12 @@
  * Miniavs (@dicebear/miniavs)
  *
  * Code licensed under MIT License.
- * Copyright (c) 2021 Florian Körner
+ * Copyright (c) 2022 Florian Körner
  *
  * Design "Miniavs - Free Avatar Creator" by Webpixels licensed under CC BY 4.0.
  * Source: https://www.figma.com/community/file/923211396597067458
  * License: https://creativecommons.org/licenses/by/4.0/
  */
 import { style } from './core.js';
-const { create, preview, meta, schema } = style;
-export { create, preview, meta, schema };
+const { create, meta, schema } = style;
+export { create, meta, schema };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dicebear/miniavs",
-  "version": "5.0.0-alpha.15",
+  "version": "5.0.0-alpha.20",
   "description": "Avatar style for DiceBear",
   "keywords": [
     "dicebear"
@@ -28,21 +28,20 @@
     "test": "uvu tests"
   },
   "devDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.15",
-    "@tsconfig/recommended": "^1.0.0",
-    "@types/jest": "^26.0.22",
+    "@dicebear/core": "^5.0.0-alpha.20",
+    "@tsconfig/recommended": "^1.0.1",
     "del-cli": "^4.0.1",
-    "typescript": "^4.5.2",
-    "uvu": "^0.5.2"
+    "typescript": "^4.6.3",
+    "uvu": "^0.5.3"
   },
   "peerDependencies": {
-    "@dicebear/core": "^5.0.0-alpha.10"
+    "@dicebear/core": "^5.0.0-alpha.16"
   },
   "engines": {
-    "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+    "node": "^14.13.1 || >=16.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9905588d7bb8da0c3e7953f80845e732b9f43847"
+  "gitHead": "6b1c2bd64294365be21d0a133a362ede5ed62b5a"
 }

package/lib/meta/components.d.ts

@@ -1,4 +0,0 @@
-export declare const dimensions: Record<string, {
-    width: number;
-    height: number;
-}>;

package/lib/meta/components.js

@@ -1,34 +0,0 @@
-export const dimensions = {
-    head: {
-        width: 64,
-        height: 64,
-    },
-    body: {
-        width: 64,
-        height: 64,
-    },
-    hair: {
-        width: 64,
-        height: 64,
-    },
-    mouth: {
-        width: 64,
-        height: 64,
-    },
-    eyes: {
-        width: 64,
-        height: 64,
-    },
-    glasses: {
-        width: 64,
-        height: 64,
-    },
-    mustache: {
-        width: 64,
-        height: 64,
-    },
-    blushes: {
-        width: 64,
-        height: 64,
-    },
-};