hsb.horse
Snippets
Snippets
Kurze Codeausschnitte und ausführbare Notizen zur schnellen Wiederverwendung.
Snippet-Tags- Text mit TransformStream aufteilen
Ein TypeScript-Beispiel zur Verwendung von ReadableStream und TransformStream, um langen Text in Chunks einer bestimmten Größe aufzuteilen.
- Uint8Arrays zusammenführen
Eine TypeScript-Funktion zum Zusammenführen mehrerer Uint8Arrays in eines. Nützlich für die Kombination von Binärdaten.
- parameter.json aus einem CloudFormation-Template generieren
Ein Snippet zur automatischen Generierung einer parameters.json durch die Kombination von aws cloudformation validate-template und jq unter Berücksichtigung von Umgebungsvariablen.
- Verwendung des CSS href-Attributselektors
Ein CSS-Snippet zur Verwendung von Attributselektoren auf das href-Attribut des a-Elements, einschließlich Präfix-, Suffix- und Teilübereinstimmung.
- Prüfung der File-System-API-Berechtigung
Funktion zum Prüfen und Anfordern von Berechtigungen für die File System API im Browser. Unterstützt Read-only und Read-write.
- React useSelection Hook
Benutzerdefinierter React-Hook zur Verwaltung von Mehrfachauswahl. Behandelt vollständige, teilweise und einzelne Auswahl typsicher.
- Bilder mit avifenc stapelweise in AVIF konvertieren
Ein Bash-Snippet zum rekursiven Durchsuchen von jpg/jpeg/png-Dateien und zur Konvertierung in .avif mit avifenc.
- Caching für dynamische Imports
Leichte TypeScript-Implementierung zum Caching dynamischer Imports. Mehrere Imports desselben Pfads werden mit einem Promise verarbeitet.
- Speicherkapazität im Finder anzeigen
Schaltet die Anzeige der Speicherkapazität im macOS Finder per Tastenkürzel um.
- Dateiprüfung in Node.js
Promise-basierte Funktion, um zu prüfen, ob ein Pfad in Node.js eine Datei ist. Gibt bei Fehlern false zurück.
- TypeScript-Implementierung von p-limit
TypeScript-Neuimplementierung von p-limit zur Steuerung der Promise-Konkurrenz. Konkurrenzkontrolle ohne zusätzliche Abhängigkeiten.
- TypeScript-Implementierung von yocto-queue
TypeScript-Neuimplementierung der schlanken Queue yocto-queue. Bietet grundlegende Operationen wie enqueue, dequeue und iterator.
- Build-Zeit-Nachrichten-ID-Hash-Store
Eine TypeScript-Funktion, die Nachrichten-IDs und Kontexte zur Build-Zeit hasht und kürzt. Nützlich, wenn eine Zielplattform erlaubte Übersetzungsschlüssel einschränkt.
- Bulk Import with Fallback from Pairwise COPY to Individual Inserts
Versuchen Sie zunächst einen Bulk-Import für große relationale Daten und fallen Sie dann auf einzelne Einfügungen für Zeilen zurück, die Schema-Einschränkungen verletzen. Balanciert Geschwindigkeit und Erfolgsrate.
- Cache-First, Live-Fetch Orchestrierungsmuster
Orchestrierung, die einen schnellen Pfad aus dem Cache mit einem langsamen Pfad vom Remote-Dienst kombiniert. Misst Cache-Hits/Misses, Latenz und das Endergebnis als Metriken und delegiert Nebeneffekte nach außen.
- Native UI-Elemente klonen, um Stile zu erben
Ein leichtgewichtiges Muster, das visuelle Konsistenz durch Klonen bestehender Host-App-Buttons mit cloneNode gewährleistet, wobei nur Icon und Text ersetzt werden. Kein Kampf mit obfuskiertem CSS nötig.
- Idempotenter DOM-Observer-Setup über dataset
Ein einfaches Muster mit data-Attributen, um doppelte MutationObserver-Registrierungen zu verhindern. Kein globales Registry erforderlich, hochgradig portierbar.
- In Entität eingebettete Cooldown-Warnungsunterdrückung
Ein Muster, das die Logik zur Unterdrückung wiederholter Warnungen in die Quota-Entität selbst einbettet. Kontrolliert häufige Warnungen wie Ratenlimit-Benachrichtigungen und Abrechnungswarnungen angemessen.
- Speichergröße von Go-Datentypen
Umfassende Liste der Speichergrößen für jeden Go-Datentyp und praktische Tipps für speichereffizientes Programmieren.
- Geschichtete DOM-Beobachtungsstrategie
Ein Muster für den schrittweisen Wechsel zu engeren Observern sobald die App bereit ist. Breit einsetzbar in SPA-Content-Scripts und Drittanbieter-DOM-Integrationen.
- Property-Extractor-Hilfsfunktion
Generiert eine Funktion, die nur angegebene Eigenschaften aus einem Objekt extrahiert. Konsolidiert typsichere Property-Extraktion in einer Zeile für verschachtelte mapBy- und Array-Transformationen.
- Zweiphasiger Repository-Walk mit Byte-Budget
Verarbeitung in path/size Scan → Strukturanalyse → nur benötigte Chunks lesen → Parsen aufteilen, um Speicherlimits auch für große Repositories kontrollierbar zu machen.
- Worker-Pool mit Sub-Batches und Per-Sub-Batch-Timeout
Ein Muster, das große Datensätze in kleine Sub-Batches aufteilt, die an Worker gesendet werden, um Speicherdruck zu reduzieren und gleichzeitig Timeouts pro Batch für frühe Anomalieerkennung festzulegen.
- Biome npm-scripts Konfiguration
Die klassischen Muster für npm-scripts bei der Einführung von Biome. Lint und Format mit dem Check-Befehl ausführen.
- Regex für Bilderweiterungen
JavaScript/TypeScript Regex-Muster zur Erkennung von Bildformaten aus Dateinamen. Unterstützt png, webp, jpg, jpeg, avif, gif.
- Lazy-Initialisiertes Objekt
TypeScript-Pattern mit Gettern, das Werte nur beim ersten Zugriff generiert. Leichtgewichtige Lazy-Evaluation im Vergleich zum Speicher-Cache.
- man-Seiten als Textdatei speichern
Wie man die Ausgabe des man-Befehls unter macOS/Linux in einer Datei speichert. Mit col -b Steuerzeichen entfernen und lesbaren Text erstellen.
- Tarball von npm herunterladen
So laden Sie npm-Paket-Tarballs (.tgz) mit npm pack und pnpm info herunter. Methoden für npm, yarn und pnpm.
- Zeitbasierte semantische Versionsgenerierung
TypeScript-Funktion, die Versionsnummern automatisch aus Build-Zeitstempeln generiert. Nützlich, wenn Versionslimits existieren, wie bei Chrome-Erweiterungen.
- SHA256 Synchrone Implementierung (ohne WebCrypto API)
Eine reine JavaScript SHA256-Implementierung ohne Verwendung der WebCrypto API. Für Umgebungen, in denen das crypto-Objekt nicht verfügbar ist, wie bei einigen Web Workers-Implementierungen.
- TypeScript Non-null Assertion
TypeScript-Typ-Guard-Funktionen zur Eliminierung von undefined und null. Sicherstellung sowohl von Laufzeitfehlern als auch von Typsicherheit.
- Implementierung eines leichten Result-Typs in TypeScript
Ein Error-Handling-Pattern ohne try-catch. Typsichere Fehlerbehandlung mit einem Result-Typ, der data und error trennt.
- Uint32Array Hilfsfunktionen
Ein prägnanter TypeScript-Wrapper für `new Uint32Array`-Aufrufe. Unterstützt alle Konstruktor-Überladungen mit typsicheren Überladungsdefinitionen.
- Uint8Array Hilfsfunktionen
Ein TypeScript-Wrapper zur Vereinfachung von new Uint8Array-Aufrufen. Unterstützt Arrays, ArrayBuffer und Initialisierung nach Länge.
- Polyfill für crypto.randomUUID
Polyfill-Implementierung der crypto.randomUUID-Funktion. Da alle Browser dies unterstützen, ist eine neue Implementierung nicht erforderlich, aber es dient als Referenz zum Verständnis des UUID v4-Mechanismus.
- gzip Befehls-Cheatsheet
Ein Snippet mit den grundlegenden Verwendungsmöglichkeiten des gzip-Befehls, einschließlich Komprimierung, Dekomprimierung und Optionsangaben.
- TypeScript-Array-Utilities
Sammlung typsicherer Hilfsfunktionen für häufige Array-Operationen in TypeScript. Leeres Array erzeugen, chunking, Null-Filterung und Shuffle.