oirodolfo

console.table((function listAllEventListeners() {
  const allElements = Array.prototype.slice.call(document.querySelectorAll('*'));
  allElements.push(document); // we also want document events
  const types = [];
  for (let ev in window) {
    if (/^on/.test(ev)) types[types.length] = ev;
  }

  let elements = [];
  for (let i = 0; i < allElements.length; i++) {

oirodolfo

const listeners = (function listAllEventListeners() {
  let elements = [];
  const allElements = document.querySelectorAll('*');
  const types = [];
  for (let ev in window) {
    if (/^on/.test(ev)) types[types.length] = ev;
  }

  for (let i = 0; i < allElements.length; i++) {
    const currentElement = allElements[i];

oirodolfo

CSS User Avatars

A practise on drawing user avatars using only CSS

A Pen by Rod Kisten (Rodolfo Costa) on CodePen.

License.

oirodolfo

import re
from zipfile import ZipFile, Path

"""
TailwindCSS plugin patcher for IntelliJ IDEA
--------------------------------------------

1. Download the latest ZIP of the plugin compatible with your version of IntelliJ here:
   https://plugins.jetbrains.com/plugin/15321-tailwind-css/versions
2. Fill `CLASS_ATTRIBUTES` to specify which XML attributes can contain Tailwind classes.

oirodolfo

header.dashboard-header {
    background-color: #fbfbfb;
}
header.dashboard-header nav .navbar-header {
    width: 800px;
}
header.dashboard-header nav .navbar-brand {
    font-weight: normal;
    padding: 12px 150px;
    width: 100%;

oirodolfo

  Element.prototype._addEventListener = Element.prototype.addEventListener;
  Element.prototype.addEventListener = function(a,b,c) {
    if(c==undefined)
      c=false;
    this._addEventListener(a,b,c);
    if(!this.eventListenerList)
      this.eventListenerList = {};
    if(!this.eventListenerList[a])

oirodolfo

function useCachedAbortiveQuery<T>(
  query: DocumentNode,
  variables: Record<string, unknown>,
  deps: Array<any>
) {
  const apolloClient = useApolloClient();
  const [data, setData] = useState<T>();
  const [error, setError] = useState<Error | null>(null);
  const [loading, setLoading] = useState<boolean>(true);

oirodolfo

export interface RetryConfig {
  timeout: number
  max: number
}

export const retryAction = (
  fn: (...args: any[]) => Promise<any>,
  { timeout, max }: RetryConfig
): Promise<any | void> => {
  // Keep a count of the retries

oirodolfo

# Reusable bash function you can add to your ~/.zshrc or ~/.bashrc file
#
# Usage: pkg-script start "node index.js"
#
function pkg-script () {
  echo $(jq --arg key "${1}" --arg val "${2}" '.scripts[$key]=$val' package.json) | jq . | > package.json
}

oirodolfo

const text = css({
  color: '$gray12',

  variants: {
    size: {
      // corrective letter-spacing and text-indent styles
      // should go here too, because they're determined by font-size.
      // You could also put line-height here too, if your devs prefer
      // a default line-height that works in some cases. But understand
      // that line-height is also a function of line-length, so the