archtika/web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.server.ts

import { readFile, mkdir, writeFile } from "node:fs/promises";
import { join } from "node:path";
import { md } from "$lib/utils";
import type { Actions, PageServerLoad } from "./$types";
import { API_BASE_PREFIX, NGINX_BASE_PREFIX } from "$lib/utils";

export const load: PageServerLoad = async ({ params, fetch, cookies, locals }) => {
  const websiteOverviewData = await fetch(
    `${API_BASE_PREFIX}/website_overview?id=eq.${params.websiteId}`,
    {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${cookies.get("session_token")}`,
        Accept: "application/vnd.pgrst.object+json"
      }
    }
  );

  const websiteOverview = await websiteOverviewData.json();

  generateStaticFiles(websiteOverview);

  const websitePreviewUrl = `${NGINX_BASE_PREFIX}/previews/${websiteOverview.user_id}/${websiteOverview.id}/index.html`;

  return {
    websiteOverview,
    websitePreviewUrl
  };
};

export const actions: Actions = {
  publishWebsite: async ({ request }) => {
    const data = await request.formData();
    const websiteOverview = JSON.parse(data.get("website-overview") as string);

    generateStaticFiles(websiteOverview, false);

    return { success: true, message: "Successfully published website" };
  }
};

const generateStaticFiles = async (websiteData: any, isPreview: boolean = true) => {
  const templatePath = join(
    process.cwd(),
    "..",
    "templates",
    websiteData.content_type.toLowerCase()
  );

  const indexFile = await readFile(join(templatePath, "index.html"), { encoding: "utf-8" });
  const articleFile = await readFile(join(templatePath, "article.html"), {
    encoding: "utf-8"
  });
  const stylesFile = await readFile(join(templatePath, "styles.css"), { encoding: "utf-8" });

  const indexFileContents = indexFile
    .replace(
      "{{logo}}",
      websiteData.logo_type === "text"
        ? `<strong>${websiteData.logo_text}</strong>`
        : `<img src="https://picsum.photos/32/32" />`
    )
    .replace("{{title}}", `<h1>${websiteData.title}</h1>`)
    .replace("{{main_content}}", md.render(websiteData.main_content ?? ""))
    .replace(
      "{{articles}}",
      Array.isArray(websiteData.articles) && websiteData.articles.length > 0
        ? `
          <h2>Articles</h2>
          ${websiteData.articles
            .map(
              (article: { title: string; publication_date: string; meta_description: string }) => {
                const articleFileName = article.title.toLowerCase().split(" ").join("-");

                return `
                  <article>
                    <p>${article.publication_date}</p>
                    <h3>
                      <a href="./articles/${articleFileName}.html">
                        ${article.title}
                      </a>
                    </h3>
                    <p>${article.meta_description ?? "No description provided"}</p>
                  </article>
                `;
              }
            )
            .join("")}
        `
        : "<h2>Articles</h2><p>No articles available at this time.</p>"
    )
    .replace("{{additional_text}}", md.render(websiteData.additional_text ?? ""));

  let uploadDir = "";

  if (isPreview) {
    uploadDir = join(
      "/",
      "var",
      "www",
      "archtika-websites",
      "previews",
      websiteData.user_id,
      websiteData.id
    );
  } else {
    uploadDir = join("/", "var", "www", "archtika-websites", websiteData.user_id, websiteData.id);
  }

  await mkdir(uploadDir, { recursive: true });

  await writeFile(join(uploadDir, "index.html"), indexFileContents);

  await mkdir(join(uploadDir, "articles"), { recursive: true });

  for (const article of websiteData.articles ?? []) {
    const articleFileName = article.title.toLowerCase().split(" ").join("-");

    const articleFileContents = articleFile
      .replace(
        "{{logo}}",
        websiteData.logo_type === "text"
          ? `<strong>${websiteData.logo_text}</strong>`
          : `<img src="https://picsum.photos/32/32" />`
      )
      .replace(
        "{{cover_image}}",
        `<img src="${article.cover_image ? `${API_BASE_PREFIX}/rpc/retrieve_file?id=${article.cover_image}` : "https://picsum.photos/600/200"}" />`
      )
      .replace("{{title}}", `<h1>${article.title}</h1>`)
      .replace("{{publication_date}}", `<p>${article.publication_date}</p>`)
      .replace("{{main_content}}", md.render(article.main_content ?? ""))
      .replace("{{additional_text}}", md.render(websiteData.additional_text ?? ""));

    await writeFile(join(uploadDir, "articles", `${articleFileName}.html`), articleFileContents);
  }

  await writeFile(join(uploadDir, "styles.css"), stylesFile);
};