feat(examples): update example-router-migration with getResourceCollectionPathSegments()

Issue #665

Author: JohnAlbin

examples/example-router-migration/README.md

@@ -37,6 +37,7 @@ Over time, you will be moving all the files from `/pages` to `/app`. However, th
 2. Delete the last files in your `/pages` directory:
    - `/pages/api/exit-preview.ts`
    - `/pages/api/preview.ts`
+3. Update your `lib/drupal.ts` file and switch from the `DrupalClient` class (with dual Pages/App Router support) to the new, leaner `NextDrupal` class (with only App Router support).
 
 ## License
 

examples/example-router-migration/app/[...slug]/page.tsx

@@ -76,15 +76,29 @@ export async function generateMetadata(
 const RESOURCE_TYPES = ["node--page", "node--article"]
 
 export async function generateStaticParams(): Promise<NodePageParams[]> {
-  // TODO: Replace getStaticPathsFromContext() usage since there is no context.
-  const paths = await drupal.getStaticPathsFromContext(RESOURCE_TYPES, {})
-  // console.log(
-  //   "generateStaticParams",
-  //   paths.map(({ params }) => params)
-  // )
-  return paths.map((path: string | { params: NodePageParams }) =>
-    typeof path === "string" ? { slug: [] } : path?.params
+  const resources = await drupal.getResourceCollectionPathSegments(
+    RESOURCE_TYPES,
+    {
+      // The pathPrefix will be removed from the returned path segments array.
+      // pathPrefix: "/blog",
+      // The list of locales to return.
+      // locales: ["en", "es"],
+      // The default locale.
+      // defaultLocale: "en",
+    }
   )
+
+  return resources.map((resource) => {
+    // resources is an array containing objects like: {
+    //   path: "/blog/some-category/a-blog-post",
+    //   type: "node--article",
+    //   locale: "en", // or `undefined` if no `locales` requested.
+    //   segments: ["blog", "some-category", "a-blog-post"],
+    // }
+    return {
+      slug: resource.segments,
+    }
+  })
 }
 
 export default async function NodePage({

examples/example-router-migration/lib/drupal.ts

@@ -1,4 +1,7 @@
-import { DrupalClient } from "next-drupal"
+import {
+  DrupalClient,
+  // NextDrupal
+} from "next-drupal"
 
 const baseUrl: string = process.env.NEXT_PUBLIC_DRUPAL_BASE_URL || ""
 const clientId = process.env.DRUPAL_CLIENT_ID || ""
@@ -11,3 +14,13 @@ export const drupal = new DrupalClient(baseUrl, {
   },
   debug: true,
 })
+
+// TODO: Once you have migrated fully to App Router, switch to the leaner
+//  NextDrupal class (which contains none of the Pages Router-specific methods.)
+// export const drupal = new NextDrupal(baseUrl, {
+//   auth: {
+//     clientId,
+//     clientSecret,
+//   },
+//   debug: true,
+// })