@granite-js/plugin-micro-frontend 0.1.34 → 1.0.1

package/CHANGELOG.md

@@ -1,222 +1,20 @@
 # @granite-js/plugin-micro-frontend
 
-## 0.1.34
+## 1.0.1
 
 ### Patch Changes
 
-- Updated dependencies [9c39997]
-  - @granite-js/plugin-core@0.1.34
-  - @granite-js/utils@0.1.34
+- @granite-js/plugin-core@1.0.1
+- @granite-js/utils@1.0.1
 
-## 0.1.33
+## 1.0.0
 
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.33
-- @granite-js/utils@0.1.33
-
-## 0.1.32
-
-### Patch Changes
-
-- 7572713: bump version up babel
-- Updated dependencies [7572713]
-  - @granite-js/plugin-core@0.1.32
-  - @granite-js/utils@0.1.32
-
-## 0.1.31
-
-### Patch Changes
-
-- Updated dependencies [9bf8b50]
-- Updated dependencies [e957833]
-  - @granite-js/plugin-core@0.1.31
-  - @granite-js/utils@0.1.31
-
-## 0.1.30
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.30
-- @granite-js/utils@0.1.30
-
-## 0.1.29
-
-### Patch Changes
-
-- Updated dependencies [ed4cdbf]
-  - @granite-js/plugin-core@0.1.29
-  - @granite-js/utils@0.1.29
-
-## 0.1.28
-
-### Patch Changes
-
-- 1d958cc: ci: provenance
-- Updated dependencies [1d958cc]
-  - @granite-js/plugin-core@0.1.28
-  - @granite-js/utils@0.1.28
-
-## 0.1.27
-
-### Patch Changes
-
-- e32b020: ci: oidc
-- Updated dependencies [e32b020]
-  - @granite-js/plugin-core@0.1.27
-  - @granite-js/utils@0.1.27
-
-## 0.1.26
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.26
-- @granite-js/utils@0.1.26
-
-## 0.1.25
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.25
-- @granite-js/utils@0.1.25
-
-## 0.1.24
-
-### Patch Changes
-
-- Updated dependencies [6e42c3d]
-  - @granite-js/plugin-core@0.1.24
-  - @granite-js/utils@0.1.24
-
-## 0.1.23
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.23
-- @granite-js/utils@0.1.23
-
-## 0.1.22
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.22
-- @granite-js/utils@0.1.22
-
-## 0.1.21
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.21
-- @granite-js/utils@0.1.21
-
-## 0.1.20
-
-### Patch Changes
-
-- 1df5883: update package.json meta to supports any moduleResolutions
-  - @granite-js/plugin-core@0.1.20
-  - @granite-js/utils@0.1.20
-
-## 0.1.19
-
-### Patch Changes
-
-- Updated dependencies [e9a3daf]
-  - @granite-js/plugin-core@0.1.19
-  - @granite-js/utils@0.1.19
-
-## 0.1.18
-
-### Patch Changes
-
-- 58e4df9: define \_\_esModule flag safety
-  - @granite-js/plugin-core@0.1.18
-  - @granite-js/utils@0.1.18
-
-## 0.1.17
-
-### Patch Changes
-
-- Updated dependencies [9c415df]
-  - @granite-js/plugin-core@0.1.17
-  - @granite-js/utils@0.1.17
-
-## 0.1.16
-
-### Patch Changes
-
-- 1678419: improve plugin options
-  - @granite-js/plugin-core@0.1.16
-  - @granite-js/utils@0.1.16
-
-## 0.1.15
-
-### Patch Changes
-
-- d16ee87: Add useInitialProps, useInitialSearchParams hook.
-- Updated dependencies [d16ee87]
-  - @granite-js/plugin-core@0.1.15
-  - @granite-js/utils@0.1.15
-
-## 0.1.14
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.14
-- @granite-js/utils@0.1.14
-
-## 0.1.13
-
-### Patch Changes
-
-- @granite-js/plugin-core@0.1.13
-- @granite-js/utils@0.1.13
-
-## 0.1.12
-
-### Patch Changes
-
-- d1e6585: fix module resolutions
-- Updated dependencies [d1e6585]
-- Updated dependencies [1e99fe1]
-  - @granite-js/plugin-core@0.1.12
-  - @granite-js/utils@0.1.12
-
-## 0.1.11
-
-### Patch Changes
-
-- Updated dependencies [d3a2b58]
-  - @granite-js/plugin-core@0.1.11
-  - @granite-js/utils@0.1.11
-
-## 0.1.10
-
-### Patch Changes
-
-- Updated dependencies [9438be5]
-  - @granite-js/plugin-core@0.1.10
-  - @granite-js/utils@0.1.10
-
-## 0.1.9
-
-### Patch Changes
-
-- Updated dependencies [935bb36]
-  - @granite-js/plugin-core@0.1.9
-  - @granite-js/utils@0.1.9
-
-## 0.1.8
-
-### Patch Changes
-
-- Updated dependencies [b69366c]
-  - @granite-js/plugin-core@0.1.8
-  - @granite-js/utils@0.1.8
+### Major Changes
 
