@granite-js/plugin-micro-frontend 0.1.31 → 0.1.32

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @granite-js/plugin-micro-frontend
 
+## 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

package/dist/index.cjs

@@ -21,16 +21,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-const fs = __toESM(require("fs"));
-const path = __toESM(require("path"));
-const __granite_js_utils = __toESM(require("@granite-js/utils"));
-const picocolors = __toESM(require("picocolors"));
+let fs = require("fs");
+fs = __toESM(fs);
+let path = require("path");
+path = __toESM(path);
+let __granite_js_utils = require("@granite-js/utils");
+let picocolors = require("picocolors");
+picocolors = __toESM(picocolors);
 
 //#region src/prelude.ts
 function getPreludeConfig(options) {
-	const sharedEntries = Object.entries(options.shared ?? {});
-	const eagerEntries = sharedEntries.filter(([_, config]) => config.eager === true);
-	const registerStatements = eagerEntries.map(([libName], index) => {
+	const registerStatements = Object.entries(options.shared ?? {}).filter(([_, config]) => config.eager === true).map(([libName], index) => {
 		const identifier = `__mod${index}`;
 		return `
     // ${libName}
@@ -40,21 +41,11 @@ function getPreludeConfig(options) {
 	});
 	const exposeStatements = Object.entries(options.exposes ?? {}).map(([exposeName, modulePath], index) => {
 		const identifier = `__expose${index}`;
-		const resolvedModulePath = path.default.resolve(modulePath);
 		return `
-    import * as ${identifier} from '${resolvedModulePath}';
+    import * as ${identifier} from '${path.default.resolve(modulePath)}';
     exposeModule(__container, '${exposeName}', ${identifier});
     `;
 	});
-	const preludeScript = [
-		`import { registerShared, createContainer, exposeModule } from '@granite-js/plugin-micro-frontend/runtime';`,
-		`const __container = createContainer('${options.name}', ${JSON.stringify({
-			remote: options.remote,
-			shared: options.shared
-		})});`,
-		...registerStatements,
-		...exposeStatements
-	].join("\n");
 	return {
 		banner: `
     if (global.__MICRO_FRONTEND__ == null) {
@@ -64,7 +55,15 @@ function getPreludeConfig(options) {
       };
     }
     `,
-		preludeScript
+		preludeScript: [
+			`import { registerShared, createContainer, exposeModule } from '@granite-js/plugin-micro-frontend/runtime';`,
+			`const __container = createContainer('${options.name}', ${JSON.stringify({
+				remote: options.remote,
+				shared: options.shared
+			})});`,
+			...registerStatements,
+			...exposeStatements
+		].join("\n")
 	};
 }
 
@@ -96,9 +95,7 @@ async function fetchRemoteBundle(remote) {
 	}
 }
 async function fetchBundle(remote, platform) {
-	const response = await fetch(`http://${remote.host}:${remote.port}/index.bundle?dev=true&platform=${platform}`);
-	const bundle = await response.text();
-	return bundle;
+	return await (await fetch(`http://${remote.host}:${remote.port}/index.bundle?dev=true&platform=${platform}`)).text();
 }
 
 //#endregion
@@ -112,21 +109,18 @@ function resolveReactNativeBasePath() {
 const VIRTUAL_INITIALIZE_CORE_PROTOCOL = "virtual-initialize-core";
 const VIRTUAL_SHARED_PROTOCOL = "virtual-shared";
 function virtualInitializeCoreConfig(reactNativeBasePath = resolveReactNativeBasePath()) {
-	const initializeCorePath = path.join(reactNativeBasePath, "Libraries/Core/InitializeCore.js");
-	const alias = [{
-		from: `prelude:${initializeCorePath}`,
-		to: `${VIRTUAL_INITIALIZE_CORE_PROTOCOL}:noop`,
-		exact: false
-	}];
-	const protocols = { [VIRTUAL_INITIALIZE_CORE_PROTOCOL]: { load: function virtualInitializeCoreProtocolLoader() {
-		return {
-			loader: "js",
-			contents: `// noop`
-		};
-	} } };
 	return {
-		alias,
-		protocols
+		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) {
@@ -168,8 +162,7 @@ function intoShared(shared) {
 //#endregion
 //#region src/microFrontendPlugin.ts
 const microFrontendPlugin = async (options) => {
-	const sharedEntries = Object.entries(intoShared(options.shared) ?? {});
-	const nonEagerEntries = sharedEntries.filter(([_, config]) => config.eager !== true);
+	const nonEagerEntries = Object.entries(intoShared(options.shared) ?? {}).filter(([_, config]) => config.eager !== true);
 	const rootDir = process.cwd();
 	const preludeConfig = getPreludeConfig(options);
 	const localDir = (0, __granite_js_utils.prepareLocalDirectory)(rootDir);
@@ -179,12 +172,7 @@ 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);
-	/**
-	* If importing `react-native` from the shared registry,
-	* `InitializeCore.js` must be excluded from the bundle to ensure the core is loaded only once per runtime.
-	*/
-	const shouldExcludeReactNativeInitializeCore = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native"));
-	const virtualInitializeCore = shouldExcludeReactNativeInitializeCore ? virtualInitializeCoreConfig(options.reactNativeBasePath) : void 0;
+	const virtualInitializeCore = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native")) ? virtualInitializeCoreConfig(options.reactNativeBasePath) : void 0;
 	const virtualShared = virtualSharedConfig(nonEagerEntries);
 	return {
 		name: "micro-frontend-plugin",

package/dist/index.d.cts

@@ -49,9 +49,9 @@ interface SharedConfig {
 }
 interface ExposeConfig {
   [exposePath: string]: string;
-} //#endregion
+}
+//#endregion
 //#region src/microFrontendPlugin.d.ts
 declare const microFrontendPlugin: (options: MicroFrontendPluginOptions) => Promise<GranitePluginCore>;
-
 //#endregion
-export { MicroFrontendPluginOptions, microFrontendPlugin as microFrontend };
+export { type MicroFrontendPluginOptions, microFrontendPlugin as microFrontend };

package/dist/index.d.ts

@@ -49,9 +49,9 @@ interface SharedConfig {
 }
 interface ExposeConfig {
   [exposePath: string]: string;
-} //#endregion
+}
+//#endregion
 //#region src/microFrontendPlugin.d.ts
 declare const microFrontendPlugin: (options: MicroFrontendPluginOptions) => Promise<GranitePluginCore>;
-
 //#endregion
-export { MicroFrontendPluginOptions, microFrontendPlugin as microFrontend };
+export { type MicroFrontendPluginOptions, microFrontendPlugin as microFrontend };

package/dist/index.js

@@ -1,6 +1,5 @@
 import { createRequire } from "node:module";
 import * as fs from "fs";
-import * as path$2 from "path";
 import * as path$1 from "path";
 import path from "path";
 import { getPackageRoot, prepareLocalDirectory } from "@granite-js/utils";
@@ -12,9 +11,7 @@ var __require = /* @__PURE__ */ createRequire(import.meta.url);
 //#endregion
 //#region src/prelude.ts
 function getPreludeConfig(options) {
-	const sharedEntries = Object.entries(options.shared ?? {});
-	const eagerEntries = sharedEntries.filter(([_, config]) => config.eager === true);
-	const registerStatements = eagerEntries.map(([libName], index) => {
+	const registerStatements = Object.entries(options.shared ?? {}).filter(([_, config]) => config.eager === true).map(([libName], index) => {
 		const identifier = `__mod${index}`;
 		return `
     // ${libName}
@@ -24,21 +21,11 @@ function getPreludeConfig(options) {
 	});
 	const exposeStatements = Object.entries(options.exposes ?? {}).map(([exposeName, modulePath], index) => {
 		const identifier = `__expose${index}`;
-		const resolvedModulePath = path.resolve(modulePath);
 		return `
-    import * as ${identifier} from '${resolvedModulePath}';
+    import * as ${identifier} from '${path.resolve(modulePath)}';
     exposeModule(__container, '${exposeName}', ${identifier});
     `;
 	});
-	const preludeScript = [
-		`import { registerShared, createContainer, exposeModule } from '@granite-js/plugin-micro-frontend/runtime';`,
-		`const __container = createContainer('${options.name}', ${JSON.stringify({
-			remote: options.remote,
-			shared: options.shared
-		})});`,
-		...registerStatements,
-		...exposeStatements
-	].join("\n");
 	return {
 		banner: `
     if (global.__MICRO_FRONTEND__ == null) {
@@ -48,7 +35,15 @@ function getPreludeConfig(options) {
       };
     }
     `,
-		preludeScript
+		preludeScript: [
+			`import { registerShared, createContainer, exposeModule } from '@granite-js/plugin-micro-frontend/runtime';`,
+			`const __container = createContainer('${options.name}', ${JSON.stringify({
+				remote: options.remote,
+				shared: options.shared
+			})});`,
+			...registerStatements,
+			...exposeStatements
+		].join("\n")
 	};
 }
 
@@ -80,9 +75,7 @@ async function fetchRemoteBundle(remote) {
 	}
 }
 async function fetchBundle(remote, platform) {
-	const response = await fetch(`http://${remote.host}:${remote.port}/index.bundle?dev=true&platform=${platform}`);
-	const bundle = await response.text();
-	return bundle;
+	return await (await fetch(`http://${remote.host}:${remote.port}/index.bundle?dev=true&platform=${platform}`)).text();
 }
 
 //#endregion
@@ -96,21 +89,18 @@ function resolveReactNativeBasePath() {
 const VIRTUAL_INITIALIZE_CORE_PROTOCOL = "virtual-initialize-core";
 const VIRTUAL_SHARED_PROTOCOL = "virtual-shared";
 function virtualInitializeCoreConfig(reactNativeBasePath = resolveReactNativeBasePath()) {
-	const initializeCorePath = path$2.join(reactNativeBasePath, "Libraries/Core/InitializeCore.js");
-	const alias = [{
-		from: `prelude:${initializeCorePath}`,
-		to: `${VIRTUAL_INITIALIZE_CORE_PROTOCOL}:noop`,
-		exact: false
-	}];
-	const protocols = { [VIRTUAL_INITIALIZE_CORE_PROTOCOL]: { load: function virtualInitializeCoreProtocolLoader() {
-		return {
-			loader: "js",
-			contents: `// noop`
-		};
-	} } };
 	return {
-		alias,
-		protocols
+		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) {
@@ -152,8 +142,7 @@ function intoShared(shared) {
 //#endregion
 //#region src/microFrontendPlugin.ts
 const microFrontendPlugin = async (options) => {
-	const sharedEntries = Object.entries(intoShared(options.shared) ?? {});
-	const nonEagerEntries = sharedEntries.filter(([_, config]) => config.eager !== true);
+	const nonEagerEntries = Object.entries(intoShared(options.shared) ?? {}).filter(([_, config]) => config.eager !== true);
 	const rootDir = process.cwd();
 	const preludeConfig = getPreludeConfig(options);
 	const localDir = prepareLocalDirectory(rootDir);
@@ -163,12 +152,7 @@ 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);
-	/**
-	* If importing `react-native` from the shared registry,
-	* `InitializeCore.js` must be excluded from the bundle to ensure the core is loaded only once per runtime.
-	*/
-	const shouldExcludeReactNativeInitializeCore = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native"));
-	const virtualInitializeCore = shouldExcludeReactNativeInitializeCore ? virtualInitializeCoreConfig(options.reactNativeBasePath) : void 0;
+	const virtualInitializeCore = Boolean(nonEagerEntries.find(([libName]) => libName === "react-native")) ? virtualInitializeCoreConfig(options.reactNativeBasePath) : void 0;
 	const virtualShared = virtualSharedConfig(nonEagerEntries);
 	return {
 		name: "micro-frontend-plugin",

package/dist/runtime/index.d.cts

@@ -22,7 +22,8 @@ interface SharedConfig {
 }
 interface ExposeConfig {
   [exposePath: string]: string;
-} //#endregion
+}
+//#endregion
 //#region src/runtime/types.d.ts
 declare global {
   var __MICRO_FRONTEND__: RuntimeContext;
@@ -46,7 +47,6 @@ interface SharedModuleRegistry {
   };
 }
 type Module = any;
-
 //#endregion
 //#region src/runtime/createContainer.d.ts
 declare function createContainer(name: string, config: {
@@ -54,15 +54,12 @@ declare function createContainer(name: string, config: {
   shared?: SharedConfig;
   exposes?: ExposeConfig;
 }): Container;
-
 //#endregion
 //#region src/runtime/registerShared.d.ts
 declare function registerShared(libName: string, module: Module): void;
-
 //#endregion
 //#region src/runtime/exposeModule.d.ts
 declare function exposeModule(container: Container, exposeName: string, module: Module): void;
-
 //#endregion
 //#region src/runtime/utils.d.ts
 declare function getContainer(instanceName: string): Container | null;
@@ -72,6 +69,5 @@ declare function parseRemotePath(remotePath: string): {
   fullRequest: string;
 };
 declare function importRemoteModule(remoteRequestPath: string): any;
-
 //#endregion
-export { Container, Module, RuntimeContext, SharedModuleRegistry, createContainer, exposeModule, getContainer, importRemoteModule, parseRemotePath, registerShared };
+export { type Container, type Module, type RuntimeContext, type SharedModuleRegistry, createContainer, exposeModule, getContainer, importRemoteModule, parseRemotePath, registerShared };

package/dist/runtime/index.d.ts

@@ -22,7 +22,8 @@ interface SharedConfig {
 }
 interface ExposeConfig {
   [exposePath: string]: string;
-} //#endregion
+}
+//#endregion
 //#region src/runtime/types.d.ts
 declare global {
   var __MICRO_FRONTEND__: RuntimeContext;
@@ -46,7 +47,6 @@ interface SharedModuleRegistry {
   };
 }
 type Module = any;
-
 //#endregion
 //#region src/runtime/createContainer.d.ts
 declare function createContainer(name: string, config: {
@@ -54,15 +54,12 @@ declare function createContainer(name: string, config: {
   shared?: SharedConfig;
   exposes?: ExposeConfig;
 }): Container;
-
 //#endregion
 //#region src/runtime/registerShared.d.ts
 declare function registerShared(libName: string, module: Module): void;
-
 //#endregion
 //#region src/runtime/exposeModule.d.ts
 declare function exposeModule(container: Container, exposeName: string, module: Module): void;
-
 //#endregion
 //#region src/runtime/utils.d.ts
 declare function getContainer(instanceName: string): Container | null;
@@ -72,6 +69,5 @@ declare function parseRemotePath(remotePath: string): {
   fullRequest: string;
 };
 declare function importRemoteModule(remoteRequestPath: string): any;
-
 //#endregion
-export { Container, Module, RuntimeContext, SharedModuleRegistry, createContainer, exposeModule, getContainer, importRemoteModule, parseRemotePath, registerShared };
+export { type Container, type Module, type RuntimeContext, type SharedModuleRegistry, createContainer, exposeModule, getContainer, importRemoteModule, parseRemotePath, registerShared };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@granite-js/plugin-micro-frontend",
   "type": "module",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "Plugin for micro frontend",
   "scripts": {
     "prepack": "yarn build",
@@ -45,13 +45,14 @@
     "*.d.ts"
   ],
   "devDependencies": {
-    "tsdown": "^0.11.11",
+    "@vitest/coverage-v8": "^4.0.12",
+    "tsdown": "^0.16.5",
     "typescript": "^5.8.3",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.12"
   },
   "dependencies": {
-    "@granite-js/plugin-core": "0.1.31",
-    "@granite-js/utils": "0.1.31",
+    "@granite-js/plugin-core": "0.1.32",
+    "@granite-js/utils": "0.1.32",
     "es-toolkit": "^1.39.8",
     "picocolors": "^1.1.1"
   },