adds wiki pages list, fix creation of root wiki page

Author: tdjsnelling

api/src/controllers/wiki.js

@@ -5,7 +5,7 @@ const slugRegex = /^\/([a-z0-9-_\/])*/i;
 
 const formatSlug = (slug) => {
   if (!slug.startsWith("/")) slug = `/${slug}`;
-  if (slug.endsWith("/")) slug = slug.slice(0, -1);
+  if (slug.endsWith("/") && slug !== "/") slug = slug.slice(0, -1);
   const split = slug.split("/");
   const slugified = split.map((token) => slugify(token, { lower: true }));
   return slugified.join("/");
@@ -98,7 +98,9 @@ export const getWiki = async (req, res, next) => {
       return;
     }
 
-    res.json(page);
+    const allPages = await Wiki.find({}, { slug: 1, title: 1 }).lean();
+
+    res.json({ page, allPages });
   } catch (e) {
     next(e);
   }

client/pages/wiki/[[...slug]].js

@@ -17,7 +17,13 @@ import LoadingContext from "../../utils/LoadingContext";
 import Modal from "../../components/Modal";
 import { WikiFields } from "./new";
 
-const Wiki = ({ page, token, userRole, slug }) => {
+const sortSlug = (a, b) => {
+  if (a.slug > b.slug) return 1;
+  if (a.slug < b.slug) return -1;
+  return 0;
+};
+
+const Wiki = ({ page, allPages, token, userRole, slug }) => {
   const [editing, setEditing] = useState(false);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
 
@@ -161,24 +167,57 @@ const Wiki = ({ page, token, userRole, slug }) => {
             </Text>
           </Box>
           {!editing ? (
-            <MarkdownBody>
-              <ReactMarkdown
-                remarkPlugins={[remarkGfm]}
-                components={{
-                  a({ href, ...props }) {
-                    return href.startsWith("http") ? (
-                      <a href={href} target="_blank" {...props} />
-                    ) : (
-                      <Link href={href} passHref>
-                        <a {...props} />
-                      </Link>
-                    );
-                  },
-                }}
+            <Box
+              display="grid"
+              gridTemplateColumns={["1fr", "200px auto"]}
+              gridGap={5}
+            >
+              <Box
+                bg="sidebar"
+                border="1px solid"
+                borderColor="border"
+                borderRadius={1}
+                p={3}
               >
-                {page.body}
-              </ReactMarkdown>
-            </MarkdownBody>
+                <Text
+                  fontWeight={600}
+                  fontSize={1}
+                  mb={3}
+                  _css={{ textTransform: "uppercase" }}
+                >
+                  Pages
+                </Text>
+                {allPages.sort(sortSlug).map((p) => (
+                  <Link
+                    key={`page-${p.slug}`}
+                    href={`/wiki/${p.slug}`}
+                    passHref
+                  >
+                    <Text as="a" display="block">
+                      {p.title}
+                    </Text>
+                  </Link>
+                ))}
+              </Box>
+              <MarkdownBody>
+                <ReactMarkdown
+                  remarkPlugins={[remarkGfm]}
+                  components={{
+                    a({ href, ...props }) {
+                      return href.startsWith("http") ? (
+                        <a href={href} target="_blank" {...props} />
+                      ) : (
+                        <Link href={href} passHref>
+                          <a {...props} />
+                        </Link>
+                      );
+                    },
+                  }}
+                >
+                  {page.body}
+                </ReactMarkdown>
+              </MarkdownBody>
+            </Box>
           ) : (
             <form onSubmit={handleEdit}>
               <WikiFields values={page} />
@@ -246,8 +285,10 @@ export const getServerSideProps = withAuthServerSideProps(
       ) {
         throw "banned";
       }
-      const page = await wikiRes.json();
-      return { props: { page, token, userRole: role, slug: parsedSlug } };
+      const { page, allPages } = await wikiRes.json();
+      return {
+        props: { page, allPages, token, userRole: role, slug: parsedSlug },
+      };
     } catch (e) {
       if (e === "banned") throw "banned";
       return { props: { token, userRole: role, slug: parsedSlug } };

client/pages/wiki/new.js

@@ -29,7 +29,7 @@ export const WikiFields = ({ values }) => {
         onBlur={(e) => {
           let { value } = e.target;
           if (!value.startsWith("/")) value = `/${value}`;
-          if (value.endsWith("/")) value = value.slice(0, -1);
+          if (value.endsWith("/") && value !== "/") value = value.slice(0, -1);
           const split = value.split("/");
           const slugified = split.map((token) =>
             slugify(token, { lower: true })