import { createElement, useCallback, useEffect, useMemo, useState } from 'react';
import { useNavigate } from 'react-router-dom';

import { currentBackend } from './backend';
import bootstrap from './bootstrap';
import useTheme from './components/theme/hooks/useTheme';
import useEntries from './lib/hooks/useEntries';
import useFolderSupport from './lib/hooks/useFolderSupport';
import useHasChildErrors from './lib/hooks/useHasChildErrors';
import useIsMediaAsset from './lib/hooks/useIsMediaAsset';
import useMediaAsset from './lib/hooks/useMediaAsset';
import useMediaFiles from './lib/hooks/useMediaFiles';
import useMediaInsert from './lib/hooks/useMediaInsert';
import useUUID from './lib/hooks/useUUID';
import Registry from './lib/registry';
import useData from './live/useData';

export * from './backends';
export * from './interface';
export * from './lib';
export { default as locales } from './locales';
export * from './widgets';
export { useTheme };

const CMS = {
  ...Registry,
  init: bootstrap,
  currentBackend,
};

if (typeof window !== 'undefined') {
  window.CMS = CMS;
  window.useState = window.useState || useState;
  window.useMemo = window.useMemo || useMemo;
  window.useEffect = window.useEffect || useEffect;
  window.useCallback = window.useCallback || useCallback;
  window.h = window.h || createElement;

  window.useEntries = window.useEntries || useEntries;
  window.useFolderSupport = window.useFolderSupport || useFolderSupport;
  window.useHasChildErrors = window.useHasChildErrors || useHasChildErrors;
  window.useIsMediaAsset = window.useIsMediaAsset || useIsMediaAsset;
  window.useMediaAsset = window.useMediaAsset || useMediaAsset;
  window.useMediaFiles = window.useMediaFiles || useMediaFiles;
  window.useMediaInsert = window.useMediaInsert || useMediaInsert;
  window.useUUID = window.useUUID || useUUID;
  window.useData = window.useData || useData;
  window.useNavigate = window.useNavigate || useNavigate;
  window.useTheme = window.useTheme || useTheme;
}

export default CMS;