@groveback/ui 0.2.0 → 0.3.0

package/dist/index.js

@@ -969,7 +969,7 @@ function resolveRoute(routes, path) {
   return null;
 }
 function GroveRoutes(props) {
-  const { routes, context, fallback, children } = props;
+  const { routes, context, fallback, children, gate } = props;
   const [path, setPath] = useState4(() => window.location.pathname);
   useEffect3(() => {
     const onPop = () => setPath(window.location.pathname);
@@ -983,9 +983,10 @@ function GroveRoutes(props) {
   const value = useMemo2(() => ({ ...context, navigate }), [context, navigate]);
   const hit = resolveRoute(routes, path);
   const isRoot = (path.replace(/\/+$/, "") || "/") === "/";
-  const screen = hit ? hit.route.render(hit.params) : fallback ?? (isRoot ? /* @__PURE__ */ jsx5(RouteIndex, {
+  const matched = hit ? hit.route.render(hit.params) : fallback ?? (isRoot ? /* @__PURE__ */ jsx5(RouteIndex, {
     routes
   }) : /* @__PURE__ */ jsx5(NotFound, {}));
+  const screen = gate && hit && hit.route.requiresAuth !== false ? gate(matched) : matched;
   return /* @__PURE__ */ jsxs4(GroveUiProvider, {
     value,
     children: [

package/dist/routes.d.ts

@@ -17,6 +17,11 @@ export interface GroveRoute {
     path: string;
     /** Title authored in the Studio, when the screen has one. */
     title?: string | undefined;
+    /**
+     * Whether a visitor must be signed in to see this route (D81). Absent means REQUIRED, so a
+     * route table written before this existed keeps behaving as it did.
+     */
+    requiresAuth?: boolean | undefined;
     render: (params: Record<string, string>) => ReactNode;
 }
 /**
@@ -58,10 +63,18 @@ export declare function GroveRoutes(props: {
     fallback?: ReactNode | undefined;
     /**
      * Rendered inside the provider, ahead of the screen — where an app puts its own chrome.
-     * A sign-in gate goes OUTSIDE instead (`<SignIn><GroveRoutes …/></SignIn>`): it needs no
-     * provider, and wrapping the router is what keeps every route behind it at once.
+     * A gate that covers EVERY route goes outside instead (`<SignIn><GroveRoutes …/></SignIn>`).
      */
     children?: ReactNode | undefined;
+    /**
+     * Rendered in place of a route whose `requiresAuth` is not false while nobody is signed in
+     * (D81) — the generated app passes its `<SignIn>`. Per route rather than around the whole
+     * router, so one app can serve a public landing page and a private dashboard.
+     *
+     * Absent means no gate at all: a route table with no public/private distinction renders as
+     * it always did, and an app that wraps the router keeps working unchanged.
+     */
+    gate?: ((screen: ReactNode) => ReactNode) | undefined;
 }): import("react").JSX.Element;
 /**
  * The pages of the document, for a root with no screen of its own. Only routes with no

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groveback/ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "React primitives for Groveback Studio screens — tables, forms, detail views and relation pickers that read through the Groveback SDK, so every query passes the policy engine.",
   "type": "module",
   "main": "./dist/index.js",