import blocksContext, { BlocksDependenciesContext } from './blocksContext';
import { FC } from 'react';
import * as defaultComponents from './defaultComponents';

interface BlocksProviderProps extends Omit<BlocksDependenciesContext, 'utils'> {
  utils?: Partial<BlocksDependenciesContext['utils']>;
}

const dftUtils = {
  BlockLoader: () => null,
  getWorkspaceHost() {
    return `${window.location.protocol}//${window.location.host}`;
  },
};

const uploadFile = async (file: string) => file;

export const BlocksProvider: FC<BlocksProviderProps> = ({
  children,
  externals,
  utils = dftUtils,
  components,
}) => (
  <blocksContext.Provider
    value={{
      externals,
      components: { ...defaultComponents, ...components },
      utils: {
        uploadFile,
        ...dftUtils,
        ...utils,
      },
    }}
  >
    {children}
  </blocksContext.Provider>
);