basarat

import * as crypto from 'crypto';
export const md5 = (contents: string) => crypto.createHash('md5').update(contents).digest("hex");

basarat

export type Class = new (...args: any[]) => any;

export function DisposableMixin<Base extends Class>(base: Base) {
  return class extends base {
    isDisposed: boolean = false;
    dispose() {
      this.isDisposed = true;
    }
  };
}

basarat

Notice that we’ve been using the term, fulfilled instead of resolved, and the reason is that a promise can be resolved to another promise and which point its fate becomes dependent on the other promise. If the other promise gets fulfilled our promise gets fulfilled, if the other promise is rejected, our promise gets rejected.

Both alpha and beta are resolved, but they settle to different fates. Alpha gets fulfilled, Beta gets rejected.

const delayFulfill =
  () => new Promise(
    res => setTimeout(() => res('fulfilled'), 1000)
 );

basarat

/** 
 * Given "0-360" returns the nearest cardinal direction "N/NE/E/SE/S/SW/W/NW"  
 */
export function getCardinal(angle) {
  /** 
   * Customize by changing the number of directions you have
   * We have 8
   */
  const degreePerDirection = 360 / 8;

basarat

import App from 'next/app'
import { setStylesTarget } from 'typestyle'

export default class MyApp extends App {
  componentDidMount() {
    /**
     * Hydrate typestyle 
     */
    setStylesTarget(document.getElementById('styles-target')!)
  }

basarat

import { add } from 'date-fns';

/** Add one day to a given input */
function tomorrow(date: Date) {
  return add(date, { days: 1 });
}

const now = new Date('2022-04-03 00:00:00');
const next = tomorrow(now);
console.log(now.toLocaleString(), '--', next.toLocaleString());

basarat

type DeepReadonly<T> = {
  readonly [P in keyof T]
  : DeepReadonly<T[P]>;
}

basarat

// create react app
npx create-react-app my-app --template typescript
cd my-react-app


// install 
npm i cypress cypress-react-unit-test

// tsconfig.json
    "types": [

basarat

import * as React from 'react';

interface FormProps {
  /**
   * Automatically prevents the default browser behavior so you don't have to
   */
  onSubmit: () => any;
  children?: JSX.Element;
}
export const Form = ({ onSubmit, children}: FormProps) =>

basarat

MIT License

Copyright (c) 2020 Basarat Ali Syed

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions: