Spaces:
Running
Running
import { clsx, type ClassValue } from "clsx"; | |
import { twMerge } from "tailwind-merge"; | |
/** | |
* Combines and optimizes CSS class names using clsx and tailwind-merge | |
* | |
* This utility function combines multiple class names and resolves | |
* Tailwind CSS conflicts by keeping the last conflicting class. | |
* | |
* @param inputs - Class values to combine (strings, objects, arrays) | |
* @returns Optimized class name string | |
* | |
* @example | |
* cn('px-2 py-1', 'px-4') // Result: 'py-1 px-4' | |
* cn('text-red-500', condition && 'text-blue-500') // Conditional classes | |
*/ | |
export function cn(...inputs: ClassValue[]): string { | |
return twMerge(clsx(inputs)); | |
} | |
// === Servo Position and Angle Conversion Functions === | |
/** | |
* Converts a servo position to an angle in degrees | |
* | |
* Servo positions range from 0 to 4096, representing a full 360° rotation. | |
* This function maps the position to its corresponding angle. | |
* | |
* @param position - The servo position (0 to 4096) | |
* @returns The corresponding angle (0 to 360 degrees) | |
* | |
* @example | |
* servoPositionToAngle(0) // Returns: 0 | |
* servoPositionToAngle(2048) // Returns: 180 | |
* servoPositionToAngle(4096) // Returns: 360 | |
*/ | |
export function servoPositionToAngle(position: number): number { | |
return (position / 4096) * 360; | |
} | |
/** | |
* Converts degrees to a servo position | |
* | |
* Maps angle in degrees to the corresponding servo position value. | |
* Clamps the result to the valid servo range (0-4096). | |
* | |
* @param degrees - The angle in degrees (0 to 360) | |
* @returns The corresponding servo position (0 to 4096) | |
* | |
* @example | |
* degreesToServoPosition(0) // Returns: 0 | |
* degreesToServoPosition(180) // Returns: 2048 | |
* degreesToServoPosition(360) // Returns: 4096 | |
*/ | |
export function degreesToServoPosition(degrees: number): number { | |
return Math.min(Math.round((degrees * 4096) / 360), 4096); | |
} | |
// === Angle Unit Conversion Functions === | |
/** | |
* Converts radians to degrees | |
* | |
* @param radians - The angle in radians | |
* @returns The angle in degrees | |
* | |
* @example | |
* radiansToDegrees(Math.PI) // Returns: 180 | |
* radiansToDegrees(Math.PI / 2) // Returns: 90 | |
*/ | |
export function radiansToDegrees(radians: number): number { | |
return (radians * 180) / Math.PI; | |
} | |
/** | |
* Converts degrees to radians | |
* | |
* @param degrees - The angle in degrees | |
* @returns The angle in radians | |
* | |
* @example | |
* degreesToRadians(180) // Returns: Math.PI | |
* degreesToRadians(90) // Returns: Math.PI / 2 | |
*/ | |
export function degreesToRadians(degrees: number): number { | |
return (degrees * Math.PI) / 180; | |
} | |
/** | |
* Converts radians to a servo position | |
* | |
* Combines radian-to-degree conversion with servo position mapping. | |
* Useful for direct conversion from joint angles to servo commands. | |
* | |
* @param radians - The angle in radians | |
* @returns The corresponding servo position (0 to 4096) | |
* | |
* @example | |
* radiansToServoPosition(0) // Returns: 0 | |
* radiansToServoPosition(Math.PI) // Returns: 2048 | |
* radiansToServoPosition(2*Math.PI) // Returns: 4096 | |
*/ | |
export function radiansToServoPosition(radians: number): number { | |
return Math.min(Math.round((radians * 4096) / (2 * Math.PI)), 4096); | |
} | |
// === TypeScript Utility Types === | |
/** | |
* Utility type that removes the 'child' property from a type | |
* Useful for component prop interfaces that shouldn't accept child elements | |
*/ | |
// eslint-disable-next-line @typescript-eslint/no-explicit-any | |
export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T; | |
/** | |
* Utility type that removes the 'children' property from a type | |
* Useful for component prop interfaces that shouldn't accept children | |
*/ | |
// eslint-disable-next-line @typescript-eslint/no-explicit-any | |
export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T; | |
/** | |
* Utility type that removes both 'child' and 'children' properties | |
* Combines WithoutChild and WithoutChildren for maximum flexibility | |
*/ | |
export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>; | |
/** | |
* Utility type that adds an optional ref property for HTML element references | |
* @template T - The base type to extend | |
* @template U - The HTML element type (defaults to HTMLElement) | |
*/ | |
export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null }; | |