@module-federation/nextjs-mf 0.0.0-chore-bump-node-22-20260710161714

package/dist/src/internal.mjs

@@ -0,0 +1,152 @@
+import { __require } from "../_virtual/_rolldown/runtime.mjs";
+
+//#region src/internal.ts
+const WEBPACK_LAYERS_NAMES = {
+	shared: "shared",
+	reactServerComponents: "rsc",
+	serverSideRendering: "ssr",
+	actionBrowser: "action-browser",
+	api: "api",
+	middleware: "middleware",
+	instrument: "instrument",
+	edgeAsset: "edge-asset",
+	appPagesBrowser: "app-pages-browser"
+};
+const createSharedConfig = (name, layers, options = {}) => {
+	return layers.reduce((acc, layer) => {
+		const key = layer ? `${name}-${layer}` : name;
+		acc[key] = {
+			singleton: true,
+			requiredVersion: false,
+			import: layer ? void 0 : options.import ?? false,
+			shareKey: options.request ?? name,
+			request: options.request ?? name,
+			layer,
+			issuerLayer: layer
+		};
+		return acc;
+	}, {});
+};
+const defaultLayers = [
+	WEBPACK_LAYERS_NAMES.reactServerComponents,
+	WEBPACK_LAYERS_NAMES.serverSideRendering,
+	void 0
+];
+const navigationLayers = [WEBPACK_LAYERS_NAMES.reactServerComponents, WEBPACK_LAYERS_NAMES.serverSideRendering];
+createSharedConfig("react", defaultLayers);
+createSharedConfig("react", defaultLayers, { request: "react-dom" });
+createSharedConfig("react/", navigationLayers, {
+	request: "react/",
+	import: void 0
+});
+createSharedConfig("next-navigation", navigationLayers, { request: "next/navigation" });
+/**
+* @typedef SharedObject
+* @type {object}
+* @property {object} [key] - The key representing the shared object's package name.
+* @property {boolean} key.singleton - Whether the shared object should be a singleton.
+* @property {boolean} key.requiredVersion - Whether a specific version of the shared object is required.
+* @property {boolean} key.eager - Whether the shared object should be eagerly loaded.
+* @property {boolean} key.import - Whether the shared object should be imported or not.
+* @property {string} key.layer - The webpack layer this shared module belongs to.
+* @property {string|string[]} key.issuerLayer - The webpack layer that can import this shared module.
+*/
+const DEFAULT_SHARE_SCOPE = {
+	"next/dynamic": {
+		requiredVersion: void 0,
+		singleton: true,
+		import: void 0
+	},
+	"next/head": {
+		requiredVersion: void 0,
+		singleton: true,
+		import: void 0
+	},
+	"next/link": {
+		requiredVersion: void 0,
+		singleton: true,
+		import: void 0
+	},
+	"next/router": {
+		requiredVersion: false,
+		singleton: true,
+		import: void 0
+	},
+	"next/image": {
+		requiredVersion: void 0,
+		singleton: true,
+		import: void 0
+	},
+	"next/script": {
+		requiredVersion: void 0,
+		singleton: true,
+		import: void 0
+	},
+	react: {
+		singleton: true,
+		requiredVersion: false,
+		import: false
+	},
+	"react/": {
+		singleton: true,
+		requiredVersion: false,
+		import: false
+	},
+	"react-dom/": {
+		singleton: true,
+		requiredVersion: false,
+		import: false
+	},
+	"react-dom": {
+		singleton: true,
+		requiredVersion: false,
+		import: false
+	},
+	"react/jsx-dev-runtime": {
+		singleton: true,
+		requiredVersion: false
+	},
+	"react/jsx-runtime": {
+		singleton: true,
+		requiredVersion: false
+	},
+	"styled-jsx": {
+		singleton: true,
+		import: void 0,
+		version: __require("styled-jsx/package.json").version,
+		requiredVersion: "^" + __require("styled-jsx/package.json").version
+	},
+	"styled-jsx/style": {
+		singleton: true,
+		import: false,
+		version: __require("styled-jsx/package.json").version,
+		requiredVersion: "^" + __require("styled-jsx/package.json").version
+	},
+	"styled-jsx/css": {
+		singleton: true,
+		import: void 0,
+		version: __require("styled-jsx/package.json").version,
+		requiredVersion: "^" + __require("styled-jsx/package.json").version
+	}
+};
+/**
+* Defines a default share scope for the browser environment.
+* This function takes the DEFAULT_SHARE_SCOPE and sets eager to undefined and import to undefined for all entries.
+* For 'react', 'react-dom', 'next/router', and 'next/link', it sets eager to true.
+* The module hoisting system relocates these modules into the right runtime and out of the remote.
+*
+* @type {SharedObject}
+* @returns {SharedObject} - The modified share scope for the browser environment.
+*/
+const DEFAULT_SHARE_SCOPE_BROWSER = Object.entries(DEFAULT_SHARE_SCOPE).reduce((acc, item) => {
+	const [key, value] = item;
+	acc[key] = {
+		...value,
+		import: void 0
+	};
+	return acc;
+}, {});
+
+//#endregion
+export { DEFAULT_SHARE_SCOPE, DEFAULT_SHARE_SCOPE_BROWSER };
+//# sourceMappingURL=internal.mjs.map

