@bleedingdev/modern-js-federation-runtime 3.9.0-ultramodern.16 → 3.9.0-ultramodern.18

package/dist/cjs/module-federation/distributed-ssr.js

@@ -99,7 +99,12 @@ function DistributedSsrBoundary({ children, expose, fallback, fragmentProps, rem
 function createDistributedSsrComponent({ createComponent, expose, fallback, remote }) {
     let RemoteComponent;
     function DeferredRemoteComponent(props) {
-        RemoteComponent ??= createComponent();
+        RemoteComponent ??= createComponent({
+            export: 'default',
+            fallback,
+            injectLink: false,
+            loading: null
+        });
         return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RemoteComponent, {
             ...props
         });

package/dist/esm/module-federation/distributed-ssr.mjs

@@ -62,7 +62,12 @@ function DistributedSsrBoundary({ children, expose, fallback, fragmentProps, rem
 function createDistributedSsrComponent({ createComponent, expose, fallback, remote }) {
     let RemoteComponent;
     function DeferredRemoteComponent(props) {
-        RemoteComponent ??= createComponent();
+        RemoteComponent ??= createComponent({
+            export: 'default',
+            fallback,
+            injectLink: false,
+            loading: null
+        });
         return /*#__PURE__*/ jsx(RemoteComponent, {
             ...props
         });

package/dist/esm-node/module-federation/distributed-ssr.mjs

@@ -63,7 +63,12 @@ function DistributedSsrBoundary({ children, expose, fallback, fragmentProps, rem
 function createDistributedSsrComponent({ createComponent, expose, fallback, remote }) {
     let RemoteComponent;
     function DeferredRemoteComponent(props) {
-        RemoteComponent ??= createComponent();
+        RemoteComponent ??= createComponent({
+            export: 'default',
+            fallback,
+            injectLink: false,
+            loading: null
+        });
         return /*#__PURE__*/ jsx(RemoteComponent, {
             ...props
         });

package/dist/types/module-federation/distributed-ssr.d.ts

@@ -30,8 +30,25 @@ export type DistributedSsrBoundaryProps<Props extends object = Record<string, un
     fragmentProps?: Props;
     remote: string;
 };
+/**
+ * The Module Federation `createLazyComponent` options the distributed boundary
+ * owns. `injectLink` is always false: the boundary owns remote CSS (the
+ * fragment CSS inventory in workerd, the MF manifest in the browser), so the
+ * bridge must not render a second `<link>` in SSR HTML.
+ */
+export type DistributedSsrLazyComponentOptions = {
+    export: 'default';
+    fallback: ReactNode;
+    injectLink: false;
+    loading: null;
+};
 export type CreateDistributedSsrComponentOptions<Props extends object> = {
-    createComponent: () => ComponentType<Props>;
+    /**
+     * Creates the native remote on first render. Spread `options` into
+     * Module Federation's `createLazyComponent` and add the instance and
+     * loader.
+     */
+    createComponent: (options: DistributedSsrLazyComponentOptions) => ComponentType<Props>;
     expose: string;
     fallback: ReactNode;
     remote: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bleedingdev/modern-js-federation-runtime",
-  "version": "3.9.0-ultramodern.16",
+  "version": "3.9.0-ultramodern.18",
   "description": "Federated surface consumption, distributed SSR, and bounded manifest recovery.",
   "license": "MIT",
   "repository": {
@@ -62,15 +62,15 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@modern-js/surface-resolution": "npm:@bleedingdev/modern-js-surface-resolution@3.9.0-ultramodern.16"
+    "@modern-js/surface-resolution": "npm:@bleedingdev/modern-js-surface-resolution@3.9.0-ultramodern.18"
   },
   "peerDependencies": {
-    "@modern-js/runtime": "3.9.0-ultramodern.16",
+    "@modern-js/runtime": "3.9.0-ultramodern.18",
     "react": "^19.2.8"
   },
   "devDependencies": {
-    "@modern-js/runtime": "npm:@bleedingdev/modern-js-runtime@3.9.0-ultramodern.16",
-    "@modern-js/tsconfig": "npm:@bleedingdev/modern-js-tsconfig@3.9.0-ultramodern.16",
+    "@modern-js/runtime": "npm:@bleedingdev/modern-js-runtime@3.9.0-ultramodern.18",
+    "@modern-js/tsconfig": "npm:@bleedingdev/modern-js-tsconfig@3.9.0-ultramodern.18",
     "@rsbuild/core": "2.2.9",
     "@rslib/core": "1.0.2",
     "@scripts/rstest-config": "2.66.0",

package/src/module-federation/distributed-ssr.tsx

@@ -51,8 +51,28 @@ export type DistributedSsrBoundaryProps<
   remote: string;
 };
 
+/**
+ * The Module Federation `createLazyComponent` options the distributed boundary
+ * owns. `injectLink` is always false: the boundary owns remote CSS (the
+ * fragment CSS inventory in workerd, the MF manifest in the browser), so the
+ * bridge must not render a second `<link>` in SSR HTML.
+ */
+export type DistributedSsrLazyComponentOptions = {
+  export: 'default';
+  fallback: ReactNode;
+  injectLink: false;
+  loading: null;
+};
+
 export type CreateDistributedSsrComponentOptions<Props extends object> = {
-  createComponent: () => ComponentType<Props>;
+  /**
+   * Creates the native remote on first render. Spread `options` into
+   * Module Federation's `createLazyComponent` and add the instance and
+   * loader.
+   */
+  createComponent: (
+    options: DistributedSsrLazyComponentOptions,
+  ) => ComponentType<Props>;
   expose: string;
   fallback: ReactNode;
   remote: string;
@@ -221,7 +241,12 @@ export function createDistributedSsrComponent<Props extends object>({
   let RemoteComponent: ComponentType<Props> | undefined;
 
   function DeferredRemoteComponent(props: Props) {
-    RemoteComponent ??= createComponent();
+    RemoteComponent ??= createComponent({
+      export: 'default',
+      fallback,
+      injectLink: false,
+      loading: null,
+    });
     return <RemoteComponent {...props} />;
   }