Evert's questions

Estou tentando escrever um tipo genérico Typescript que pode ser usado da seguinte maneira:

/* All properties are nullable */
type A = {
  a: string | null,
  b: string | null;
}

type G_A = MyType<A>; // A | undefined

/* At least one property is not nullable */
type B = {
  a: string;
  b: string | null;
}

type G_B = MyType<B>; // B

Portanto, o objetivo de MyType<T>é que ele retorne T | undefinedse todas Tas propriedades de 's puderem ser null, mas se não, ele deve retornar apenas T.

Estou meio perdido sobre como abordar isso, então não tenho nada que eu tenha tentado para compartilhar.

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.