SSE Hooks

useKbd

Custom hook that detects the operating system (Mac vs.

Installation

npx sse-tool add use-kbd

npm install sse-hooks

Usage

import { useKbd } from "./{hooks file}";

const { isMac, getKbdKey } = useKbd();
// Returns "⌘" on Mac, "Ctrl" on Windows
const metaSymbol = getKbdKey("meta");
return <div>Press {metaSymbol} + C to copy</div>;

import { useKbd } from "sse-hooks";

const { isMac, getKbdKey } = useKbd();
// Returns "⌘" on Mac, "Ctrl" on Windows
const metaSymbol = getKbdKey("meta");
return <div>Press {metaSymbol} + C to copy</div>;

API

Return Value

Returns Object.

An object containing the OS detection state and a key mapping function.

Changelog

No recent changes.

useEventCallback

Custom hook that creates a memoized event callback.

useMediaQuality

Custom hook to manage video stream quality by applying constraints (resolution and frame rate) to a MediaStream track.