chore: more tests

Author: Nsttt

apps/lynx-host/lynx.config.ts

@@ -27,7 +27,12 @@ export default defineConfig({
       remotes: {
         lynx_remote: 'lynx_remote@http://localhost:3001/mf-manifest.json',
       },
-      // Disable d.ts live tooling and dynamic type-hints to avoid ws usage on Lynx main thread.
+      // shared: {
+      //   '@lynx-js/react': {
+      //     singleton: true,
+      //     eager: false,
+      //   },
+      // },
       dts: false,
       dev: {
         disableDynamicRemoteTypeHints: true,

apps/lynx-host/src/components/SimpleMFDemo.tsx

@@ -2,10 +2,30 @@
  * Module Federation demo - testing host configuration first
  */
 import { useState } from '@lynx-js/react';
+import {
+  createInstance,
+  loadRemote,
+} from '@module-federation/enhanced/runtime';
+import RspeedyCorePlugin from '@module-federation/rspeedy-core-plugin';
 
 export function SimpleMFDemo() {
   const [status] = useState('Host App Ready');
-
+  // Initialize Module Federation with the rspeedy runtime plugin
+  createInstance({
+    name: 'lynx_host',
+    remotes: [
+      // Add your remote applications here
+      {
+        name: 'remote-app',
+        entry: 'http://localhost:3001/mf-manifest.json',
+      },
+    ],
+    plugins: [
+      // Use the rspeedy core plugin to bridge with Lynx's native script loading
+      RspeedyCorePlugin(),
+    ],
+  });
+  const component = loadRemote('remote-app/SimpleMFDemo');
   return (
     <view style={{ padding: '20px' }}>
       <text style={{ fontSize: '18px', fontWeight: 'bold', color: '#00b894' }}>

apps/lynx-host/src/index.tsx

@@ -4,24 +4,6 @@ import { root } from '@lynx-js/react';
 /**
  * Module Federation setup for Lynx/rspeedy
  */
-import { createInstance } from '@module-federation/enhanced/runtime';
-import RspeedyCorePlugin from '@module-federation/rspeedy-core-plugin';
-
-// Initialize Module Federation with the rspeedy runtime plugin
-createInstance({
-  name: 'lynx_host',
-  remotes: [
-    // Add your remote applications here
-    // {
-    //   name: 'remote-app',
-    //   entry: 'http://localhost:3001/mf-manifest.json',
-    // },
-  ],
-  plugins: [
-    // Use the rspeedy core plugin to bridge with Lynx's native script loading
-    RspeedyCorePlugin(),
-  ],
-});
 
 import { App } from './App.jsx';
 

apps/lynx-remote/lynx.config.ts

@@ -8,6 +8,7 @@ import { pluginModuleFederationRspeedy } from '@module-federation/rspeedy-plugin
 export default defineConfig({
   server: {
     port: 3001,
+    host: '10.210.20.64',
   },
   dev: {
     hmr: false,
@@ -26,13 +27,18 @@ export default defineConfig({
       exposes: {
         './SimpleMFDemo': './src/components/SimpleMFDemoCompiled.tsx',
       },
-      shared: {
-        '@lynx-js/react': {
-          singleton: true,
-          eager: false,
-        },
-      },
+      // shared: {
+      //   '@lynx-js/react': {
+      //     singleton: true,
+      //     eager: false,
+      //   },
+      // },
       dts: false,
+      dev: {
+        disableDynamicRemoteTypeHints: true,
+        disableLiveReload: true,
+        disableHotTypesReload: true,
+      },
     }),
     pluginTypeCheck(),
   ],