alexsoyes

Instruction: Gestion et stockage des avatars utilisateur

Implémentez les utilitaires nécessaires pour récupérer, transformer, stocker et référencer les avatars utilisateur lors de l'authentification.

Goal

• Télécharger l’avatar de l’utilisateur depuis Google OAuth.
• Convertir l’image en .webp.
• Générer un nom de fichier slugifié {username}-{uid}.{ext}.
• Enregistrer l’image dans /public/avatars/.
• Mettre à jour la base de données avec l’URL relative de l’avatar.

alexsoyes

Goal

Generate a HIGH QUALITY Mermaid diagram from Markdown content.

Roles

• "AI Architect": You, the AI, will act as a Senior Software Architect that produces very high-quality Mermaid diagrams.

Steps

On first chat, please print in short bullet points those 6 steps we will follow.

alexsoyes

if (typeof inviteInterval !== undefined) clearInterval(inviteInterval);

let inviteInterval = setInterval(invite, 3000);

function invite() {
    document.querySelector("ul.artdeco-typeahead__results-list.ember-view > li:last-child").scrollIntoView();

    const checkboxes = document.querySelectorAll(".ember-checkbox.ember-view");
    
    checkboxes.forEach((checkbox) => {

alexsoyes

import { Link } from "react-router-dom";
import QueryState from "../../../components/QueryState";
import PokemonAbility from "../../../types/PokemonAbility";
import PokemonMove from "../../../types/PokemonMove";
import PokemonStat from "../../../types/PokemonStat";
import PokemonType from "../../../types/PokemonType";
import usePokemonDetail from "../hooks/usePokemonDetail";

type Props = {
  name: string;

alexsoyes

/*
Agis comme un développeur senior sur JavaScript, ta spécialité est React et tu as fait partie de l'équipe qui a crée la lib.

Je suis développeur React depuis 5 ans, spécialisé dans TypeScript et JavaScript.

J'aimerais un composant qui permet de créer un formulaire de contact avec nom, prénom, email et message.

Pour cela:
- utilise la derniere version de TypeScript
- utilise la derniere version connue de React

alexsoyes

/*
Je suis développeur React et j'aimerais un composant qui permet de créer un formulaire de contact avec nom, prénom, email et message.
*/

import React, { useState } from 'react';

const ContactForm = () => {
  // State pour stocker les valeurs des champs du formulaire
  const [formData, setFormData] = useState({
    firstName: '',

alexsoyes

const matrix: number[][] = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

console.log(matrix[1][2]); // Output: 6

alexsoyes

const map = new Map<string, number>();
map.set("key1", 1);
map.set("key2", 2);
map.set("key3", 3);

console.log(map.get("key2")); // Output: 2
console.log(map.size); // Output: 3

alexsoyes

const set = new Set<number>();
set.add(1);
set.add(2);
set.add(3);

console.log(set.has(2)); // Output: true
console.log(set.size); // Output: 3

alexsoyes

const hashmap: { [key: string]: number } = {};

hashmap["key1"] = 1;
hashmap["key2"] = 2;
hashmap["key3"] = 3;

console.log(hashmap["key2"]); // Output: 2