package/dist/src/internal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.mjs","names":[],"sources":["../../src/internal.ts"],"sourcesContent":["import type { moduleFederationPlugin } from '@module-federation/sdk';\n\n// Extend the SharedConfig type to include layer properties\ntype ExtendedSharedConfig = moduleFederationPlugin.SharedConfig & {\n  layer?: string;\n  issuerLayer?: string | string[];\n  request?: string;\n  shareKey?: string;\n};\n\nconst WEBPACK_LAYERS_NAMES = {\n  /**\n   * The layer for the shared code between the client and server bundles.\n   */\n  shared: 'shared',\n  /**\n   * The layer for server-only runtime and picking up `react-server` export conditions.\n   * Including app router RSC pages and app router custom routes and metadata routes.\n   */\n  reactServerComponents: 'rsc',\n  /**\n   * Server Side Rendering layer for app (ssr).\n   */\n  serverSideRendering: 'ssr',\n  /**\n   * The browser client bundle layer for actions.\n   */\n  actionBrowser: 'action-browser',\n  /**\n   * The layer for the API routes.\n   */\n  api: 'api',\n  /**\n   * The layer for the middleware code.\n   */\n  middleware: 'middleware',\n  /**\n   * The layer for the instrumentation hooks.\n   */\n  instrument: 'instrument',\n  /**\n   * The layer for assets on the edge.\n   */\n  edgeAsset: 'edge-asset',\n  /**\n   * The browser client bundle layer for App directory.\n   */\n  appPagesBrowser: 'app-pages-browser',\n} as const;\n\nconst createSharedConfig = (\n  name: string,\n  layers: (string | undefined)[],\n  options: { request?: string; import?: false | undefined } = {},\n) => {\n  return layers.reduce(\n    (acc, layer) => {\n      const key = layer ? `${name}-${layer}` : name;\n      acc[key] = {\n        singleton: true,\n        requiredVersion: false,\n        import: layer ? undefined : (options.import ?? false),\n        shareKey: options.request ?? name,\n        request: options.request ?? name,\n        layer,\n        issuerLayer: layer,\n      };\n      return acc;\n    },\n    {} as Record<string, ExtendedSharedConfig>,\n  );\n};\n\nconst defaultLayers = [\n  WEBPACK_LAYERS_NAMES.reactServerComponents,\n  WEBPACK_LAYERS_NAMES.serverSideRendering,\n  undefined,\n];\n\nconst navigationLayers = [\n  WEBPACK_LAYERS_NAMES.reactServerComponents,\n  WEBPACK_LAYERS_NAMES.serverSideRendering,\n];\n\nconst reactShares = createSharedConfig('react', defaultLayers);\nconst reactDomShares = createSharedConfig('react', defaultLayers, {\n  request: 'react-dom',\n});\nconst jsxRuntimeShares = createSharedConfig('react/', navigationLayers, {\n  request: 'react/',\n  import: undefined,\n});\nconst nextNavigationShares = createSharedConfig(\n  'next-navigation',\n  navigationLayers,\n  { request: 'next/navigation' },\n);\n\n/**\n * @typedef SharedObject\n * @type {object}\n * @property {object} [key] - The key representing the shared object's package name.\n * @property {boolean} key.singleton - Whether the shared object should be a singleton.\n * @property {boolean} key.requiredVersion - Whether a specific version of the shared object is required.\n * @property {boolean} key.eager - Whether the shared object should be eagerly loaded.\n * @property {boolean} key.import - Whether the shared object should be imported or not.\n * @property {string} key.layer - The webpack layer this shared module belongs to.\n * @property {string|string[]} key.issuerLayer - The webpack layer that can import this shared module.\n */\nexport const DEFAULT_SHARE_SCOPE: moduleFederationPlugin.SharedObject = {\n  // ...reactShares,\n  // ...reactDomShares,\n  // ...nextNavigationShares,\n  // ...jsxRuntimeShares,\n  'next/dynamic': {\n    requiredVersion: undefined,\n    singleton: true,\n    import: undefined,\n  },\n  'next/head': {\n    requiredVersion: undefined,\n    singleton: true,\n    import: undefined,\n  },\n  'next/link': {\n    requiredVersion: undefined,\n    singleton: true,\n    import: undefined,\n  },\n  'next/router': {\n    requiredVersion: false,\n    singleton: true,\n    import: undefined,\n  },\n  'next/image': {\n    requiredVersion: undefined,\n    singleton: true,\n    import: undefined,\n  },\n  'next/script': {\n    requiredVersion: undefined,\n    singleton: true,\n    import: undefined,\n  },\n  react: {\n    singleton: true,\n    requiredVersion: false,\n    import: false,\n  },\n  'react/': {\n    singleton: true,\n    requiredVersion: false,\n    import: false,\n  },\n  'react-dom/': {\n    singleton: true,\n    requiredVersion: false,\n    import: false,\n  },\n  'react-dom': {\n    singleton: true,\n    requiredVersion: false,\n    import: false,\n  },\n  'react/jsx-dev-runtime': {\n    singleton: true,\n    requiredVersion: false,\n  },\n  'react/jsx-runtime': {\n    singleton: true,\n    requiredVersion: false,\n  },\n  'styled-jsx': {\n    singleton: true,\n    import: undefined,\n    version: require('styled-jsx/package.json').version,\n    requiredVersion: '^' + require('styled-jsx/package.json').version,\n  },\n  'styled-jsx/style': {\n    singleton: true,\n    import: false,\n    version: require('styled-jsx/package.json').version,\n    requiredVersion: '^' + require('styled-jsx/package.json').version,\n  },\n  'styled-jsx/css': {\n    singleton: true,\n    import: undefined,\n    version: require('styled-jsx/package.json').version,\n    requiredVersion: '^' + require('styled-jsx/package.json').version,\n  },\n};\n\n/**\n * Defines a default share scope for the browser environment.\n * This function takes the DEFAULT_SHARE_SCOPE and sets eager to undefined and import to undefined for all entries.\n * For 'react', 'react-dom', 'next/router', and 'next/link', it sets eager to true.\n * The module hoisting system relocates these modules into the right runtime and out of the remote.\n *\n * @type {SharedObject}\n * @returns {SharedObject} - The modified share scope for the browser environment.\n */\n\nexport const DEFAULT_SHARE_SCOPE_BROWSER: moduleFederationPlugin.SharedObject =\n  Object.entries(DEFAULT_SHARE_SCOPE).reduce((acc, item) => {\n    const [key, value] = item as [string, moduleFederationPlugin.SharedConfig];\n\n    // Set eager and import to undefined for all entries, except for the ones specified above\n    acc[key] = { ...value, import: undefined };\n\n    return acc;\n  }, {} as moduleFederationPlugin.SharedObject);\n\n/**\n * Checks if the remote value is an internal or promise delegate module reference.\n *\n * @param {string} value - The remote value to check.\n * @returns {boolean} - True if the value is an internal or promise delegate module reference, false otherwise.\n */\nconst isInternalOrPromise = (value: string): boolean =>\n  ['internal ', 'promise '].some((prefix) => value.startsWith(prefix));\n\n/**\n * Parses the remotes object and checks if they are using a custom promise template or not.\n * If it's a custom promise template, the remote syntax is parsed to get the module name and version number.\n * If the remote value is using the standard remote syntax, a delegated module is created.\n *\n * @param {Record<string, any>} remotes - The remotes object to be parsed.\n * @returns {Record<string, string>} - The parsed remotes object with either the original value,\n * the value for internal or promise delegate module reference, or the created delegated module.\n */\nexport const parseRemotes = (\n  remotes: Record<string, any>,\n): Record<string, string> => {\n  return Object.entries(remotes).reduce(\n    (acc, [key, value]) => {\n      if (isInternalOrPromise(value)) {\n        // If the value is an internal or promise delegate module reference, keep the original value\n        return { ...acc, [key]: value };\n      }\n\n      return { ...acc, [key]: value };\n    },\n    {} as Record<string, string>,\n  );\n};\n/**\n * Checks if the remote value is an internal delegate module reference.\n * An internal delegate module reference starts with the string 'internal '.\n *\n * @param {string} value - The remote value to check.\n * @returns {boolean} - Returns true if the value is an internal delegate module reference, otherwise returns false.\n */\nconst isInternalDelegate = (value: string): boolean => {\n  return value.startsWith('internal ');\n};\n/**\n * Extracts the delegate modules from the provided remotes object.\n * This function iterates over the remotes object and checks if each remote value is an internal delegate module reference.\n * If it is, the function adds it to the returned object.\n *\n * @param {Record<string, any>} remotes - The remotes object containing delegate module references.\n * @returns {Record<string, string>} - An object containing only the delegate modules from the remotes object.\n */\nexport const getDelegates = (\n  remotes: Record<string, any>,\n): Record<string, string> =>\n  Object.entries(remotes).reduce(\n    (acc, [key, value]) =>\n      isInternalDelegate(value) ? { ...acc, [key]: value } : acc,\n    {},\n  );\n\n/**\n * Takes an error object and formats it into a displayable string.\n * If the error object contains a stack trace, it is appended to the error message.\n *\n * @param {Error} error - The error object to be formatted.\n * @returns {string} - The formatted error message string. If a stack trace is present in the error object, it is appended to the error message.\n */\nconst formatError = (error: Error): string => {\n  let { message } = error;\n  if (error.stack) {\n    message += `\\n${error.stack}`;\n  }\n  return message;\n};\n\n/**\n * Transforms an array of Error objects into a single string. Each error message is formatted using the 'formatError' function.\n * The resulting error messages are then joined together, separated by newline characters.\n *\n * @param {Error[]} err - An array of Error objects that need to be formatted and combined.\n * @returns {string} - A single string containing all the formatted error messages, separated by newline characters.\n */\nexport const toDisplayErrors = (err: Error[]): string => {\n  return err.map(formatError).join('\\n');\n};\n"],"mappings":";;;AAUA,MAAM,uBAAuB;CAI3B,QAAQ;CAKR,uBAAuB;CAIvB,qBAAqB;CAIrB,eAAe;CAIf,KAAK;CAIL,YAAY;CAIZ,YAAY;CAIZ,WAAW;CAIX,iBAAiB;CAClB;AAED,MAAM,sBACJ,MACA,QACA,UAA4D,EAAE,KAC3D;AACH,QAAO,OAAO,QACX,KAAK,UAAU;EACd,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,UAAU;AACzC,MAAI,OAAO;GACT,WAAW;GACX,iBAAiB;GACjB,QAAQ,QAAQ,SAAa,QAAQ,UAAU;GAC/C,UAAU,QAAQ,WAAW;GAC7B,SAAS,QAAQ,WAAW;GAC5B;GACA,aAAa;GACd;AACD,SAAO;IAET,EAAE,CACH;;AAGH,MAAM,gBAAgB;CACpB,qBAAqB;CACrB,qBAAqB;CACrB;CACD;AAED,MAAM,mBAAmB,CACvB,qBAAqB,uBACrB,qBAAqB,oBACtB;AAEmB,mBAAmB,SAAS,cAAc;AACvC,mBAAmB,SAAS,eAAe,EAChE,SAAS,aACV,CAAC;AACuB,mBAAmB,UAAU,kBAAkB;CACtE,SAAS;CACT,QAAQ;CACT,CAAC;AAC2B,mBAC3B,mBACA,kBACA,EAAE,SAAS,mBAAmB,CAC/B;;;;;;;;;;;;AAaD,MAAa,sBAA2D;CAKtE,gBAAgB;EACd,iBAAiB;EACjB,WAAW;EACX,QAAQ;EACT;CACD,aAAa;EACX,iBAAiB;EACjB,WAAW;EACX,QAAQ;EACT;CACD,aAAa;EACX,iBAAiB;EACjB,WAAW;EACX,QAAQ;EACT;CACD,eAAe;EACb,iBAAiB;EACjB,WAAW;EACX,QAAQ;EACT;CACD,cAAc;EACZ,iBAAiB;EACjB,WAAW;EACX,QAAQ;EACT;CACD,eAAe;EACb,iBAAiB;EACjB,WAAW;EACX,QAAQ;EACT;CACD,OAAO;EACL,WAAW;EACX,iBAAiB;EACjB,QAAQ;EACT;CACD,UAAU;EACR,WAAW;EACX,iBAAiB;EACjB,QAAQ;EACT;CACD,cAAc;EACZ,WAAW;EACX,iBAAiB;EACjB,QAAQ;EACT;CACD,aAAa;EACX,WAAW;EACX,iBAAiB;EACjB,QAAQ;EACT;CACD,yBAAyB;EACvB,WAAW;EACX,iBAAiB;EAClB;CACD,qBAAqB;EACnB,WAAW;EACX,iBAAiB;EAClB;CACD,cAAc;EACZ,WAAW;EACX,QAAQ;EACR,mBAAiB,0BAA0B,CAAC;EAC5C,iBAAiB,gBAAc,0BAA0B,CAAC;EAC3D;CACD,oBAAoB;EAClB,WAAW;EACX,QAAQ;EACR,mBAAiB,0BAA0B,CAAC;EAC5C,iBAAiB,gBAAc,0BAA0B,CAAC;EAC3D;CACD,kBAAkB;EAChB,WAAW;EACX,QAAQ;EACR,mBAAiB,0BAA0B,CAAC;EAC5C,iBAAiB,gBAAc,0BAA0B,CAAC;EAC3D;CACF;;;;;;;;;;AAYD,MAAa,8BACX,OAAO,QAAQ,oBAAoB,CAAC,QAAQ,KAAK,SAAS;CACxD,MAAM,CAAC,KAAK,SAAS;AAGrB,KAAI,OAAO;EAAE,GAAG;EAAO,QAAQ;EAAW;AAE1C,QAAO;GACN,EAAE,CAAwC"}

