@fulgurjs/federation 5.2.5 → 5.3.0

package/examples/bridge/vue-remote/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "fulgurjs-demo-bridge-vue-remote",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 5313 --strictPort",
+    "build": "vite build",
+    "preview": "vite preview --port 5313 --strictPort"
+  },
+  "dependencies": {
+    "@fulgurjs/federation": "5.3.0",
+    "vue": "^3.5.13",
+    "vue-router": "^4.5.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "typescript": "^5.8.0",
+    "vite": "^6.3.5"
+  }
+}

package/examples/bridge/vue-remote/src/App.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+// 子应用自身的页面组件（独立运行态与桥接态共用）
+const count = ref(0)
+</script>
+
+<template>
+  <div>
+    <button data-testid="demo-vue-counter" @click="count++">本地状态：{{ count }}</button>
+  </div>
+</template>

package/examples/bridge/vue-remote/src/bridge.ts

@@ -0,0 +1,57 @@
+/**
+ * Vue 子应用桥接契约（./bridge expose 的默认导出，任务书 §3.3）。
+ *
+ * defineBridgeApp 工厂接收 props 快照，返回装配完整的 VueApp——
+ * 路由、状态库等插件在这里自行装配；挂载/卸载与按容器跟踪由契约负责。
+ */
+import { createApp, defineComponent, h, ref } from 'vue'
+import { createMemoryHistory, createRouter, RouterView, useRoute, useRouter } from 'vue-router'
+import { defineBridgeApp } from '@fulgurjs/federation/runtime'
+
+/** props 类型：appProps 由宿主传入（label + 稳定回调 onReady） */
+export interface BridgeVueProps {
+  label?: string
+  onReady?: () => void
+}
+
+const Root = defineComponent({
+  name: 'BridgeVueRoot',
+  props: {
+    label: { type: String, default: '' },
+    onReady: { type: Function, default: undefined },
+  },
+  setup(props) {
+    const route = useRoute()
+    const router = useRouter()
+    const mountTime = ref(new Date().toLocaleTimeString())
+    props.onReady?.()
+    return () =>
+      h('div', { style: 'border:1px solid #42b883;border-radius:8px;padding:12px;font-family:sans-serif' }, [
+        h('p', { style: 'margin:0 0 6px;font-weight:600;color:#42b883' }, `Vue 子应用（挂载于 ${mountTime.value}）`),
+        h('p', { 'data-testid': 'demo-vue-props', style: 'margin:0 0 6px' }, `appProps.label = ${props.label || '（未传）'}`),
+        h('p', { 'data-testid': 'demo-vue-route', style: 'margin:0 0 8px' }, `memory 路由：${String(route.path)}`),
+        h('nav', { style: 'margin-bottom:8px' }, [
+          h('button', { onClick: () => router.push('/'), style: 'margin-right:8px' }, '首页'),
+          h('button', { onClick: () => router.push('/about') }, '关于'),
+        ]),
+        h(RouterView),
+      ])
+  },
+})
+
+const HomePage = defineComponent({ setup: () => () => h('p', { 'data-testid': 'demo-vue-page' }, '页面：首页') })
+const AboutPage = defineComponent({ setup: () => () => h('p', { 'data-testid': 'demo-vue-page' }, '页面：关于') })
+
+export default defineBridgeApp((props) => {
+  const router = createRouter({
+    // 子应用内部用 memory 路由（v1 不与宿主 URL 同步，见 README §12）
+    history: createMemoryHistory(),
+    routes: [
+      { path: '/', component: HomePage },
+      { path: '/about', component: AboutPage },
+    ],
+  })
+  const app = createApp(Root, props)
+  app.use(router)
+  return app
+})

package/examples/bridge/vue-remote/src/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, never>, Record<string, never>, unknown>
+  export default component
+}

package/examples/bridge/vue-remote/src/main.ts

@@ -0,0 +1,15 @@
+import { createApp, defineComponent, h } from 'vue'
+import App from './App.vue'
+
+// 独立运行入口：单独开发/调试子应用自身时使用（渲染同一套页面组件）。
+// 被桥接宿主消费时走 fulgurjs-remoteEntry.js 容器入口与 ./bridge 契约，与本文件无关。
+const Standalone = defineComponent({
+  setup() {
+    return () =>
+      h('div', { style: 'font-family:sans-serif;padding:16px' }, [
+        h('h1', 'bridge-vue-remote（独立运行态）'),
+        h(App),
+      ])
+  },
+})
+createApp(Standalone).mount('#app')

package/examples/bridge/vue-remote/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "jsx": "preserve",
+    "skipLibCheck": true,
+    "noEmit": true,
+    "types": ["vite/client"]
+  },
+  "include": ["src", "fulgurjs.config.ts", "vite.config.ts"]
+}

package/examples/bridge/vue-remote/vite.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { federation } from '@fulgurjs/federation'
+import fulgurjsConfig from './fulgurjs.config'
+
+export default defineConfig(({ command }) => ({
+  base: command === 'build' ? '/bridge-vue-remote/' : undefined,
+  plugins: [vue(), federation(fulgurjsConfig)],
+}))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fulgurjs/federation",
-  "version": "5.2.5",
+  "version": "5.3.0",
   "type": "module",
   "description": "Vite Module Federation with full Webpack MF parity. Dev & production, no compromise.",
   "license": "MIT",
@@ -21,6 +21,18 @@
       "types": "./dist/react.d.ts",
       "import": "./dist/react.js"
     },