-## 0.1.7
+- 260daab: feat: introduce support react native 0.84
 
 ### Patch Changes
 
-- ab794cc: impl micro frontend plugin
-  - @granite-js/plugin-core@0.1.7
+- Updated dependencies [260daab]
+  - @granite-js/plugin-core@1.0.0
+  - @granite-js/utils@1.0.0

package/dist/index.cjs

@@ -1,4 +1,5 @@
-//#region rolldown:runtime
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -6,12 +7,16 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -25,7 +30,7 @@ let fs = require("fs");
 fs = __toESM(fs);
 let path = require("path");
 path = __toESM(path);
-let __granite_js_utils = require("@granite-js/utils");
+let _granite_js_utils = require("@granite-js/utils");
 let picocolors = require("picocolors");
 picocolors = __toESM(picocolors);
 
@@ -98,31 +103,9 @@ async function fetchBundle(remote, platform) {
 	return await (await fetch(`http://${remote.host}:${remote.port}/index.bundle?dev=true&platform=${platform}`)).text();
 }
 
-//#endregion
-//#region src/utils/resolveReactNativeBasePath.ts
-function resolveReactNativeBasePath() {
-	return path.default.dirname(require.resolve("react-native/package.json", { paths: [(0, __granite_js_utils.getPackageRoot)()] }));
-}
-
 //#endregion
 //#region src/resolver.ts
-const VIRTUAL_INITIALIZE_CORE_PROTOCOL = "virtual-initialize-core";
 const VIRTUAL_SHARED_PROTOCOL = "virtual-shared";
