Explicação do código Tinder Unblur

O código JavaScript a seguir é um script projetado para desfocar as fotos do Tinder da seção "Gosto de você". Ele funciona buscando as imagens teaser da API do Tinder e atualizando dinamicamente o DOM para substituir as imagens desfocadas por imagens nítidas.

async function unblur() {
  // Fetch the teasers (users who liked your profile) from Tinder API
  const teasers = await fetch("https://api.gotinder.com/v2/fast-match/teasers", {
    headers: {
      // Uses the Tinder API token stored in the browser's localStorage
      "X-Auth-Token": localStorage.getItem("TinderWeb/APIToken"),
      platform: "android",
    },
  })
    // Parse the response as JSON and extract the results
    .then((res) => res.json())
    .then((res) => res.data.results);

  // Select all blurred teaser elements from the Tinder page's DOM
  const teaserEls = document.querySelectorAll(
    ".Expand.enterAnimationContainer > div:nth-child(1)"
  );

  // Loop through each teaser and replace the blurred image with the clear one
  teasers.forEach((teaser, index) => {
    const teaserEl = teaserEls[index];
    const teaserImage = `https://preview.gotinder.com/${teaser.user._id}/original_${teaser.user.photos[0].id}.jpeg`;

    // Set the background image to the clear image URL
    teaserEl.style.backgroundImage = `url(${teaserImage})`;
  });
}

// Call the unblur function
unblur();

Análise do Código

1. Buscando os teasers:

   • A função começa fazendo uma solicitação de rede ao endpoint da API do Tinder https://api.gotinder.com/v2/fast-match/teasers para recuperar uma lista de usuários que gostaram do seu perfil.
   • Ele envia junto o X-Auth-Token que está armazenado no localStorage do seu navegador. Este token é necessário para autenticar a solicitação e recuperar a lista de teasers.
   • O cabeçalho da plataforma está definido como "android", o que pode ser necessário para acessar a API móvel do Tinder.

2. Selecionando os elementos DOM:

   • O script usa document.querySelectorAll para encontrar os elementos DOM onde as imagens teaser desfocadas estão localizadas.
   • Esses elementos são identificados pelo seletor CSS .Expand.enterAnimationContainer > div:nth-child(1), que tem como alvo os contêineres de imagens desfocadas na seção "Gosto de você".

3. Substituindo imagens desfocadas:

   • A função percorre a lista de teasers (retornados da API) e seus elementos DOM correspondentes.
   • Para cada teaser, ele constrói o URL para a imagem nítida usando o ID do usuário e o ID da foto.
   • O script então atualiza a backgroundImage de cada elemento do teaser com o URL da imagem nítida, desfocando efetivamente as fotos.

4. Assíncrono/Aguardar:

   • A função unblur() é assíncrona, permitindo buscar as imagens teaser e aguardar a resposta antes de atualizar o DOM com imagens claras.

Como usá-lo

1. Abra o Tinder em um navegador da web e faça login.
2. Navegue até a página Gosto de você.
3. Abra as Ferramentas do desenvolvedor (F12 ou clique com o botão direito → Inspecionar).
4. Vá para a guia Console.
5. Copie e cole o script no console.
6. Pressione Enter para executar o script e observe as imagens desfocadas ficarem desfocadas.

Este script aproveita o poder das ferramentas de desenvolvedor do navegador e da API do Tinder para aprimorar a experiência do usuário, permitindo que você veja quem gostou de você sem precisar de uma assinatura paga.

? Repositório GitHub: Tinder Unblur - Revele suas curtidas no Tinder

⚠️ Notas importantes:

• Apenas para fins educacionais: Use este script com responsabilidade, respeitando os termos de serviço do Tinder e a privacidade de outras pessoas.
• Token API do Tinder: Este script depende do token API da sua sessão, que é armazenado automaticamente no localStorage do seu navegador quando você faz login no Tinder. Certifique-se de estar logado para acessá-lo.