import { genAsyncComponent } from './';
import axios from 'axios';
import { react } from '../bridge/register';
import { isDev } from '../bridge';

export const esmc = (
  name: string,
  props: any,
  opts?: { main: string; deps: string[] },
) => {
  const R = react;
  return genAsyncComponent({
    devWss: isDev() ? 'ws://0.0.0.0:8378' : '',
  })(R, {
    loadMeta: () => {
      if (opts?.main) {
        return Promise.resolve({ data: { main: opts.main, deps: opts.deps } });
      }
      return axios.get('http://0.0.0.0:8378/api/componentMeta');
    },
  })(props);
};