Merge pull request #32 from Mkassabov/support-ordered-index-transform…

…-plugins Respect plugins indexHtmlTransform ordering
nksaraf · Dec 21, 2023 · 8d119a4 · 8d119a4
2 parents 96cecfb + 817946c
commit 8d119a4
Showing 1 changed file with 44 additions and 10 deletions.
diff --git a/packages/vinxi/lib/manifest/dev-server-manifest.js b/packages/vinxi/lib/manifest/dev-server-manifest.js
@@ -115,19 +115,53 @@ export function createDevManifest(app) {
 								let isHandler = router.handler === relativePath;
 
 								async function getVitePluginAssets() {
-									const plugins = router.internals?.devServer
-										? router.internals.devServer.config.plugins.filter(
-												(plugin) => "transformIndexHtml" in plugin,
-										  )
+									const pluginList = router.internals?.devServer
+										? router.internals.devServer.config.plugins
 										: [];
+									// @ts-ignore
+									const indexHtmlTransformers = [];
+									for (
+										let i = 0, pre = 0, post = 0;
+										i < pluginList.length;
+										i++
+									) {
+										const plugin = pluginList[i];
+										if (plugin != null && plugin.transformIndexHtml != null) {
+											const order =
+												typeof plugin.transformIndexHtml === "function"
+													? null
+													: plugin.transformIndexHtml.order ??
+													  plugin.transformIndexHtml.enforce;
+											const func =
+												typeof plugin.transformIndexHtml === "function"
+													? plugin.transformIndexHtml
+													: "handler" in plugin.transformIndexHtml
+													? plugin.transformIndexHtml.handler
+													: plugin.transformIndexHtml.transform;
+											if (order === "pre") {
+												// @ts-ignore
+												indexHtmlTransformers.splice(pre, 0, func);
+												pre++;
+											} else if (order === "post") {
+												// @ts-ignore
+												indexHtmlTransformers.splice(post, 0, func);
+												post++;
+											} else {
+												// @ts-ignore
+												indexHtmlTransformers.splice(
+													Math.max(post - 1, 0),
+													0,
+													func,
+												);
+												post++;
+											}
+										}
+									}
 									let pluginAssets = [];
-									for (let plugin of plugins) {
+									// @ts-ignore
+									for (let transformer of indexHtmlTransformers) {
 										// @ts-ignore
-										let transformedHtml = await (plugin.transformIndexHtml.transform || plugin.transformIndexHtml)(
-											"/",
-											``,
-											`/`,
-										);
+										let transformedHtml = await transformer("/", ``, `/`);
 
 										if (!transformedHtml) continue;
 										if (Array.isArray(transformedHtml)) {