Update MDXEditor to latest version

- mdxeditor to 2.12.1
- don't set default frontmatter template, causes bugs when the modal is cancelled with an empty page.

Author: TomNUSDS

package.json

@@ -16,7 +16,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@mdxeditor/editor": "^2.3.2",
+    "@mdxeditor/editor": "^2.12.1",
     "@mdxeditor/gurx": "^1.1.1",
     "@trussworks/react-uswds": "^6.2.0",
     "@uswds/uswds": "^3.7.1",

src/mdxcomponents/frontmatterUtils.ts

@@ -74,6 +74,7 @@ export const getYamlBlogHeaderNew = (fields: BlogFrontMatterFields): string => {
   return `# Page template info (DO NOT EDIT)
 layout: default
 blog_page: true
+
 # Carousel (Edit this)
 carousel_title: "${fields.carousel_title}"
 carousel_summary: "${fields.carousel_summary}"
@@ -350,8 +351,9 @@ export const saveDataToZip = async (markdownstr: string) => {
 };
 
 export const getDefaultMarkdown = (): string => {
-  const yamlHeader = getYamlBlogHeader(BLANK_BLOG_FRONTMATTER_FIELDS);
-  return `---\n${yamlHeader}\n---\n\n \n`;
+  // it causes issue to auto-insert the frontmatter 100% of the time. (when cancelling edit dialog)
+  //const yamlHeader = getYamlBlogHeader(BLANK_BLOG_FRONTMATTER_FIELDS);
+  return `\n`;
 }
 
 export const getBlogTemplateMarkdown = (): string => {

src/types/commontypes.ts

@@ -43,36 +43,6 @@ export const BLANK_BLOG_FRONTMATTER_FIELDS: BlogFrontMatterFields = {
   tags: [],
 };
 
-/*
----
-# Page template info (DO NOT EDIT)
-layout: default
-blog_page: true
-
-# Carousel (Edit this)
-carousel_title: "Test page"
-carousel_summary: "This is a test page template, it include problematic markdown to make checking it easier"
-# partial path to image e.g /news-and-blog/2024-03-01-test-page-img/
-# images should be 800x600 jpg
-carousel_image: /news-and-blog/2024-03-01-test-page-img/icon-512x512.png
-# accessibility text for image
-carousel_image_alt_text: "Test image"
-# should show on news and blog page. ordered by date prefix in filename
-carousel_show: true
-
-# Blog detail page (Edit this)
-title: "Test page"
-dateline_str: "Feb 30, 2024"
-readtime_str: "1"
-author: "U.S. Digital Service"
-permalink: /news-and-blog/test-page-slpm7
-basename: "test-page"
-tags: [[]]
-
----
-
-Image found in a Projects posting.
-* */
 export const STARTER_BLOG_FRONTMATTER_FIELDS: BlogFrontMatterFields = {
   title: "New news and blog page",
   date: getShortDate(new Date().toDateString()),

yarn.lock

@@ -830,10 +830,10 @@
     "@lezer/common" "^1.0.0"
     "@lezer/highlight" "^1.0.0"
 
-"@mdxeditor/editor@^2.3.2":
-  version "2.9.1"
-  resolved "https://registry.yarnpkg.com/@mdxeditor/editor/-/editor-2.9.1.tgz#e6922d475fe37cc6b7810f60844b35bafab59ebd"
-  integrity sha512-YrKFmB/6gJid4CgssCy+TU1YyFfOOGv71WB2JYzi+41ZNAnMtSiEuXGv6jzQNtyp8t3i/Z5KfZl4KtHp9/14Lg==
+"@mdxeditor/editor@^2.12.1":
+  version "2.12.1"
+  resolved "https://registry.yarnpkg.com/@mdxeditor/editor/-/editor-2.12.1.tgz#fea16bfbd7a9de553ce0f9f86d995d9c8166cc72"
+  integrity sha512-8+QDABGA1pCYQUioyDIsOMum2W8riqVoolZfbiFI1nSeE1afNLk8FOALaVyAvzeoobGnSYnqD2nEUUMdHT6HtQ==
   dependencies:
     "@codemirror/lang-markdown" "^6.2.3"
     "@codemirror/merge" "^6.4.0"