#App.[tj]sx

import React from 'react';
import { createApp, bootstrap } from '@modern-js/runtime';
// App.[jt]sx
import App from '@_modern_js_src/App';
import { state } from '@modern-js/runtime/plugins';
import {
  immer,
  effects,
  autoActions,
  devtools,
} from '@modern-js/runtime/model';

const createStatePlugins = config => {
  const plugins = [];
  plugins.push(immer(config['immer']));
  plugins.push(effects(config['effects']));
  plugins.push(autoActions(config['autoActions']));
  plugins.push(devtools(config['devtools']));
  return plugins;
};
let AppWrapper = null;
function render() {
  AppWrapper = createApp({
    plugins: [
      state({
        ...{ plugins: createStatePlugins(true) },
        ...App?.config?.state,
      }),
    ],
  })(App);
  if (IS_BROWSER) {
    bootstrap(AppWrapper, MOUNT_ID);
  }
  return AppWrapper;
}
AppWrapper = render();
export default AppWrapper;