Ziad Beyens zbeyens

Table of Contents generated with DocToc

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

	export const fetchCompressImage = async (file: Blob) => {
	const formData = new FormData();
	formData.append('Content-Type', file.type);
	formData.append('file', file);

	const res = await fetch(apiRoutes.compressImage, {
	body: formData,
	method: 'POST',
	});

	export const searchRange = (
	editor: PlateEditor,
	search: string \| [string, string],
	{
	match,
	// from,
	}: {
	match?: GetNodeEntriesOptions['match']
	from?: Point
	} = {},

	'use client';

	export function withTooltip<
	T extends React.ComponentType<any> \| keyof HTMLElementTagNameMap,
	>(Component: T) {
	return React.forwardRef<
	React.ElementRef<T>,
	React.ComponentPropsWithoutRef<T> & {
	tooltip?: React.ReactNode;
	tooltipContentProps?: Omit<

	import {
	getPluginType,
	type PlatePlugin,
	type TDescendant,
	type TElement,
	type TText,
	} from '@udecode/plate-common';
	import {
	remarkTransformElementChildren,
	type DeserializeMdPlugin,

	const RemoteSelection = ({ data, selectionRects, caretPosition }: CursorOverlayData<CursorData>) => {
	if (!data) {
	return null
	}

	return (
	<>
	{selectionRects.map((position, i) => (
	<div
	key={i}

	export const MARK_THREAD = 'thread'

	export const getThreadKey = (id: string) => MARK_THREAD + '_' + id

	export const isThreadKey = (key: string) => key.startsWith(MARK_THREAD + '_')


	export const createThreadPlugin = createPluginFactory({
	key: MARK_THREAD,
	isLeaf: true,