Primeira olhada na demonstração ao vivo do editor de conteúdo Gutenberg para Drupal 8

A Drupal Europe acaba de anunciar seu programa para o próximo evento em Darmstadt, Alemanha, de 10 a 14 de setembro. A conferência receberá mais de 1.600 profissionais e entusiastas do Drupal para 162 horas de sessões e 9 workshops aprofundados.

A Automattic está patrocinando o espaço de rede Open Web Lounge e Matt Mullenweg se juntará a Dries Buytaert e Barb Palser em um painel discutindo o futuro da web aberta e do código aberto.

Uma sessão interessante relacionada ao WordPress no programa é intitulada Introducing the Gutenberg content editor for Drupal 8. Este novo módulo porta o editor Gutenberg do WordPress para o Drupal. Foi criado por Per Andre Rnsen e sua equipe Frontkom, uma agência de serviços digitais com sede na Noruega.

O projeto Drupal Gutenberg visa fornecer uma nova experiência de publicação baseada no editor Gutenberg do WordPress. A demonstração ao vivo no site atualmente fornece uma implementação interativa de frontend do Gutenberg dentro do Drupal, semelhante à demonstração “Frontenberg” do WordPress em wordpress.org/gutenberg. A implementação mais recente do módulo aparecerá lá, mas Rnsen disse que está sendo reformulada, já que muitas coisas aconteceram com Gutenberg nas últimas semanas.

Como nasceu o projeto Drupal Gutenberg

Rnsen nos disse que viu Gutenberg pela primeira vez em 2017 e se inspirou para usá-lo para um dos clientes de mídia da Frontkom.

“O pensamento de bifurcá-lo veio em meados de 2017, quando exploramos o uso de Gutenberg como uma biblioteca para criar um construtor de primeira página patrocinado pela Google Digital News Initiative”, disse Rnsen. “Acabamos por usá-lo, e o módulo Drupal é um desdobramento natural.”

A Frontkom adaptou o construtor de páginas baseado em Gutenberg para a indústria de mídia. Ele adiciona funcionalidade extra ao Gutenberg que permite aos usuários posicionar e ajustar artigos para a primeira página de um jornal online. Rnsen disse que o projeto correu bem e sua equipe planeja abrir o código, mas é muito cedo para compartilhar qualquer coisa agora.

Após essa experiência bem-sucedida usando o Gutenberg para um cliente, a Frontkom começou a trabalhar no projeto Drupal Gutenberg no início de janeiro de 2018.

“A parte principal do trabalho foi tornar o Gutenberg mais agnóstico ao CMS”, disse Rnsen. “Primeiro nós bifurcamos e mantivemos uma bifurcação. Mais tarde, começamos a usar o Gutenberg como uma dependência, testando uma abordagem mais sustentável.”

Rnsen abriu um ticket no GitHub, solicitando que a equipe do Gutenberg considerasse estruturar o projeto para ser mais agnóstico ao CMS. O ticket foi fechado rapidamente com a explicação de que “não se relaciona diretamente com o trabalho em andamento com o projeto e seus objetivos”.

“Temos muito pouco, se houver, compromissos upstream até agora, já que o interesse principal do WP tem sido apenas atender às necessidades do WP até agora”, disse Rnsen. “Mas isso acabou de mudar.”

Gutenberg está se movendo para facilitar o uso fora do WordPress. A equipe está trabalhando na publicação de todos os módulos React como pacotes npm. Rnsen disse que antecipa que diminuir o número de globais necessários para fazer Gutenberg funcionar será uma grande ajuda para outros CMSs.

Até agora, o projeto Drupal Gutenberg não foi amplamente compartilhado, mas Rnsen disse que sua equipe viu muito interesse da comunidade de tecnologia Drupal.

“Temos um post no blog em inglês com mais detalhes; nós meio que o guardamos para depois das férias”, disse Rnsen. “Mas então explodiu, e os desenvolvedores continuam nos contatando querendo ajudar.”

