feat(plugin-infra): esm simulation in browser (#3464)

plugins/copilot/src/index.ts

@@ -7,6 +7,7 @@ import { DetailContent } from './UI/detail-content';
 import { HeaderItem } from './UI/header-item';
 
 export const entry = (context: PluginContext) => {
+  console.log('copilot entry');
   context.register('headerItem', div => {
     const root = createRoot(div);
     root.render(

plugins/hello-world/src/index.ts

@@ -4,9 +4,12 @@ import {
 } from '@toeverything/plugin-infra/atom';
 import type { PluginContext } from '@toeverything/plugin-infra/entry';
 import { createElement } from 'react';
+import { lazy } from 'react';
 import { createRoot } from 'react-dom/client';
 
-import { HeaderItem } from './app';
+const HeaderItem = lazy(() =>
+  import('./app').then(({ HeaderItem }) => ({ default: HeaderItem }))
+);
 
 export const entry = (context: PluginContext) => {
   console.log('register');