Function useSelectedImageTexture

src/hooks/useFrustumTexture.ts:330–396

(
  imageFile: File | undefined,
  imageName: string,
  isSelected: boolean,
  delayMs = 0
)

 * @returns High-res texture if selected, null otherwise
 */
export function useSelectedImageTexture(
  imageFile: File | undefined,
  imageName: string,
  isSelected: boolean,
  delayMs = 0
): THREE.Texture | null {
  const resourceRef = useRef<SelectedImageTextureResource | null>(null);
  resourceRef.current ??= createSelectedImageTextureResource({
    getCachedTexture: getSelectedImageTexture,
    clearTextureCache: clearSelectedImageTextureCache,
    createBitmap: createImageBitmap,
    createTextureFromBitmap: createSelectedImageTextureFromBitmap,
    replaceTexture: replaceSelectedImageTexture,
  });
  const resource = resourceRef.current;
  const snapshot = useSyncExternalStore(
    resource.subscribe,
    resource.getSnapshot,
    resource.getSnapshot
  );
  const cacheKey = getSelectedImageTextureCacheKey(imageFile, imageName, isSelected);

  useEffect(() => {
    if (!isSelected || !imageFile) {
      resource.sync({
        imageFile,
        imageName,
        isSelected: false,
      });
      return;
    }

    if (delayMs <= 0 || getSelectedImageTexture(imageName)) {
      resource.sync({
        imageFile,
        imageName,
        isSelected,
      });
      return;
    }

    resource.sync({
      imageFile: undefined,
      imageName,
      isSelected: false,
    });

    const timeoutId = setTimeout(() => {
      resource.sync({
        imageFile,
        imageName,
        isSelected,
      });
    }, delayMs);

    return () => {
      clearTimeout(timeoutId);
      resource.sync({