package/dist/src/loaders/fixImageLoader.d.mts

@@ -0,0 +1,27 @@
+import { LoaderContext } from "webpack";
+
+//#region src/loaders/fixImageLoader.d.ts
+/**
+ * This loader is specifically created for tuning the next-image-loader result.
+ * It modifies the regular string output of the next-image-loader.
+ * For server-side rendering (SSR), it injects the remote scope of a specific remote URL.
+ * For client-side rendering (CSR), it injects the document.currentScript.src.
+ * After these injections, it selects the full URI before _next.
+ *
+ * @example
+ * http://localhost:1234/test/test2/_next/static/media/ssl.e3019f0e.svg
+ * will become
+ * http://localhost:1234/test/test2
+ *
+ * @param {LoaderContext<Record<string, unknown>>} this - The loader context.
+ * @param {string} remaining - The remaining part of the resource path.
+ * @returns {string} The modified source code with the injected code.
+ */
+declare function fixImageLoader(this: LoaderContext<Record<string, unknown>>, remaining: string): Promise<string>;
+/**
+ * The pitch function of the loader, which is the same as the fixImageLoader function.
+ */
+declare const pitch: typeof fixImageLoader;
+//#endregion
+export { fixImageLoader, pitch };
+//# sourceMappingURL=fixImageLoader.d.mts.map

package/dist/src/loaders/fixImageLoader.d.ts

