feat: isolated plugin system (#2742)

apps/electron/scripts/plugins/build-plugins.mjs

@@ -5,5 +5,16 @@ import { definePluginServerConfig } from './utils.mjs';
 
 await build({
   ...definePluginServerConfig('bookmark-block'),
-  external: ['cheerio', 'electron', 'puppeteer', 'foxact'],
+  external: [
+    // server.ts
+    'link-preview-js',
+    // ui.ts
+    '@toeverything/plugin-infra',
+    '@affine/component',
+    '@blocksuite/store',
+    '@blocksuite/blocks',
+    'react',
+    'react-dom',
+    'foxact',
+  ],
 });

apps/electron/scripts/plugins/dev-plugins.mjs

@@ -5,7 +5,18 @@ import { definePluginServerConfig } from './utils.mjs';
 
 const plugin = await context({
   ...definePluginServerConfig('bookmark-block'),
-  external: ['cheerio', 'electron', 'puppeteer', 'foxact'],
+  external: [
+    // server.ts
+    'link-preview-js',
+    // ui.ts
+    '@toeverything/plugin-infra',
+    '@affine/component',
+    '@blocksuite/store',
+    '@blocksuite/blocks',
+    'react',
+    'react-dom',
+    'foxact',
+  ],
 });
 
 await plugin.watch();

apps/electron/scripts/plugins/utils.mjs

@@ -18,12 +18,17 @@ export const pluginDir = resolve(rootDir, 'plugins');
  */
 export function definePluginServerConfig(pluginDirName) {
   const pluginRootDir = resolve(pluginDir, pluginDirName);
-  const serverEntryFile = resolve(pluginRootDir, 'src/server.ts');
+  const mainEntryFile = resolve(pluginRootDir, 'src/index.ts');
   const serverOutputDir = resolve(electronOutputDir, pluginDirName);
   return {
-    entryPoints: [serverEntryFile],
-    platform: 'node',
+    entryPoints: [mainEntryFile],
+    platform: 'neutral',
+    format: 'esm',
+    outExtension: {
+      '.js': '.mjs',
+    },
     outdir: serverOutputDir,
     bundle: true,
+    splitting: true,
   };
 }