Ter nithiwatter

😭

Frieren TT

SWE @ Cohere + Alumni @ Duke. Love animes and mangas - let's talk!

nithiwatter / caret.js

Created June 18, 2022 15:11 — forked from nothingismagick/caret.js

Small script to detect caret pixel position in contenteditable div

	/**
	* Get the caret position in all cases
	*
	* @returns {object} left, top distance in pixels
	*/
	getCaretTopPoint () {
	const sel = document.getSelection()
	const r = sel.getRangeAt(0)
	let rect
	let r2

nithiwatter / makeLoadable.jsx

Last active May 30, 2022 04:58 — forked from eldh/makeLoadable.jsx

	import React from 'react'

	export function makeLoadable({ loading, render, loader }) {
	const Comp = render
	? React.lazy(() =>
	loader().then(loaded => ({
	...loaded,
	default: props => render(loaded, props),
	}))
	)

nithiwatter / useMousePosition.ts

Created April 27, 2022 05:10 — forked from eldh/useMousePosition.ts

useMousePosition

	import * as React from "react";
	import { throttle } from "lodash";

	/**
	* Mouse position as a tuple of [x, y]
	*/
	type MousePosition = [number, number];

	/**
	* Hook to get the current mouse position

nithiwatter / MouseSafeArea.ts

Created April 27, 2022 05:09 — forked from eldh/MouseSafeArea.ts

	import * as React from "react";
	import { useMousePosition } from "~/hooks/useMousePosition";

	/** Component to cover the area between the mouse cursor and the sub-menu, to allow moving cursor to lower parts of sub-menu without the sub-menu disappearing. */
	export function MouseSafeArea(props: { parentRef: React.RefObject<HTMLDivElement> }) {
	const { x = 0, y = 0, height: h = 0, width: w = 0 } = props.parentRef.current?.getBoundingClientRect() \|\| {};
	const [mouseX, mouseY] = useMousePosition();
	const positions = { x, y, h, w, mouseX, mouseY };
	return (
	<div