feat: 🎸 improve parseTemplate api

Author: tianyingchun

.changeset/fuzzy-areas-clap.md

@@ -0,0 +1,5 @@
+---
+"@hyperse/html-webpack-plugin-loader": patch
+---
+
+improve parseTemplate api

README.md

@@ -166,7 +166,7 @@ A utility function that provides a convenient way to parse and modify HTML templ
 import { parseTemplate } from '@hyperse/html-webpack-plugin-loader';
 
 // Parse and modify HTML template in one go
-const modifiedHtml = parseTemplate(htmlSource, templateOptions);
+const modifiedHtml = parseTemplate(htmlSource, templateOptions).serialize();
 ```
 
 The `parseTemplate` function is a shorthand for creating a `TemplateParser` instance and applying all template modifications at once. It accepts two parameters:

src/loader/htmlLoader.ts

@@ -47,7 +47,7 @@ export default function htmlLoader(
     'const parseTemplate = ' + parseTemplate.toString() + ';',
     'const source = ' + JSON.stringify(source) + ';',
     'module.exports = (function(templateParams) { ',
-    'return parseTemplate(source, templateParams || {});',
+    'return parseTemplate(source, templateParams || {}).serialize();',
     '});',
   ].join('');
 }

src/parser/parseTemplate.ts

@@ -10,7 +10,7 @@ import { TemplateParser } from './TemplateParser.js';
 export const parseTemplate = (
   htmlSource: string,
   options: TemplateOptions = {}
-): string => {
+): TemplateParser => {
   const parser = new TemplateParser(htmlSource);
 
   if (options.title) {
@@ -49,5 +49,5 @@ export const parseTemplate = (
     parser.upsertBodyScripts(options.bodyScripts);
   }
 
-  return parser.serialize();
+  return parser;
 };