kasper573

# garbage

- Object syntax kind of ridiculous. Obscure and unintuitive. 

# mid
- for loop syntax unnecessarily bespoke
- Optional field and optional labelled function argument syntax is weird, but I could get used to it
- Why the hell are we using JavaScripts Array interface. WTF
- Rescript vs JS exceptions are fundamental distinct concepts, why are they not distinct modules?
- == for deep equality check is pretty nuts, ~= would have been better

kasper573

import { pipe, tap } from "wonka";
import { Exchange } from "urql";
import {
  IntrospectionListTypeRef,
  IntrospectionNamedTypeRef,
  IntrospectionQuery,
  IntrospectionType,
  IntrospectionTypeRef,
  Kind,
  OperationDefinitionNode,

kasper573

const disableTimeout = 999999999;
Cypress.Commands.add(
  "shouldFor",
  (
    condition,
    requiredDuration,
    {
      name = "Condition",
      interval = 10,

kasper573

import {
  useContext,
  useState,
  createContext,
  useRef,
  PropsWithChildren,
} from "react";
import { useInterval } from "../hooks/useInterval";
import { useApi } from "./ApiProvider";
import { AuthTokens } from "../api/types/AuthTokens";

kasper573

type A = number;
type B = string;

type Lists = {
  a: A[];
  b: B[];
};

export const selectList = <ListName extends keyof Lists>(
  listName: ListName

kasper573

import React from "react";
import { createTemplateComponent } from "./createTemplateComponent";

/**
 * Form elements displayed as a list by default but with customizable template.
 */
export const Form = createTemplateComponent(
  renderElements,
  ({foo, bar, baz, other}) => (
    <ul>

kasper573

import { EffectCallback, useEffect } from 'react';

export const usePureEffect = <T extends EffectCallbackWithParams>(
  effect: T,
  ...params: Parameters<T>
) => useEffect(() => effect.apply(null, params), params);

type EffectCallbackWithParams = (...args: any) => ReturnType<EffectCallback>;

kasper573

let slide = document.querySelectorAll('.slideUp');

slide.forEach(function (el) {
    el.addEventListener('click', function () {
        let parent = el.parentElement;
        let links = parent.querySelectorAll('.link');
        let rotationTranform = 'rotate(45deg)';
        let isRotated = el.style.transform === rotationTranform;
        if (!isRotated) {
            el.style.transform = rotationTransform;

kasper573

const container = document.getElementById('container');

const element1 = document.createElement('div');
const element2 = document.createElement('div');

if (element2.classList.contains('specific')) {
  container.prepend(element1);
  container.prepend(element2);
} else {
  container.prepend(element2);

kasper573

import {action, createAtom, IAtom} from 'mobx';

/**
 * Class wrapper for a single cookie entry
 * emitting to and reading from a cookie storage.
 */
export class Cookie<T> {
  private atom: IAtom;

  constructor (