@fulgurjs/federation 4.0.0 → 4.2.0

package/examples/fulgurjs.config.example.ts

@@ -1,41 +1,33 @@
 /**
- * 通用起步样例：一个宿主 + 一个远程（应用名/路径均为虚构）。
- * 用法：npx fulgurjs init --config examples/fulgurjs.config.example.ts
+ * 通用起步样例（4.2.0 单项目契约形态）：一个远程 + 一个宿主各一份配置。
  * 完整字段说明见 `fulgurjs init` 生成的起步模板（fulgurjs init --template fulgurjs.config.ts）。
  */
-import { defineRepoConfig } from '@fulgurjs/federation/config'
+import type { FederationOptions } from '@fulgurjs/federation'
 
-export default defineRepoConfig({
-  root: process.cwd(),
-  apps: [
-    {
-      path: 'apps/host',
-      name: 'host-app',
-      port: 5173,
-      base: '/',
-      host: {
-        remotePrefixes: { '/remote-a/': 'remote-a' },
-        remotes: {
-          'remote-a': { dev: 'http://localhost:5174/remote-a', prod: '/remote-a' },
-        },
-        pages: [
-          { route: '/remote-a/home', name: 'RemoteAHome', title: '首页' },
-          { route: '/remote-a/detail/:id', name: 'RemoteADetail', spec: 'pages/remote-a/detail', title: '详情' },
-        ],
-      },
-    },
-    {
-      path: 'apps/remote-a',
-      name: 'remote-a',
-      port: 5174,
-      base: '/remote-a',
-      remote: {
-        exposes: {
-          './pages/remote-a/home': './src/views/Home.vue',
-          './pages/remote-a/detail': './src/views/Detail.vue',
-        },
-      },
-    },
-  ],
-  deploy: { webRoot: '/var/www/your-site', listen: 8080 },
-})
+// ── remote-a/fulgurjs.config.ts（远程应用自己的配置）──
+export const remoteAConfig = {
+  name: 'remote-a',
+  exposes: {
+    './pages/remote-a/home': './src/views/Home.vue',
+    './pages/remote-a/detail': './src/views/Detail.vue',
+  },
+  shared: { vue: { singleton: true } },
+} satisfies FederationOptions
+
+// ── host/fulgurjs.config.ts（宿主应用自己的配置：消费地址 + 可选页面核对数据）──
+export const hostConfig = {
+  name: 'host-app',
+  remotes: {
+    'remote-a': { dev: 'http://localhost:5174/remote-a', prod: '/remote-a' },
+  },
+  shared: { vue: { singleton: true } },
+} satisfies FederationOptions
+
+// 宿主页面核对数据（具名导出 hostPages，仅供 CLI explain/check-pages；不是 federation() 参数）：
+// export const hostPages = { pages: [{ route: '/remote-a/home', name: 'RemoteAHome', title: '首页' }],
+//                            remotePrefixes: { '/remote-a/': 'remote-a' } }
+
+// 各自 vite.config.ts 里：
+//   import federation from '@fulgurjs/federation'
+//   import fulgurjsConfig from './fulgurjs.config'
+//   plugins: [ ..., federation(fulgurjsConfig) ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fulgurjs/federation",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "type": "module",
   "description": "Vite Module Federation with full Webpack MF parity. Dev & production, no compromise.",
   "license": "MIT",

package/dist/chunk-AYS56IRF.js

@@ -1,42 +0,0 @@
-// src/vue-adapter.ts
-import { defineAsyncComponent, defineComponent, h } from "vue";
-var ERROR_STYLE = {
-  padding: "16px",
-  border: "1px solid #fde2e2",
-  borderRadius: "4px",
-  background: "#fef0f0",
-  color: "#c45656",
-  fontSize: "13px",
-  lineHeight: "1.6"
-};
-var RemoteErrorPlaceholder = defineComponent({
-  name: "FulgurjsRemoteError",
-  props: { error: { type: Object, default: void 0 } },
-  setup(props) {
-    return () => {
-      const err = props.error;
-      const code = err?.code ?? "UNKNOWN";
-      const message = err?.message ?? String(props.error ?? "unknown error");
-      return h("div", { style: ERROR_STYLE }, [
-        h("p", { style: "margin:0 0 4px;font-weight:600" }, `\u8FDC\u7A0B\u7EC4\u4EF6\u52A0\u8F7D\u5931\u8D25\uFF08\u9519\u8BEF\u7801 ${code}\uFF09`),
-        h("p", { style: "margin:0 0 8px;word-break:break-all" }, message),
-        h("p", { style: "margin:0" }, "\u4FEE\u6CD5\uFF1A\u2460 \u6838\u5BF9 spec \u7684\u300C\u8FDC\u7A0B\u540D/expose \u540D\u300D\u4E0E\u8FDC\u7A0B\u5E94\u7528 exposes \u662F\u5426\u4E00\u81F4\uFF08MFU-006/008\uFF09\uFF1B\u2461 \u6838\u5BF9 remotes \u5730\u5740\u7AEF\u53E3\u4E0E\u8FDC\u7A0B\u670D\u52A1\u53EF\u8FBE\u6027\u3001remoteEntry \u662F\u5426\u53EF\u8BBF\u95EE\uFF08MFU-001\uFF09\uFF1B\u2462 \u67E5\u770B window \u7684 fulgurjs:error \u4E8B\u4EF6\u4E0E console \u540C\u6E90\u9519\u8BEF\u5B9A\u4F4D\u6839\u56E0\u3002")
-      ]);
-    };
-  }
-});
-function createRemoteComponent(loadRemote) {
-  return function remoteComponent(spec, opts = {}) {
-    return defineAsyncComponent({
-      loader: () => loadRemote(spec, { retries: opts.retries }).then((m) => m.default ?? m),
-      loadingComponent: opts.loadingComponent,
-      errorComponent: opts.errorComponent ?? RemoteErrorPlaceholder,
-      delay: opts.delay,
-      timeout: opts.timeout
-    });
-  };
-}
-
-export {
-  createRemoteComponent
-};