Initial commit

hooks/use-route-segment.ts

@@ -0,0 +1,17 @@
+"use client";
+
+import { useParams } from "next/navigation";
+
+/**
+ * Returns the last segment of the current catch-all slug route, e.g. the
+ * `cool-shirt` in `/products/cool-shirt`. Components use this to derive the
+ * resource they should load from the Next.js route segments directly.
+ */
+export function useRouteSegment(): string | undefined {
+  const params = useParams();
+  const segments = Array.isArray(params?.slug) ? (params.slug as string[]) : [];
+  // Editor routes are served under `/editor/*`; ignore that prefix so the
+  // resolved segment matches the public route.
+  const routeSegments = segments[0] === "editor" ? segments.slice(1) : segments;
+  return routeSegments[routeSegments.length - 1];
+}