This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"use client"; | |
import { useHydrated } from "~/hooks/use-hydrated"; | |
export function ClientOnly({ children }: React.PropsWithChildren) { | |
const hydrated = useHydrated(); | |
return hydrated ? children : null; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import * as React from "react"; | |
import { cxm } from "ui/lib/cva"; | |
const speeds = { | |
slow: "40s", | |
fast: "20s", | |
} as const; | |
const directions = { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { type ImageProps, getImageProps } from "next/image"; | |
type DynamicImageProps = Omit<React.ComponentProps<"img">, "src"> & { | |
alt: string; | |
src: ImageProps["src"]; | |
srcMobile: ImageProps["src"]; | |
srcTablet: ImageProps["src"]; | |
srcDesktop: ImageProps["src"]; | |
priority?: ImageProps["priority"]; | |
quality?: ImageProps["quality"]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export type ObjectValues<T> = T[keyof T]; | |
export type LooseAutocomplete<T extends string> = T | Omit<string, T>; | |
export type PropsFrom<Component> = Component extends React.FunctionComponent< | |
infer Props | |
> | |
? Props | |
: never; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export function useSupportWebGL() { | |
const [hasWebGLSupport, setHasWebGLSupport] = useState<boolean>(); | |
useEffect(() => { | |
const canvas = window.document.createElement('canvas'); | |
try { | |
const gl = canvas.getContext('webgl'); | |
if (gl === null) throw new Error('not supported'); | |
gl.getSupportedExtensions(); | |
setHasWebGLSupport(true); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { | |
useForm as useHookForm, | |
UseFormProps as useHookFormProps, | |
} from "react-hook-form"; | |
import { zodResolver } from "@hookform/resolvers/zod"; | |
import { TypeOf, ZodSchema } from "zod"; | |
interface UseFormProps<Z extends ZodSchema> | |
extends Exclude<useHookFormProps<TypeOf<Z>>, "resolver"> { | |
schema: Z; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** @type {import('tailwindcss').Config} */ | |
module.exports = { | |
content: [ | |
// "./src/app/**/*.{js,ts,jsx,tsx}", | |
// "./src/pages/**/*.{js,ts,jsx,tsx}", | |
// "./src/components/**/*.{js,ts,jsx,tsx}", | |
], | |
theme: { | |
extend: { | |
screens: { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Lib folder that every project needs |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { useAuth } from '~/hooks'; | |
type AuthProps = { | |
children: ({ auth }: { auth: ReturnType<typeof useAuth> }) => JSX.Element; | |
}; | |
export default function Auth(props: AuthProps) { | |
const auth = useAuth(); | |
return props.children({ auth }); | |
}; |
NewerOlder