Add markdown marketing pages

src/lib/utils/apiNames.ts

@@ -30,6 +30,8 @@ const apiNames = {
     BUCKET: <bucketName extends string>(name: bucketName) =>
       crud(`fileHandler:${name.substring(4)}`), // remove "dev-" prefix
   },
+  MARKDOWN: <markdownDocumentName extends string>(name: markdownDocumentName) =>
+    crud(`markdowns:${name}`),
   MEMBER: {
     ...crud("core:member"),
     PING: "core:member:ping",

src/routes/info/[slug]/+page.server.ts

@@ -0,0 +1,17 @@
+import type { PageServerLoad } from "../$types";
+import prisma from "$lib/utils/prisma";
+import { error } from "@sveltejs/kit";
+
+export const load: PageServerLoad = async ({ params }) => {
+  const markdownPage = await prisma.markdown.findUnique({
+    where: {
+      name: params.slug,
+    },
+  });
+  if (markdownPage == undefined) {
+    throw error(404, {
+      message: "Not found",
+    });
+  }
+  return { markdown: markdownPage, slug: params.slug };
+};

src/routes/info/[slug]/+page.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  export let data;
+  import { goto } from "$app/navigation";
+  import MarkdownBody from "$lib/components/MarkdownBody.svelte";
+</script>
+
+{#if data && data.accessPolicies.includes(`markdowns:${data.slug}:update`)}
+  <button
+    type="button"
+    class="btn"
+    on:click={() => {
+      goto(`${data.slug}/edit`);
+    }}>Edit</button
+  >
+{/if}
+
+<div class="p-2 text-neutral-content">
+  <MarkdownBody body={data.markdown?.markdown} />
+</div>

src/routes/info/[slug]/edit/+page.server.ts

@@ -0,0 +1,55 @@
+import { Prisma } from "@prisma/client";
+import { error, fail, redirect } from "@sveltejs/kit";
+import prisma from "$lib/utils/prisma";
+import { policyAccessGuard, withAccess } from "$lib/utils/access";
+import apiNames from "$lib/utils/apiNames";
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = async ({ parent, params }) => {
+  const markdownPage = await prisma.markdown.findUnique({
+    where: {
+      name: params.slug,
+    },
+  });
+  if (markdownPage == undefined) {
+    throw error(404, {
+      message: "Not found",
+    });
+  }
+  const { accessPolicies } = await parent();
+  policyAccessGuard(apiNames.MARKDOWN(params.slug).UPDATE, accessPolicies);
+  return { markdown: markdownPage, slug: params.slug };
+};
+
+export const actions = {
+  default: async ({ request, locals }) => {
+    // read the form data sent by the browser
+    const formData = await request.formData();
+    const name = String(formData.get("name"));
+    const session = await locals.getSession();
+    return withAccess(apiNames.MARKDOWN(name).UPDATE, session?.user, async () => {
+      try {
+        await prisma.markdown.update({
+          where: {
+            name: name,
+          },
+          data: {
+            markdown: String(formData.get("markdown")),
+          },
+        });
+      } catch (e) {
+        if (e instanceof Prisma.PrismaClientKnownRequestError) {
+          return fail(400, {
+            error: e.message,
+            data: Object.fromEntries(formData),
+          });
+        }
+        return fail(500, {
+          error: "Unknown error",
+          data: Object.fromEntries(formData),
+        });
+      }
+      throw redirect(303, `/info/${name}`);
+    });
+  },
+};

src/routes/info/[slug]/edit/+page.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  export let data;
+  import MarkdownEditor from "$lib/components/MarkdownEditor.svelte";
+  let markdown = data.markdown?.markdown;
+</script>
+
+<div class="p-2 text-neutral-content">
+  <form method="POST">
+    <MarkdownEditor bind:value={markdown} />
+    <input type="hidden" name="name" value={data.slug} />
+    <input type="hidden" name="markdown" bind:value={markdown} />
+    <button class="btn" type="submit">Submit</button>
+  </form>
+</div>