<img src="https://images.unsplash.com/photo-1629654291663-b91ad427698f?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="" title="Gabriel Heinzer">
Imagine o seguinte cenário, você precisa, nessa respectiva ordem, todos os dias que subir um commit seguir uma simples rotina de, verificar se as dependências
estão atualizadas, depois verificar se algo foi quebrado através do <code>build</code>, subir os arquivos que foram alterados e depois commitá-los, certo? Isso é muito
custoso e você toda hora tem que ficar colocando a data e hora que aquilo aconteceu para ficar bem bonitinho, não é mesmo?
Então segue a ideia comigo.
<pre><code class="language-json">&quot;scripts&quot;: {
 &quot;commit&quot;: &quot;bun update &amp;&amp; 
 bun run vercel &amp;&amp; 
 read -p &#39;Descriptions Commit: &#39; message &amp;&amp; 
 git add . &amp;&amp; 
 echo -n \&quot;$message - \&quot; &amp;&amp; 
 node getTime.js | xargs -I {} git commit -m \&quot;$message - {}\&quot; &amp;&amp; 
 git push&quot;
},

// package.json via Bun
</code></pre>
Entendeu nada? Então eu te explico em cada detalhe.
Esse é um arquivo conhecido como package.json, ele está disponível sempre que a gente vai construir um projeto usando Vite, React, Next, enfim, ele fica
responsável por colocar cada dependência que o desenvolvedor vai usar. E por isso, ele tem que estar sempre atualizado.
Nele, adicionamos na aba scripts, o comando &quot;commit&quot;, que toda vez que a gente der <code>yarn commit</code>, <code>npm commit</code> ou <code>bun commit</code>, ele será acionado. Mas
o que ele faz? Primeiramente, ele irá verificar - no nosso caso do bun - se existe atualizações de dependências. Se tiver, ele irá executar o <code>bun update</code> e
irá atualizar tudo para a gente, deixando redondinho. 
Após isso, ele irá rodar o <code>bun run vercel</code>, que no meu caso específico para o bun, ele irá rodar <code>&quot;vercel&quot;: &quot;next build&quot;</code>, que é o <code>build</code> da aplicação
em Next que estou desenvolvendo, então adapte-se ao que for melhor para você, existem casos que só o <code>yarn build</code>, <code>npm build</code> ou <code>bun build</code>, irá resolver.
Depois que ele rodar os dois e der tudo certo, ele vai simplesmente pedir para escrever a mensagem que eu quero em seguida, no caso, deixei detalhado que era
a descrição do commit para eu não me perder caso eu estivesse distraído, no meu caso, posso colocar como exemplo, <code>Added: Slug Page</code>.
Com a mensagem escrita, ele irá adicionar os arquivos para o Github através do <code>git add .</code>, vai colocar a nova mensagem, e vai chamar o <code>getTime.js</code> que
nada mais é que um arquivo em Javascript para colocar a data e a hora do commit, eu vou deixar ele disponível aqui embaixo - ele deve ficar na raíz do projeto. Após isso, ele irá mesclar os dois no <code>git commit -m</code>, e vai dar um <code>git push</code> para o repositório.
<pre><code class="language-Javascript">const now = new Date();
const day = now.getDate().toString().padStart(2, &#39;0&#39;);
const month = (now.getMonth() + 1).toString().padStart(2, &#39;0&#39;);
const hours = now.getHours().toString().padStart(2, &#39;0&#39;);
const minutes = now.getMinutes().toString().padStart(2, &#39;0&#39;);
const formattedDate = `${day}-${month} ${hours}:${minutes}`;

console.log(formattedDate);

// getTime.js
</code></pre>
Se tudo estiver de acordo e nenhum erro acontecer, tudo passará liso. Em casos do <code>yarn</code>, quando vamos dar o upgrade, ele geralmente pede para confirmar quais
dependências queremos atualizar ou se será todas, dando o seguinte comando: <code>yarn upgrade-interactive --latest</code>, ai é só a gente apertar <code>A</code> para selecionar todos, e em seguida dar <code>Enter</code> para continuar e ele irá instalar e continuar todo o roteiro que a gente criou.
<pre><code class="language-json">&quot;scripts&quot;: {
 &quot;commit&quot;: &quot;yarn upgrade-interactive --latest &amp;&amp; 
 yarn build &amp;&amp; read -p &#39;Descriptions Commit: &#39; message &amp;&amp;
 git add . &amp;&amp;
 echo -n \&quot;$message - \&quot; &amp;&amp; 
 node getTime.js | xargs -I {} git commit -m \&quot;$message - {}\&quot; &amp;&amp;
 git push&quot;
},

// package.json via Yarn
</code></pre>
<pre><code class="language-json">&quot;scripts&quot;: {
 &quot;commit&quot;: &quot;npm update &amp;&amp;
 npm build &amp;&amp;
 read -p &#39;Descriptions Commit: &#39; message &amp;&amp; 
 git add . &amp;&amp;
 echo -n \&quot;$message - \&quot; &amp;&amp; 
 node getTime.js | xargs -I {} git commit -m \&quot;$message - {}\&quot; &amp;&amp; 
 git push&quot;
},

// package.json via NPM
</code></pre>
O que achou da ideia? Tem alguma sugestão para deixar esse script melhor ou até mesmo mais sofisticado? Se inventou alguma nova artimanha, 
ou até mesmo está com dúvida, deixe seu grito lá no <a href="https://twitter.com/Yagasaki7k">Twitter/X</a> e a gente evolui juntos!

Conheça o meu bun/yarn commit e facilite a sua vida