Snippets & Tips

Colección de snippets y tips que son útiles pero demasiado cortos para merecer una página propia. Cada uno indica cuándo usarlo.

Bash: buscar texto en archivos (ignorando node_modules y .git)

Script para buscar un texto en todos los archivos de un proyecto sin ensuciar el resultado con dependencias:

#!/bin/bash

usage() {
  echo "Usage: $0 <search_text> [-H|-l]"
  echo "  -H: Show file names and matching lines (default)"
  echo "  -l: Show only file names"
  exit 1
}

grep_option="-H"

if [ $# -eq 0 ]; then
  usage
fi

search_text="$1"
shift

if [ "$1" = "-l" ]; then
  grep_option="-l"
elif [ "$1" = "-H" ]; then
  grep_option="-H"
fi

find . -type f \( -not -path "*/node_modules/*" -and -not -path "*/.git/*" \) -exec grep $grep_option "$search_text" {} +

X11: intercambiar tecla Super por Bloq Mayús

Vale para cualquier entorno X11 (probado en Pop!_OS). Útil en teclados donde la posición de Super es incómoda:

sudo apt install x11-xserver-utils
nano ~/.Xmodmap

Contenido de ~/.Xmodmap:

clear lock
clear mod4
keycode 66 = Super_L
keycode 133 = Caps_Lock
add lock = Caps_Lock
add mod4 = Super_L

Aplicar:

xmodmap ~/.Xmodmap

Fuentes: Nerd Fonts

Las Nerd Fonts son fuentes parcheadas con íconos y glifos extra (lo que la terminal necesita para mostrar símbolos de powerline, devicons, etc.).

• Nerd Fonts

JavaScript: fetch async mínimo

El esqueleto mínimo de un fetch con async/await:

const getItems = async () => {
  const response = await fetch("/api/items");
  return await response.json();
};

• Fetch y Async simple (curso Aalto)

Google Maps con Web Components

Google ofrece componentes HTML que permiten incrustar funcionalidades completas de Google Maps con tags, sin escribir JavaScript de la API a mano.

• Video: generar info de Google Maps con componentes HTML