@@ -0,0 +1,27 @@
+import { LoaderContext } from "webpack";
+
+//#region src/loaders/fixImageLoader.d.ts
+/**
+ * This loader is specifically created for tuning the next-image-loader result.
+ * It modifies the regular string output of the next-image-loader.
+ * For server-side rendering (SSR), it injects the remote scope of a specific remote URL.
+ * For client-side rendering (CSR), it injects the document.currentScript.src.
+ * After these injections, it selects the full URI before _next.
+ *
+ * @example
+ * http://localhost:1234/test/test2/_next/static/media/ssl.e3019f0e.svg
+ * will become
+ * http://localhost:1234/test/test2
+ *
+ * @param {LoaderContext<Record<string, unknown>>} this - The loader context.
+ * @param {string} remaining - The remaining part of the resource path.
+ * @returns {string} The modified source code with the injected code.
+ */
+declare function fixImageLoader(this: LoaderContext<Record<string, unknown>>, remaining: string): Promise<string>;
+/**
+ * The pitch function of the loader, which is the same as the fixImageLoader function.
+ */
+declare const pitch: typeof fixImageLoader;
+//#endregion
+export { fixImageLoader, pitch };
+//# sourceMappingURL=fixImageLoader.d.ts.map

package/dist/src/loaders/fixImageLoader.js

@@ -0,0 +1,104 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+let path = require("path");
+path = require_runtime.__toESM(path);
+let _module_federation_sdk_normalize_webpack_path = require("@module-federation/sdk/normalize-webpack-path");
+
+//#region src/loaders/fixImageLoader.ts
+const { Template } = require((0, _module_federation_sdk_normalize_webpack_path.normalizeWebpackPath)("webpack"));
+/**
+* This loader is specifically created for tuning the next-image-loader result.
+* It modifies the regular string output of the next-image-loader.
+* For server-side rendering (SSR), it injects the remote scope of a specific remote URL.
+* For client-side rendering (CSR), it injects the document.currentScript.src.
+* After these injections, it selects the full URI before _next.
+*
+* @example
+* http://localhost:1234/test/test2/_next/static/media/ssl.e3019f0e.svg
+* will become
+* http://localhost:1234/test/test2
+*
+* @param {LoaderContext<Record<string, unknown>>} this - The loader context.
+* @param {string} remaining - The remaining part of the resource path.
+* @returns {string} The modified source code with the injected code.
+*/
+async function fixImageLoader(remaining) {
+	this.cacheable(true);
+	const isServer = this._compiler?.options?.name !== "client";
+	const publicPath = this._compiler?.webpack?.RuntimeGlobals?.publicPath ?? "";
+	const result = await this.importModule(`${this.resourcePath}.webpack[javascript/auto]!=!${remaining}`);
+	const content = result.default || result;
+	const computedAssetPrefix = isServer ? `${Template.asString([
+		"function getSSRImagePath(){",
+		`const pubpath = ${publicPath};`,
+		Template.asString([
+			"try {",
+			Template.indent([
+				"const globalThisVal = new Function('return globalThis')();",
+				"const name = __webpack_require__.federation.instance.name",
+				`const container = globalThisVal['__FEDERATION__']['__INSTANCES__'].find(
+              (instance) => {
+                if(!instance) return;
+                if (!instance.moduleCache.has(name)) return;
+                const container = instance.moduleCache.get(name);
+                if (!container.remoteInfo) return;
+                return container.remoteInfo.entry;
+              },
+            );`,
+				"if(!container) return \"\";",
+				"const cache = container.moduleCache",
+				"const remote = cache.get(name).remoteInfo",
+				`const remoteEntry = remote.entry;`,
+				`if (remoteEntry) {`,
+				Template.indent([`const splitted = remoteEntry.split('/_next')`, `return splitted.length === 2 ? splitted[0] : '';`]),
+				`}`,
+				`return '';`
+			]),
+			"} catch (e) {",
+			Template.indent([`console.error('failed generating SSR image path', e);`, "return \"\";"]),
+			"}"
+		]),
+		"}()"
+	])}` : `${Template.asString([
+		"function getCSRImagePath(){",
+		Template.indent([
+			"try {",
+			Template.indent([`const splitted = ${publicPath} ? ${publicPath}.split('/_next') : '';`, `return splitted.length === 2 ? splitted[0] : '';`]),
+			"} catch (e) {",
+			Template.indent([
+				`const path = document.currentScript && document.currentScript.src;`,
+				`console.error('failed generating CSR image path', e, path);`,
+				"return \"\";"
+			]),
+			"}"
+		]),
+		"}()"
+	])}`;
+	const constructedObject = Object.entries(content).reduce((acc, [key, value]) => {
+		if (key === "src") {
+			if (value && !value.includes("://")) value = path.default.join(value);
+			acc.push(`${key}: computedAssetsPrefixReference + ${JSON.stringify(value)}`);
+			return acc;
+		}
+		acc.push(`${key}: ${JSON.stringify(value)}`);
+		return acc;
+	}, []);
+	return Template.asString([
+		"let computedAssetsPrefixReference = '';",
+		"try {",
+		Template.indent(`computedAssetsPrefixReference = ${computedAssetPrefix};`),
+		"} catch (e) {}",
+		"export default {",
+		Template.indent(constructedObject.join(",\n")),
+		"}"
+	]);
+}
+/**
+* The pitch function of the loader, which is the same as the fixImageLoader function.
+*/
+const pitch = fixImageLoader;
+
+//#endregion
+exports.fixImageLoader = fixImageLoader;
+exports.pitch = pitch;
+//# sourceMappingURL=fixImageLoader.js.map

