jtmthf

// rendering a plain div
<Any />; // -> <div />

// using props defined on a div
<Any style={{ color: 'red' }} />; // -> <div style={{ color: 'red' }} />

// Declaring a new Input type
const Input = Any.ofType<'input'>();

// Failure to pass literal 'input' to is will be a type failure

jtmthf

type Props<T> = T extends 'div'
  ? JSX.IntrinsicElements['div']
  : T extends keyof JSX.IntrinsicElements
    ? TagProps<T>
    : T extends Component<infer P>
      ? ComponentClassProps<T, P>
      : T extends SFC<infer P> ? StatelessComponentProps<P> : never;

jtmthf

type Props<T> = T extends 'div'
  ? JSX.IntrinsicElements['div']
  : T extends keyof JSX.IntrinsicElements
    ? TagProps<T>
    : T extends ComponentType<infer P>
      ? ComponentProps<P> : never;

jtmthf

type TagProps<Tag extends keyof JSX.IntrinsicElements> = {
  is: Tag;
  innerRef?: JSX.IntrinsicElements[Tag]['ref'];
} & JSX.IntrinsicElements[Tag];

type StatelessComponentProps<P> = {
  is: SFC<P>;
} & P;

type ComponentClassProps<T, P> = {

jtmthf

class Any<T = 'div'> extends Component<Props<T>> {
  public static ofType<T>() {
    return Any as Constructor<Any<T>>;
  }

  public render() {
    const { is: Cmp = 'div', innerRef, ...props } = this.props as any;
    return <Cmp ref={innerRef} {...props} />;
  }
}

jtmthf

import { Link } from 'react-router-dom'

<Menu>
  <Menu.Item as={Link} to='/home'>
    Home
  </Menu.Item>
</Menu>

jtmthf

type ChangeType = 'add' | 'update' | 'delete' | 'reconfigure' | 'setPrototype' | 'preventExtensions';

interface ChangeObjectBase<T> {
    object: T;
    type: ChangeType;
}

interface ChangeObjectUpdateDelete<T> extends ChangeObjectBase<T> {
    name: keyof T | '__proto__';
    type: 'update' | 'delete' | 'setPrototype';

jtmthf

import {createCipheriv, createDecipheriv} from "crypto";

const ALGORITHM = "aes-256-cbc";
const ENCODING = "utf8";
const DEFAULT_INITIALIZATION_VECTOR = "0";
const DEFAULT_SYMMETRIC_KEY = "d6F3Efeq";

function encrypt(value: string, key = DEFAULT_SYMMETRIC_KEY, iv = DEFAULT_INITIALIZATION_VECTOR) {
  const cipher = crypto.createCipheriv(ALGORITHM, key, iv);
  let crypted = cipher.update(value, ENCODING, "base64");