Como a IA Transformou o Código da Shopify

Shopify e a jornada de volta ao código limpo

A Shopify está apostando na simplicidade do código como nunca antes. E quem diria que a inteligência artificial seria a aliada nessa jornada de volta às raízes? A gigante do e-commerce está lançando um novo tema para suas lojas, prometendo um código que qualquer pessoa com um mínimo de conhecimento em HTML consegue entender. A ideia é facilitar tanto para humanos quanto para máquinas.

Ainda sem nome, esse novo tema está sendo apresentado nos fóruns de desenvolvedores como o provável sucessor do Horizon, o tema atual da Shopify que é pesado em JSON. O novo código é predominantemente HTML, utilizando a linguagem Liquid da própria Shopify, que é bem mais fácil de ler. Quando os lojistas olharem para o diretório de templates, encontrarão arquivos de texto simples, ao invés de longas cadeias de JSON incompreensível. Esse tema tem 93% menos linhas de código que o Horizon.

A IA como motor da transformação

A reestruturação do código da Shopify está sendo impulsionada por seus serviços de inteligência artificial cada vez mais populares. Ben Sehl, diretor de produto da Shopify, destacou que os modelos de IA já entendem HTML de forma eficiente. A linguagem Liquid se integra perfeitamente com HTML, tornando o código mais acessível tanto para humanos quanto para máquinas.

Há uma década, Sehl era um lojista que mexia nos templates básicos da Shopify com um kit de terceiros. Com o tempo, a Shopify enriqueceu o sistema de templates, permitindo que os usuários se tornassem verdadeiros designers. Mas essa flexibilidade trouxe complexidade. As instruções dos templates foram convertidas para JSON, o que complicou a vida dos desenvolvedores.

O impacto da IA nos desenvolvedores

Recentemente, a Shopify introduziu um assistente de IA chamado Shopify Sidekick, que deu aos usuários ainda mais controle sobre o design de suas páginas. Agora, 20% dos lojistas da Shopify usam o Sidekick para editar seus temas, resultando em 25 milhões de edições este ano. Isso forçou a Shopify a simplificar o código para que a IA pudesse trabalhar melhor.

Os agentes de IA, assim como os humanos, preferem códigos fáceis de ler e com contratos explícitos. Por isso, a Shopify reorganizou a arquitetura de seus temas com essas qualidades como princípios fundamentais. O código não só ficou mais amigável para as IAs, mas também para os humanos.

A revolução do código legível

Para o novo tema base, a linguagem Liquid ganhou uma nova sintaxe e parser, permitindo executar instruções mais complexas no back-end. O que o usuário vê são blocos compostos e tipados que se encaixam facilmente com HTML comum. Cada tema projetado pelo usuário recebe um diretório especial com instruções e exemplos de como gerar artefatos adicionais.

A chave para o novo tema é uma nova tag de bloco composto, que contém parâmetros aninhados descrevendo componentes de página. Isso permite que os desenvolvedores alimentem esses blocos com valores, configurações e outras instruções. Desenvolvedores familiarizados com React reconhecerão a semelhança com os props do React, mas sem a necessidade de criar um DOM virtual.

Especialistas em IA estão percebendo que o melhor "alimento" para as IAs não é um código denso e simbólico. Assim como os humanos, os modelos de linguagem preferem um texto mais fácil de entender. Um desenvolvedor descobriu que SQL era mais fácil de processar do que as linguagens específicas de domínio de 17 ferramentas diferentes. Talvez os esforços da Shopify para agradar a IA não resultem em um código desleixado, mas sim em um movimento por códigos mais legíveis.

No fim das contas, o que a Shopify está fazendo não é apenas uma mudança técnica. É uma mudança de mentalidade. E quem sabe, isso pode inspirar outras empresas a seguir o mesmo caminho. Afinal, um código limpo é bom tanto para humanos quanto para máquinas.