xmlui 0.12.20 → 0.12.21

package/dist/nodejs/bin/index.mjs

@@ -10338,289 +10338,6 @@ function viteXmluiPlugin(pluginOptions = {}) {
 	};
 }
 //#endregion
-//#region ../node_modules/vite-plugin-css-injected-by-js/dist/esm/utils.js
-const cssInjectedByJsId = "\0vite/all-css";
-const defaultInjectCode = (cssCode, { styleId, useStrictCSP, attributes }) => {
-	let attributesInjection = "";
-	for (const attribute in attributes) attributesInjection += `elementStyle.setAttribute('${attribute}', '${attributes[attribute]}');`;
-	return `try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');${typeof styleId == "string" && styleId.length > 0 ? `elementStyle.id = '${styleId}';` : ""}${useStrictCSP ? `elementStyle.nonce = document.head.querySelector('meta[property=csp-nonce]')?.content;` : ""}${attributesInjection}elementStyle.appendChild(document.createTextNode(${cssCode}));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}`;
-};
-async function buildCSSInjectionCode({ buildOptions, cssToInject, injectCode, injectCodeFunction, injectionCodeFormat = "iife", styleId, useStrictCSP }) {
-	let { minify, target } = buildOptions;
-	const res = await build({
-		root: "",
-		configFile: false,
-		logLevel: "error",
-		plugins: [injectionCSSCodePlugin({
-			cssToInject,
-			styleId: typeof styleId === "function" ? styleId() : styleId,
-			injectCode,
-			injectCodeFunction,
-			useStrictCSP
-		})],
-		build: {
-			write: false,
-			target,
-			minify,
-			assetsDir: "",
-			rollupOptions: {
-				input: { ["all-css"]: cssInjectedByJsId },
-				output: { format: injectionCodeFormat }
-			}
-		}
-	});
-	const _cssChunk = Array.isArray(res) ? res[0] : res;
-	if (!("output" in _cssChunk)) return null;
-	return _cssChunk.output[0];
-}
-function resolveInjectionCode(cssCode, injectCode, injectCodeFunction, { styleId, useStrictCSP, attributes }) {
-	const injectionOptions = {
-		styleId,
-		useStrictCSP,
-		attributes
-	};
-	if (injectCodeFunction) return `(${injectCodeFunction})(${cssCode}, ${JSON.stringify(injectionOptions)})`;
-	return (injectCode || defaultInjectCode)(cssCode, injectionOptions);
-}
-function injectionCSSCodePlugin({ cssToInject, injectCode, injectCodeFunction, styleId, useStrictCSP }) {
-	return {
-		name: "vite:injection-css-code-plugin",
-		resolveId(id) {
-			if (id == cssInjectedByJsId) return id;
-		},
-		load(id) {
-			if (id == cssInjectedByJsId) return resolveInjectionCode(JSON.stringify(cssToInject.trim()), injectCode, injectCodeFunction, {
-				styleId,
-				useStrictCSP
-			});
-		}
-	};
-}
-function removeLinkStyleSheets(html, cssFileName) {
-	const removeCSS = new RegExp(`<link rel=".*"[^>]*?href=".*/?${cssFileName}"[^>]*?>`);
-	return html.replace(removeCSS, "");
-}
-/* istanbul ignore next -- @preserve */
-function warnLog(msg) {
-	console.warn(`\x1b[33m \n${msg} \x1b[39m`);
-}
-/* istanbul ignore next -- @preserve */
-function debugLog(msg) {
-	console.debug(`\x1b[34m \n${msg} \x1b[39m`);
-}
-function isJsOutputChunk(chunk) {
-	return chunk.type == "chunk" && chunk.fileName.match(/.[cm]?js(?:\?.+)?$/) != null;
-}
-function defaultJsAssetsFilter(chunk) {
-	return chunk.isEntry && !chunk.fileName.includes("polyfill");
-}
-const cssSourceCache = {};
-function extractCss(bundle, cssName) {
-	const cssAsset = bundle[cssName];
-	if (cssAsset !== void 0 && cssAsset.source) {
-		const cssSource = cssAsset.source;
-		cssSourceCache[cssName] = cssSource instanceof Uint8Array ? new TextDecoder().decode(cssSource) : `${cssSource}`;
-	}
-	return cssSourceCache[cssName] ?? "";
-}
-function concatCssAndDeleteFromBundle(bundle, cssAssets) {
-	return cssAssets.reduce(function extractCssAndDeleteFromBundle(previous, cssName) {
-		const cssSource = extractCss(bundle, cssName);
-		delete bundle[cssName];
-		return previous + cssSource;
-	}, "");
-}
-function buildJsCssMap(bundle, jsAssetsFilterFunction) {
-	const chunksWithCss = {};
-	const bundleKeys = getJsTargetBundleKeys(bundle, typeof jsAssetsFilterFunction == "function" ? jsAssetsFilterFunction : () => true);
-	if (bundleKeys.length === 0) throw new Error("Unable to locate the JavaScript asset for adding the CSS injection code. It is recommended to review your configurations.");
-	for (const key of bundleKeys) {
-		const chunk = bundle[key];
-		if (chunk.type === "asset" || !chunk.viteMetadata || chunk.viteMetadata.importedCss.size === 0) continue;
-		const chunkStyles = chunksWithCss[key] || [];
-		chunkStyles.push(...chunk.viteMetadata.importedCss.values());
-		chunksWithCss[key] = chunkStyles;
-	}
-	return chunksWithCss;
-}
-function getJsTargetBundleKeys(bundle, jsAssetsFilterFunction) {
-	if (typeof jsAssetsFilterFunction != "function") {
-		const jsAssets = Object.keys(bundle).filter((i) => {
-			const asset = bundle[i];
-			return isJsOutputChunk(asset) && defaultJsAssetsFilter(asset);
-		});
-		if (jsAssets.length == 0) return [];
-		const jsTargetFileName = jsAssets[jsAssets.length - 1];
-		if (jsAssets.length > 1) {
-			warnLog(`[vite-plugin-css-injected-by-js] has identified "${jsTargetFileName}" as one of the multiple output files marked as "entry" to put the CSS injection code.However, if this is not the intended file to add the CSS injection code, you can use the "jsAssetsFilterFunction" parameter to specify the desired output file (read docs).`);
-			if (process.env.VITE_CSS_INJECTED_BY_JS_DEBUG) debugLog(`[vite-plugin-css-injected-by-js] identified js file targets: ${jsAssets.join(", ")}. Selected "${jsTargetFileName}".\n`);
-		}
-		return [jsTargetFileName];
-	}
-	const chunkFilter = ([_key, chunk]) => isJsOutputChunk(chunk) && jsAssetsFilterFunction(chunk);
-	return Object.entries(bundle).filter(chunkFilter).map(function extractAssetKeyFromBundleEntry([key]) {
-		return key;
-	});
-}
-async function relativeCssInjection(bundle, assetsWithCss, buildCssCode, topExecutionPriorityFlag) {
-	for (const [jsAssetName, cssAssets] of Object.entries(assetsWithCss)) {
-		process.env.VITE_CSS_INJECTED_BY_JS_DEBUG && debugLog(`[vite-plugin-css-injected-by-js] Relative CSS: ${jsAssetName}: [ ${cssAssets.join(",")} ]`);
-		const assetCss = concatCssAndDeleteFromBundle(bundle, cssAssets);
-		const cssInjectionCode = assetCss.length > 0 ? (await buildCssCode(assetCss))?.code : "";
-		const jsAsset = bundle[jsAssetName];
-		jsAsset.code = buildOutputChunkWithCssInjectionCode(jsAsset.code, cssInjectionCode ?? "", topExecutionPriorityFlag);
-	}
-}
-const globalCSSCodeEntryCache = /* @__PURE__ */ new Map();
-let previousFacadeModuleId = "";
-async function globalCssInjection(bundle, cssAssets, buildCssCode, jsAssetsFilterFunction, topExecutionPriorityFlag) {
-	const jsTargetBundleKeys = getJsTargetBundleKeys(bundle, jsAssetsFilterFunction);
-	if (jsTargetBundleKeys.length == 0) throw new Error("Unable to locate the JavaScript asset for adding the CSS injection code. It is recommended to review your configurations.");
-	process.env.VITE_CSS_INJECTED_BY_JS_DEBUG && debugLog(`[vite-plugin-css-injected-by-js] Global CSS Assets: [${cssAssets.join(",")}]`);
-	const allCssCode = concatCssAndDeleteFromBundle(bundle, cssAssets);
-	let cssInjectionCode = "";
-	if (allCssCode.length > 0) {
-		const cssCode = (await buildCssCode(allCssCode))?.code;
-		if (typeof cssCode == "string") cssInjectionCode = cssCode;
-	}
-	for (const jsTargetKey of jsTargetBundleKeys) {
-		const jsAsset = bundle[jsTargetKey];
-		/**
-		* Since it creates the assets once sequential builds for the same entry point
-		* (for example when multiple formats of same entry point are built),
-		* we need to reuse the same CSS created the first time.
-		*/
-		if (jsAsset.facadeModuleId != null && jsAsset.isEntry && cssInjectionCode != "") {
-			if (jsAsset.facadeModuleId != previousFacadeModuleId) globalCSSCodeEntryCache.clear();
-			previousFacadeModuleId = jsAsset.facadeModuleId;
-			globalCSSCodeEntryCache.set(jsAsset.facadeModuleId, cssInjectionCode);
-		}
-		if (cssInjectionCode == "" && jsAsset.isEntry && jsAsset.facadeModuleId != null && typeof globalCSSCodeEntryCache.get(jsAsset.facadeModuleId) == "string") cssInjectionCode = globalCSSCodeEntryCache.get(jsAsset.facadeModuleId);
-		process.env.VITE_CSS_INJECTED_BY_JS_DEBUG && debugLog(`[vite-plugin-css-injected-by-js] Global CSS inject: ${jsAsset.fileName}`);
-		jsAsset.code = buildOutputChunkWithCssInjectionCode(jsAsset.code, cssInjectionCode ?? "", topExecutionPriorityFlag);
-	}
-}
-function buildOutputChunkWithCssInjectionCode(jsAssetCode, cssInjectionCode, topExecutionPriorityFlag) {
-	const appCode = jsAssetCode.replace(/\/\*\s*empty css\s*\*\//g, "");
-	jsAssetCode = topExecutionPriorityFlag ? "" : appCode;
-	jsAssetCode += cssInjectionCode;
-	jsAssetCode += !topExecutionPriorityFlag ? "" : appCode;
-	return jsAssetCode;
-}
-function clearImportedCssViteMetadataFromBundle(bundle, unusedCssAssets) {
-	for (const key in bundle) {
-		const chunk = bundle[key];
-		if (chunk.viteMetadata && chunk.viteMetadata.importedCss.size > 0) chunk.viteMetadata.importedCss.forEach((importedCssFileName) => {
-			if (!unusedCssAssets.includes(importedCssFileName) && chunk.viteMetadata) chunk.viteMetadata.importedCss = /* @__PURE__ */ new Set();
-		});
-	}
-}
-function isCSSRequest(request) {
-	return /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/.test(request);
-}
-//#endregion
-//#region ../node_modules/vite-plugin-css-injected-by-js/dist/esm/index.js
-/**
-* Inject the CSS compiled with JS.
-*
-* @return {Plugin}
-*/
-function cssInjectedByJsPlugin({ cssAssetsFilterFunction, dev: { enableDev, removeStyleCode, removeStyleCodeFunction } = {}, injectCode, injectCodeFunction, injectionCodeFormat, jsAssetsFilterFunction, preRenderCSSCode, relativeCSSInjection, styleId, suppressUnusedCssWarning, topExecutionPriority, useStrictCSP } = {}) {
-	let config;
-	const topExecutionPriorityFlag = typeof topExecutionPriority == "boolean" ? topExecutionPriority : true;
-	const plugins = [{
-		apply: "build",
-		enforce: "post",
-		name: "vite-plugin-css-injected-by-js",
-		config(config, env) {
-			if (env.command === "build") {
-				if (!config.build) config.build = {};
-				if (relativeCSSInjection == true) {
-					if (!config.build.cssCodeSplit) {
-						config.build.cssCodeSplit = true;
-						warnLog(`[vite-plugin-css-injected-by-js] Override of 'build.cssCodeSplit' option to true, it must be true when 'relativeCSSInjection' is enabled.`);
-					}
-				}
-			}
-		},
-		configResolved(_config) {
-			config = _config;
-		},
-		async generateBundle(opts, bundle) {
-			if (config.build.ssr) return;
-			const buildCssCode = (cssToInject) => buildCSSInjectionCode({
-				buildOptions: config.build,
-				cssToInject: typeof preRenderCSSCode == "function" ? preRenderCSSCode(cssToInject) : cssToInject,
-				injectCode,
-				injectCodeFunction,
-				injectionCodeFormat,
-				styleId,
-				useStrictCSP
-			});
-			const cssAssetsFilter = (asset) => {
-				return typeof cssAssetsFilterFunction == "function" ? cssAssetsFilterFunction(asset) : true;
-			};
-			const cssAssets = Object.keys(bundle).filter((i) => bundle[i].type == "asset" && bundle[i].fileName.endsWith(".css") && cssAssetsFilter(bundle[i]));
-			let unusedCssAssets = [];
-			if (relativeCSSInjection) {
-				await relativeCssInjection(bundle, buildJsCssMap(bundle, jsAssetsFilterFunction), buildCssCode, topExecutionPriorityFlag);
-				unusedCssAssets = cssAssets.filter((cssAsset) => !!bundle[cssAsset]);
-				if (!suppressUnusedCssWarning) {
-					const unusedCssAssetsString = unusedCssAssets.join(",");
-					unusedCssAssetsString.length > 0 && warnLog(`[vite-plugin-css-injected-by-js] Some CSS assets were not included in any known JS: ${unusedCssAssetsString}`);
-				}
-			} else {
-				unusedCssAssets = Object.keys(bundle).filter((i) => bundle[i].type == "asset" && bundle[i].fileName.endsWith(".css")).filter((cssAsset) => !cssAssets.includes(cssAsset));
-				await globalCssInjection(bundle, cssAssets, buildCssCode, jsAssetsFilterFunction, topExecutionPriorityFlag);
-			}
-			clearImportedCssViteMetadataFromBundle(bundle, unusedCssAssets);
-			const htmlFiles = Object.keys(bundle).filter((i) => i.endsWith(".html"));
-			for (const name of htmlFiles) {
-				const htmlChunk = bundle[name];
-				let replacedHtml = htmlChunk.source instanceof Uint8Array ? new TextDecoder().decode(htmlChunk.source) : `${htmlChunk.source}`;
-				cssAssets.forEach(function replaceLinkedStylesheetsHtml(cssName) {
-					if (!unusedCssAssets.includes(cssName)) {
-						replacedHtml = removeLinkStyleSheets(replacedHtml, cssName);
-						htmlChunk.source = replacedHtml;
-					}
-				});
-			}
-		}
-	}];
-	if (enableDev) {
-		warnLog("[vite-plugin-css-injected-by-js] Experimental dev mode activated! Please, for any error open a issue.");
-		plugins.push({
-			name: "vite-plugin-css-injected-by-js-dev",
-			apply: "serve",
-			enforce: "post",
-			transform(src, id) {
-				if (isCSSRequest(id)) {
-					const defaultRemoveStyleCode = (devId) => `{
-                        (function removeStyleInjected() {
-                            const elementsToRemove = document.querySelectorAll("style[data-vite-dev-id='${devId}']");
-                            elementsToRemove.forEach(element => {
-                                element.remove();
-                            });
-                        })()
-                    }`;
-					let removeStyleFunction = removeStyleCode || defaultRemoveStyleCode;
-					if (removeStyleCodeFunction) removeStyleFunction = (id) => `(${removeStyleCodeFunction})("${id}")`;
-					let injectionCode = src.replace("__vite__updateStyle(__vite__id, __vite__css)", ";\n" + removeStyleFunction(id) + ";\n" + resolveInjectionCode("__vite__css", injectCode, injectCodeFunction, { attributes: {
-						type: "text/css",
-						["data-vite-dev-id"]: id
-					} }));
-					injectionCode = injectionCode.replace("__vite__removeStyle(__vite__id)", removeStyleFunction(id));
-					return {
-						code: injectionCode,
-						map: null
-					};
-				}
-			}
-		});
-	}
-	return plugins;
-}
-//#endregion
 //#region src/nodejs/bin/viteConfig.ts
 const logger = createLogger();
 const loggerWarn = logger.warn;
@@ -10639,17 +10356,6 @@ async function getViteConfig({ flatDist = false, withRelativeRoot = false, flatD
 			svgr(),
 			ViteYaml(),
 			viteXmluiPlugin({}),
-			cssInjectedByJsPlugin({ injectCode: (cssCode) => {
-				return `
-      if (typeof window !== 'undefined') {
-        window.__XMLUI_STYLES__ = window.__XMLUI_STYLES__ || '';
-        window.__XMLUI_STYLES__ += ${cssCode};
-
-        // Dispatch an event so XMLUIRoot knows the styles are ready
-        window.dispatchEvent(new CustomEvent('xmlui-styles-loaded'));
-      }
-    `;
-			} }),
 			...overrides.plugins || []
 		],
 		customLogger: logger,