@b3dotfun/sdk 0.1.69-alpha.10 → 0.1.69-alpha.11

package/src/global-account/react/components/AvatarCreator/AvatarCreator.tsx

@@ -1,90 +0,0 @@
-"use client";
-
-import { toast, useProfile } from "@b3dotfun/sdk/global-account/react";
-import { useRPMToken } from "@b3dotfun/sdk/global-account/react/hooks/useRPMToken";
-import { updateAvatar } from "@b3dotfun/sdk/global-account/react/utils/updateAvatar";
-import { cn } from "@b3dotfun/sdk/shared/utils/cn";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import {
-  AvatarCreatorConfig,
-  AvatarCreator as AvatarCreatorRPM,
-  AvatarExportedEvent,
-} from "@readyplayerme/react-avatar-creator";
-import { useState } from "react";
-
-import { useActiveAccount } from "thirdweb/react";
-
-const debug = debugB3React("AvatarCreator");
-
-const config: AvatarCreatorConfig = {
-  clearCache: true,
-  bodyType: "fullbody",
-  quickStart: true,
-  language: "en",
-};
-
-interface AvatarCreatorProps {
-  onSetAvatar?: () => void;
-  className?: string;
-}
-
-export function AvatarCreator({ onSetAvatar, className }: AvatarCreatorProps) {
-  const { token, refetch: refetchRPMToken } = useRPMToken();
-  const [loading, setIsLoading] = useState(false);
-  const account = useActiveAccount();
-  const { data: profile, refetch: refreshProfile } = useProfile({
-    address: account?.address,
-    fresh: true,
-  });
-
-  const hasAvatar = profile?.avatar;
-
-  const handleOnAvatarExported = async (event: AvatarExportedEvent) => {
-    setIsLoading(true);
-    debug("@@AvatarExportedEvent", event);
-    try {
-      const avatarUpload = await updateAvatar(event.data.url);
-      debug("@@avatarUpload", avatarUpload);
-
-      await refreshProfile();
-      toast.success(
-        hasAvatar ? "Nice look! Your avatar has been updated!" : "Looks great! Your avatar has been saved!",
-      );
-      onSetAvatar?.();
-      await refetchRPMToken(undefined);
-    } catch (e) {
-      debug("@@error:AvatarCreator", e);
-      toast.error("Failed to update avatar. Please try again.");
-    }
-    setIsLoading(false);
-  };
-
-  if (loading) {
-    return (
-      <div className="flex h-[80vh] w-full flex-col items-center justify-center gap-4">
-        <div className="border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" />
-        <p className="text-muted-foreground text-sm font-medium">Saving your avatar</p>
-      </div>
-    );
-  }
-
-  if (!token) {
-    return (
-      <div className="flex h-[80vh] w-full flex-col items-center justify-center gap-4">
-        <div className="border-primary h-8 w-8 animate-spin rounded-full border-4 border-t-transparent" />
-        <p className="text-muted-foreground text-sm font-medium">Loading avatar creator</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className={cn("h-[calc(90vh-2px)] w-full", className)}>
-      <AvatarCreatorRPM
-        className="h-full w-full"
-        subdomain="b3"
-        config={{ ...config, token }}
-        onAvatarExported={handleOnAvatarExported}
-      />
-    </div>
-  );
-}

package/src/global-account/react/components/ProfileAvatar.tsx

@@ -1,138 +0,0 @@
-// "use client";
-
-// import { AnimatePresence, motion } from "motion/react";
-// import { useEffect, useState } from "react";
-// import ClientOnly from "./custom/ClientOnly";
-
-// interface ProfileAvatarProps {
-//   avatarId: string;
-//   timestamp?: number;
-// }
-
-// // this function was taken from b3-shared
-// function createUrlFromAvatarId(avatarId: string, extension: string = "png"): string {
-//   if (extension === "png") {
-//     return `https://avatars.basement.fun/${avatarId}.png`;
-//   }
-//   return `https://models.readyplayer.me/${avatarId}.${extension}`;
-// }
-
-// // Sub component for the avatar image
-// const ProfileAvatar = ({ avatarId, timestamp }: ProfileAvatarProps) => {
-//   const [avatarLoading, setAvatarLoading] = useState(true);
-//   const [avatarError, setAvatarError] = useState(false);
-//   const [ReadyPlayerMeAvatar, setReadyPlayerMeAvatar] = useState<any>(null);
-//   const [Vector3, setVector3] = useState<any>(null);
-//   const [dependenciesLoaded, setDependenciesLoaded] = useState(false);
-
-//   // Dynamically import dependencies only when component is used
-//   useEffect(() => {
-//     let isMounted = true;
-
-//     const loadDependencies = async () => {
-//       try {
-//         const [visageModule, threeModule] = await Promise.all([
-//           // @ts-ignore - Optional peer dependency
-//           import("@readyplayerme/visage"),
-//           // @ts-ignore - Optional peer dependency
-//           import("three")
-//         ]);
-
-//         if (isMounted) {
-//           setReadyPlayerMeAvatar(() => visageModule.Avatar);
-//           setVector3(() => threeModule.Vector3);
-//           setDependenciesLoaded(true);
-//         }
-//       } catch (error) {
-//         console.warn("ProfileAvatar: 3D dependencies not available, falling back to 2D avatar:", error);
-//         if (isMounted) {
-//           setAvatarLoading(false);
-//           setDependenciesLoaded(false);
-//         }
-//       }
-//     };
-
-//     loadDependencies();
-
-//     return () => {
-//       isMounted = false;
-//     };
-//   }, []);
-
-//   if (!avatarId) {
-//     return (
-//       <div className="flex h-full w-full items-center justify-center">
-//         <p className="text-white/50">No avatar available</p>
-//       </div>
-//     );
-//   }
-
-//   return (
-//     <AnimatePresence mode="wait">
-//       {(avatarLoading || !dependenciesLoaded) && !avatarError && (
-//         <motion.img
-//           key="avatar-image"
-//           src={`https://models.readyplayer.me/${avatarId}.png?camera=fullbody&size=1024&expression=happy&t=${timestamp || ""}`}
-//           alt="avatar"
-//           className="absolute left-0 top-0 h-full w-full object-cover"
-//           initial={{ opacity: 0 }}
-//           animate={{ opacity: 1 }}
-//           exit={{ opacity: 0 }}
-//           transition={{ duration: 0.3, ease: "easeInOut" }}
-//           onError={() => setAvatarError(true)}
-//         />
-//       )}
-//       {dependenciesLoaded && (
-//         <ClientOnly>
-//           <motion.div
-//             key={`avatar-3d-${timestamp}`}
-//             className="absolute left-0 top-0 h-full w-full"
-//             initial={{ opacity: 0 }}
-//             animate={{ opacity: avatarLoading ? 0 : 1 }}
-//             exit={{ opacity: 0 }}
-//             transition={{ duration: 0.3, ease: "easeInOut" }}
-//           >
-//             {ReadyPlayerMeAvatar && Vector3 && (
-//               <ReadyPlayerMeAvatar
-//                 animationSrc="https://readyplayerme-assets.s3.amazonaws.com/animations/visage/male-idle.glb"
-//                 onLoadedAnimation={{
-//                   src: "https://readyplayerme-assets.s3.amazonaws.com/animations/visage/male-spawn-animation.fbx",
-//                   loop: 4
-//                 }}
-//                 modelSrc={createUrlFromAvatarId(avatarId, "glb")}
-//                 idleRotation={true}
-//                 headMovement={true}
-//                 scale={0.9}
-//                 keyLightColor="#bca1f4"
-//                 keyLightIntensity={1}
-//                 fillLightColor="#8d4cf6"
-//                 fov={50}
-//                 emotion={{
-//                   browInnerUp: 0.3,
-//                   browOuterUpLeft: 0.37,
-//                   browOuterUpRight: 0.49,
-//                   eyeSquintLeft: 0.4,
-//                   eyeSquintRight: 0.2,
-//                   mouthShrugUpper: 0.27,
-//                   mouthSmileLeft: 0.37,
-//                   mouthSmileRight: 0.36
-//                 }}
-//                 cameraZoomTarget={new Vector3(0, 0.1, 3.2)}
-//                 cameraInitialDistance={3.2}
-//                 cameraTarget={1.55}
-//                 className="h-full w-full"
-//                 onLoaded={() => {
-//                   setAvatarLoading(false);
-//                   setAvatarError(false);
-//                 }}
-//                 shadows
-//               />
-//             )}
-//           </motion.div>
-//         </ClientOnly>
-//       )}
-//     </AnimatePresence>
-//   );
-// };
-
-// export default ProfileAvatar;

package/src/global-account/react/hooks/useRPMToken.ts

@@ -1,17 +0,0 @@
-"use client";
-
-import { useQueryBSMNT } from "@b3dotfun/sdk/global-account/react/hooks/useQueryBSMNT";
-
-export function useRPMToken() {
-  const {
-    data,
-    runQuery: refetch,
-    isLoading,
-    error: isError,
-  } = useQueryBSMNT("profiles", "getReadyPlayerMeToken", undefined, true);
-
-  const token = data?.token || "";
-  const accountId = data?.accountId || "";
-
-  return { token, accountId, refetch, isLoading, isError };
-}

package/src/global-account/react/utils/updateAvatar.ts

@@ -1,21 +0,0 @@
-import app, { extractAvatarIdFromUrl } from "@b3dotfun/sdk/global-account/bsmnt";
-import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-
-const debug = debugB3React("updateAvatar");
-
-export async function updateAvatar(avatar: string) {
-  try {
-    // Extract avatar ID from URL
-    const avatarID = extractAvatarIdFromUrl(avatar);
-
-    if (!avatarID) {
-      throw new Error("Invalid avatar URL");
-    }
-
-    // Set the avatar in the profiles service
-    return await app.service("profiles").setAvatar({ avatarUrl: String(avatar), avatarID: String(avatarID) }, {});
-  } catch (error) {
-    debug("Failed to update avatar:", error);
-    throw error; // Re-throw to handle in component
-  }
-}