+    "./bridge": {
+      "types": "./dist/bridge.d.ts",
+      "import": "./dist/bridge.js"
+    },
+    "./bridge/vue": {
+      "types": "./dist/bridge-vue.d.ts",
+      "import": "./dist/bridge-vue.js"
+    },
+    "./bridge/react": {
+      "types": "./dist/bridge-react.d.ts",
+      "import": "./dist/bridge-react.js"
+    },
     "./package.json": "./package.json",
     "./internal/context.js": {
       "types": "./dist/context.d.ts",
@@ -41,6 +53,26 @@
       "types": "./dist/react-adapter.d.ts",
       "import": "./dist/react-adapter.js",
       "require": "./dist/react-adapter.cjs"
+    },
+    "./internal/bridge-core.js": {
+      "types": "./dist/bridge-core.d.ts",
+      "import": "./dist/bridge-core.js"
+    },
+    "./internal/bridge-app-vue.js": {
+      "types": "./dist/bridge-app-vue.d.ts",
+      "import": "./dist/bridge-app-vue.js"
+    },
+    "./internal/bridge-app-react.js": {
+      "types": "./dist/bridge-app-react.d.ts",
+      "import": "./dist/bridge-app-react.js"
+    },
+    "./internal/bridge-host-vue.js": {
+      "types": "./dist/bridge-host-vue.d.ts",
+      "import": "./dist/bridge-host-vue.js"
+    },
+    "./internal/bridge-host-react.js": {
+      "types": "./dist/bridge-host-react.d.ts",
+      "import": "./dist/bridge-host-react.js"
     }
   },
   "typesVersions": {
@@ -50,6 +82,15 @@
       ],
       "react": [
         "dist/react.d.ts"
+      ],
+      "bridge/vue": [
+        "dist/bridge-vue.d.ts"
+      ],
+      "bridge/react": [
+        "dist/bridge-react.d.ts"
+      ],
+      "bridge": [
+        "dist/bridge.d.ts"
       ]
     }
   },
@@ -67,7 +108,7 @@
     "docs/P5-vite7-8兼容矩阵.md"
   ],
   "scripts": {
-    "build": "cp ../../README.md README.md && cp ../../README.en.md README.en.md && mkdir -p docs && cp ../../docs/迁移指南.md ../../docs/webpack-mf-对照与缺口.md ../../docs/沙箱边界审计.md ../../docs/P5-vite7-8兼容矩阵.md docs/ && cp ../../CHANGELOG.md CHANGELOG.md && cp ../../DESIGN.md DESIGN.md && rm -rf examples && cp -R ../../examples examples && find examples \\( -name node_modules -o -name dist -o -path '*/src/fulgurjs/types' \\) -exec rm -rf {} + && esbuild src/runtime/index.ts --bundle --format=esm --target=es2022 --minify --outfile=dist/runtime.js && node scripts/gen-runtime.mjs && tsup src/index.ts src/pages.ts src/vue-adapter.ts src/react-adapter.ts src/context.ts --format esm,cjs --dts --external vite --target node18 --clean && tsup src/runtime-entry.ts --format esm --dts --external vite,vue --target node18 && tsup src/react.ts --format esm --dts --external vite,react --target node18 && esbuild src/cli.ts --bundle --format=esm --target=node18 --platform=node --outfile=dist/cli.js && esbuild src/runtime/index.ts --bundle --format=esm --target=es2022 --minify --outfile=dist/runtime.js && node scripts/gen-runtime-entry.mjs && node scripts/check-gzip.mjs && node scripts/check-manual-codes.mjs",
+    "build": "cp ../../README.md README.md && cp ../../README.en.md README.en.md && mkdir -p docs && cp ../../docs/迁移指南.md ../../docs/webpack-mf-对照与缺口.md ../../docs/沙箱边界审计.md ../../docs/P5-vite7-8兼容矩阵.md docs/ && cp ../../CHANGELOG.md CHANGELOG.md && cp ../../DESIGN.md DESIGN.md && rm -rf examples && cp -R ../../examples examples && find examples \\( -name node_modules -o -name dist -o -path '*/src/fulgurjs/types' \\) -exec rm -rf {} + && esbuild src/runtime/index.ts --bundle --format=esm --target=es2022 --minify --outfile=dist/runtime.js && node scripts/gen-runtime.mjs && tsup src/index.ts src/pages.ts src/vue-adapter.ts src/react-adapter.ts src/context.ts src/bridge-core.ts src/bridge-errors.ts src/bridge-app-vue.ts src/bridge-app-react.ts src/bridge-host-vue.ts src/bridge-host-react.ts --format esm,cjs --dts --external vite --target node18 --clean && tsup src/runtime-entry.ts --format esm --dts --external vite,vue --target node18 && tsup src/react.ts --format esm --dts --external vite,react --target node18 && tsup src/bridge.ts src/bridge-vue.ts src/bridge-react.ts --format esm --dts --external vite,vue,react,react-dom --target node18 && esbuild src/cli.ts --bundle --format=esm --target=node18 --platform=node --outfile=dist/cli.js && esbuild src/runtime/index.ts --bundle --format=esm --target=es2022 --minify --outfile=dist/runtime.js && node scripts/gen-runtime-entry.mjs && node scripts/check-gzip.mjs && node scripts/check-manual-codes.mjs",
     "dev": "tsup --watch",
     "test": "vitest run",
     "typecheck": "tsc --noEmit",