Dicebear and Firebase Storage

[magmabits]

Hey! I am currently working on a profile page system and need to store the user's avatar, which is basically dicebear's identicons using the username, to Firebase. How would I do that?

Current code: https://srcb.in/iqFtj3TQRD

[FlorianKoerner]

@magmabits According to the Firebase documentation, the following examples should work. Personally, I would prefer SVG over PNG.

png

import { uploadBytes, ref, getStorage } from 'firebase/storage';
import { createAvatar } from '@dicebear/core';
import { identicon } from '@dicebear/collection';

const username = 'user123';
const storage = getStorage();

const userAvatarRef = ref(storage, `avatars/${username}.png`);
const avatar = await createAvatar(identicon, { seed: username }).png().toArrayBuffer();

await uploadBytes(userAvatarRef, avatar);

svg

import { ref, getStorage, uploadString } from 'firebase/storage';
import { createAvatar } from '@dicebear/core';
import { identicon } from '@dicebear/collection';

const username = 'user123';
const storage = getStorage();

const userAvatarRef = ref(storage, `avatars/${username}.svg`);
const avatar = createAvatar(identicon, { seed: username }).toString();

await uploadString(userAvatarRef, avatar);