Harry sonhanguyen

## index.html
<head>
  <style>
    @media print { body { height: 297mm } }

    body {
      width: 210mm;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      margin: 0;
      display: flex;
    }

## parser.ts
// I could not find any validation library (zod, io-ts etc) that allows custom error types
// so quickly wipped this up, note that the errors here are string literals but they
// might as well be, say, custom classes for pattern matching later
// think about error messages that you need to translate to many languages in the front-end

const formValidator = <S extends Record<string, Validator<any, any>>>(schema: S): Validator<
  { [K in keyof S]: Infer<S[K]>['Input'] },
  { [K in keyof S]:
    { error: Infer<S[K]>['Error']
      value: Infer<S[K]>['Input']

## lens.ts

type Lens<State, Value> = {
  (_: State): Value
  set: (_: Value) => (_: State) => State

  map<T>(_: Lens<Value, T>): Lens<State, T>
}

type Prop<K extends string, V = any> = Lens<Record<K, V>, V>

## cache.py
import os
import collections
import pickle
import json
import urllib.parse
import re
from functools import wraps
from typing import Callable, Any
from dataclasses import dataclass, fields

## gist:4743d4b7c479d52c43a5447f831271ee
type NumericIndex = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9'
type Index<T extends any[]> = NumericIndex & keyof T
type UnionToIntersection<U> =
    (U extends any ? (k: U)=>void : never) extends ((k: infer I)=>void) ? I : never

type Builder<State = {}> = {
    (): State
    <A extends string[]>(...namedArgsOrder: A): <
        V extends { [K in keyof A]: any },
        T = UnionToIntersection<{ [K in Index<A>]: Record<string & A[K], V[K]> }[Index<A>]>

## overload.ts
type Func = (..._) => any

const overload = <Default extends Func>(defaultFunc: Default): OverloadBuilder<Default> => {
  // @ts-ignore
  const match = cases => Object.assign(
    (...args) => {
      const matcher = cases.find(([ guard ]) => guard(args))
      const func = matcher
        ? matcher[1]
        : defaultFunc

## Default.bttpreset
{
  "BTTPresetName" : "Default",
  "BTTGeneralSettings" : {
    "disableScrollingIf3" : true,
    "BTTPasteWhenTriggeringClipboardAgain" : true,
    "BTTForceNormalClickPressure5F" : 200,
    "disableScrollingIf2" : true,
    "BTTDidRegisterForUpdateStats" : "3.140",
    "BTTShowControlStrip" : true,
    "BTTShowControlStripItem" : true,

## app.tsx
import * as React from 'react'
import { render } from 'react-dom'
import { compose, fromRenderProps } from 'recompose'
import { identity, pick, mapValues } from 'lodash'

const withDependencies = (...services: Array<[any, Function]>) => {
  const enhance = compose(
    ...services.map(([service, mapProps]) => fromRenderProps(
      Service.contextFor(service).Consumer,
      mapProps

## userChrome.css
#!/usr/bin/env bash {} /*
cd ~/.mozilla/firefox || cd ~/Library/Application\ Support/Firefox*
source <(grep Default= profiles.ini)

mkdir $Default/chrome
tee $Default/chrome/userChrome.css <<EOF

/*#region Firefox */

#browser,

## App.tsx
import * as React from 'react'
import Grid from './Grid'
import './App.css'

interface BaseLineItem {
  id: string
  name: string
  cost: number
}
	<head>
	<style>
	@media print { body { height: 297mm } }

	body {
	width: 210mm;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0;
	display: flex;
	}
	// I could not find any validation library (zod, io-ts etc) that allows custom error types
	// so quickly wipped this up, note that the errors here are string literals but they
	// might as well be, say, custom classes for pattern matching later
	// think about error messages that you need to translate to many languages in the front-end

	const formValidator = <S extends Record<string, Validator<any, any>>>(schema: S): Validator<
	{ [K in keyof S]: Infer<S[K]>['Input'] },
	{ [K in keyof S]:
	{ error: Infer<S[K]>['Error']
	value: Infer<S[K]>['Input']

	type Lens<State, Value> = {
	(_: State): Value
	set: (_: Value) => (_: State) => State

	map<T>(_: Lens<Value, T>): Lens<State, T>
	}

	type Prop<K extends string, V = any> = Lens<Record<K, V>, V>
	import os
	import collections
	import pickle
	import json
	import urllib.parse
	import re
	from functools import wraps
	from typing import Callable, Any
	from dataclasses import dataclass, fields
	type NumericIndex = '0' \| '1' \| '2' \| '3' \| '4' \| '5' \| '6' \| '7' \| '8' \| '9'
	type Index<T extends any[]> = NumericIndex & keyof T
	type UnionToIntersection<U> =
	(U extends any ? (k: U)=>void : never) extends ((k: infer I)=>void) ? I : never

	type Builder<State = {}> = {
	(): State
	<A extends string[]>(...namedArgsOrder: A): <
	V extends { [K in keyof A]: any },
	T = UnionToIntersection<{ [K in Index<A>]: Record<string & A[K], V[K]> }[Index<A>]>
	type Func = (..._) => any

	const overload = <Default extends Func>(defaultFunc: Default): OverloadBuilder<Default> => {
	// @ts-ignore
	const match = cases => Object.assign(
	(...args) => {
	const matcher = cases.find(([ guard ]) => guard(args))
	const func = matcher
	? matcher[1]
	: defaultFunc
	{
	"BTTPresetName" : "Default",
	"BTTGeneralSettings" : {
	"disableScrollingIf3" : true,
	"BTTPasteWhenTriggeringClipboardAgain" : true,
	"BTTForceNormalClickPressure5F" : 200,
	"disableScrollingIf2" : true,
	"BTTDidRegisterForUpdateStats" : "3.140",
	"BTTShowControlStrip" : true,
	"BTTShowControlStripItem" : true,
	import * as React from 'react'
	import { render } from 'react-dom'
	import { compose, fromRenderProps } from 'recompose'
	import { identity, pick, mapValues } from 'lodash'

	const withDependencies = (...services: Array<[any, Function]>) => {
	const enhance = compose(
	...services.map(([service, mapProps]) => fromRenderProps(
	Service.contextFor(service).Consumer,
	mapProps
	#!/usr/bin/env bash {} /*
	cd ~/.mozilla/firefox \|\| cd ~/Library/Application\ Support/Firefox*
	source <(grep Default= profiles.ini)

	mkdir $Default/chrome
	tee $Default/chrome/userChrome.css <<EOF

	/#region Firefox /

	#browser,
	import * as React from 'react'
	import Grid from './Grid'
	import './App.css'

	interface BaseLineItem {
	id: string
	name: string
	cost: number
	}