CodeSnap: a extensão VSCode para compartilhar parte dos seus códigos com uma imagem bonita!

Opa, pessoal!

Hoje venho aqui apresentar uma extensão que algumas pessoas me indicaram e que em primeiro momento eu pensei que não precisava.

Vamos lá, você já passou por um momento de ter que mandar seus códigos para que alguém veja e consiga dizer qual é o problema ou erro que está ocorrendo?

Esse extensão pode ajudar!

O nome dela é CodeSnap, e o que ela faz?
Cria imagens bonitas dos seus códigos.

Aqui abaixo é um exemplo meu do que essa extensão pode fazer:

É bem melhor do que mandar um gigantesco texto tipo esse:

const colorsName = ["blue", "orange", "pink", "green", "red", "cyan", "yellow"];

const buttonToggleTheme = document.querySelector("button");
const iconButton = document.querySelector("button i");

const buttonChangeColor = document.querySelector(".switch-colors");

buttonToggleTheme.addEventListener("click", function () {
  if (buttonToggleTheme.className == "dark-mode") {
    document.body.className = "dark-" + document.body.className;

    iconButton.className = "ph-sun-dim-fill";
    buttonToggleTheme.className = "light-mode";
  } else {
    const withoutDark = document.body.className.slice(5);

    document.body.className = withoutDark;
    iconButton.className = "ph-moon-stars-fill";
    buttonToggleTheme.className = "dark-mode";
  }
});

function giveRandomNumbers() {
  return Math.floor(Math.random() * colorsName.length);
}

buttonChangeColor.addEventListener("click", function () {
  if (document.body.className.includes("dark-")) {
    buttonChangeColor.style.backgroundColor,
      (document.body.className = "dark-" + colorsName[giveRandomNumbers()]);
  } else {
    buttonChangeColor.style.backgroundColor,
      (document.body.className = colorsName[giveRandomNumbers()]);
  }
});

Além disso, descobri que tem alguns parâmetros de configurações para CodeSnap que fazem ficar ainda melhor essas imagens.

Por exemplo: você pode mudar a cor de fundo com o parâmetro codesnap.backgroundColor e alterar o quanto de arredondamento nas bordas com o codesnap.roundedCorners·

Enfim, tem alguma extensão que você conheça que faz algo parecido ou melhor? Coloque aí embaixo e simbora codar!!