Ferramenta: renderizador LaTeX

Inspirado no novo aplicativo da web Tiny Little Office de Paul Ford e Aboard Foundary, que fornece um conjunto de editores de conteúdo de aplicativos da web (processador de texto, estrutura de tópicos, construtor de apresentações, planilha, calculadora, ferramenta de desenho, criador de diagramas, animador, calendário e planejador de viagens).

O truque exclusivo do Tiny Little Office é armazenar todos os dados do documento no #fragment seção do URL, para que cada documento criado com ele se torne um link que pode ser marcado e compartilhado.

Ele também possui um arquivo llms.txt que informa aos agentes como construir URLs que serão renderizados como documentos. Claude usou esse arquivo para gerar este link para uma apresentação que explica como funciona o formato da URL:

Captura de tela de um editor de apresentação de slides em um aplicativo Web com uma apresentação com tema escuro aberta. O campo do título do documento diz "Como funciona um link do Tiny Little Office"com um anel de progresso, ícone de compartilhamento e ícone de menu no canto superior direito. Abaixo está uma barra de ferramentas de formatação com um "Inserir" menu suspenso seguido por botões de ícone para reproduzir, negrito, itálico, sublinhado, tachado, destaque, código, link, sobrescrito, emoji, recuo, recuo, layout e paleta de cores. A tela principal mostra o slide 1 com um ícone de elo de corrente azul e o texto: "Todo o documento é o link" "Sem servidor, sem banco de dados, sem conta" "Tudo depois do # permanece no seu navegador" e um contador de slides "1/9". Abaixo da tela há um "NOTAS DO ORADOR" cabeçalho. Uma barra lateral à direita mostra miniaturas de slides. Slide 1 (selecionado): "Todo o documento é o link" "Sem servidor, sem banco de dados, sem conta" "Tudo depois do # permanece no seu navegador". Diapositivo 2: "Anatomia de um link" com balas "tinylittleoffice.com/#/v1/deck/y7Vj..." "v1: a versão do formato" "deck: qual aplicativo abre" "y: a letra do modo" "7Vj...: o documento, comprimido e codificado". Diapositivo 3: "Etapa 1: escreva como texto" com balas "Cada documento é TLO, uma variante Markdown" "Slides divididos em --- linhas" "Gráficos, desenhos e animações são blocos cercados" "Este deck tem cerca de 1 KB de texto simples". Diapositivo 4: "Etapa 2: aperte" com balas "Raw DEFLATE, o mesmo algoritmo que zip e gzip" "z: simples DEFLATE" "y: DEFLATE com um dicionário predefinido" "r: sem compressão alguma".

Tiny Little Office me inspirou a fazer com que Claude Code (Opus 5.5 Extra) construísse uma ferramenta semelhante que funcionasse com LaTeX. Aqui está a sequência de prompts que usei:

I want a tool where you can link to it with a fragment hash #code-here and it treats that code as LaTeX and renders it really effectively. It should also support a prefix which means the latex is compressed with a custom compression dictionary optimized for latex. Use the best available latex render library from a CDN (consider WebAssembly too). If loaded without a fragment hash show an editor you can paste latex into and then toggle to a "rendered" view. That rendered view should be bookmarkable. The #fragment view should let you switch to edit source too.

Como estava funcionando no meu repositório de ferramentas, eu disse para ele se inspirar no mecanismo usado pela minha ferramenta SVG existente no Markdown como proteção contra riscos XSS:

Safe from XSS? We could run in an iframe sandbox like we do on the SVG markdown render project

Pedi para copiar o recurso de carregamento Gist/URL dessa ferramenta também:

We should have an option to load latex from a URL (or gist) similar to the markdown SVG tool

Aqui está um link de exemplo. A ferramenta usa Pako 2.1.0, MathJax 4.1.3, fast-latex 0.3.1 e DOMPurify 3.4.16.

Ferramenta: renderizador LaTeX

Source link

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Botão Voltar ao Topo