fix: 🐛 fix missed headInlineStyles imports

Author: tianyingchun

.changeset/hot-tigers-post.md

@@ -0,0 +1,5 @@
+---
+"@hyperse/html-webpack-plugin-loader": patch
+---
+
+fix missed `headInlineStyles` imports

src/parser/TemplateParser.ts

@@ -99,7 +99,7 @@ export class TemplateParser {
    * @returns The TemplateParser instance
    */
   public upsertHeadInlineScripts(scripts: ScriptInlineItem[]): TemplateParser {
-    upsertHeadInlineScripts(this.body, scripts);
+    upsertHeadInlineScripts(this.head, scripts);
     return this;
   }
 

src/parser/parseTemplate.ts

@@ -33,6 +33,10 @@ export const parseTemplate = (
     parser.upsertHeadStyles(options.headStyles);
   }
 
+  if (options.headInlineStyles?.length) {
+    parser.upsertHeadInlineStyles(options.headInlineStyles);
+  }
+
   if (options.headScripts?.length) {
     parser.upsertHeadScripts(options.headScripts);
   }

src/parser/upsertHeadInlineScripts.ts

@@ -3,7 +3,7 @@ import type { ScriptInlineItem } from '../types.js';
 
 /**
  * Upsert the inline scripts
- * @param body - The body element
+ * @param head - The body element
  * @param scripts - The sorted script items to upsert, javascript code
  */
 export const upsertHeadInlineScripts = (

tests/htmlPluginLoader.test.ts

@@ -1,6 +1,7 @@
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import { existsSync, rmSync } from 'node:fs';
 import { join } from 'node:path';
+import type { TemplateOptions } from '../src/types.js';
 import { getDirname, testWebpackPlugin } from './testUtils.js';
 
 const fixtureCwd = getDirname(import.meta.url, './fixtures/loader');
@@ -35,13 +36,63 @@ describe('htmlPluginLoader', () => {
                 rel: 'icon',
                 attributes: {},
               },
-            },
+              headMetaTags: [
+                '<meta name="description" content="default description">',
+              ],
+              headStyles: [
+                {
+                  id: 'style1',
+                  href: 'style1.css',
+                  position: 'beginning',
+                },
+              ],
+              headInlineStyles: [
+                {
+                  id: 'style1',
+                  content: 'p {}',
+                  position: 'beginning',
+                },
+              ],
+              headScripts: [
+                {
+                  id: 'script1',
+                  src: 'script1.js',
+                  position: 'beginning',
+                },
+              ],
+              headInlineScripts: [
+                {
+                  id: 'script2',
+                  content: 'console.log("script2")',
+                  position: 'end',
+                },
+              ],
+              bodyScripts: [
+                {
+                  id: 'script3',
+                  src: 'script3.js',
+                  position: 'end',
+                },
+              ],
+            } satisfies TemplateOptions,
           }),
         ],
       },
       fixtureDist
     );
     expect(result).toContain('<title>default title</title>');
     expect(result).toContain('<link rel="icon" href="default favicon">');
+    expect(result).toContain(
+      '<meta name="description" content="default description">'
+    );
+    expect(result).toContain('<style id="style1">p {}</style>');
+    expect(result).toContain(
+      '<link rel="stylesheet" href="style1.css" id="style1">'
+    );
+    expect(result).toContain('<script id="script1" src="script1.js"></script>');
+    expect(result).toContain(
+      '<script id="script2">console.log("script2")</script>'
+    );
+    expect(result).toContain('<script id="script3" src="script3.js"></script>');
   });
 });