@ignaciocabeza/bitface 1.0.0 → 1.0.1

package/dist/react.js

@@ -1,86 +1 @@
-import {
-  ANIMATIONS,
-  generateFace,
-  generateRandomConfig
-} from "./chunk-SCBE5EEX.js";
-
-// src/react.tsx
-import { useMemo, useState, useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-function useAvatar(config) {
-  const stableConfig = useRef(void 0);
-  if (!config && !stableConfig.current) {
-    stableConfig.current = generateRandomConfig();
-  }
-  const resolved = config ?? stableConfig.current;
-  return useMemo(() => generateFace(resolved), [
-    resolved.faceShape,
-    resolved.eyes,
-    resolved.eyebrows,
-    resolved.mouth,
-    resolved.nose,
-    resolved.ears,
-    resolved.hair,
-    resolved.beard,
-    resolved.accessories,
-    resolved.skinColor,
-    resolved.hairColor,
-    resolved.eyeColor,
-    resolved.backgroundColor
-  ]);
-}
-function useAnimatedAvatar(config, animation) {
-  const stableConfig = useRef(void 0);
-  if (!config && !stableConfig.current) {
-    stableConfig.current = generateRandomConfig();
-  }
-  const resolved = config ?? stableConfig.current;
-  const sequence = useMemo(() => {
-    if (!animation) return void 0;
-    if (typeof animation === "string") return ANIMATIONS[animation];
-    return animation;
-  }, [animation]);
-  const [frameIndex, setFrameIndex] = useState(0);
-  useEffect(() => {
-    setFrameIndex(0);
-  }, [sequence]);
-  useEffect(() => {
-    if (!sequence) return;
-    const frame = sequence.frames[frameIndex];
-    if (!frame) return;
-    const timer = setTimeout(() => {
-      setFrameIndex((i) => (i + 1) % sequence.frames.length);
-    }, frame.duration);
-    return () => clearTimeout(timer);
-  }, [sequence, frameIndex]);
-  const mergedConfig = useMemo(() => {
-    if (!sequence) return resolved;
-    const frame = sequence.frames[frameIndex];
-    if (!frame) return resolved;
-    return { ...resolved, ...frame.overrides };
-  }, [resolved, sequence, frameIndex]);
-  return useAvatar(mergedConfig);
-}
-function Avatar({
-  config,
-  size = 128,
-  className,
-  animation
-}) {
-  const svg = useAnimatedAvatar(config, animation);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      style: { width: size, height: size, imageRendering: "pixelated" },
-      dangerouslySetInnerHTML: { __html: svg }
-    }
-  );
-}
-export {
-  Avatar,
-  generateRandomConfig,
-  useAnimatedAvatar,
-  useAvatar
-};
-//# sourceMappingURL=react.js.map
+import{d as a,e as c,h as m}from"./chunk-SFAUE3EN.js";import{useMemo as f,useState as y,useEffect as d,useRef as g}from"react";import{jsx as F}from"react/jsx-runtime";function A(t){let r=g(void 0);!t&&!r.current&&(r.current=a());let e=t??r.current;return f(()=>c(e),[e.faceShape,e.eyes,e.eyebrows,e.mouth,e.nose,e.ears,e.hair,e.beard,e.accessories,e.skinColor,e.hairColor,e.eyeColor,e.backgroundColor])}function h(t,r){let e=g(void 0);!t&&!e.current&&(e.current=a());let o=t??e.current,n=f(()=>{if(r)return typeof r=="string"?m[r]:r},[r]),[s,u]=y(0);d(()=>{u(0)},[n]),d(()=>{if(!n)return;let i=n.frames[s];if(!i)return;let l=setTimeout(()=>{u(C=>(C+1)%n.frames.length)},i.duration);return()=>clearTimeout(l)},[n,s]);let p=f(()=>{if(!n)return o;let i=n.frames[s];return i?{...o,...i.overrides}:o},[o,n,s]);return A(p)}function b({config:t,size:r=128,className:e,animation:o}){let n=h(t,o);return F("div",{className:e,style:{width:r,height:r,imageRendering:"pixelated"},dangerouslySetInnerHTML:{__html:n}})}export{b as Avatar,a as generateRandomConfig,h as useAnimatedAvatar,A as useAvatar};