Auf dieser Seite

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 install ranuts
import { 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.