0xbin binlf

Merged from https://github.com/joelparkerhenderson/git_commit_message and https://chris.beams.io/posts/git-commit/

Commit messages must have a subject line and may have body copy. These must be separated by a blank line.
The subject line must not exceed 50 characters
The subject line should be capitalized and must not end in a period
The subject line must be written in imperative mood (Fix, not Fixed / Fixes etc.)
The body copy must be wrapped at 72 columns
The body copy must only contain explanations as to what and why, never how. The latter belongs in documentation and implementation.

By using ReturnType we don't have to manually write type for Context

Quick examples

build: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
ci: Changes to CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)
chore: Changes which doesn't change source code or tests e.g. changes to the build process, auxiliary tools, libraries

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

	import { Fragment, Suspense, type ReactNode } from 'react';
	import { ErrorBoundary } from 'react-error-boundary';

	type AwaitProps<T> =
	\| {
	promise: Promise<T>;
	children: (data: T) => ReactNode;
	fallback?: ReactNode;
	errorComponent?: ReactNode \| null;
	}

	// Types for the result object with discriminated union
	type Success<T> = {
	data: T;
	error: null;
	};

	type Failure<E> = {
	data: null;
	error: E;
	};

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>My Angular from Scratch</title>
	<style>
	.my-component {
	font-family: Arial, sans-serif;

	"use client";

	import React, { useEffect, useId, useState } from "react";
	import { motion, AnimatePresence, MotionConfig } from "framer-motion";
	import { PlusIcon, XIcon } from "lucide-react";
	import { createPortal } from "react-dom";
	import { cn } from "@/lib/utils";
	import { buttonVariants } from "../button";

	const transition = {

	.app {
	background-color: var(--primary-color);
	font-family: var(--font-base);
	}

	.app__whitebg {
	background-color: var(--white-color);
	}

	.app__primarybg {