@openmrs/rspack-config 11.0.1-pre.5837 → 11.0.1-pre.5906

package/dist/index.js

@@ -123,6 +123,14 @@ function buildFederationRuntimeGuard(appName, expectedMinor) {
         : '';
     return missingRuntime + skew + '})();';
 }
+/**
+ * Entry points of a shared dependency that frontend modules import by name, and so share alongside
+ * it under its peer range. Compiled JSX imports `react/jsx-runtime`.
+ */
+const sharedSubpaths = {
+    react: ['react/jsx-runtime'],
+    'react-dom': ['react-dom/client'],
+};
 function getFrameworkVersion() {
     try {
         // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -341,6 +349,13 @@ exports.default = (env, argv = {}) => {
                                 syntax: 'typescript',
                                 tsx: true,
                             },
+                            transform: {
+                                // `openmrs develop` serves a production app shell so we must ensure we match that
+                                react: {
+                                    runtime: 'automatic',
+                                    development: false,
+                                },
+                            },
                         },
                     },
                 }, exports.scriptRuleConfig),
@@ -432,15 +447,15 @@ exports.default = (env, argv = {}) => {
                     './start': srcFile,
                 },
                 shared: [...Object.keys(peerDependencies), '@openmrs/esm-framework/src/internal'].reduce((obj, depName) => {
-                    var _a;
-                    const shareNames = [depName];
+                    var _a, _b;
+                    const shareNames = [depName, ...((_a = sharedSubpaths[depName]) !== null && _a !== void 0 ? _a : [])];
                     // Also handle swr/immutable, etc.
                     if (depName === 'swr') {
                         shareNames.push('swr/');
                     }
                     for (const shareName of shareNames) {
                         obj[shareName] = {
-                            requiredVersion: (_a = peerDependencies[depName]) !== null && _a !== void 0 ? _a : false,
+                            requiredVersion: (_b = peerDependencies[depName]) !== null && _b !== void 0 ? _b : false,
                             strictVersion: false,
                             singleton: true,
                             import: shareName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/rspack-config",
-  "version": "11.0.1-pre.5837",
+  "version": "11.0.1-pre.5906",
   "license": "MPL-2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -32,7 +32,7 @@
   "homepage": "https://github.com/openmrs/openmrs-esm-core#readme",
   "dependencies": {
     "@module-federation/enhanced": "2.8.1",
-    "@openmrs/carbon-css-guard": "11.0.1-pre.5837",
+    "@openmrs/carbon-css-guard": "11.0.1-pre.5906",
     "@rspack/cli": "1.7.9",
     "@rspack/core": "1.7.9",
     "@swc/core": "1.15.21",

package/src/index.ts

@@ -103,6 +103,15 @@ function buildFederationRuntimeGuard(appName: string, expectedMinor: string | un
   return missingRuntime + skew + '})();';
 }
 
+/**
+ * Entry points of a shared dependency that frontend modules import by name, and so share alongside
+ * it under its peer range. Compiled JSX imports `react/jsx-runtime`.
+ */
+const sharedSubpaths: Record<string, Array<string>> = {
+  react: ['react/jsx-runtime'],
+  'react-dom': ['react-dom/client'],
+};
+
 function getFrameworkVersion() {
   try {
     // eslint-disable-next-line @typescript-eslint/no-require-imports
@@ -372,6 +381,13 @@ export default (env: Record<string, string>, argv: Record<string, string> = {})
                   syntax: 'typescript',
                   tsx: true,
                 },
+                transform: {
+                  // `openmrs develop` serves a production app shell so we must ensure we match that
+                  react: {
+                    runtime: 'automatic',
+                    development: false,
+                  },
+                },
               },
             },
           },
@@ -487,7 +503,7 @@ export default (env: Record<string, string>, argv: Record<string, string> = {})
           './start': srcFile,
         },
         shared: [...Object.keys(peerDependencies), '@openmrs/esm-framework/src/internal'].reduce((obj, depName) => {
-          const shareNames = [depName];
+          const shareNames = [depName, ...(sharedSubpaths[depName] ?? [])];
 
           // Also handle swr/immutable, etc.
           if (depName === 'swr') {

package/tsconfig.json

@@ -5,7 +5,7 @@
     "target": "es2015",
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "strictNullChecks": true,
     "moduleResolution": "node",
     "outDir": "dist",