robinselmer

rm -rf \
"/System/Volumes/Data/Users/$(whoami)/Library/Application Support/JetBrains/"* \
"/System/Volumes/Data/Users/$(whoami)/Library/Logs/JetBrains/"* \
"/System/Volumes/Data/Users/$(whoami)/Library/Caches/JetBrains/"* \
~/Library/Application\ Support/JetBrains/* \
~/Library/Logs/JetBrains/* \
~/Library/Caches/JetBrains/*

robinselmer

img:not([alt]) {
    outline: 2px dotted red;
}

robinselmer

<div class="px-2 py-1 rounded text-xs font-bold text-black bg-yellow-400">
    <span class="sm:hidden">NONE</span>
    <span class="hidden sm:block md:hidden">SM</span>
    <span class="hidden md:block lg:hidden">MD</span>
    <span class="hidden lg:block xl:hidden">LG</span>
    <span class="hidden xl:block 2xl:hidden">XL</span>
    <span class="hidden 2xl:block">2XL</span>
</div>
<!-- See https://v3.tailwindcss.com/docs/responsive-design#using-custom-breakpoints -->

robinselmer

export const toggleDebugGrid = () => {
    const toggleButton = document.querySelector('[data-action="toggle-debug-grid"]')
    const debugGrid = document.querySelector('#debug-grid')
    toggleButton.addEventListener('click', () => {
        debugGrid.classList.toggle('hidden')
    })
}

robinselmer

/**
 * Creates a debounced function that delays invoking the provided function
 * until after the specified time has elapsed since the last time
 * the debounced function was called.
 * 
 * @param {Function} func - The function to debounce.
 * @param {number} delay - The number of milliseconds to delay.
 * @returns {Function} - The debounced function.
 */

robinselmer

// Log wrapper for the console that is only enabled in dev environment
const debug = (() => {
  
    // Check env variable
    const isEnabled = process.env.NODE_ENV !== 'production'

    // Pass arguments to console with same log levels
    return {
        log: (...args) => isEnabled && console.log(...args),
        info: (...args) => isEnabled && console.info(...args),