@module-federation/nextjs-mf 8.8.55 → 8.8.57

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

@@ -1,4 +1,6 @@
-import type { LoaderContext } from 'webpack';
+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.
@@ -15,8 +17,11 @@ import type { LoaderContext } from 'webpack';
  * @param {string} remaining - The remaining part of the resource path.
  * @returns {string} The modified source code with the injected code.
  */
-export declare function fixImageLoader(this: LoaderContext<Record<string, unknown>>, remaining: string): Promise<string>;
+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.
  */
-export declare const pitch: typeof fixImageLoader;
+declare const pitch: typeof fixImageLoader;
+//#endregion
+export { fixImageLoader, pitch };
+//# sourceMappingURL=fixImageLoader.d.ts.map

package/dist/src/loaders/fixImageLoader.js

@@ -1,46 +1,42 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pitch = void 0;
-exports.fixImageLoader = fixImageLoader;
-const normalize_webpack_path_1 = require("@module-federation/sdk/normalize-webpack-path");
-const { Template } = require((0, normalize_webpack_path_1.normalizeWebpackPath)('webpack'));
-const path_1 = __importDefault(require("path"));
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.js');
+let _module_federation_sdk_normalize_webpack_path = require("@module-federation/sdk/normalize-webpack-path");
+let path = require("path");
+path = require_runtime.__toESM(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.
- */
+* 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(){',
-            //TODO: use auto public path plugin instead
-            `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(
+	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;
@@ -49,68 +45,60 @@ async function fixImageLoader(remaining) {
                 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_1.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')),
-        '}',
-    ]);
+				"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.
- */
-exports.pitch = fixImageLoader;
+* 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

@@ -1 +1 @@
-{"version":3,"file":"fixImageLoader.js","sourceRoot":"","sources":["../../../src/loaders/fixImageLoader.ts"],"names":[],"mappings":"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"}
+{"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 { normalizeWebpackPath } from "@module-federation/sdk/normalize-webpack-path";
+import path from "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

@@ -1,3 +1,4 @@
+//#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.
@@ -9,5 +10,7 @@
  * @param {string} content - The original output from the url-loader.
  * @returns {string} The modified output with the injected PUBLIC_PATH.
  */
-export declare function fixUrlLoader(content: string): string;
-export default fixUrlLoader;
+declare function fixUrlLoader(content: string): string;
+//#endregion
+export { fixUrlLoader as default, fixUrlLoader };
+//# sourceMappingURL=fixUrlLoader.d.ts.map

package/dist/src/loaders/fixUrlLoader.js

@@ -1,24 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fixUrlLoader = fixUrlLoader;
+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.
- */
+* `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) {
-    // This regular expression extracts the hostname from the publicPath.
-    // For example, it transforms http://localhost:3000/_next/... into http://localhost:3000
-    const currentHostnameCode = "__webpack_require__.p.replace(/(.+\\:\\/\\/[^\\/]+){0,1}\\/.*/i, '$1')";
-    // Replace the default export path in the content with the modified path that includes the hostname.
-    return content.replace('export default "/', `export default ${currentHostnameCode}+"/`);
+	return content.replace("export default \"/", `export default __webpack_require__.p.replace(/(.+\\:\\/\\/[^\\/]+){0,1}\\/.*/i, '\$1')+"/`);
 }
-// Export the fixUrlLoader function as the default export of this module.
+
+//#endregion
 exports.default = fixUrlLoader;
+exports.fixUrlLoader = fixUrlLoader;
 //# sourceMappingURL=fixUrlLoader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fixUrlLoader.js","sourceRoot":"","sources":["../../../src/loaders/fixUrlLoader.ts"],"names":[],"mappings":";;AAWA,oCAWC;AAtBD;;;;;;;;;;GAUG;AACH,SAAgB,YAAY,CAAC,OAAe;IAC1C,qEAAqE;IACrE,wFAAwF;IACxF,MAAM,mBAAmB,GACvB,wEAAwE,CAAC;IAE3E,oGAAoG;IACpG,OAAO,OAAO,CAAC,OAAO,CACpB,mBAAmB,EACnB,kBAAkB,mBAAmB,KAAK,CAC3C,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,kBAAe,YAAY,CAAC"}
+{"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"}