chore: update usage

Author: 2heal1

modernjs-ssr-data-loader/host/modern.config.ts

@@ -18,7 +18,7 @@ export default defineConfig({
       bundler: 'webpack',
     }),
     moduleFederationPlugin({
-      dataLoader: true,
+      importRoutes: true,
     }),
   ],
 });

modernjs-ssr-data-loader/host/package.json

@@ -28,7 +28,7 @@
     "@modern-js/runtime": "2.60.2",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@module-federation/modern-js": "0.0.0-next-20241014092946",
+    "@module-federation/modern-js": "0.0.0-next-20241018073518",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },

modernjs-ssr-data-loader/host/src/entry-one/routes/nested-routes/pathname/layout.tsx

@@ -1,4 +1,4 @@
 // Do not edit this file. It is a auto generated.
 // It will render remote's layout.
-// The layout pathname is: entry-one/nested-routes/pathname
+// The layout pathname is: /entry-one/nested-routes/pathname
 // The layout route id is: entry-one_nested-routes/pathname/layout

modernjs-ssr-data-loader/host/src/entry-two/routes/federation/layout.tsx

@@ -1,4 +1,4 @@
 // Do not edit this file. It is a auto generated.
 // It will render remote's layout.
-// The layout pathname is: entry-two/federation
+// The layout pathname is: /entry-two/federation
 // The layout route id is: entry-two_federation/layout

modernjs-ssr-data-loader/remote/modern.config.ts

@@ -12,7 +12,7 @@ export default defineConfig({
       bundler: 'webpack',
     }),
     moduleFederationPlugin({
-      dataLoader: true,
+      exportRoutes: true,
     }),
   ],
   server: {

modernjs-ssr-data-loader/remote/package.json

@@ -28,7 +28,7 @@
     "@modern-js/runtime": "2.60.2",
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
-    "@module-federation/modern-js": "0.0.0-next-20241014092946",
+    "@module-federation/modern-js": "0.0.0-next-20241018073518",
     "@babel/runtime": "7.24.4",
     "antd": "4.24.15"
   },

modernjs-ssr-data-loader/remote/src/routes/page.data.ts

@@ -1,14 +1,32 @@
+import type { ActionFunction } from '@modern-js/runtime/router';
+
+const storage = new Map();
+const key = 'modernTestActionName'
+
 export type ProfileData = {
   message: string;
 };
-const loader = async (): Promise<ProfileData> => {
+
+export const action: ActionFunction = async ({ request }) => {
+  try {
+    const user = await request.json();
+    const { name } = user;
+    storage.set(key, name);
+    return true;
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+};
+
+export const loader = async (): Promise<ProfileData> => {
   const msg = await new Promise<string>((resolve) => {
     setTimeout(() => {
-      resolve('hello world333');
+      const value = storage.get(key);
+      resolve(value || 'hello world');
     }, 0);
   });
   return {
     message: msg,
   };
 };
-export { loader };

modernjs-ssr-data-loader/remote/src/routes/page.tsx

@@ -1,16 +1,31 @@
 import './index.css';
-import { useLoaderData, Link } from '@modern-js/runtime/router';
+import { useLoaderData, Link,useFetcher } from '@modern-js/runtime/router';
 import Image from '../components/Image';
 import type { ProfileData } from './page.data';
 
 const Index = (): JSX.Element => {
   const data = (useLoaderData() as ProfileData) || {
     message: '404',
   };
+
+  const { submit } = useFetcher();
+  const editUser = () => {
+    const newUser = {
+      name: 'Modern.js'
+    }
+    return submit(newUser, {
+      method: 'post',
+      encType: 'application/json',
+    })
+  }
+
   return (
     <div className="container-box">
       <Link to={'route-b'}> jump to remote self route (route-b)</Link>
+
+      <button onClick={editUser}>update data loader data</button>
       provider {data.message}
+
       <Image />
     </div>
   );