A Frontkom está envolvida na comunidade Drupal há mais de 10 anos e WordPress nos últimos três anos. Rnsen e sua equipe acreditam que Gutenberg preenche uma lacuna no espaço Drupal.

“O Drupal não tem todos aqueles construtores de páginas sofisticados do WordPress”, disse ele. “Então, isso é realmente mais interessante do que apenas uma nova interface de usuário de pós-edição – queremos uma maneira unificada de criar layouts complexos.”

O Drupal já tem uma iniciativa para renovar sua interface do usuário de administração usando o React, e Rnsen disse que acha que Gutenberg pode contribuir para como isso pode acontecer no núcleo do Drupal. Em um mundo ideal, muitos projetos de código aberto poderiam se beneficiar muito de um Gutenberg independente de CMS, com todos eles contribuindo juntos para sua melhoria.

“Para nós, como empresa, é extremamente interessante construir front-ends que possam ser facilmente movidos entre CMSs”, disse Rnsen. “Para CMSs de código aberto em geral, acho que haverá muito a aprender com o processo de implementação. Por exemplo, D8 tem o conceito de 'tudo é um bloco'. Isso tornou mais fácil para nós disponibilizar os blocos principais do Drupal no Gutenberg – só precisamos fazer alguma mágica para expor as configurações dos blocos.”

A equipe da Frontkom não é apenas fã entusiasmada da interface do Gutenberg, mas também aprecia a maneira como o projeto é executado. Rnsen não acompanhou a reação da comunidade à última rodada de testes do Gutenberg, mas disse que acha que os usuários do WordPress vão adorar a longo prazo, já que “a maioria dos criadores de páginas por aí tem problemas”.

“O Drupal pode aprender muito com o WordPress, a maneira como eles realmente construíram o projeto Gutenberg – um processo de design transparente, muita colaboração e ainda altamente eficiente”, disse Rnsen. “Então, o WordPress está definitivamente à frente do Drupal no que diz respeito ao trabalho de UI/JS de administração. Como já existe muito interesse na comunidade Drupal em fazer algo semelhante, é muito revigorante ver alguém passar por isso e ter sucesso (espero).”

Steve Persch, principal defensor do desenvolvedor na Pantheon, falou na DrupalCon em Nashville 2018 sobre o que é possível com o WordPress 5.0 e também deu uma sessão no Twin Cities Drupal Camp intitulada “Tudo é um bloco: como o WordPress reescreveu o WYSIWYG”. Em resposta ao burburinho no Twitter sobre a sessão do Drupal Gutenberg, Persch disse que o Drupal precisa de uma melhoria de UX editorial para se manter competitivo, mas não necessariamente adotando o Gutenberg.

“Temos iniciativas em andamento nesse sentido”, disse Persch. “O próprio Gutenberg pode se transformar em uma distração desse trabalho. Em ambas [apresentações] eu também mencionei que Parágrafos ou Construtor de Layout poderiam ser melhores pontos de partida de modelos de dados para funcionalidades semelhantes ao Gutenberg. Entregar exatamente a mesma coisa que o WordPress seria autodestrutivo. O conteúdo estruturado é o coração do Drupal. Eu vejo Gutenberg (ou algo parecido) como uma interface de usuário melhor para o canto do modelo de dados (a parte de parágrafos) que os sites Drupal têm há anos.”

Será interessante ver como diferentes comunidades de código aberto abordam Gutenberg e como um feedback mais diversificado de fora do WordPress pode impactar o projeto.

O módulo Drupal Gutenberg pode ser baixado da página do projeto. No momento, está marcado como um módulo experimental e é recomendado apenas para uso do desenvolvedor. A demonstração ao vivo do projeto será reformulada em breve para refletir as atualizações mais recentes com Gutenberg. Você também pode acompanhar o desenvolvimento do projeto no GitHub.