Deploy v3 (#401)

* feat: add docsearch (#396)
* Feat: add sitemap (#398)
* fix: doc version links

Author: ginifizz

pwa/api/doc/index.ts

@@ -120,7 +120,7 @@ export const loadV2DocumentationNav = cache(async (branch: string) => {
 
     const navData: Chapters = YAML.parse(result.toString());
 
-    const basePath = branch === current ? `/docs` : `/docs/${branch}`;
+    const basePath = branch === current ? `/docs` : `/docs/v${branch}`;
     return Promise.all(
       navData.chapters.map(async (part) => ({
         title: part.title,

pwa/app/(common)/community/page.tsx

@@ -170,7 +170,7 @@ export default async function Page() {
           </Heading>
           <div className="grid grid-cols-1 my-4 place-content-center lg:grid-cols-2 gap-4 sm:gap-6">
             {events.map((event: Event) => (
-              <EventCard key={event.title} event={event} />
+              <EventCard key={event.link} event={event} />
             ))}
           </div>
           <ArrowLink

pwa/app/(common)/docs/[...slug]/layout.tsx

@@ -12,7 +12,9 @@ async function Layout({
   };
   children: React.ReactNode;
 }) {
-  const version = versions.includes(slug[0]) ? slug[0] : current;
+  const version = versions.includes(slug[0].substring(1))
+    ? slug[0].substring(1)
+    : current;
   const nav = await loadV2DocumentationNav(version);
 
   return <DocLayout nav={nav}>{children}</DocLayout>;

pwa/app/(common)/docs/[...slug]/page.tsx

@@ -25,9 +25,6 @@ export async function generateStaticParams() {
       });
     }
   }
-  for (const version of versions) {
-    slugs.push({ slug: [version] });
-  }
   return slugs;
 }
 
@@ -60,7 +57,7 @@ export default async function Page({
     const breadCrumbs = [
       {
         title: version,
-        link: version === current ? `/docs/${version}` : "/docs",
+        link: version === current ? `/docs/v${version}` : "/docs",
       },
       { title },
     ];

pwa/app/(common)/events/components/EventsPage.tsx

@@ -107,8 +107,8 @@ export default function EventsPage({ events }: EventsPageProps) {
                 {year}
               </Heading>
               <div className="grid grid-cols-1 place-content-center lg:grid-cols-2 gap-4 sm:gap-6">
-                {eventsByYear[year].map((event: EventType) => (
-                  <EventCard key={event.title} event={event} />
+                {eventsByYear[year].map((event: EventType, index: number) => (
+                  <EventCard key={`${event.link}${index}`} event={event} />
                 ))}
               </div>
             </div>

pwa/app/(common)/layout.tsx

@@ -1,4 +1,5 @@
 import "styles/common.css";
+import "@docsearch/css";
 import { Poppins } from "next/font/google";
 import Layout from "components/layout/Layout";
 import { Metadata } from "next";

pwa/app/sitemap.ts

@@ -0,0 +1,105 @@
+import editions, { currentEdition } from "data/con/editions";
+import { Locale, i18n } from "i18n/i18n-config";
+import { generateStaticParams as getScheduleEditions } from "app/con/[edition]/schedule/page";
+import { generateStaticParams as getSpeakersEditions } from "app/con/[edition]/speakers/page";
+import { getAllSpeakerSlugs } from "api/con/speakers";
+import { getAllConferenceSlugs } from "api/con/conferences";
+import { getAllEvents } from "api/events";
+import { getAllContributors } from "api/contributors";
+import { versions } from "consts";
+import { loadV2DocumentationNav } from "api/doc";
+
+const basePath = process.env.NEXT_ROOT_URL?.startsWith("http")
+  ? process.env.NEXT_ROOT_URL
+  : `https://${process.env.NEXT_ROOT_URL}`;
+
+function createLocalePath(locale: Locale, path: string, edition?: string) {
+  const baseLocalePath =
+    i18n.defaultLocale === locale ? basePath : `${basePath}/${locale}`;
+  return `${baseLocalePath}/${edition ? `${edition}/` : ""}${path}`;
+}
+
+async function getAllConRoutes() {
+  const routes: string[] = [];
+  for (const locale of i18n.locales) {
+    routes.push(createLocalePath(locale, "con"));
+    routes.push(createLocalePath(locale, "con/editions"));
+
+    const editionsWithSchedules = await getScheduleEditions();
+    const editionsWithSpeakers = await getSpeakersEditions();
+
+    for (const { edition } of editionsWithSchedules) {
+      routes.push(createLocalePath(locale, `con/${edition}/schedule`));
+    }
+    for (const { edition } of editionsWithSpeakers) {
+      routes.push(createLocalePath(locale, `con/${edition}/speakers`));
+    }
+    for (const { year: edition } of editions) {
+      if (edition !== currentEdition)
+        routes.push(createLocalePath(locale, `con/${edition}/review`));
+
+      const speakers = await getAllSpeakerSlugs(edition, locale);
+      for (const speaker of speakers)
+        routes.push(
+          createLocalePath(locale, `con/${edition}/speakers/${speaker}`)
+        );
+
+      const conferences = await getAllConferenceSlugs(edition, locale);
+      for (const conference of conferences)
+        routes.push(
+          createLocalePath(locale, `con/${edition}/conferences/${conference}`)
+        );
+
+      const legals = ["faq", "transparency", "code-of-conduct"]; // TODO: fix to put dynamic array after legal fix
+      for (const legal of legals)
+        routes.push(createLocalePath(locale, `con/${edition}/${legal}`));
+    }
+  }
+  return routes;
+}
+
+async function getAllStandardRoutes() {
+  const routes: string[] = [];
+  routes.push(`${basePath}/docs`);
+  routes.push(`${basePath}/events`);
+  routes.push(`${basePath}/references`);
+  routes.push(`${basePath}/community`);
+  routes.push(`${basePath}/community/contributors`);
+  routes.push(`${basePath}/help`);
+  routes.push(`${basePath}/404`);
+  routes.push(`${basePath}/help/code-of-conduct`);
+  routes.push(`${basePath}/resources/wallpapers`);
+  routes.push(`${basePath}/resources/logos`);
+  routes.push(`${basePath}/resources/colouring-webby`);
+  routes.push(`${basePath}/trademark-policy`);
+
+  const events = await getAllEvents();
+  for (const event of events) {
+    routes.push(`${basePath}/events/${event.slug}`);
+  }
+
+  const contributors = await getAllContributors();
+  for (const contributor of contributors) {
+    routes.push(`${basePath}/contributors/${contributor.login}`);
+  }
+
+  for (const version of versions) {
+    routes.push(`${basePath}/docs/v${version}`);
+    const navs = await loadV2DocumentationNav(version);
+    for (const nav of navs) {
+      for (const link of nav.links) {
+        routes.push(`${basePath}${link.link}`);
+      }
+    }
+  }
+
+  return routes;
+}
+
+export default async function sitemap() {
+  const allLinks = [
+    ...(await getAllConRoutes()),
+    ...(await getAllStandardRoutes()),
+  ];
+  return allLinks.map((path) => ({ url: path }));
+}

pwa/common.tailwind.config.js

@@ -79,6 +79,9 @@ module.exports = {
       borderRadius: {
         full: "100%",
       },
+      boxShadow: {
+        "inner-light": "inset 0 1px 0 0 #00555a",
+      },
       rotate: {
         15: "15deg",
         30: "30deg",

pwa/components/docs/DocMenu.tsx

@@ -123,7 +123,7 @@ export default function DocMenu({
   autoOpen?: boolean;
 }) {
   const versionLinks = versions.map((v) => ({
-    link: v === current ? "/docs" : `/docs/${v}/`,
+    link: v === current ? "/docs" : `/docs/v${v}/distribution/`,
     title: v,
   }));
   return (

pwa/components/layout/Layout.tsx

@@ -1,4 +1,3 @@
-import "styles/common.css";
 import Nav from "components/layout/Nav";
 import Footer from "components/layout/Footer";
 import localizedFormat from "dayjs/plugin/localizedFormat";