chore: add border for remote modules

Author: ScriptedAlchemy

examples/federation/epic-stack-remote/app/components/ui/icon.tsx

@@ -1,5 +1,6 @@
 import { type SVGProps } from 'react'
 import { cn } from '#app/utils/misc.tsx'
+//@ts-ignore
 import href from './icons/sprite.svg'
 import { type IconName } from '@/icon-name'
 

examples/federation/epic-stack-remote/app/root.tsx

@@ -11,7 +11,9 @@ import {
 } from 'react-router'
 import { HoneypotProvider } from 'remix-utils/honeypot/react'
 import { type Route } from './+types/root.ts'
+//@ts-ignore
 import appleTouchIconAssetUrl from './assets/favicons/apple-touch-icon.png'
+//@ts-ignore
 import faviconAssetUrl from './assets/favicons/favicon.svg'
 import { GeneralErrorBoundary } from './components/error-boundary.tsx'
 import { EpicProgress } from './components/progress-bar.tsx'

examples/federation/epic-stack-remote/app/routes/_marketing+/logos/logos.ts

@@ -1,3 +1,5 @@
+//@ts-nocheck
+
 import docker from './docker.svg'
 import eslint from './eslint.svg'
 import fakerJS from './faker.svg'

examples/federation/epic-stack-remote/app/utils/misc.use-double-check.test.tsx

@@ -1,3 +1,4 @@
+//@ts-nocheck
 /**
  * @vitest-environment jsdom
  */

examples/federation/epic-stack-remote/package.json

@@ -49,9 +49,9 @@
     "@epic-web/remember": "1.1.0",
     "@epic-web/totp": "2.1.1",
     "@mjackson/form-data-parser": "0.7.0",
-    "@module-federation/enhanced": "0.0.0-next-20250321011937",
-    "@module-federation/node": "0.0.0-next-20250321011937",
-    "@module-federation/rsbuild-plugin": "0.0.0-next-20250321011937",
+    "@module-federation/enhanced": "0.0.0-next-20250325035711",
+    "@module-federation/node": "0.0.0-next-20250325035711",
+    "@module-federation/rsbuild-plugin": "0.0.0-next-20250325035711",
     "@nasa-gcn/remix-seo": "2.0.1",
     "@oslojs/crypto": "1.0.1",
     "@oslojs/encoding": "1.1.0",
@@ -170,5 +170,8 @@
   },
   "prisma": {
     "seed": "tsx prisma/seed.ts"
+  },
+  "vitest": {
+    "setupFiles": ["./vitest.setup.ts"]
   }
 }

examples/federation/epic-stack-remote/rsbuild.config.ts

@@ -59,7 +59,7 @@ const exposedComponents = {
 	"./utils/connections": "./app/utils/connections",
 	"./utils/misc": "./app/utils/misc",
 	"./routes/login": "./app/routes/_auth+/login?react-router-route",
-	"./routes/login.server": "./app/routes/_auth+/login.server"
+	"./routes/login.server": "./app/routes/_auth+/login.server.ts"
 }
 
 // Filter out .server exposes for web environment
@@ -73,7 +73,8 @@ const commonFederationConfig = {
 	shareStrategy: "loaded-first" as const,
 	runtime: undefined,
 	exposes: exposedComponents,
-	shared: sharedDependencies
+	shared: sharedDependencies,
+	dts: false
 }
 
 // Web-specific federation config
@@ -96,7 +97,7 @@ const nodeFederationConfig = {
 	],
 	// see https://github.com/module-federation/core/blob/main/packages/manifest/src/ManifestManager.ts#L106
 	manifest:{
-		additionalData:(additionalDataOptions)=>{
+		additionalData:(additionalDataOptions: { stats: any })=>{
 			const { stats, } =additionalDataOptions;
 			stats.metaData.ssrRemoteEntry = stats.metaData.remoteEntry;
 			return stats;

examples/federation/epic-stack-remote/tailwind.config.ts

@@ -20,7 +20,7 @@ export default {
 	presets: [marketingPreset],
 	plugins: [animatePlugin, radixPlugin],
 	safelist: [
-		// Match everything
-		/.*/
+		// Using string pattern to match everything instead of RegExp
+		'*'
 	],
 } satisfies Config

examples/federation/epic-stack/package.json

@@ -49,9 +49,9 @@
     "@epic-web/remember": "1.1.0",
     "@epic-web/totp": "2.1.1",
     "@mjackson/form-data-parser": "0.7.0",
-    "@module-federation/enhanced": "0.0.0-next-20250321011937",
-    "@module-federation/node": "0.0.0-next-20250321011937",
-    "@module-federation/rsbuild-plugin": "0.0.0-next-20250321011937",
+    "@module-federation/enhanced": "0.0.0-next-20250325035711",
+    "@module-federation/node": "0.0.0-next-20250325035711",
+    "@module-federation/rsbuild-plugin": "0.0.0-next-20250325035711",
     "@nasa-gcn/remix-seo": "2.0.1",
     "@oslojs/crypto": "1.0.1",
     "@oslojs/encoding": "1.1.0",

examples/federation/epic-stack/rsbuild.config.ts

@@ -37,7 +37,8 @@ const sharedDependencies = {
 const commonFederationConfig = {
 	name: 'host',
 	shareStrategy: "loaded-first" as const,
-	shared: sharedDependencies
+	shared: sharedDependencies,
+	dts: false
 }
 
 // Web-specific federation config
@@ -52,7 +53,6 @@ const webFederationConfig = {
 // Node-specific federation config
 const nodeFederationConfig = {
 	...commonFederationConfig,
-	dts: false,
 	remotes: {
 		remote: 'remote@http://localhost:3001/static/static/js/remote.js',
 	},

examples/federation/epic-stack/tailwind.config.ts

@@ -19,7 +19,7 @@ export default {
 	},
 	safelist: [
 		// Match everything
-		/.*/
+		"*"
 	],
 	presets: [marketingPreset],
 	plugins: [animatePlugin, radixPlugin],