| const useNumberInput = (ref: React.RefObject<HTMLInputElement>) => { | |
| const stepUp = React.useCallback(() => { | |
| if (!ref.current) return | |
| ref.current.stepUp() | |
| ref.current.dispatchEvent(new Event("change", { bubbles: true })) | |
| }, [ref]) | |
| const stepDown = React.useCallback(() => { | |
| if (!ref.current) return | |
| ref.current.stepDown() |
| import { createStore } from "zustand" | |
| import { subscribeWithSelector } from "zustand/middleware" | |
| export function chain<T>(object: T) { | |
| const call = | |
| <V>(previousResult: V) => | |
| <U>(callback: (object: T, result: V) => U) => { | |
| const result = callback(object, previousResult) | |
| return { call: call(result), result: () => result, object: () => object } |
I have two Github accounts: oanhnn (personal) and superman (for work). I want to use both accounts on same computer (without typing password everytime, when doing git push or pull).
Use ssh keys and define host aliases in ssh config file (each alias for an account).
| # Tree | |
| Tree implementations in different programming languages. |
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="author" content="Sagar Panchal | [email protected]" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Graph</title> | |
| <link rel="icon" type="image/svg+xml" href="data:image/svg+xml," /> | |
| <script src="https://unpkg.com/@hpcc-js/wasm@2/dist/graphviz.umd.js" type="javascript/worker"></script> |
| type Callback<T> = (...args: any[]) => T | |
| export function logTime<FR>(func: Callback<FR>, name = "anonymous"): FR { | |
| const t0 = performance.now() | |
| // const logToConsole = process.env.JEST_WORKER_ID === undefined | |
| try { | |
| const output = func?.() | |
| if (output instanceof Promise) { |
| const rURL = | |
| /^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!$&'()*+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!$&'()*+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!$&'()*+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2} |
| export interface IsEmptyOptions { | |
| isEmpty?: any[] | |
| isNotEmpty?: any[] | |
| } | |
| export function isEmpty(input: any, options: IsEmptyOptions = {}): boolean { | |
| options = { isEmpty: [], isNotEmpty: [], ...options } as IsEmptyOptions | |
| if (options.isEmpty?.includes?.(input)) return true | |
| if (options.isNotEmpty?.includes?.(input)) return false |
| export function chain<T>(object: T) { | |
| const call = | |
| <V>(previousResult: V) => | |
| <U>(callback: (object: T, result: V) => U) => { | |
| const result = callback(object, previousResult) | |
| return { call: call(result), result: () => result, object: () => object } | |
| } | |
| return { call: call(undefined), result: () => undefined, object: () => object } | |
| } |
| import path from "path" | |
| import fs from "fs-extra" | |
| import ignore from "ignore" | |
| import type { Ignore } from "ignore" | |
| import { minimatch } from "minimatch" | |
| import type { SetOptional } from "type-fest" | |
| const ignoreDirectories = [".*", ".git", ".idea", ".venv", ".vscode", "bin", "node_modules", "obj", "vendor"] | |
| const ignoreBuildDirectories = ["build", "dist", "out", "public"] |