Categorias

Visualizador de Snippets PDF

Adiciona fundo, fonte monoespacada e links clicaveis para o repositorio

Gera um PDF de revisao de codigo com links clicaveis para o Git.

Exemplos de resultados

2 Exemplos

Visualização múltipla em tema claro

Renderiza dois trechos TypeScript com links clicáveis para o GitHub

code-snippet-viewer-example1.pdf Ver arquivo
Ver parâmetros de entrada
{ "snippetsJson": "[{\"filePath\":\"src/index.ts\",\"language\":\"ts\",\"startLine\":1,\"endLine\":8,\"code\":\"import { Elysia } from 'elysia'\\n\\nconst app = new Elysia()\\n\\napp.get('/', () => 'ok')\\n\\nexport default app\"},{\"filePath\":\"src/tools/2026-02-13/pdf-link-annotator.ts\",\"language\":\"ts\",\"startLine\":30,\"endLine\":52,\"code\":\"function addExternalLink(pdf, page, x, y, w, h, url) {\\n const annot = pdf.context.obj({\\n Type: 'Annot',\\n Subtype: 'Link',\\n })\\n // ...\\n}\"}]", "repoBaseUrl": "https://github.com/example/repo", "branch": "main", "pageSize": "A4", "landscape": false, "theme": "light" }

Revisão em paisagem no tema escuro

Trecho único em tema escuro com layout Letter em paisagem

code-snippet-viewer-example2.pdf Ver arquivo
Ver parâmetros de entrada
{ "snippetsJson": "[{\"filePath\":\"src/tool-manager.ts\",\"language\":\"ts\",\"startLine\":55,\"endLine\":92,\"code\":\"export class ToolManager {\\n private tools = new Map()\\n\\n registerTool(tool) {\\n this.tools.set(tool.id, tool)\\n }\\n\\n getTool(id) {\\n return this.tools.get(id)\\n }\\n}\"}]", "repoBaseUrl": "https://gitlab.com/example/platform", "branch": "develop", "pageSize": "Letter", "landscape": true, "theme": "dark" }

Fatos principais

Categoria
Document Tools
Tipos de entrada
textarea, text, select, checkbox
Tipo de saída
file
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Visualizador de Snippets PDF permite transformar trechos de código em documentos PDF profissionais, formatados com fontes monoespaçadas, temas visuais e links clicáveis que direcionam diretamente para o seu repositório Git.

Quando usar

  • Criar documentação técnica ou relatórios de revisão de código para compartilhamento offline.
  • Preparar trechos de código para apresentações ou materiais de estudo com links de referência.
  • Arquivar versões específicas de algoritmos em formato PDF com formatação preservada.

Como funciona

  • Cole o JSON contendo os caminhos dos arquivos, números de linha e o código fonte na ferramenta.
  • Configure a URL base do repositório e a branch para garantir que os links de navegação funcionem corretamente.
  • Escolha o tamanho da página, orientação e o tema visual (claro ou escuro) para personalizar o PDF.
  • Gere o arquivo final para download imediato com todos os snippets formatados e prontos para leitura.

Casos de uso

Geração de relatórios de auditoria de código para equipes de desenvolvimento.
Criação de materiais didáticos contendo exemplos de código com links para consulta.
Exportação de trechos de código para anexar em documentações técnicas ou e-mails de suporte.

Exemplos

1. Relatório de Revisão de Código

Desenvolvedor Sênior
Contexto
Necessidade de compartilhar trechos específicos de uma nova funcionalidade com a equipe para revisão técnica.
Problema
O código precisa estar legível e permitir que os revisores acessem o arquivo original no GitHub com um clique.
Como usar
Inserir os blocos de código no campo JSON, definir a URL do repositório e selecionar o tema claro.
Configuração de exemplo
{"repoBaseUrl": "https://github.com/example/repo", "theme": "light", "pageSize": "A4"}
Resultado
Um PDF limpo e profissional com links diretos para as linhas exatas do código no repositório.

2. Documentação de Arquitetura em Modo Escuro

Arquiteto de Software
Contexto
Criação de um documento de arquitetura que inclui exemplos de implementação de classes principais.
Problema
O documento precisa seguir o padrão visual escuro para combinar com o restante da documentação técnica.
Como usar
Configurar o parâmetro de tema como 'dark' e utilizar a orientação paisagem para acomodar linhas de código mais longas.
Configuração de exemplo
{"theme": "dark", "landscape": true, "pageSize": "Letter"}
Resultado
Um PDF com fundo escuro e código destacado, otimizado para leitura em telas e apresentações.

Testar com amostras

json, pdf

Hubs relacionados

FAQ

Quais linguagens de programação são suportadas?

A ferramenta suporta qualquer linguagem de programação, pois o foco é a formatação visual e a criação de links para o repositório.

Posso incluir links para repositórios privados?

Sim, você pode definir qualquer URL base. No entanto, os links no PDF só funcionarão se o destinatário tiver permissão de acesso ao repositório.

É possível alterar o tema do código?

Sim, você pode alternar entre o tema claro e o tema escuro nas configurações da ferramenta antes de gerar o PDF.

O PDF gerado mantém a indentação do código?

Sim, o visualizador utiliza fontes monoespaçadas para garantir que a indentação e o alinhamento do código original sejam preservados.

Como os links para o Git são criados?

A ferramenta combina a URL base do repositório, a branch e o caminho do arquivo fornecidos no JSON para gerar links diretos e clicáveis.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/pdf-code-snippet-viewer

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
snippetsJson textarea Sim -
repoBaseUrl text Não -
branch text Não -
pageSize select Não -
landscape checkbox Não -
theme select Não -

Formato de resposta

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Arquivo: Arquivo

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP:

{
  "mcpServers": {
    "elysiatools-pdf-code-snippet-viewer": {
      "name": "pdf-code-snippet-viewer",
      "description": "Adiciona fundo, fonte monoespacada e links clicaveis para o repositorio",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-code-snippet-viewer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]