Evert's questions

Tenho um tipo como segue:

type EventType = {
  event1: undefined,
  event2: {
    user: number
  }
}

type EventName = keyof EventType;

Esse tipo é usado para digitar uma função logEvent:

function logEvent<T extends EventName>(eventName: T, extraData: EventType[T]) {

}

Isso garante que, quando logEvent for chamado, a combinação correta de eventName e extraData seja aplicada:

logEvent('event1', undefined)
logEvent('event2', { user: 5 })

Entretanto, para o primeiro caso (indefinido), gostaria que o segundo argumento fosse opcional:

logEvent('event1')
logEvent('event2', { user: 5 })

Estou lutando para encontrar uma solução para isso. Minhas tentativas são, na maioria, sem sentido.

Estou tentando adicionar um gradiente ao meu plano de fundo usando CSS. Quero que esse gradiente não seja 'fixo', mas role com a página. Para páginas muito altas, quero apenas que o gradiente termine.

Este é o meu CSS:

body {
  min-height: 100%;
  background-color: #F00;
  background-repeat: no-repeat;
  background: linear-gradient(
    180deg,
    #F00 0px,
    #0F0,
    #00F,
    #F00 3000px
  )
}

O problema é que quando eu rolar para baixo, após a dobra da página o gradiente recomeça. Na minha tela de altura de 1200px, ela nunca fica azul.

Meu objetivo é que o gradiente seja renderizado uma vez e se a página for maior que o gradiente (digamos 3000px), seja para sempre #F00. Não repetir não teve efeito.

Codepen para referência .

Criei um makefile com o seguinte alvo:

assets/css/%.css.br: assets/css/%.css
     brotli $< $@

Isso funciona muito bem para compactar todos os arquivos css em um diretório e criar um arquivo .css.br.

No entanto, como posso chamar esse destino para compactar todos os arquivos CSS nesse diretório? Só posso chamar esses destinos um por um.