@sbee/vite-federation 0.0.1 → 0.0.2

package/dist/index.js

@@ -265,8 +265,65 @@ var NAME_CHAR_REG = /* @__PURE__ */ new RegExp("[0-9a-zA-Z@_-]+");
 //#endregion
 //#region src/dev/expose-development.ts
 function devExposePlugin(options) {
-	parsedOptions.devExpose = parseExposeOptions(options);
-	return { name: "sbee:expose-development" };
+	const exposeOptions = parseExposeOptions(options);
+	if (!parsedOptions.devExpose.some((expose) => {
+		return expose[0] === exposeOptions[0]?.[0];
+	})) parsedOptions.devExpose = Array.prototype.concat(parsedOptions.devExpose, exposeOptions);
+	for (const item of exposeOptions) {
+		const exposeFilepath = normalizePath((0, path.resolve)(item[1].import));
+		EXPOSES_MAP.set(item[0], exposeFilepath);
+		EXPOSES_KEY_MAP.set(item[0], `__federation_expose_${removeNonRegLetter(item[0], NAME_CHAR_REG)}`);
+	}
+	return {
+		name: "sbee:expose-development",
+		configureServer(server) {
+			const remoteEntryPath = `/${options.filename}`;
+			const virtualEntry = `
+const currentImports = {}
+const exportSet = new Set(['Module', '__esModule', 'default', '_export_sfc']);
+let moduleMap = {${exposeOptions.map(([name, config]) => {
+				return `"${name}":()=>{return __federation_import('${config.import.startsWith("./") ? "/" + config.import.slice(2) : "/" + config.import}').then(module =>Object.keys(module).every(item => exportSet.has(item)) ? () => module.default : () => module)}`;
+			}).join(",\n")}}
+const seen = {}
+export const ${DYNAMIC_LOADING_CSS} = (cssFilePaths, dontAppendStylesToHead, exposeItemName) => {
+  // In dev mode, Vite handles CSS via HMR – no manual link injection needed.
+  if (dontAppendStylesToHead) {
+    const key = 'css__${options.name}__' + exposeItemName;
+    window[key] = window[key] || [];
+    return;
+  }
+};
+async function __federation_import(name) {
+  currentImports[name] ??= import(/* @vite-ignore */ name)
+  return currentImports[name]
+};
+export const get =(module) => {
+  if(!moduleMap[module]) throw new Error('Can not find remote module ' + module)
+  return moduleMap[module]();
+};
+export const init =(shareScope) => {
+  globalThis.__federation_shared__= globalThis.__federation_shared__|| {};
+  Object.entries(shareScope).forEach(([key, value]) => {
+    for (const [versionKey, versionValue] of Object.entries(value)) {
+      const scope = versionValue.scope || 'default'
+      globalThis.__federation_shared__[scope] = globalThis.__federation_shared__[scope] || {};
+      const shared= globalThis.__federation_shared__[scope];
+      (shared[key] = shared[key]||{})[versionKey] = versionValue;
+    }
+  });
+}
+`;
+			server.middlewares.use((req, res, next) => {
+				if ((req.url || "").split("?")[0] === remoteEntryPath) {
+					res.setHeader("Content-Type", "application/javascript");
+					res.setHeader("Access-Control-Allow-Origin", "*");
+					res.end(virtualEntry);
+					return;
+				}
+				next();
+			});
+		}
+	};
 }
 //#endregion
 //#region src/dev/remote-development.ts

package/dist/index.mjs

@@ -242,8 +242,65 @@ var NAME_CHAR_REG = /* @__PURE__ */ new RegExp("[0-9a-zA-Z@_-]+");
 //#endregion
 //#region src/dev/expose-development.ts
 function devExposePlugin(options) {
-	parsedOptions.devExpose = parseExposeOptions(options);
-	return { name: "sbee:expose-development" };
+	const exposeOptions = parseExposeOptions(options);
+	if (!parsedOptions.devExpose.some((expose) => {
+		return expose[0] === exposeOptions[0]?.[0];
+	})) parsedOptions.devExpose = Array.prototype.concat(parsedOptions.devExpose, exposeOptions);
+	for (const item of exposeOptions) {
+		const exposeFilepath = normalizePath(resolve(item[1].import));
+		EXPOSES_MAP.set(item[0], exposeFilepath);
+		EXPOSES_KEY_MAP.set(item[0], `__federation_expose_${removeNonRegLetter(item[0], NAME_CHAR_REG)}`);
+	}
+	return {
+		name: "sbee:expose-development",
+		configureServer(server) {
+			const remoteEntryPath = `/${options.filename}`;
+			const virtualEntry = `
+const currentImports = {}
+const exportSet = new Set(['Module', '__esModule', 'default', '_export_sfc']);
+let moduleMap = {${exposeOptions.map(([name, config]) => {
+				return `"${name}":()=>{return __federation_import('${config.import.startsWith("./") ? "/" + config.import.slice(2) : "/" + config.import}').then(module =>Object.keys(module).every(item => exportSet.has(item)) ? () => module.default : () => module)}`;
+			}).join(",\n")}}
+const seen = {}
+export const ${DYNAMIC_LOADING_CSS} = (cssFilePaths, dontAppendStylesToHead, exposeItemName) => {
+  // In dev mode, Vite handles CSS via HMR – no manual link injection needed.
+  if (dontAppendStylesToHead) {
+    const key = 'css__${options.name}__' + exposeItemName;
+    window[key] = window[key] || [];
+    return;
+  }
+};
+async function __federation_import(name) {
+  currentImports[name] ??= import(/* @vite-ignore */ name)
+  return currentImports[name]
+};
+export const get =(module) => {
+  if(!moduleMap[module]) throw new Error('Can not find remote module ' + module)
+  return moduleMap[module]();
+};
+export const init =(shareScope) => {
+  globalThis.__federation_shared__= globalThis.__federation_shared__|| {};
+  Object.entries(shareScope).forEach(([key, value]) => {
+    for (const [versionKey, versionValue] of Object.entries(value)) {
+      const scope = versionValue.scope || 'default'
+      globalThis.__federation_shared__[scope] = globalThis.__federation_shared__[scope] || {};
+      const shared= globalThis.__federation_shared__[scope];
+      (shared[key] = shared[key]||{})[versionKey] = versionValue;
+    }
+  });
+}
+`;
+			server.middlewares.use((req, res, next) => {
+				if ((req.url || "").split("?")[0] === remoteEntryPath) {
+					res.setHeader("Content-Type", "application/javascript");
+					res.setHeader("Access-Control-Allow-Origin", "*");
+					res.end(virtualEntry);
+					return;
+				}
+				next();
+			});
+		}
+	};
 }
 //#endregion
 //#region src/dev/remote-development.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbee/vite-federation",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A Vite 8 plugin for Module Federation. Zero runtime dependencies, powered by Rolldown.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",