feat(react): add cache api (#3847)

Author: 2heal1

.changeset/breezy-lemons-grin.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': patch
+---
+
+feat(bridge-react): export createLazyCompoent api

.changeset/curly-insects-wonder.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/modern-js': patch
+---
+
+refactor(modern-js-plugin): add subpath react to export createLazyCompoent and wrapNoSSR apis

.changeset/curly-pillows-give.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-vue3': minor
+---
+
+refactor(vue3-bridge): rename createRemoteComponent as createRemoteAppComponent

.changeset/hip-hornets-exercise.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/bridge-react': minor
+---
+
+refactor(bridge-react): rename createRemoteComponent as createRemoteAppComponent

.changeset/tender-rocks-leave.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/modern-js': minor
+---
+
+refactor(modern-js-plugin): deprecate createRemoteComponent and createRemoteSSRComponent

.github/workflows/build-and-test.yml

@@ -56,7 +56,7 @@ jobs:
         run: nproc
 
       - name: Warm Nx Cache
-        run: npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4
+        run: npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4 --skip-nx-cache
 
       - name: Run Build for All
         run: npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4 --skip-nx-cache

.github/workflows/devtools.yml

@@ -38,7 +38,7 @@ jobs:
         run: pnpm install
 
       - name: Run Affected Build
-        run: npx nx run-many --targets=build --projects=tag:type:pkg
+        run: npx nx run-many --targets=build --projects=tag:type:pkg --skip-nx-cache
 
       - name: Configuration xvfb
         shell: bash

apps/modern-component-data-fetch/host/src/routes/basic/page.tsx

@@ -1,8 +1,7 @@
-import { kit, ERROR_TYPE } from '@module-federation/modern-js/runtime';
+import { getInstance } from '@module-federation/modern-js/runtime';
+import { ERROR_TYPE } from '@module-federation/modern-js/react';
 
-const { createRemoteComponent } = kit;
-
-const Basic = createRemoteComponent({
+const Basic = getInstance()!.createLazyComponent({
   loader: () => {
     return import('remote/BasicComponent');
   },

apps/modern-component-data-fetch/host/src/routes/client-downgrade/page.tsx

@@ -1,8 +1,6 @@
-import { kit } from '@module-federation/modern-js/runtime';
+import { getInstance } from '@module-federation/modern-js/runtime';
 
-const { createRemoteComponent } = kit;
-
-const ClientDowngrade = createRemoteComponent({
+const ClientDowngrade = getInstance()!.createLazyComponent({
   loader: () => {
     return import('remote/ClientDowngrade');
   },

apps/modern-component-data-fetch/host/src/routes/csr/page.tsx

@@ -1,9 +1,9 @@
-import { kit } from '@module-federation/modern-js/runtime';
+import { getInstance } from '@module-federation/modern-js/runtime';
 
-const { createRemoteComponent, wrapNoSSR } = kit;
-
-const CsrWithFetchDataFromServerComponent = wrapNoSSR(createRemoteComponent)({
+const CsrWithFetchDataFromServerComponent = getInstance()!.createLazyComponent({
+  noSSR: true,
   loader: () => {
+    console.log('calling');
     return import('provider-csr');
   },
   loading: 'loading...',