@aiandralves/ai-docs
v0.1.4
Published
Gerador de documentação estática para projetos TypeScript com Angular SSR.
Maintainers
Readme
@aiandralves/ai-docs
Instalação
Requer Node.js 20 ou superior.
npm install --save-dev @aiandralves/ai-docsO pacote está disponível no npm público. Não é necessário configurar um registry privado nem usar um token do GitHub.
Início rápido
Inicialize a documentação no diretório atual:
npx ai-docs initEsse comando cria:
seu-projeto/
├── ai-docs.config.ts
└── docs/
└── index.mdAdicione os scripts:
{
"scripts": {
"docs:dev": "ai-docs dev",
"docs:build": "ai-docs build"
}
}Inicie o servidor local:
npm run docs:devAcesse http://localhost:4000. Para escolher outra porta, use ai-docs dev --port 3000.
Gere o site para produção:
npm run docs:buildO resultado é um conjunto de arquivos estáticos no diretório configurado em output, pronto para deploy.
Configuração
Edite ai-docs.config.ts:
import { defineConfig } from "@aiandralves/ai-docs/config";
export default defineConfig({
title: "Minha biblioteca",
description: "Documentação oficial da minha biblioteca.",
docs: "./docs",
output: "./dist/docs",
base: "/",
logo: "/assets/logo.svg",
github: "https://github.com/usuario/projeto",
features: {
search: true,
darkMode: true,
copyCode: true,
mermaid: true,
},
});Opções mais usadas:
| Opção | Descrição |
| ------------------ | -------------------------------------------------------- |
| title | Nome exibido no site |
| description | Descrição padrão para metadados |
| docs | Diretório dos arquivos Markdown |
| output | Diretório dos arquivos gerados |
| base | Caminho base do deploy, como /meu-repo/ |
| logo e favicon | Identidade visual do site |
| github | Link do repositório exibido no cabeçalho |
| nav | Links adicionais de navegação |
| theme.customCss | Arquivo CSS adicional |
| features | Busca, tema, cópia de código, Mermaid e edição no GitHub |
Criando páginas
Todo arquivo .md dentro do diretório docs vira uma página. Pastas criam grupos de navegação.
---
title: Instalação
description: Como instalar o projeto.
order: 2
---
# Instalação
Conteúdo da página.O frontmatter também aceita draft, sidebar, toc e breadcrumb.
Para criar um diagrama, habilite features.mermaid e use:
```mermaid
graph LR
A[Markdown] --> B[AiDocs]
B --> C[Site estático]
```CLI
| Comando | Descrição |
| ----------------------------------- | -------------------------------------------------- |
| ai-docs init [diretório] | Cria a configuração e os arquivos iniciais |
| ai-docs dev | Inicia o servidor local com atualização automática |
| ai-docs build | Gera o site estático |
| ai-docs dev --port 3000 | Inicia o servidor em outra porta |
| ai-docs build --config caminho.ts | Usa outro arquivo de configuração |
Deploy
Publique o diretório definido em output em qualquer hospedagem estática. Em deploys sob um subdiretório, como GitHub Pages, ajuste base:
export default defineConfig({
// ...
output: "./dist/docs",
base: "/nome-do-repositorio/",
});Links
Licença
MIT © Aiandra Alves
