Add Front Matter support to Handlebars (#17781)

Co-authored-by: fisker Cheung <lionkay@gmail.com>

tests/format/handlebars/front-matter/__snapshots__/format.test.js.snap

@@ -0,0 +1,277 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`close.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+title: An ancient philosophy...
+keywords:
+- ancient
+- philosophy
+---
+<h1>{{title}}</h1>
+<p>
+  Keywords: {{#each keywords}}{{this}}{{#unless @last}}, {{/unless}}{{/each}}
+</p>
+
+=====================================output=====================================
+---
+title: An ancient philosophy...
+keywords:
+  - ancient
+  - philosophy
+---
+
+<h1>{{title}}</h1>
+<p>
+  Keywords:
+  {{#each keywords}}{{this}}{{#unless @last}}, {{/unless}}{{/each}}
+</p>
+================================================================================
+`;
+
+exports[`empty.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+---
+
+<h1>Uh oh!</h1>
+
+=====================================output=====================================
+---
+---
+
+<h1>Uh oh!</h1>
+================================================================================
+`;
+
+exports[`empty-no-newline.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+--- ---
+
+=====================================output=====================================
+--- ---
+================================================================================
+`;
+
+exports[`explicit-language.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---yaml
+foo:    bar
+"additional information ":
+- Yes
+- No
+data: {x:1,
+ y:100000000}
+---
+
+{{! Some handlebars code can go here.}}
+
+=====================================output=====================================
+---yaml
+foo: bar
+"additional information ":
+  - Yes
+  - No
+data: { x:1, y:100000000 }
+---
+
+{{! Some handlebars code can go here.}}
+================================================================================
+`;
+
+exports[`invalid-yaml.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+first: Thing
+  second Thing
+---
+
+<div class="  class-a"></div>
+
+=====================================output=====================================
+---
+first: Thing
+  second Thing
+---
+
+<div class="class-a"></div>
+================================================================================
+`;
+
+exports[`spaced.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+title: An ancient philosophy...
+keywords:
+  - ancient
+  - philosophy
+---
+
+<h1>{{title}}</h1>
+<p>
+  Keywords: {{#each keywords}}{{this}}{{#unless @last}}, {{/unless}}{{/each}}
+</p>
+
+=====================================output=====================================
+---
+title: An ancient philosophy...
+keywords:
+  - ancient
+  - philosophy
+---
+
+<h1>{{title}}</h1>
+<p>
+  Keywords:
+  {{#each keywords}}{{this}}{{#unless @last}}, {{/unless}}{{/each}}
+</p>
+================================================================================
+`;
+
+exports[`touching.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+name: Smith
+--- <head>
+  <title>{{name}}</title>
+</head>
+
+=====================================output=====================================
+---
+name: Smith
+---
+
+<head>
+  <title>{{name}}</title>
+</head>
+================================================================================
+`;
+
+exports[`very-ugly-yaml.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+foo:        bar
+test:       "   word"
+
+
+nest  :
+
+  x: 100
+  y:   false
+"more stuff":
+  - do
+  -    do
+long_text: >
+  lots of text
+    content
+  to put here and other
+            places?
+
+---
+
+=====================================output=====================================
+---
+foo: bar
+test: "   word"
+
+nest:
+  x: 100
+  y: false
+"more stuff":
+  - do
+  - do
+long_text: >
+  lots of text
+    content
+  to put here and other
+            places?
+---
+================================================================================
+`;
+
+exports[`yaml-format.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+title: "Example Document"
+date: 1993-02-01
+author:
+  name: Arthur Mitchell
+tags:
+- tutorial
+- example
+summary: >
+  A very long example document written for a person other than me, I don't know
+  why this is so long. Very good example... Yes!
+---
+
+<html lang="en">
+<head>
+  <title>{{title}}</title>
+</head>
+<body>
+  {{! comment --- }}
+  {{summary}}
+</body>
+</html>
+
+=====================================output=====================================
+---
+title: "Example Document"
+date: 1993-02-01
+author:
+  name: Arthur Mitchell
+tags:
+  - tutorial
+  - example
+summary: >
+  A very long example document written for a person other than me, I don't know
+  why this is so long. Very good example... Yes!
+---
+
+<html lang="en">
+  <head>
+    <title>{{title}}</title>
+  </head>
+  <body>
+    {{! comment --- }}
+    {{summary}}
+  </body>
+</html>
+================================================================================
+`;

tests/format/handlebars/front-matter/close.hbs

@@ -0,0 +1,10 @@
+---
+title: An ancient philosophy...
+keywords:
+- ancient
+- philosophy
+---
+<h1>{{title}}</h1>
+<p>
+  Keywords: {{#each keywords}}{{this}}{{#unless @last}}, {{/unless}}{{/each}}
+</p>

tests/format/handlebars/front-matter/embedded-language-formatting-off/__snapshots__/format.test.js.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`format-embed-off.hbs - {"embeddedLanguageFormatting":"off"} format 1`] = `
+====================================options=====================================
+embeddedLanguageFormatting: "off"
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---
+title:         A very interesting subject
+keywords:
+- some
+-      keywords
+- for testing
+data: {x:1,
+ y:100000000}
+---
+<h1>{{title}}</h1>
+<p>
+  Keywords: {{#each keywords}}
+  {{this}}{{#unless @last}}, {{/unless}}
+  {{/each}}
+</p>
+
+=====================================output=====================================
+---
+title:         A very interesting subject
+keywords:
+- some
+-      keywords
+- for testing
+data: {x:1,
+ y:100000000}
+---
+
+<h1>{{title}}</h1>
+<p>
+  Keywords:
+  {{#each keywords}}
+    {{this}}{{#unless @last}}, {{/unless}}
+  {{/each}}
+</p>
+================================================================================
+`;

tests/format/handlebars/front-matter/embedded-language-formatting-off/format-embed-off.hbs

@@ -0,0 +1,15 @@
+---
+title:         A very interesting subject
+keywords:
+- some
+-      keywords
+- for testing
+data: {x:1,
+ y:100000000}
+---
+<h1>{{title}}</h1>
+<p>
+  Keywords: {{#each keywords}}
+  {{this}}{{#unless @last}}, {{/unless}}
+  {{/each}}
+</p>

tests/format/handlebars/front-matter/embedded-language-formatting-off/format.test.js

@@ -0,0 +1 @@
+runFormatTest(import.meta, ["glimmer"], { embeddedLanguageFormatting: "off" });

tests/format/handlebars/front-matter/empty-no-newline.hbs

@@ -0,0 +1 @@
+--- ---

tests/format/handlebars/front-matter/empty.hbs

@@ -0,0 +1,4 @@
+---
+---
+
+<h1>Uh oh!</h1>

tests/format/handlebars/front-matter/explicit-language.hbs

@@ -0,0 +1,10 @@
+---yaml
+foo:    bar
+"additional information ":
+- Yes
+- No
+data: {x:1,
+ y:100000000}
+---
+
+{{! Some handlebars code can go here.}}

tests/format/handlebars/front-matter/format.test.js

@@ -0,0 +1 @@
+runFormatTest(import.meta, ["glimmer"]);

tests/format/handlebars/front-matter/invalid-yaml.hbs

@@ -0,0 +1,6 @@
+---
+first: Thing
+  second Thing
+---
+
+<div class="  class-a"></div>

tests/format/handlebars/front-matter/spaced.hbs

@@ -0,0 +1,11 @@
+---
+title: An ancient philosophy...
+keywords:
+  - ancient
+  - philosophy
+---
+
+<h1>{{title}}</h1>
+<p>
+  Keywords: {{#each keywords}}{{this}}{{#unless @last}}, {{/unless}}{{/each}}
+</p>

tests/format/handlebars/front-matter/toml/__snapshots__/format.test.js.snap

@@ -0,0 +1,46 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`toml.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+---toml
+test = "Toml test"
+---
+<h1>{{test}}</h1>
+
+=====================================output=====================================
+---toml
+!!! Formatted by with 'dummy-toml-plugin-parser-name' parser
+test = "Toml test"
+---
+
+<h1>{{test}}</h1>
+================================================================================
+`;
+
+exports[`toml2.hbs format 1`] = `
+====================================options=====================================
+parsers: ["glimmer"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
++++
+Test TOML data
++++
+
+<Foo as
+|bar baz qux|></Foo>{{#Foo as
+|bar baz qux|}}{{/Foo}}
+
+=====================================output=====================================
++++
+!!! Formatted by with 'dummy-toml-plugin-parser-name' parser
+Test TOML data
++++
+
+<Foo as |bar baz qux| />{{#Foo as |bar baz qux|}}{{/Foo}}
+================================================================================
+`;

tests/format/handlebars/front-matter/toml/format.test.js

@@ -0,0 +1,3 @@
+import prettierPluginDummyToml from "../../../../config/prettier-plugins/prettier-plugin-dummy-toml/index.js";
+
+runFormatTest(import.meta, ["glimmer"], { plugins: [prettierPluginDummyToml] });

tests/format/handlebars/front-matter/toml/toml.hbs

@@ -0,0 +1,4 @@
+---toml
+test = "Toml test"
+---
+<h1>{{test}}</h1>

tests/format/handlebars/front-matter/toml/toml2.hbs

@@ -0,0 +1,7 @@
++++
+Test TOML data
++++
+
+<Foo as
+|bar baz qux|></Foo>{{#Foo as
+|bar baz qux|}}{{/Foo}}

tests/format/handlebars/front-matter/touching.hbs

@@ -0,0 +1,5 @@
+---
+name: Smith
+--- <head>
+  <title>{{name}}</title>
+</head>

tests/format/handlebars/front-matter/very-ugly-yaml.hbs

@@ -0,0 +1,19 @@
+---
+foo:        bar
+test:       "   word"
+
+
+nest  :
+
+  x: 100
+  y:   false
+"more stuff":
+  - do
+  -    do
+long_text: >
+  lots of text
+    content
+  to put here and other
+            places?
+
+---

tests/format/handlebars/front-matter/yaml-format.hbs

@@ -0,0 +1,22 @@
+---
+title: "Example Document"
+date: 1993-02-01
+author:
+  name: Arthur Mitchell
+tags:
+- tutorial
+- example
+summary: >
+  A very long example document written for a person other than me, I don't know
+  why this is so long. Very good example... Yes!
+---
+
+<html lang="en">
+<head>
+  <title>{{title}}</title>
+</head>
+<body>
+  {{! comment --- }}
+  {{summary}}
+</body>
+</html>