ranuts
Eine Utility-Bibliothek fürs Frontend und für Node, veröffentlicht als eigenständige, tree-shaking-fähige Einstiegspunkte. Importiere aus dem Unterpfad, dem gehört, was du brauchst — der Rest landet nie in deinem Bundle. Alles ist TypeScript, und jeder Export ist aus dem Quelltext dokumentiert.
- npm:
ranuts· Quelltext:packages/ranuts
npm install ranutsimport { debounce } from 'ranuts/utils';Einstiegspunkte
| Import | Enthält | Umgebung |
|---|---|---|
ranuts | Das Wurzel-Barrel: die Fläche aus utils und visual | Browser + Node |
ranuts/utils | DOM/BOM, Zeichenketten, Objekte, Zahlen, Farbe, Zeit, Speicher, … | Browser + Node* |
ranuts/node | HTTP-Server, Router, WebSocket, fs, Streams, Middleware | nur Node |
ranuts/visual | 2D-Zeichen-Engine (Canvas / WebGL / WebGPU) | nur Browser |
ranuts/i18n | Übersetzungs-Engine: flache Wörterbücher, Umschalten zur Laufzeit | Browser + Node |
ranuts/sw | Cache-Strategien und die Worker-Hälfte des Precache-Protokolls | Service Worker |
ranuts/vnode | Virtuelles DOM im Stil von Snabbdom | Browser |
ranuts/stream | SSE-Auswertung, Falten von Modellströmen, Token-Budget | Browser + Node |
ranuts/conversation | Ereignisprotokoll → darstellbare Gesprächsknoten | Browser + Node |
* ranuts/utils ist breit: Das meiste ist auf den Browser hin gebaut, aber die reinen Helfer laufen überall. Importiere ranuts/node nicht in Browser-Code. Es zieht fs / http / child_process mit.
Was drin ist
Funktional: debounce · throttle · once / singleFlight · QuestQueue · withTimeout / deferred · compose
Daten: cloneDeep · isEqual · merge · filterObj · Zahlen formatieren und einlesen · Farbumrechnung und -mischung
Text: md5 · truncate · detectLanguage · resolveLocale · segmentByRanges · paginate · escapeHtml
Browser: Speicher · IndexedDB · Worker-Client · postMessage-Brücke · Prefetch · Geräteerkennung · Leistung · ZIP · Tonaufnahme · Sprache zu Text
KI und Chat: stream · conversation · i18n
Zeichnen: 2D-Engine · virtuelles DOM · Canvas-Helfer · tween
Node: HTTP-Server und Router · Dateioperationen · MIME-Typen
Das ist eine Auswahl. Die API-Referenz führt jeden Export mit Signatur und Beschreibung auf, aus dem Quelltext erzeugt, damit sie nicht auseinanderlaufen kann.
Wohin als Nächstes
| Wenn du … | Lies |
|---|---|
| herausfinden willst, ob es eine Funktion gibt, und wie sie aussieht | API-Referenz |
| dich zwischen zwei ähnlichen Helfern entscheiden willst | Den passenden Helfer wählen |
| nach Kategorien stöbern willst | Übersicht der Helfer |
| eine gestreamte Modellantwort darstellen willst | stream → conversation |
| eine Oberfläche darauf bauen willst | ranui |
Beide Pakete liefern im npm-Tarball ein CLAUDE.md mit: eine Orientierung für Coding-Agenten, direkt aus node_modules lesbar, ohne Netzzugang.