refactor(app): Generate page.tsx from template.tsx

scripts/generate.mjs

@@ -18,7 +18,7 @@ const marked = new Marked(
 );
 
 (async () => {
-  const template = await fs.readFile("../template.html", "utf-8");
+  const template = await fs.readFile("../site/src/app/template.tsx", "utf-8");
   let markdown = await fs.readFile("../README.md", "utf-8");
   // Remove first line
   markdown = markdown.substring(markdown.indexOf("\n") + 1);
@@ -29,9 +29,11 @@ const marked = new Marked(
   markdown = markdown.replaceAll("- [x] ", "- ");
 
   const html = marked.parse(markdown, { gfm: true });
-  const output = template.replace("<!-- content -->", html);
-  await fs.mkdir("../dist", { recursive: true });
-  await fs.writeFile("../dist/index.html", output);
+  const output = template.replace(
+    "<!-- content -->",
+    html.replace(/`/g, "\\`")
+  );
+  await fs.writeFile("../site/src/app/page.tsx", output);
 })()
   .then(() => console.log("Completed!"))
   .catch((error) => {

scripts/package.json

@@ -2,8 +2,9 @@
   "name": "deliverabilityguide.com-scripts",
   "type": "module",
   "version": "0.0.0",
-  "main": "index.mjs",
+  "main": "generate.mjs",
   "scripts": {
+    "generate": "node generate.mjs",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],

site/src/app/page.tsx → site/src/app/template.tsx

@@ -11,7 +11,7 @@ export default function Home() {
       <Introduction />
       <NavBar />
       <section className="scroll-mt-14 py-16 sm:scroll-mt-32 sm:py-20 lg:py-32">
-        <Container dangerouslySetInnerHTML={{ __html: '<!-- content -->' }} />
+        <Container dangerouslySetInnerHTML={{ __html: `<!-- content -->` }} />
       </section>
       <Footer />
     </>