feat: add withLazyViewModel HOC

Author: js2me

package.json

@@ -30,7 +30,8 @@
     "url": "git://github.com/js2me/mobx-vm-entities"
   },
   "dependencies": {
-    "lodash-es": "^4.17.21"
+    "lodash-es": "^4.17.21",
+    "react-simple-loadable": "^1.0.0"
   },
   "peerDependencies": {
     "disposer-util": "^1.0.9",

pnpm-lock.yaml

@@ -1 +1,2 @@
 export * from './with-view-model';
+export * from './with-lazy-view-model';

src/hoc/index.ts

@@ -0,0 +1,21 @@
+import { ComponentType } from 'react';
+import { loadable } from 'react-simple-loadable';
+
+import { Class } from '../utils/types';
+
+import { ViewModelHocConfig, withViewModel } from './with-view-model';
+
+interface LazyViewAndModel {
+  Model: Class<any>;
+  View: ComponentType<any>;
+}
+
+export function withLazyViewModel(
+  loadFunction: () => Promise<LazyViewAndModel>,
+  config?: ViewModelHocConfig<any>,
+) {
+  return loadable(async () => {
+    const { Model, View } = await loadFunction();
+    return withViewModel(Model, config)(View);
+  }, config?.fallback);
+}