import { LiveModulesConfig, LiveModulesCollection } from 'meteor/itgenio:live-modules';

LiveModulesCollection.remove({}); //clean all modules

LiveModulesCollection.insert({
  name: 'test-module1',
  v: 0,
  tags: ['startup'],
  enabled: true,
  required: false,
  source: `${LiveModulesConfig.jsMarker} console.log('Hello from test-module1');`,
});

LiveModulesCollection.insert({
  name: 'test-module2',
  v: 0,
  tags: ['startup'],
  enabled: true,
  required: false,
  source: `${LiveModulesConfig.jsMarker} console.log('Hello from test-module2');`,
});

import { LiveModules } from 'meteor/itgenio:live-modules';

(async () => {
  await LiveModules.importModule('test-module1'); //by name
})();

import { LiveModules } from 'meteor/itgenio:live-modules';

Meteor.startup(async () => {
  //...

  //
  // Import all modules with tag `startup`
  //
  try {
    await LiveModules.importModules(['startup']);
  } catch (e) {
    console.error(e);
  }
  //...
});

import { LiveModules } from 'meteor/itgenio:live-modules';

const lazy = () => LiveModules.importModule('my-lazy-component');

//suspense is HOC for <Suspense/> from react
const SubComponent = suspense(() => {
  //Some magic...
  //But you just waiting for resolving promise
  const { LazyComponent } = useService(lazy);

  return LazyComponent;
});

export function MyPage() {
  return <SubComponent />;
}