Building Privacy-First Browser Tools with WebAssembly

#Clientseitige PDF-Manipulation

Für unseren PDF-Editor setzen wir auf pdf-lib — eine reine JavaScript-Bibliothek, die PDFs ohne jegliche Server-Interaktion erstellen und bearbeiten kann:

import { PDFDocument } from 'pdf-lib';

const pdfDoc = await PDFDocument.load(existingPdfBytes);
const pages = pdfDoc.getPages();
const firstPage = pages[0];

firstPage.drawText('Hello, World!', {
  x: 50,
  y: firstPage.getHeight() - 100,
  size: 30,
});

#On-Device KI mit Transformers.js

Unsere Tools zur Textzusammenfassung und Übersetzung verwenden Hugging Face Transformers.js. Damit lassen sich KI-Modelle über WebAssembly und WebGPU direkt im Browser ausführen:

import { pipeline } from '@huggingface/transformers';

const summarizer = await pipeline(
  'summarization', 
  'Xenova/distilbart-cnn-12-6'
);
const result = await summarizer(longText, {
  max_length: 130,
  min_length: 30,
});