Fix formatting on sandbox README

storybookjs · Apr 17, 2023 · cfff2e3 · cfff2e3
1 parent 12b1422
commit cfff2e3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/scripts/sandbox/templates/item.ejs b/scripts/sandbox/templates/item.ejs
@@ -1,8 +1,12 @@
-<h1><%= name %></h1>
+<h1>
+  <%= name %>
+</h1>
 
 <p>This is project generated to serve as a reproduction starter for Storybook.</p>
 
-<a href="<%= stackblitzUrl %>">View it in Stackblitz</a>
+<a href="<%= stackblitzUrl %>">
+  View it in Stackblitz
+</a>
 
 <h3>Testing instructions</h3>
 
@@ -14,5 +18,4 @@
 <p>Run Storybook:</p>
 <pre>
   yarn storybook
-</pre>
-
+</pre>
diff --git a/scripts/sandbox/utils/template.ts b/scripts/sandbox/utils/template.ts
@@ -9,7 +9,12 @@ export async function renderTemplate(templatePath: string, templateData: Record<
 
   const output = format(render(template, templateData), {
     parser: 'html',
-  }).replace(new RegExp('</li>\\n\\n', 'g'), '</li>\n');
+  })
+    // overly complicated regex replacements to fix prettier's bad formatting
+    .replace(new RegExp('</li>\\n\\n', 'g'), '</li>\n')
+    .replace(new RegExp('<a\\n', 'g'), '<a')
+    .replace(new RegExp('node"\\n>', 'g'), 'node=">')
+    .replace(new RegExp('/\\n</a>/', 'g'), '</a>');
   return output;
 }