add dynamic preview titles

Author: andrewjschuang

docs-v2/theme.config.tsx

@@ -14,14 +14,24 @@ const config: DocsThemeConfig = {
     const router = useRouter()
     const { frontMatter } = useConfig()
 
+    let pageTitle = frontMatter?.title;
+    // If no title in front matter, derive it from the URL
+    if (!pageTitle) {
+      const segments = router.asPath.replace(/\/$/, "").split("/");
+      pageTitle = segments[segments.length - 1];
+      // Replace dashes/underscores with spaces and capitalize each first letter
+      pageTitle = pageTitle.replace(/[-_]/g, " ");
+      pageTitle = pageTitle.replace(/\b\w/g, (char) => char.toUpperCase());
+    }
+
     return (
       <>
         <meta name="description" content="Workflow automation for developers" />
         {router && <link rel="canonical" href={`https://pipedream.com/docs${router.route === "/"
           ? ""
           : router.route}`} />}
         <link rel="icon" href="/docs/favicon.ico" />
-        <meta property="og:title" content={`${frontMatter?.title || ""} — Pipedream`} />
+        <meta property="og:title" content={`${pageTitle} — Pipedream`} />
       </>
     )
   },