From 39ea15e48789017a786592fcc7517e753d1480fe Mon Sep 17 00:00:00 2001
From: Zac Holland <zacharyholland@gmail.com>
Date: Thu, 15 Aug 2024 09:31:49 -0700
Subject: [PATCH] implement and test suggested change (#11)

---
 src/lib/components/Breadcrumbs.svelte        | 7 ++++++-
 src/routes/(group)/groupedRoute/+page.svelte | 9 +++++++++
 src/routes/+page.svelte                      | 1 +
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/(group)/groupedRoute/+page.svelte

diff --git a/src/lib/components/Breadcrumbs.svelte b/src/lib/components/Breadcrumbs.svelte
index 8cc2ce6..ffcd5a1 100644
--- a/src/lib/components/Breadcrumbs.svelte
+++ b/src/lib/components/Breadcrumbs.svelte
@@ -50,7 +50,12 @@
       let completeUrl = "";
       let completeRoute =
         relPathToRoutes + (relPathToRoutes.slice(-1) == "/" ? "" : "/");
-      const routes = routeId.split("/").filter((p) => p != "");
+      // Split the route ID on every forward slash, but if there is a group route include that in the
+      // following route. This accounts for the fact that (group) routes do not show up in the path.
+      // For Example:
+      // routeId: test/(group1)/test2/test3
+      // routes: ["test", "(group1)/test2", "test3"]
+      const routes = routeId.split(/(?<!\))\//).filter((p) => p != "");
       const paths = url.pathname.split("/").filter((p) => p != "");
 
       // Loop over each directory in the path and generate a crumb
diff --git a/src/routes/(group)/groupedRoute/+page.svelte b/src/routes/(group)/groupedRoute/+page.svelte
new file mode 100644
index 0000000..91a36d5
--- /dev/null
+++ b/src/routes/(group)/groupedRoute/+page.svelte
@@ -0,0 +1,9 @@
+<script context="module" lang="ts">
+  // You can set the page title with a function that will be given
+  // data from the component in the layout
+  export function getPageTitle(pageData: any) {
+    return "Grouped Page";
+  }
+</script>
+
+Pages within grouped routes can set a page title.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 68ebccc..e4b1ce6 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -6,4 +6,5 @@
   <li>
     <a href="/pageDataExample/metadataExample">Crumb Metadata Example</a>
   </li>
+  <li><a href="/groupedRoute">Route Groups Example</a></li>
 </ul>