Jamdesk Documentation logo

Editor web

Edite a documentação do Jamdesk no navegador: explore o repositório, altere MDX com prévia ao vivo e faça commit no GitHub, gerando builds automáticos.

O editor web permite editar sua documentação diretamente no dashboard do Jamdesk, sem clonar o repositório nem usar um terminal. Abra uma página, edite seu MDX com uma prévia ao vivo ao lado e faça commit das alterações na sua branch do GitHub. Cada commit inicia um build automaticamente, para que suas alterações sejam publicadas da mesma forma que seriam com um git push.

Ele é a alternativa baseada no navegador à pré-visualização local e à extensão do VS Code. Use-o quando quiser fazer uma edição rápida de qualquer lugar ou quando preferir não clonar o repositório.

As capturas de tela mostram a interface em inglês.

Editor web do Jamdesk: navegação de páginas à esquerda, editor MDX no centro e prévia ao vivo à direita

Abrir o editor

Clique em Editor na barra lateral do dashboard. O editor é aberto no repositório conectado e na branch padrão do seu projeto.

O editor requer um repositório GitHub conectado e uma tela larga (desktop). Em janelas mais estreitas, ele mostra o aviso "wider browser needed", pois os painéis de código e prévia precisam ficar lado a lado. O recurso está disponível para todos os proprietários e membros da equipe, em todos os planos.

A interface

O editor tem três painéis:

PainelFunção
Navigation (esquerdo)As páginas e os grupos do seu site, lidos de docs.json. Filtre páginas, abra o editor de Configuration (docs.json) ou clique em Add page.
Editor (central)Um editor de código MDX para o arquivo aberto, com destaque de sintaxe e contagem de palavras.
Preview (direito)Uma renderização ao vivo da página, atualizada enquanto você digita. Alterne entre Desktop / Mobile e Light / Dark para verificar a aparência.

A branch que você está editando é exibida no canto superior esquerdo; troque de branch com o seletor de branches.

Editar uma página

Clique em qualquer página na navegação para abri-la. Edite o MDX no painel central e acompanhe a atualização da prévia em tempo real. Suas edições são mantidas como um rascunho local no navegador até que você faça commit, para que possa alternar entre páginas sem perder o trabalho. Nada é gravado no GitHub até você escolher fazer commit.

Adicionar uma página

Clique em Add page para criar uma nova página sem sair do editor:

  1. Escolha um modelo inicial.
  2. Insira um título. O nome do arquivo da página é derivado dele automaticamente.
  3. Escolha a qual grupo de navegação ela pertence.

A nova página é aberta como um rascunho. Quando você fizer commit, o Jamdesk gravará o novo arquivo .mdx e a entrada de navegação em docs.json no mesmo commit.

Fazer commit das alterações

Quando estiver pronto para publicar, faça commit das alterações pendentes no GitHub:

1
Abrir a caixa de diálogo de commit

Clique em Commit. A caixa de diálogo lista todos os arquivos alterados (uma página, docs.json ou vários arquivos de uma vez).

2
Escrever uma mensagem

Digite uma mensagem de commit ou clique em Generate para que o Jamdesk escreva uma com base no seu diff.

3
Fazer commit

O Jamdesk faz commit das alterações na sua branch atual e inicia imediatamente um build. Acompanhe-o na página Builds do projeto.

Prefere descartar as edições? Revert descarta as alterações não salvas da página atual e restaura a versão com commit.

Trabalhar com alterações externas

Se outra pessoa fizer push para a mesma branch enquanto você estiver editando, o editor detectará que a branch mudou e sinalizará isso. Quando você fizer commit, qualquer arquivo alterado no upstream será apresentado como um merge de três vias para que você possa reconciliar as duas versões. Suas edições locais nunca são descartadas.

Fazer commit pelo editor é exatamente como fazer push da sua própria máquina: isso grava um commit real no repositório e aciona o mesmo pipeline de build. Se sua documentação estiver em um subdiretório do repositório (configuração de monorepo), o editor lerá e gravará nesse local automaticamente.

Requisitos

RequisitoDetalhes
GitHub connectedO projeto precisa ter um repositório e uma branch conectados.
Desktop browserUma tela larga (aproximadamente 1400 px ou mais); o editor não está disponível em larguras de dispositivos móveis.
AccessQualquer proprietário ou membro do projeto. A edição grava no seu repositório, portanto os bloqueios de gravação habituais (por exemplo, uma assinatura vencida) se aplicam.

O que vem a seguir?

Pré-visualização local

Visualize e edite localmente com a CLI

Como funciona o deploy

O que acontece depois que você faz commit