TeXlyre BusyTeX Demo

Interactive Demo

Try out LaTeX compilation below. Select an engine, configure options, and compile your LaTeX code.

Shell escape in this demo runs entirely in the browser through registered JavaScript handlers. The syntax highlighting example uses a browser-side handler powered by PrismJS to emulate a small external command safely inside the WebAssembly workflow.

Features requiring unavailable native external tools, such as SVG/EPS conversion, are not supported unless a compatible browser-side handler is provided. Bibliography processing with biber runs as a separate wasm module, loaded on demand the first time a .bcf control file is produced.

Example: XeLaTeX PdfLaTeX LuaLaTeX

Use Web Worker Enable BibTeX Enable Biber Enable MakeIndex Enable Multiple Runs Enable Browser Shell Escape Verbosity:

TeX Live Collections

Upload Remote Package ZIP:

Preloads TeX Live files into /tmp/texlive_remote for offline compilation. The ZIP is produced by the "Download Remote Package ZIP" button after a previous compilation.

Remote Endpoint:

On-demand TeX Live server fetched at compile time for packages beyond the selected collections. Leave blank to disable. Ensure that "Use Web Worker" is checked to enable this feature.

Browser shell escape is limited to commands registered by loaded JavaScript handler scripts. The demo syntax-highlighting handler registers texlyre-highlight and writes generated LaTeX back into the virtual filesystem.

Input

PDF Preview

Compilation Log

Features

XeLaTeX: Compile with XeTeX engine + bibtex8 + dvipdfmx
PdfLaTeX: Compile with PdfTeX engine + bibtex8
LuaLaTeX: Compile with LuaHBTeX engine + bibtex8
Multi-file Support: Handle complex projects with multiple .tex and .bib files
SyncTeX: Generate SyncTeX files for editor synchronization
Browser Shell Escape: Register JavaScript handlers for controlled in-browser command emulation, such as the PrismJS syntax-highlighting example
On-Demand Packages: Optional TeX Live remote endpoint fetches additional packages at compile time, beyond those bundled in texlive-extra
All compilation runs entirely in the browser with no server required (aside from optional on-demand package fetching)

Installation

npm install texlyre-busytex
npx texlyre-busytex download-assets

Usage

import { BusyTexRunner, XeLatex, PdfLatex, LuaLatex } from 'texlyre-busytex';

// Combined mode (single WASM with all engines, default)
const runner = new BusyTexRunner({
  busytexBasePath: '/core/busytex',
  preloadDataPackages: ['/core/busytex/texlive-recommended.js'],
});
await runner.initialize();

const xelatex = new XeLatex(runner);
const result = await xelatex.compile({
  input: '\\documentclass{article}\\begin{document}Hello\\end{document}',
  bibtex: true,
  makeindex: true,
  rerun: true,
});

if (result.success && result.pdf) {
  const blob = new Blob([result.pdf], { type: 'application/pdf' });
  window.open(URL.createObjectURL(blob));
}

// Browser shell escape with a registered JavaScript handler
const shellEscapeResult = await xelatex.compile({
  input: '\\documentclass{article}\\usepackage{xcolor}\\begin{document}\\input{highlighted-output.tex}\\end{document}',
  shellEscape: true,
  shellHandlerScripts: [
    '/shell-handlers/highlight-handler.js'
  ],
  additionalFiles: [
    {
      path: 'snippet-javascript.txt',
      content: 'const message = "Hello from BusyTeX";\\nconsole.log(message);'
    }
  ]
});