vezaynk

class AsyncQueue<T> {
  #elements: T[] = [];
  #waiting: ((el: T) => void)[] = [];
  get size() { return this.#elements.length }

  enqueue(el: T) {
    const next = this.#waiting.shift();
    if (next) {
      next(el);
    } else {

vezaynk

interface HOC<T> {
  (Component: React.ComponentType<T>): (props: T) => JSX.Element
}
  
const reduceHOCs = <T>(...hocs: HOC<T>[]): HOC<T> => hocs
  .reduce((reduced, next) => (c) => next(reduced(c)));

const applyHOCs = <T>(...hocs: HOC<T>[]) {
  const reducedHoc = reduceHOCs(...hocs);

vezaynk

import React, { useContext, createContext } from "react";

function createHOCFromHook<T,>(cb: () => T) {
  const Context = createContext<T>(null as T);
  const withProvider = <T,>(Component: React.ComponentType<T>) =>
    function (props: T & JSX.IntrinsicAttributes) {
      return (
        <Context.Provider value={cb()}>
          <Component {...props} />
        </Context.Provider>

vezaynk

#!/bin/bash

# Generate TypeScript adoption data
# Google Docs Spreadsheet: 
# https://docs.google.com/spreadsheets/d/13iDFWEhGbE8ZGu1LoXmRINy1ZSLd227mAFj99Evl6fc
# Usage:
# bash ./stats.sh > results.tsv
# Copy paste data into sheet

DATE="2022-07-01" # Tune this file to set start date of adoption

vezaynk

{
  "env": {
    "es2021": true,
    "jest/globals": true,
    "browser": true
  },
  "extends": [
    "airbnb",
    "airbnb-typescript",
    "airbnb/hooks",

vezaynk

type ToGetter<T> = {
  [P in keyof T]: T[P] extends (...args: any) => any ? ReturnType<T[P]> : never;
}

interface VueOptions<D, C, M> {
  data: () => D;
  computed: C;
  methods: M;
}

vezaynk

// Lookup table to seed the counting array
// Skips to length of 10, 100, 1000 instead of counting
// Allows going up to 1998 instead of 999!
// With some work, this technique can be pushed further for higher numbers
interface InitialLengths {
    '2': [0, 0, 0, 0, 0,
        0, 0, 0, 0, 0],
    '3': [...InitialLengths[2], ...InitialLengths[2], ...InitialLengths[2], ...InitialLengths[2], ...InitialLengths[2],
         ...InitialLengths[2],...InitialLengths[2], ...InitialLengths[2], ...InitialLengths[2], ...InitialLengths[2]],
    '4': [...InitialLengths[3], ...InitialLengths[3], ...InitialLengths[3], ...InitialLengths[3], ...InitialLengths[3], 

vezaynk

interface StringDigitToNumber {
  '0': 0,
  '1': 1,
  '2': 2,
  '3': 3,
  '4': 4,
  '5': 5,
  '6': 6,
  '7': 7,
  '8': 8,

vezaynk

interface SpacingProps {
    __typename: string,
    property1: {
        __typename: string;
        a: 2;
        nested: {
            __typename: string,
            x: 3
        }
    },

vezaynk

/**
 * @jest-environment jsdom
 */
import React, { useState } from 'react';
import { renderHook, cleanup } from '@testing-library/react-hooks';
import { act, fireEvent, render } from '@testing-library/react';

import useTitle from './useTitle';
import * as LayoutWrappedElement from ':hyperloop/src/layout/getLayoutWrappedElement';