hsb.horse
Snippets
Snippets
Une collection de courts extraits de code et de notes d’exécution réutilisables.
Tags des snippets- Découpage de texte avec TransformStream
Un exemple d'implémentation TypeScript utilisant ReadableStream et TransformStream pour diviser un long texte en morceaux de taille spécifiée.
- Sélecteurs d'attribut CSS pour href
Un snippet CSS utilisant des sélecteurs d'attribut sur l'attribut href des éléments a, avec correspondance de préfixe, de suffixe et partielle.
- Vérification des permissions de la File System API
Fonction pour vérifier et demander les permissions de la File System API du navigateur. Prend en charge les modes lecture seule et lecture/écriture.
- Hook React useSelection
Hook React personnalisé pour gérer l’état de sélection de plusieurs éléments. Gère de façon type-safe la sélection totale, partielle et individuelle.
- Convertir des images en AVIF en lot avec avifenc
Un script Bash qui parcourt récursivement les fichiers jpg/jpeg/png et les convertit en .avif avec avifenc.
- Cache de dynamic import
Implémentation TypeScript légère pour mettre en cache les dynamic imports. Gère plusieurs imports du même chemin avec une seule Promise.
- Afficher la capacité de stockage dans le Finder
Active ou désactive l’affichage de la capacité de stockage dans le Finder de macOS avec un raccourci clavier.
- Vérification de fichier en Node.js
Fonction basée sur Promise pour vérifier si un chemin est un fichier en Node.js. Retourne false en cas d’erreur.
- Implémentation TypeScript de p-limit
Réimplémentation TypeScript de p-limit pour contrôler la concurrence des Promises. Permet un contrôle de concurrence sans dépendance supplémentaire.
- Implémentation TypeScript de yocto-queue
Réimplémentation TypeScript de la file légère yocto-queue. Fournit les opérations de base : enqueue, dequeue et iterator.
- Store de hachage de messages à la compilation
Une fonction TypeScript qui hache et raccourcit les ID de messages et les contextes au moment de la compilation. Utile quand une plateforme cible restreint les clés de traduction autorisées.
- Bulk Import with Fallback from Pairwise COPY to Individual Inserts
Tentez d'abord un bulk import pour les données relationnelles volumineuses, puis basculez vers des insertions individuelles pour les lignes qui violent les contraintes de schéma. Équilibre vitesse et taux de réussite.
- Pattern d'orchestration cache d'abord, récupération en direct ensuite
Orchestration combinant un chemin rapide depuis le cache et un chemin lent depuis un service distant. Mesure les hits/miss de cache, la latence et le résultat final sous forme de métriques, en déléguant les effets de bord vers l'extérieur.
- Cloner un élément UI natif pour hériter des styles
Un pattern léger qui maintient la cohérence visuelle en clonant les boutons existants de l'application hôte avec cloneNode, puis en remplaçant uniquement l'icône et le texte. Pas besoin de se battre avec du CSS obfusqué.
- Mise en place idempotente d'un observateur DOM via dataset
Un pattern simple utilisant les attributs data pour éviter les doublons d'enregistrement de MutationObserver. Aucun registre global requis, très portable.
- Suppression des avertissements avec cooldown intégré à l'entité
Un motif qui intègre la logique de suppression des avertissements répétés dans l'entité de quota elle-même. Contrôle correctement les avertissements fréquents tels que les notifications de limitation de débit et les alertes de facturation.
- Taille mémoire des types de données Go
Liste complète des tailles mémoire pour chaque type de données Go et conseils pratiques pour un code économe en mémoire.
- Stratégie d'observation DOM en couches
Un pattern pour basculer progressivement vers des observateurs plus ciblés une fois l'application prête. Largement réutilisable dans les scripts de contenu SPA et les intégrations DOM tierces.
- Fonction Auxiliaire d'Extraction de Propriétés
Générer une fonction qui extrait uniquement les propriétés spécifiées d'un objet. Consolidez l'extraction de propriétés type-safe en une ligne pour les transformations mapBy imbriquées et les tableaux.
- Parcours de dépôt en deux phases avec budget d'octets
Diviser le traitement en scan path/size → analyse de structure → lecture des chunks nécessaires uniquement → parsing pour rendre les limites mémoire contrôlables même pour les grands dépôts.
- Pool de Workers avec Sous-lots et Timeout par Sous-lot
Un pattern qui divise de grands ensembles de données en petits sous-lots envoyés aux workers, réduisant la pression mémoire tout en définissant des timeouts par lot pour une détection précoce des anomalies.
- Configuration des npm-scripts de Biome
Les modèles classiques des npm-scripts à configurer lors de l'introduction de Biome. Exécuter lint et format avec la commande check.
- Regex pour les extensions d'images
Pattern regex JavaScript/TypeScript pour détecter les formats d'image depuis les noms de fichiers. Supporte png, webp, jpg, jpeg, avif, gif.
- Objet à initialisation différée
Pattern TypeScript utilisant les getters pour générer des valeurs uniquement lors du premier accès. Évaluation paresseuse plus légère que le cache mémoire.
- Sauvegarder les pages man dans un fichier texte
Comment sauvegarder la sortie de la commande man dans un fichier sur macOS/Linux. Utilisez col -b pour supprimer les caractères de contrôle et créer un texte lisible.
- Télécharger un tarball depuis npm
Comment télécharger les tarballs de packages npm (.tgz) avec npm pack et pnpm info. Méthodes pour npm, yarn et pnpm.
- Génération de version sémantique basée sur l'heure
Fonction TypeScript qui génère automatiquement des numéros de version à partir des horodatages de build. Utile lorsqu'il existe des limites de version, comme dans les extensions Chrome.
- Implémentation SHA256 synchrone (sans WebCrypto API)
Une implémentation SHA256 en JavaScript pur sans utiliser l'API WebCrypto. Pour les environnements où l'objet crypto n'est pas disponible, comme certaines implémentations Web Workers.
- TypeScript Non-null Assertion
Les fonctions de garde de type TypeScript pour éliminer undefined et null. Assurent à la fois les erreurs d'exécution et la sécurité des types.
- Implémentation d'un type Result léger en TypeScript
Un pattern de gestion d'erreurs sans try-catch. Gérez les erreurs de manière type-safe avec un type Result séparant data et error.
- Fonctions utilitaires Uint32Array
Un wrapper TypeScript concis pour les appels `new Uint32Array`. Supporte toutes les interfaces du constructeur via des surcharges de fonctions.
- Fonctions utilitaires Uint8Array
Une fonction wrapper TypeScript pour simplifier les appels new Uint8Array. Prend en charge les tableaux, ArrayBuffer et les initialisations par longueur.
- Fusionner des Uint8Array
Une fonction TypeScript pour fusionner plusieurs Uint8Array en un seul. Utile pour combiner des données binaires.
- Polyfill pour crypto.randomUUID
Implémentation polyfill de la fonction crypto.randomUUID. Tous les navigateurs la supportent maintenant, donc aucun besoin de nouvelle implémentation, mais cela sert de référence pour comprendre le mécanisme UUID v4.
- Générer un parameter.json à partir d'un template CloudFormation
Un snippet pour générer automatiquement un parameters.json en combinant aws cloudformation validate-template et jq, en appliquant les variables d'environnement.
- Aide-mémoire des commandes gzip
Un snippet résumant l'utilisation de base de la commande gzip, notamment la compression, la décompression et la spécification des options.
- Utilitaires de tableau TypeScript
Collection de fonctions utilitaires type-safe pour les opérations courantes sur les tableaux en TypeScript. Création de tableaux vides, chunking, filtrage null et mélange.