-function virtualInitializeCoreConfig(reactNativeBasePath = resolveReactNativeBasePath()) {
-	return {
-		alias: [{
-			from: `prelude:${path.join(reactNativeBasePath, "Libraries/Core/InitializeCore.js")}`,
-			to: `${VIRTUAL_INITIALIZE_CORE_PROTOCOL}:noop`,
-			exact: false
-		}],
-		protocols: { [VIRTUAL_INITIALIZE_CORE_PROTOCOL]: { load: function virtualInitializeCoreProtocolLoader() {
-			return {
-				loader: "js",
-				contents: `// noop`
-			};
-		} } }
-	};
-}
 function virtualSharedConfig(moduleEntries) {
 	const alias = moduleEntries.map(([libName]) => ({
 		from: libName,
@@ -151,38 +134,72 @@ function virtualSharedConfig(moduleEntries) {
 
 //#endregion
 //#region src/utils/intoShared.ts
+const SHARED_PRESETS = {
+	"react-native": [
+		"react-native/Libraries/BatchedBridge/BatchedBridge",
+		"react-native/Libraries/BatchedBridge/NativeModules",
+		"react-native/Libraries/BatchedBridge/MessageQueue",
+		"react-native/Libraries/NativeComponent/NativeComponentRegistry",
+		"react-native/Libraries/NativeComponent/NativeComponentRegistryUnstable",
+		"react-native/Libraries/NativeComponent/ViewConfigIgnore",
+		"react-native/Libraries/ReactNative/RendererProxy",
+		"react-native/Libraries/StyleSheet/PlatformColorValueTypes",
+		"react-native/Libraries/StyleSheet/normalizeColor",
+		"react-native/Libraries/StyleSheet/processColor",
+		"react-native/Libraries/TurboModule/TurboModuleRegistry",
+		"react-native/Libraries/Utilities/NativePlatformConstantsIOS",
+		"react-native/Libraries/Utilities/Platform",
+		"react-native/Libraries/Utilities/defineLazyObjectProperty"
+	],
+	react: ["react/jsx-runtime", "react/jsx-dev-runtime"]
+};
 function intoShared(shared) {
-	if (Array.isArray(shared)) return shared.reduce((acc, lib) => {
+	if (shared == null) return;
+	const normalized = Array.isArray(shared) ? shared.reduce((acc, lib) => {
 		acc[lib] = {};
 		return acc;
-	}, {});
-	return shared;
+	}, {}) : { ...shared };
+	for (const [lib, subpaths] of Object.entries(SHARED_PRESETS)) {
+		const libConfig = normalized[lib];
+		if (libConfig == null) continue;
+		for (const subpath of subpaths) if (normalized[subpath] == null) normalized[subpath] = { ...libConfig };
+	}
+	return normalized;
 }
 
 //#endregion
 //#region src/microFrontendPlugin.ts
 const microFrontendPlugin = async (options) => {
-	const nonEagerEntries = Object.entries(intoShared(options.shared) ?? {}).filter(([_, config]) => config.eager !== true);
+	const sharedConfig = intoShared(options.shared);
+	const nonEagerEntries = Object.entries(sharedConfig ?? {}).filter(([_, config]) => config.eager !== true);
 	const rootDir = process.cwd();
-	const preludeConfig = getPreludeConfig(options);
-	const localDir = (0, __granite_js_utils.prepareLocalDirectory)(rootDir);
+	const preludeConfig = getPreludeConfig({
+		...options,
+		shared: sharedConfig
+	});
+	const localDir = (0, _granite_js_utils.prepareLocalDirectory)(rootDir);
 	const preludePath = path.join(localDir, "micro-frontend-runtime.js");
 	fs.writeFileSync(preludePath, preludeConfig.preludeScript);
 	/**
 	* @TODO `MPACK_DEV_SERVER` flag should be removed after next version of bundle loader is released and load bundle dynamically at JS runtime.
 	*/
 	if (process.env.MPACK_DEV_SERVER === "true" && options.remote) await fetchRemoteBundle(options.remote);
-	const virtualInitializeCore = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native")) ? virtualInitializeCoreConfig(options.reactNativeBasePath) : void 0;
+	/**
+	* If importing `react-native` from the shared registry, skip its prelude scripts
+	* to ensure the core is loaded only once per runtime by the host.
+	*/
+	const isReactNativeShared = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native"));
 	const virtualShared = virtualSharedConfig(nonEagerEntries);
 	return {
 		name: "micro-frontend-plugin",
 		config: {
+			extra: isReactNativeShared ? {
+				skipReactNativePolyfills: true,
+				skipReactNativeInitializeCore: true
+			} : void 0,
 			resolver: {
-				alias: [...virtualInitializeCore?.alias ?? [], ...virtualShared.alias],
-				protocols: {
-					...virtualInitializeCore?.protocols,
-					...virtualShared.protocols
-				}
+				alias: virtualShared.alias,
+				protocols: virtualShared.protocols
 			},
 			esbuild: {
 				prelude: [preludePath],

package/dist/index.js

@@ -1,14 +1,9 @@
-import { createRequire } from "node:module";
 import * as fs from "fs";
 import * as path$1 from "path";
 import path from "path";
-import { getPackageRoot, prepareLocalDirectory } from "@granite-js/utils";
+import { prepareLocalDirectory } from "@granite-js/utils";
 import pc from "picocolors";
 
-//#region rolldown:runtime
-var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-//#endregion
 //#region src/prelude.ts
 function getPreludeConfig(options) {
 	const registerStatements = Object.entries(options.shared ?? {}).filter(([_, config]) => config.eager === true).map(([libName], index) => {
@@ -78,31 +73,9 @@ async function fetchBundle(remote, platform) {
 	return await (await fetch(`http://${remote.host}:${remote.port}/index.bundle?dev=true&platform=${platform}`)).text();
 }
 
-//#endregion
-//#region src/utils/resolveReactNativeBasePath.ts
-function resolveReactNativeBasePath() {
-	return path.dirname(__require.resolve("react-native/package.json", { paths: [getPackageRoot()] }));
-}
-
 //#endregion
 //#region src/resolver.ts
-const VIRTUAL_INITIALIZE_CORE_PROTOCOL = "virtual-initialize-core";
 const VIRTUAL_SHARED_PROTOCOL = "virtual-shared";
-function virtualInitializeCoreConfig(reactNativeBasePath = resolveReactNativeBasePath()) {
-	return {
-		alias: [{
-			from: `prelude:${path$1.join(reactNativeBasePath, "Libraries/Core/InitializeCore.js")}`,
-			to: `${VIRTUAL_INITIALIZE_CORE_PROTOCOL}:noop`,
-			exact: false
-		}],
-		protocols: { [VIRTUAL_INITIALIZE_CORE_PROTOCOL]: { load: function virtualInitializeCoreProtocolLoader() {
-			return {
-				loader: "js",
-				contents: `// noop`
-			};
-		} } }
-	};
-}
 function virtualSharedConfig(moduleEntries) {
 	const alias = moduleEntries.map(([libName]) => ({
 		from: libName,
@@ -131,20 +104,49 @@ function virtualSharedConfig(moduleEntries) {
 
 //#endregion
 //#region src/utils/intoShared.ts
+const SHARED_PRESETS = {
+	"react-native": [
+		"react-native/Libraries/BatchedBridge/BatchedBridge",
+		"react-native/Libraries/BatchedBridge/NativeModules",
+		"react-native/Libraries/BatchedBridge/MessageQueue",
+		"react-native/Libraries/NativeComponent/NativeComponentRegistry",
+		"react-native/Libraries/NativeComponent/NativeComponentRegistryUnstable",
+		"react-native/Libraries/NativeComponent/ViewConfigIgnore",
+		"react-native/Libraries/ReactNative/RendererProxy",
+		"react-native/Libraries/StyleSheet/PlatformColorValueTypes",
+		"react-native/Libraries/StyleSheet/normalizeColor",
+		"react-native/Libraries/StyleSheet/processColor",
+		"react-native/Libraries/TurboModule/TurboModuleRegistry",
+		"react-native/Libraries/Utilities/NativePlatformConstantsIOS",
+		"react-native/Libraries/Utilities/Platform",
+		"react-native/Libraries/Utilities/defineLazyObjectProperty"
+	],
+	react: ["react/jsx-runtime", "react/jsx-dev-runtime"]
+};
 function intoShared(shared) {
-	if (Array.isArray(shared)) return shared.reduce((acc, lib) => {
+	if (shared == null) return;
+	const normalized = Array.isArray(shared) ? shared.reduce((acc, lib) => {
 		acc[lib] = {};
 		return acc;
-	}, {});
-	return shared;
+	}, {}) : { ...shared };
+	for (const [lib, subpaths] of Object.entries(SHARED_PRESETS)) {
+		const libConfig = normalized[lib];
+		if (libConfig == null) continue;
+		for (const subpath of subpaths) if (normalized[subpath] == null) normalized[subpath] = { ...libConfig };
+	}
+	return normalized;
 }
 
 //#endregion
 //#region src/microFrontendPlugin.ts
 const microFrontendPlugin = async (options) => {
-	const nonEagerEntries = Object.entries(intoShared(options.shared) ?? {}).filter(([_, config]) => config.eager !== true);
+	const sharedConfig = intoShared(options.shared);
+	const nonEagerEntries = Object.entries(sharedConfig ?? {}).filter(([_, config]) => config.eager !== true);
 	const rootDir = process.cwd();
-	const preludeConfig = getPreludeConfig(options);
+	const preludeConfig = getPreludeConfig({
+		...options,
+		shared: sharedConfig
+	});
 	const localDir = prepareLocalDirectory(rootDir);
 	const preludePath = path$1.join(localDir, "micro-frontend-runtime.js");
 	fs.writeFileSync(preludePath, preludeConfig.preludeScript);
@@ -152,17 +154,22 @@ const microFrontendPlugin = async (options) => {
 	* @TODO `MPACK_DEV_SERVER` flag should be removed after next version of bundle loader is released and load bundle dynamically at JS runtime.
 	*/
 	if (process.env.MPACK_DEV_SERVER === "true" && options.remote) await fetchRemoteBundle(options.remote);
-	const virtualInitializeCore = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native")) ? virtualInitializeCoreConfig(options.reactNativeBasePath) : void 0;
+	/**
+	* If importing `react-native` from the shared registry, skip its prelude scripts
+	* to ensure the core is loaded only once per runtime by the host.
+	*/
+	const isReactNativeShared = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native"));
 	const virtualShared = virtualSharedConfig(nonEagerEntries);
 	return {
 		name: "micro-frontend-plugin",
 		config: {
+			extra: isReactNativeShared ? {
+				skipReactNativePolyfills: true,
+				skipReactNativeInitializeCore: true
+			} : void 0,
 			resolver: {
-				alias: [...virtualInitializeCore?.alias ?? [], ...virtualShared.alias],
-				protocols: {
-					...virtualInitializeCore?.protocols,
-					...virtualShared.protocols
-				}
+				alias: virtualShared.alias,
+				protocols: virtualShared.protocols
 			},
 			esbuild: {
 				prelude: [preludePath],

package/dist/runtime/index.cjs

@@ -1,3 +1,4 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#region src/runtime/createContainer.ts
 function createContainer(name, config) {
@@ -40,16 +41,16 @@ function importRemoteModule(remoteRequestPath) {
 	const { remoteName, modulePath } = parseRemotePath(remoteRequestPath);
 	const container = getContainer(remoteName);
 	if (container == null) throw new Error(`${remoteName} container not found`);
-	const module$1 = container.exposeMap[normalizePath(modulePath)];
-	if (module$1 == null) throw new Error(`Could not resolve '${modulePath}' in ${remoteName} container`);
-	return module$1;
+	const module = container.exposeMap[normalizePath(modulePath)];
+	if (module == null) throw new Error(`Could not resolve '${modulePath}' in ${remoteName} container`);
+	return module;
 }
-function toESM(module$1) {
-	if (module$1.__esModule) return module$1;
-	return Object.defineProperties(module$1, {
+function toESM(module) {
+	if (module.__esModule) return module;
+	return Object.defineProperties(module, {
 		__esModule: { value: true },
-		...module$1.default == null ? { default: {
-			value: module$1,
+		...module.default == null ? { default: {
+			value: module,
 			enumerable: true
 		} } : null
 	});
@@ -57,21 +58,21 @@ function toESM(module$1) {
 
 //#endregion
 //#region src/runtime/registerShared.ts
-function registerShared(libName, module$1) {
+function registerShared(libName, module) {
 	if (global.__MICRO_FRONTEND__.__SHARED__[libName]) throw new Error(`'${libName}' already registered as a shared module`);
 	global.__MICRO_FRONTEND__.__SHARED__[libName] = {
-		get: () => toESM(module$1),
+		get: () => toESM(module),
 		loaded: true
 	};
 }
 
 //#endregion
 //#region src/runtime/exposeModule.ts
-function exposeModule(container, exposeName, module$1) {
+function exposeModule(container, exposeName, module) {
 	const normalizedExposeName = normalizePath(exposeName);
 	if (container.exposeMap[normalizedExposeName]) throw new Error(`'${exposeName}' is already exposed in ${container.name} container`);
 	Object.defineProperty(container.exposeMap, normalizedExposeName, {
-		get: () => toESM(module$1),
+		get: () => toESM(module),
 		enumerable: true
 	});
 }

package/dist/runtime/index.d.cts

@@ -1,5 +1,4 @@
 //#region src/types.d.ts
-
 interface RemoteConfig {
   /**
    * Host name

package/dist/runtime/index.d.ts

@@ -1,5 +1,4 @@
 //#region src/types.d.ts
-
 interface RemoteConfig {
   /**
    * Host name

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@granite-js/plugin-micro-frontend",
   "type": "module",
-  "version": "0.1.34",
+  "version": "1.0.1",
   "description": "Plugin for micro frontend",
   "scripts": {
     "prepack": "yarn build",
@@ -46,13 +46,13 @@
   ],
   "devDependencies": {
     "@vitest/coverage-v8": "^4.0.12",
-    "tsdown": "^0.16.5",
-    "typescript": "^5.8.3",
+    "tsdown": "0.20.3",
+    "typescript": "5.9.3",
     "vitest": "^4.0.12"
   },
   "dependencies": {
-    "@granite-js/plugin-core": "0.1.34",
-    "@granite-js/utils": "0.1.34",
+    "@granite-js/plugin-core": "1.0.1",
+    "@granite-js/utils": "1.0.1",
     "es-toolkit": "^1.39.8",
     "picocolors": "^1.1.1"
   },