brookback

td:first-child {
  position: sticky;
  left: 0;
  z-index: 1;

  animation-name: frozen;
  animation-duration: 1ms; /* Firefox needs this. */
  animation-direction: alternate;
  animation-timeline: scroll(inline nearest);
  /* Hide shadow in all directions except east. */

brookback

interface Route {
    pattern: URLPattern;
    handler: Handler;
    options: {
        method: Method;
    };
}

export type Handler = (req: Request) => Promise<Response> | Response;

brookback

import * as preact from 'preact';
import { DOMAttrs, DOMEvent, JSXElement, CSS, Ref, RefObject } from './types';
import { useContext, useEffect, useId, useMemo, useRef, useState } from 'preact/hooks';
import { classNames } from '@lookback/shared';
import { forwardRef, memo } from 'preact/compat';

interface Props {
    button: JSXElement | ((isExpanded: boolean) => JSXElement);
    style?: CSS;
}

brookback

fn main() {
    let lol: Option<&str> = Some("lol");

    if lol.is_none() {
        // do some error handling
        return;
    }

    // I'd love if `lol` was asserted to be Some("lol")
    // below this if clause.

brookback

import * as React from 'react';

type FocusIndex = number | null;

/**
 * A React hook for managing focus of elements in a list based on keyboard
 * arrows (up and down). Great for a11y and UX.
 *
 * This hook does not deal with the actual imperative `.focus()` part at all.
 * It solely calculates the which index in a list which should currently be

brookback

// tslint:disable no-let

/** Return:
 *
 * - `< 0` if `a` comes before `b`.
 * - `0` if `a` and `b` are equal.
 * - `> 0` if `a` comes after `b`.
 */
type Comparator<T> = (a: T, b: T) => number;

brookback

import React, { Fragment, cloneElement } from 'react';
import {
    useTooltip,
    TooltipPopup,
    TooltipProps,
    Position,
} from './reach-tooltip';

interface Props {
    isVisible?: boolean;

brookback

:root {
  --sans: Quicksand, sans-serif;
  --serif: Neuton, serif;
  --font-size: 24px;
  --lineheight: 1.6;

  --spacing: calc(var(--lineheight) * 1rem);

  /* Colours */

brookback

const easeInOutQuad = (t) => t<.5 ? 2*t*t : -1+(4-2*t)*t

const easeInOutCubic = (t) => t<.5 ? 4*t*t*t : (t-1)*(2*t-2)*(2*t-2)+1

const easeInOutQuart = (t) => t<.5 ? 8*t*t*t*t : 1-8*(--t)*t*t*t

const easeInOutQuint = (t) => t<.5 ? 16*t*t*t*t*t : 1+16*(--t)*t*t*t*t

// OLIKA FUNKTIONER

brookback

/*
  This query will crash when run if incoming userId prop is undefined. It's because
  it's marked as required for the `user(id)` field. So that will force me to mark it
  as required as a variable in my `Foo` client query below.
  
  But I want to *conditionally* include the whole user field if only if userId prop
  is a string in the component.
  
  How?!