@codyjasonbennett/react-ogl/dist/hooks.d.ts

A barebones react renderer for OGL.

import * as React from 'react';
import * as OGL from 'ogl';
import type { StateSelector, EqualityChecker } from 'zustand';
import type { RootState, RootStore, Subscription } from './types';
/**
 * An SSR-friendly useLayoutEffect.
 *
 * React currently throws a warning when using useLayoutEffect on the server.
 * To get around it, we can conditionally useEffect on the server (no-op) and
 * useLayoutEffect elsewhere.
 *
 * @see https://github.com/facebook/react/issues/14927
 */
export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
/**
 * Internal OGL context.
 */
export declare const OGLContext: React.Context<RootStore>;
/**
 * Returns the internal OGL store.
 */
export declare function useStore(): RootStore;
/**
 * Returns the internal OGL state.
 */
export declare function useOGL<T = RootState>(selector?: StateSelector<RootState, T>, equalityFn?: EqualityChecker<T>): T;
export interface ObjectMap {
    nodes: Record<string, OGL.Mesh>;
    programs: Record<string, OGL.Program>;
}
/**
 * Creates an `ObjectMap` from an object.
 */
export declare function useGraph(object: OGL.Transform): ObjectMap;
/**
 * Subscribe an element into a shared render loop.
 */
export declare function useFrame(callback: Subscription, renderPriority?: number): void;
export declare type LoaderRepresentation = {
    load(gl: OGL.OGLRenderingContext, url: string): Promise<any>;
} | Pick<typeof OGL.TextureLoader, 'load'>;
export declare type LoaderResult<L extends LoaderRepresentation> = Awaited<ReturnType<L['load']>>;
/**
 * Loads assets suspensefully.
 */
export declare function useLoader<L extends LoaderRepresentation, I extends string | string[], R = LoaderResult<L>>(loader: L, input: I, extensions?: (loader: L) => void): I extends any[] ? R[] : R;