Como detectar solicitações com falha por meio de extensões da Internet

Uma das melhores coisas que já aconteceram com a experiência do usuário na net foram as extensões da net. Os navegadores são poderosos, mas as extensões trazem um novo nível de funcionalidade. Sejam carteiras de criptomoedas, tocadores de mídia ou outros plugins populares, as extensões da net se tornaram essenciais para as tarefas do dia a dia.

Trabalhando na MetaMask, sou lançado em um mundo de fazer tudo que é centrado em Ethereum funcionar. Uma dessas funcionalidades é garantir que .eth domínios resolvem para ENS quando inseridos na barra de endereços. Solicitações para https://vitalik.ethfalham naturalmente, uma vez que .eth não é um domínio de nível superior com suporte nativo, então precisamos interceptar essa solicitação errante.

// Add an onErrorOccurred occasion through the browser.webRequest extension API
browser.webRequest.onErrorOccurred.addListener((particulars) => {
  const { tabId, url } = particulars;
  const { hostname } = new URL(url);

  if(hostname.endsWith('.eth')) {
    // Redirect to wherever I need the person to go
    browser.tabs.replace(tabId, { url: `https://app.ens.domains/${hostname}}` });
  }
},
{
  urls:(`*://*.eth/*`),
  varieties: ('main_frame'),
});

As extensões da Internet fornecem uma browser.webRequest.onErrorOccurred método que os desenvolvedores podem conectar para ouvir solicitações erradas. Esta API faz não pegar 4** e 5** erros de resposta. No caso acima, procuramos .eth nomes de host e redirecionar para ENS.

Você poderia empregar onErrorOccurred por vários motivos, mas detectar nomes de host personalizados é um ótimo motivo!