@ignaciocabeza/bitface 1.0.0 → 1.0.1

package/dist/vue.js

@@ -1,103 +1 @@
-import {
-  ANIMATIONS,
-  generateFace,
-  generateRandomConfig
-} from "./chunk-SCBE5EEX.js";
-
-// src/vue.ts
-import {
-  computed,
-  ref,
-  watch,
-  onUnmounted,
-  defineComponent,
-  h
-} from "vue";
-function useAvatar(config) {
-  let fallback;
-  return computed(() => {
-    const c = config?.();
-    if (c) return generateFace(c);
-    if (!fallback) fallback = generateRandomConfig();
-    return generateFace(fallback);
-  });
-}
-function useAnimatedAvatar(config, animation) {
-  const frameIndex = ref(0);
-  let timer;
-  let fallback;
-  const sequence = computed(() => {
-    const anim = animation();
-    if (!anim) return void 0;
-    if (typeof anim === "string") return ANIMATIONS[anim];
-    return anim;
-  });
-  function scheduleNext() {
-    const seq = sequence.value;
-    if (!seq) return;
-    const frame = seq.frames[frameIndex.value];
-    if (!frame) return;
-    timer = setTimeout(() => {
-      frameIndex.value = (frameIndex.value + 1) % seq.frames.length;
-      scheduleNext();
-    }, frame.duration);
-  }
-  watch(
-    sequence,
-    () => {
-      if (timer !== void 0) clearTimeout(timer);
-      frameIndex.value = 0;
-      scheduleNext();
-    },
-    { immediate: true }
-  );
-  onUnmounted(() => {
-    if (timer !== void 0) clearTimeout(timer);
-  });
-  return computed(() => {
-    const seq = sequence.value;
-    const base = config() ?? (fallback ?? (fallback = generateRandomConfig()));
-    if (!seq) return generateFace(base);
-    const frame = seq.frames[frameIndex.value];
-    if (!frame) return generateFace(base);
-    return generateFace({ ...base, ...frame.overrides });
-  });
-}
-var Avatar = defineComponent({
-  name: "Avatar",
-  props: {
-    config: {
-      type: Object,
-      default: void 0
-    },
-    size: {
-      type: Number,
-      default: 128
-    },
-    animation: {
-      type: [String, Object],
-      default: void 0
-    }
-  },
-  setup(props) {
-    const svg = useAnimatedAvatar(
-      () => props.config,
-      () => props.animation
-    );
-    return () => h("div", {
-      innerHTML: svg.value,
-      style: {
-        width: `${props.size}px`,
-        height: `${props.size}px`,
-        imageRendering: "pixelated"
-      }
-    });
-  }
-});
-export {
-  Avatar,
-  generateRandomConfig,
-  useAnimatedAvatar,
-  useAvatar
-};
-//# sourceMappingURL=vue.js.map
+import{d as f,e as o,h as c}from"./chunk-SFAUE3EN.js";import{computed as m,ref as l,watch as g,onUnmounted as y,defineComponent as v,h as x}from"vue";function h(n){let i;return m(()=>{let t=n?.();return t?o(t):(i||(i=f()),o(i))})}function A(n,i){let t=l(0),a,p,u=m(()=>{let e=i();if(e)return typeof e=="string"?c[e]:e});function d(){let e=u.value;if(!e)return;let r=e.frames[t.value];r&&(a=setTimeout(()=>{t.value=(t.value+1)%e.frames.length,d()},r.duration))}return g(u,()=>{a!==void 0&&clearTimeout(a),t.value=0,d()},{immediate:!0}),y(()=>{a!==void 0&&clearTimeout(a)}),m(()=>{let e=u.value,r=n()??p??(p=f());if(!e)return o(r);let s=e.frames[t.value];return s?o({...r,...s.overrides}):o(r)})}var q=v({name:"Avatar",props:{config:{type:Object,default:void 0},size:{type:Number,default:128},animation:{type:[String,Object],default:void 0}},setup(n){let i=A(()=>n.config,()=>n.animation);return()=>x("div",{innerHTML:i.value,style:{width:`${n.size}px`,height:`${n.size}px`,imageRendering:"pixelated"}})}});export{q as Avatar,f as generateRandomConfig,A as useAnimatedAvatar,h as useAvatar};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ignaciocabeza/bitface",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Pixel art SVG avatar/face generator with zero dependencies",
   "type": "module",
   "main": "./dist/index.cjs",