HTML: Fix format on files with frontMatter (#9043)

changelog_unreleased/html/pr-9043.md

@@ -0,0 +1,23 @@
+#### Fix format on html with frontMatter ([#9043](https://github.com/prettier/prettier/pull/9043) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```html
+<!-- Input -->
+---
+layout: foo
+---
+
+Test <a
+href="https://prettier.io">abc</a>.
+
+<!-- Prettier stable -->
+TypeError: Cannot read property 'end' of undefined
+  ...
+
+<!-- Prettier master -->
+---
+layout: foo
+---
+
+Test <a href="https://prettier.io">abc</a>.
+```

src/language-html/parser-html.js

@@ -280,6 +280,10 @@ function _parse(text, options, parserOptions, shouldParseFrontMatter = true) {
   };
 
   if (frontMatter) {
+    frontMatter.sourceSpan = {
+      start: { offset: 0 },
+      end: { offset: frontMatter.raw.length },
+    };
     rawAst.children.unshift(frontMatter);
   }
 

tests/html/front-matter/__snapshots__/jsfmt.spec.js.snap

@@ -28,3 +28,48 @@ slug: home
 
 ================================================================================
 `;
+
+exports[`issue-9042.html format 1`] = `
+====================================options=====================================
+parsers: ["html"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+layout: foo
+---
+
+Test <a
+href="https://prettier.io">abc</a>.
+
+=====================================output=====================================
+---
+layout: foo
+---
+
+Test <a href="https://prettier.io">abc</a>.
+
+================================================================================
+`;
+
+exports[`issue-9042-no-empty-line.html format 1`] = `
+====================================options=====================================
+parsers: ["html"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+layout: foo
+---
+Test <a
+href="https://prettier.io">abc</a>.
+
+=====================================output=====================================
+---
+layout: foo
+---
+
+Test <a href="https://prettier.io">abc</a>.
+
+================================================================================
+`;

tests/html/front-matter/issue-9042-no-empty-line.html

@@ -0,0 +1,5 @@
+---
+layout: foo
+---
+Test <a
+href="https://prettier.io">abc</a>.

tests/html/front-matter/issue-9042.html

@@ -0,0 +1,6 @@
+---
+layout: foo
+---
+
+Test <a
+href="https://prettier.io">abc</a>.