package/dist/src/loaders/fixImageLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixImageLoader.js","names":[],"sources":["../../../src/loaders/fixImageLoader.ts"],"sourcesContent":["import type { LoaderContext } from 'webpack';\nimport { normalizeWebpackPath } from '@module-federation/sdk/normalize-webpack-path';\nconst { Template } = require(\n  normalizeWebpackPath('webpack'),\n) as typeof import('webpack');\nimport path from 'path';\n\n/**\n * This loader is specifically created for tuning the next-image-loader result.\n * It modifies the regular string output of the next-image-loader.\n * For server-side rendering (SSR), it injects the remote scope of a specific remote URL.\n * For client-side rendering (CSR), it injects the document.currentScript.src.\n * After these injections, it selects the full URI before _next.\n *\n * @example\n * http://localhost:1234/test/test2/_next/static/media/ssl.e3019f0e.svg\n * will become\n * http://localhost:1234/test/test2\n *\n * @param {LoaderContext<Record<string, unknown>>} this - The loader context.\n * @param {string} remaining - The remaining part of the resource path.\n * @returns {string} The modified source code with the injected code.\n */\nexport async function fixImageLoader(\n  this: LoaderContext<Record<string, unknown>>,\n  remaining: string,\n) {\n  this.cacheable(true);\n\n  const isServer = this._compiler?.options?.name !== 'client';\n  const publicPath = this._compiler?.webpack?.RuntimeGlobals?.publicPath ?? '';\n\n  const result = await this.importModule(\n    `${this.resourcePath}.webpack[javascript/auto]!=!${remaining}`,\n  );\n\n  const content = (result.default || result) as Record<string, string>;\n\n  const computedAssetPrefix = isServer\n    ? `${Template.asString([\n        'function getSSRImagePath(){',\n        //TODO: use auto public path plugin instead\n        `const pubpath = ${publicPath};`,\n        Template.asString([\n          'try {',\n          Template.indent([\n            \"const globalThisVal = new Function('return globalThis')();\",\n            'const name = __webpack_require__.federation.instance.name',\n            `const container = globalThisVal['__FEDERATION__']['__INSTANCES__'].find(\n              (instance) => {\n                if(!instance) return;\n                if (!instance.moduleCache.has(name)) return;\n                const container = instance.moduleCache.get(name);\n                if (!container.remoteInfo) return;\n                return container.remoteInfo.entry;\n              },\n            );`,\n            'if(!container) return \"\";',\n            'const cache = container.moduleCache',\n            'const remote = cache.get(name).remoteInfo',\n            `const remoteEntry = remote.entry;`,\n            `if (remoteEntry) {`,\n            Template.indent([\n              `const splitted = remoteEntry.split('/_next')`,\n              `return splitted.length === 2 ? splitted[0] : '';`,\n            ]),\n            `}`,\n            `return '';`,\n          ]),\n          '} catch (e) {',\n          Template.indent([\n            `console.error('failed generating SSR image path', e);`,\n            'return \"\";',\n          ]),\n          '}',\n        ]),\n        '}()',\n      ])}`\n    : `${Template.asString([\n        'function getCSRImagePath(){',\n        Template.indent([\n          'try {',\n          Template.indent([\n            `const splitted = ${publicPath} ? ${publicPath}.split('/_next') : '';`,\n            `return splitted.length === 2 ? splitted[0] : '';`,\n          ]),\n          '} catch (e) {',\n          Template.indent([\n            `const path = document.currentScript && document.currentScript.src;`,\n            `console.error('failed generating CSR image path', e, path);`,\n            'return \"\";',\n          ]),\n          '}',\n        ]),\n        '}()',\n      ])}`;\n\n  const constructedObject = Object.entries(content).reduce(\n    (acc, [key, value]) => {\n      if (key === 'src') {\n        if (value && !value.includes('://')) {\n          value = path.join(value);\n        }\n        acc.push(\n          `${key}: computedAssetsPrefixReference + ${JSON.stringify(value)}`,\n        );\n        return acc;\n      }\n      acc.push(`${key}: ${JSON.stringify(value)}`);\n      return acc;\n    },\n    [] as string[],\n  );\n\n  return Template.asString([\n    \"let computedAssetsPrefixReference = '';\",\n    'try {',\n    Template.indent(`computedAssetsPrefixReference = ${computedAssetPrefix};`),\n    '} catch (e) {}',\n    'export default {',\n    Template.indent(constructedObject.join(',\\n')),\n    '}',\n  ]);\n}\n\n/**\n * The pitch function of the loader, which is the same as the fixImageLoader function.\n */\nexport const pitch = fixImageLoader;\n"],"mappings":";;;;;;;AAEA,MAAM,EAAE,aAAa,gFACE,UAAU,CAChC;;;;;;;;;;;;;;;;;AAmBD,eAAsB,eAEpB,WACA;AACA,MAAK,UAAU,KAAK;CAEpB,MAAM,WAAW,KAAK,WAAW,SAAS,SAAS;CACnD,MAAM,aAAa,KAAK,WAAW,SAAS,gBAAgB,cAAc;CAE1E,MAAM,SAAS,MAAM,KAAK,aACxB,GAAG,KAAK,aAAa,8BAA8B,YACpD;CAED,MAAM,UAAW,OAAO,WAAW;CAEnC,MAAM,sBAAsB,WACxB,GAAG,SAAS,SAAS;EACnB;EAEA,mBAAmB,WAAW;EAC9B,SAAS,SAAS;GAChB;GACA,SAAS,OAAO;IACd;IACA;IACA;;;;;;;;;IASA;IACA;IACA;IACA;IACA;IACA,SAAS,OAAO,CACd,gDACA,mDACD,CAAC;IACF;IACA;IACD,CAAC;GACF;GACA,SAAS,OAAO,CACd,yDACA,eACD,CAAC;GACF;GACD,CAAC;EACF;EACD,CAAC,KACF,GAAG,SAAS,SAAS;EACnB;EACA,SAAS,OAAO;GACd;GACA,SAAS,OAAO,CACd,oBAAoB,WAAW,KAAK,WAAW,yBAC/C,mDACD,CAAC;GACF;GACA,SAAS,OAAO;IACd;IACA;IACA;IACD,CAAC;GACF;GACD,CAAC;EACF;EACD,CAAC;CAEN,MAAM,oBAAoB,OAAO,QAAQ,QAAQ,CAAC,QAC/C,KAAK,CAAC,KAAK,WAAW;AACrB,MAAI,QAAQ,OAAO;AACjB,OAAI,SAAS,CAAC,MAAM,SAAS,MAAM,CACjC,SAAQ,aAAK,KAAK,MAAM;AAE1B,OAAI,KACF,GAAG,IAAI,oCAAoC,KAAK,UAAU,MAAM,GACjE;AACD,UAAO;;AAET,MAAI,KAAK,GAAG,IAAI,IAAI,KAAK,UAAU,MAAM,GAAG;AAC5C,SAAO;IAET,EAAE,CACH;AAED,QAAO,SAAS,SAAS;EACvB;EACA;EACA,SAAS,OAAO,mCAAmC,oBAAoB,GAAG;EAC1E;EACA;EACA,SAAS,OAAO,kBAAkB,KAAK,MAAM,CAAC;EAC9C;EACD,CAAC;;;;;AAMJ,MAAa,QAAQ"}

package/dist/src/loaders/fixImageLoader.mjs

@@ -0,0 +1,101 @@
+import { __require } from "../../_virtual/_rolldown/runtime.mjs";
+import path from "path";
+import { normalizeWebpackPath } from "@module-federation/sdk/normalize-webpack-path";
+
+//#region src/loaders/fixImageLoader.ts
+const { Template } = __require(normalizeWebpackPath("webpack"));
+/**
+* This loader is specifically created for tuning the next-image-loader result.
+* It modifies the regular string output of the next-image-loader.
+* For server-side rendering (SSR), it injects the remote scope of a specific remote URL.
+* For client-side rendering (CSR), it injects the document.currentScript.src.
+* After these injections, it selects the full URI before _next.
+*
+* @example
+* http://localhost:1234/test/test2/_next/static/media/ssl.e3019f0e.svg
+* will become
+* http://localhost:1234/test/test2
+*
+* @param {LoaderContext<Record<string, unknown>>} this - The loader context.
+* @param {string} remaining - The remaining part of the resource path.
+* @returns {string} The modified source code with the injected code.
+*/
+async function fixImageLoader(remaining) {
+	this.cacheable(true);
+	const isServer = this._compiler?.options?.name !== "client";
+	const publicPath = this._compiler?.webpack?.RuntimeGlobals?.publicPath ?? "";
+	const result = await this.importModule(`${this.resourcePath}.webpack[javascript/auto]!=!${remaining}`);
+	const content = result.default || result;
+	const computedAssetPrefix = isServer ? `${Template.asString([
+		"function getSSRImagePath(){",
+		`const pubpath = ${publicPath};`,
+		Template.asString([
+			"try {",
+			Template.indent([
+				"const globalThisVal = new Function('return globalThis')();",
+				"const name = __webpack_require__.federation.instance.name",
+				`const container = globalThisVal['__FEDERATION__']['__INSTANCES__'].find(
+              (instance) => {
+                if(!instance) return;
+                if (!instance.moduleCache.has(name)) return;
+                const container = instance.moduleCache.get(name);
+                if (!container.remoteInfo) return;
+                return container.remoteInfo.entry;
+              },
+            );`,
+				"if(!container) return \"\";",
+				"const cache = container.moduleCache",
+				"const remote = cache.get(name).remoteInfo",
+				`const remoteEntry = remote.entry;`,
+				`if (remoteEntry) {`,
+				Template.indent([`const splitted = remoteEntry.split('/_next')`, `return splitted.length === 2 ? splitted[0] : '';`]),
+				`}`,
+				`return '';`
+			]),
+			"} catch (e) {",
+			Template.indent([`console.error('failed generating SSR image path', e);`, "return \"\";"]),
+			"}"
+		]),
+		"}()"
+	])}` : `${Template.asString([
+		"function getCSRImagePath(){",
+		Template.indent([
+			"try {",
+			Template.indent([`const splitted = ${publicPath} ? ${publicPath}.split('/_next') : '';`, `return splitted.length === 2 ? splitted[0] : '';`]),
+			"} catch (e) {",
+			Template.indent([
+				`const path = document.currentScript && document.currentScript.src;`,
+				`console.error('failed generating CSR image path', e, path);`,
+				"return \"\";"
+			]),
+			"}"
+		]),
+		"}()"
+	])}`;
+	const constructedObject = Object.entries(content).reduce((acc, [key, value]) => {
+		if (key === "src") {
+			if (value && !value.includes("://")) value = path.join(value);
+			acc.push(`${key}: computedAssetsPrefixReference + ${JSON.stringify(value)}`);
+			return acc;
+		}
+		acc.push(`${key}: ${JSON.stringify(value)}`);
+		return acc;
+	}, []);
+	return Template.asString([
+		"let computedAssetsPrefixReference = '';",
+		"try {",
+		Template.indent(`computedAssetsPrefixReference = ${computedAssetPrefix};`),
+		"} catch (e) {}",
+		"export default {",
+		Template.indent(constructedObject.join(",\n")),
+		"}"
+	]);
+}
+/**
+* The pitch function of the loader, which is the same as the fixImageLoader function.
+*/
+const pitch = fixImageLoader;
+
+//#endregion
+export { fixImageLoader, pitch };
+//# sourceMappingURL=fixImageLoader.mjs.map

package/dist/src/loaders/fixImageLoader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixImageLoader.mjs","names":[],"sources":["../../../src/loaders/fixImageLoader.ts"],"sourcesContent":["import type { LoaderContext } from 'webpack';\nimport { normalizeWebpackPath } from '@module-federation/sdk/normalize-webpack-path';\nconst { Template } = require(\n  normalizeWebpackPath('webpack'),\n) as typeof import('webpack');\nimport path from 'path';\n\n/**\n * This loader is specifically created for tuning the next-image-loader result.\n * It modifies the regular string output of the next-image-loader.\n * For server-side rendering (SSR), it injects the remote scope of a specific remote URL.\n * For client-side rendering (CSR), it injects the document.currentScript.src.\n * After these injections, it selects the full URI before _next.\n *\n * @example\n * http://localhost:1234/test/test2/_next/static/media/ssl.e3019f0e.svg\n * will become\n * http://localhost:1234/test/test2\n *\n * @param {LoaderContext<Record<string, unknown>>} this - The loader context.\n * @param {string} remaining - The remaining part of the resource path.\n * @returns {string} The modified source code with the injected code.\n */\nexport async function fixImageLoader(\n  this: LoaderContext<Record<string, unknown>>,\n  remaining: string,\n) {\n  this.cacheable(true);\n\n  const isServer = this._compiler?.options?.name !== 'client';\n  const publicPath = this._compiler?.webpack?.RuntimeGlobals?.publicPath ?? '';\n\n  const result = await this.importModule(\n    `${this.resourcePath}.webpack[javascript/auto]!=!${remaining}`,\n  );\n\n  const content = (result.default || result) as Record<string, string>;\n\n  const computedAssetPrefix = isServer\n    ? `${Template.asString([\n        'function getSSRImagePath(){',\n        //TODO: use auto public path plugin instead\n        `const pubpath = ${publicPath};`,\n        Template.asString([\n          'try {',\n          Template.indent([\n            \"const globalThisVal = new Function('return globalThis')();\",\n            'const name = __webpack_require__.federation.instance.name',\n            `const container = globalThisVal['__FEDERATION__']['__INSTANCES__'].find(\n              (instance) => {\n                if(!instance) return;\n                if (!instance.moduleCache.has(name)) return;\n                const container = instance.moduleCache.get(name);\n                if (!container.remoteInfo) return;\n                return container.remoteInfo.entry;\n              },\n            );`,\n            'if(!container) return \"\";',\n            'const cache = container.moduleCache',\n            'const remote = cache.get(name).remoteInfo',\n            `const remoteEntry = remote.entry;`,\n            `if (remoteEntry) {`,\n            Template.indent([\n              `const splitted = remoteEntry.split('/_next')`,\n              `return splitted.length === 2 ? splitted[0] : '';`,\n            ]),\n            `}`,\n            `return '';`,\n          ]),\n          '} catch (e) {',\n          Template.indent([\n            `console.error('failed generating SSR image path', e);`,\n            'return \"\";',\n          ]),\n          '}',\n        ]),\n        '}()',\n      ])}`\n    : `${Template.asString([\n        'function getCSRImagePath(){',\n        Template.indent([\n          'try {',\n          Template.indent([\n            `const splitted = ${publicPath} ? ${publicPath}.split('/_next') : '';`,\n            `return splitted.length === 2 ? splitted[0] : '';`,\n          ]),\n          '} catch (e) {',\n          Template.indent([\n            `const path = document.currentScript && document.currentScript.src;`,\n            `console.error('failed generating CSR image path', e, path);`,\n            'return \"\";',\n          ]),\n          '}',\n        ]),\n        '}()',\n      ])}`;\n\n  const constructedObject = Object.entries(content).reduce(\n    (acc, [key, value]) => {\n      if (key === 'src') {\n        if (value && !value.includes('://')) {\n          value = path.join(value);\n        }\n        acc.push(\n          `${key}: computedAssetsPrefixReference + ${JSON.stringify(value)}`,\n        );\n        return acc;\n      }\n      acc.push(`${key}: ${JSON.stringify(value)}`);\n      return acc;\n    },\n    [] as string[],\n  );\n\n  return Template.asString([\n    \"let computedAssetsPrefixReference = '';\",\n    'try {',\n    Template.indent(`computedAssetsPrefixReference = ${computedAssetPrefix};`),\n    '} catch (e) {}',\n    'export default {',\n    Template.indent(constructedObject.join(',\\n')),\n    '}',\n  ]);\n}\n\n/**\n * The pitch function of the loader, which is the same as the fixImageLoader function.\n */\nexport const pitch = fixImageLoader;\n"],"mappings":";;;;;AAEA,MAAM,EAAE,uBACN,qBAAqB,UAAU,CAChC;;;;;;;;;;;;;;;;;AAmBD,eAAsB,eAEpB,WACA;AACA,MAAK,UAAU,KAAK;CAEpB,MAAM,WAAW,KAAK,WAAW,SAAS,SAAS;CACnD,MAAM,aAAa,KAAK,WAAW,SAAS,gBAAgB,cAAc;CAE1E,MAAM,SAAS,MAAM,KAAK,aACxB,GAAG,KAAK,aAAa,8BAA8B,YACpD;CAED,MAAM,UAAW,OAAO,WAAW;CAEnC,MAAM,sBAAsB,WACxB,GAAG,SAAS,SAAS;EACnB;EAEA,mBAAmB,WAAW;EAC9B,SAAS,SAAS;GAChB;GACA,SAAS,OAAO;IACd;IACA;IACA;;;;;;;;;IASA;IACA;IACA;IACA;IACA;IACA,SAAS,OAAO,CACd,gDACA,mDACD,CAAC;IACF;IACA;IACD,CAAC;GACF;GACA,SAAS,OAAO,CACd,yDACA,eACD,CAAC;GACF;GACD,CAAC;EACF;EACD,CAAC,KACF,GAAG,SAAS,SAAS;EACnB;EACA,SAAS,OAAO;GACd;GACA,SAAS,OAAO,CACd,oBAAoB,WAAW,KAAK,WAAW,yBAC/C,mDACD,CAAC;GACF;GACA,SAAS,OAAO;IACd;IACA;IACA;IACD,CAAC;GACF;GACD,CAAC;EACF;EACD,CAAC;CAEN,MAAM,oBAAoB,OAAO,QAAQ,QAAQ,CAAC,QAC/C,KAAK,CAAC,KAAK,WAAW;AACrB,MAAI,QAAQ,OAAO;AACjB,OAAI,SAAS,CAAC,MAAM,SAAS,MAAM,CACjC,SAAQ,KAAK,KAAK,MAAM;AAE1B,OAAI,KACF,GAAG,IAAI,oCAAoC,KAAK,UAAU,MAAM,GACjE;AACD,UAAO;;AAET,MAAI,KAAK,GAAG,IAAI,IAAI,KAAK,UAAU,MAAM,GAAG;AAC5C,SAAO;IAET,EAAE,CACH;AAED,QAAO,SAAS,SAAS;EACvB;EACA;EACA,SAAS,OAAO,mCAAmC,oBAAoB,GAAG;EAC1E;EACA;EACA,SAAS,OAAO,kBAAkB,KAAK,MAAM,CAAC;EAC9C;EACD,CAAC;;;;;AAMJ,MAAa,QAAQ"}

package/dist/src/loaders/fixUrlLoader.d.mts

@@ -0,0 +1,16 @@
+//#region src/loaders/fixUrlLoader.d.ts
+/**
+ * `fixUrlLoader` is a custom loader designed to modify the output of the url-loader.
+ * It injects the PUBLIC_PATH from the webpack runtime into the output.
+ * The output format is: `export default __webpack_require__.p + "/static/media/ssl.e3019f0e.svg"`
+ *
+ * `__webpack_require__.p` is a global variable in the webpack container that contains the publicPath.
+ * For example, it could be: http://localhost:3000/_next
+ *
+ * @param {string} content - The original output from the url-loader.
+ * @returns {string} The modified output with the injected PUBLIC_PATH.
+ */
+declare function fixUrlLoader(content: string): string;
+//#endregion
+export { fixUrlLoader as default, fixUrlLoader };
+//# sourceMappingURL=fixUrlLoader.d.mts.map

package/dist/src/loaders/fixUrlLoader.d.ts

@@ -0,0 +1,16 @@
+//#region src/loaders/fixUrlLoader.d.ts
+/**
+ * `fixUrlLoader` is a custom loader designed to modify the output of the url-loader.
+ * It injects the PUBLIC_PATH from the webpack runtime into the output.
+ * The output format is: `export default __webpack_require__.p + "/static/media/ssl.e3019f0e.svg"`
+ *
+ * `__webpack_require__.p` is a global variable in the webpack container that contains the publicPath.
+ * For example, it could be: http://localhost:3000/_next
+ *
+ * @param {string} content - The original output from the url-loader.
+ * @returns {string} The modified output with the injected PUBLIC_PATH.
+ */
+declare function fixUrlLoader(content: string): string;
+//#endregion
+export { fixUrlLoader as default, fixUrlLoader };
+//# sourceMappingURL=fixUrlLoader.d.ts.map

package/dist/src/loaders/fixUrlLoader.js

@@ -0,0 +1,22 @@
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+//#region src/loaders/fixUrlLoader.ts
+/**
+* `fixUrlLoader` is a custom loader designed to modify the output of the url-loader.
+* It injects the PUBLIC_PATH from the webpack runtime into the output.
+* The output format is: `export default __webpack_require__.p + "/static/media/ssl.e3019f0e.svg"`
+*
+* `__webpack_require__.p` is a global variable in the webpack container that contains the publicPath.
+* For example, it could be: http://localhost:3000/_next
+*
+* @param {string} content - The original output from the url-loader.
+* @returns {string} The modified output with the injected PUBLIC_PATH.
+*/
+function fixUrlLoader(content) {
+	return content.replace("export default \"/", `export default __webpack_require__.p.replace(/(.+\\:\\/\\/[^\\/]+){0,1}\\/.*/i, '\$1')+"/`);
+}
+
+//#endregion
+exports.default = fixUrlLoader;
+exports.fixUrlLoader = fixUrlLoader;
+//# sourceMappingURL=fixUrlLoader.js.map

package/dist/src/loaders/fixUrlLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixUrlLoader.js","names":[],"sources":["../../../src/loaders/fixUrlLoader.ts"],"sourcesContent":["/**\n * `fixUrlLoader` is a custom loader designed to modify the output of the url-loader.\n * It injects the PUBLIC_PATH from the webpack runtime into the output.\n * The output format is: `export default __webpack_require__.p + \"/static/media/ssl.e3019f0e.svg\"`\n *\n * `__webpack_require__.p` is a global variable in the webpack container that contains the publicPath.\n * For example, it could be: http://localhost:3000/_next\n *\n * @param {string} content - The original output from the url-loader.\n * @returns {string} The modified output with the injected PUBLIC_PATH.\n */\nexport function fixUrlLoader(content: string) {\n  // This regular expression extracts the hostname from the publicPath.\n  // For example, it transforms http://localhost:3000/_next/... into http://localhost:3000\n  const currentHostnameCode =\n    \"__webpack_require__.p.replace(/(.+\\\\:\\\\/\\\\/[^\\\\/]+){0,1}\\\\/.*/i, '$1')\";\n\n  // Replace the default export path in the content with the modified path that includes the hostname.\n  return content.replace(\n    'export default \"/',\n    `export default ${currentHostnameCode}+\"/`,\n  );\n}\n\n// Export the fixUrlLoader function as the default export of this module.\nexport default fixUrlLoader;\n"],"mappings":";;;;;;;;;;;;;;AAWA,SAAgB,aAAa,SAAiB;AAO5C,QAAO,QAAQ,QACb,sBACA,4FACD"}

package/dist/src/loaders/fixUrlLoader.mjs

@@ -0,0 +1,19 @@
+//#region src/loaders/fixUrlLoader.ts
+/**
+* `fixUrlLoader` is a custom loader designed to modify the output of the url-loader.
+* It injects the PUBLIC_PATH from the webpack runtime into the output.
+* The output format is: `export default __webpack_require__.p + "/static/media/ssl.e3019f0e.svg"`
+*
+* `__webpack_require__.p` is a global variable in the webpack container that contains the publicPath.
+* For example, it could be: http://localhost:3000/_next
+*
+* @param {string} content - The original output from the url-loader.
+* @returns {string} The modified output with the injected PUBLIC_PATH.
+*/
+function fixUrlLoader(content) {
+	return content.replace("export default \"/", `export default __webpack_require__.p.replace(/(.+\\:\\/\\/[^\\/]+){0,1}\\/.*/i, '\$1')+"/`);
+}
+
+//#endregion
+export { fixUrlLoader as default, fixUrlLoader };
+//# sourceMappingURL=fixUrlLoader.mjs.map

package/dist/src/loaders/fixUrlLoader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixUrlLoader.mjs","names":[],"sources":["../../../src/loaders/fixUrlLoader.ts"],"sourcesContent":["/**\n * `fixUrlLoader` is a custom loader designed to modify the output of the url-loader.\n * It injects the PUBLIC_PATH from the webpack runtime into the output.\n * The output format is: `export default __webpack_require__.p + \"/static/media/ssl.e3019f0e.svg\"`\n *\n * `__webpack_require__.p` is a global variable in the webpack container that contains the publicPath.\n * For example, it could be: http://localhost:3000/_next\n *\n * @param {string} content - The original output from the url-loader.\n * @returns {string} The modified output with the injected PUBLIC_PATH.\n */\nexport function fixUrlLoader(content: string) {\n  // This regular expression extracts the hostname from the publicPath.\n  // For example, it transforms http://localhost:3000/_next/... into http://localhost:3000\n  const currentHostnameCode =\n    \"__webpack_require__.p.replace(/(.+\\\\:\\\\/\\\\/[^\\\\/]+){0,1}\\\\/.*/i, '$1')\";\n\n  // Replace the default export path in the content with the modified path that includes the hostname.\n  return content.replace(\n    'export default \"/',\n    `export default ${currentHostnameCode}+\"/`,\n  );\n}\n\n// Export the fixUrlLoader function as the default export of this module.\nexport default fixUrlLoader;\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,aAAa,SAAiB;AAO5C,QAAO,QAAQ,QACb,sBACA,4FACD"}

package/dist/src/loaders/helpers.js

@@ -0,0 +1,82 @@
+
+//#region src/loaders/helpers.ts
+function injectRuleLoader(rule, loader = {}) {
+	if (rule !== "...") {
+		const _rule = rule;
+		if (_rule.loader) {
+			_rule.use = [loader, {
+				loader: _rule.loader,
+				options: _rule.options
+			}];
+			delete _rule.loader;
+			delete _rule.options;
+		} else if (_rule.use) _rule.use = [loader, ..._rule.use];
+	}
+}
+/**
+* This function checks if the current module rule has a loader with the provided name.
+*
+* @param {RuleSetRule} rule - The current module rule.
+* @param {string} loaderName - The name of the loader to check.
+* @returns {boolean} Returns true if the current module rule has a loader with the provided name, otherwise false.
+*/
+function hasLoader(rule, loaderName) {
+	if (rule !== "...") {
+		const _rule = rule;
+		if (_rule.loader === loaderName) return true;
+		else if (_rule.use && Array.isArray(_rule.use)) for (let i = 0; i < _rule.use.length; i++) {
+			const loader = _rule.use[i];
+			if (typeof loader !== "string" && typeof loader !== "function" && loader.loader && (loader.loader === loaderName || loader.loader.includes(`/${loaderName}/`))) return true;
+			else if (typeof loader === "string") {
+				if (loader === loaderName || loader.includes(`/${loaderName}/`)) return true;
+			}
+		}
+	}
+	return false;
+}
+function matchesCondition(condition, resource, currentPath) {
+	if (condition instanceof RegExp) return condition.test(resource.path);
+	else if (typeof condition === "string") return resource.path.includes(condition);
+	else if (typeof condition === "function") return condition(resource.path);
+	else if (typeof condition === "object") {
+		if ("test" in condition && condition.test) {
+			if (!(Array.isArray(condition.test) ? condition.test : [condition.test]).some((test) => matchesCondition(test, resource, currentPath))) return false;
+		}
+		if ("include" in condition && condition.include) {
+			if (!(Array.isArray(condition.include) ? condition.include : [condition.include]).some((include) => matchesCondition(include, resource, currentPath))) return false;
+		}
+		if ("exclude" in condition && condition.exclude) {
+			if ((Array.isArray(condition.exclude) ? condition.exclude : [condition.exclude]).some((exclude) => matchesCondition(exclude, resource, currentPath))) return false;
+		}
+		if ("and" in condition && condition.and) return condition.and.every((cond) => matchesCondition(cond, resource, currentPath));
+		if ("or" in condition && condition.or) return condition.or.some((cond) => matchesCondition(cond, resource, currentPath));
+		if ("not" in condition && condition.not) return !matchesCondition(condition.not, resource, currentPath);
+		if ("layer" in condition && condition.layer) {
+			if (!resource.layer || !matchesCondition(condition.layer, { path: resource.layer }, currentPath)) return false;
+		}
+		if ("issuerLayer" in condition && condition.issuerLayer) {
+			if (!resource.issuerLayer || !matchesCondition(condition.issuerLayer, { path: resource.issuerLayer }, currentPath)) return false;
+		}
+	}
+	return true;
+}
+function findLoaderForResource(rules, resource, path = []) {
+	let lastMatchedRule = null;
+	for (let i = 0; i < rules.length; i++) {
+		const rule = rules[i];
+		const currentPath = [...path, `rules[${i}]`];
+		if (rule.oneOf) for (let j = 0; j < rule.oneOf.length; j++) {
+			const subRule = rule.oneOf[j];
+			const subPath = [...currentPath, `oneOf[${j}]`];
+			if (subRule && matchesCondition(subRule, resource, subPath.join("->"))) return subRule;
+		}
+		else if (rule && matchesCondition(rule, resource, currentPath.join(" -> "))) lastMatchedRule = rule;
+	}
+	return lastMatchedRule;
+}
+
+//#endregion
+exports.findLoaderForResource = findLoaderForResource;
+exports.hasLoader = hasLoader;
+exports.injectRuleLoader = injectRuleLoader;
+//# sourceMappingURL=helpers.js.map