feat: #PEDAGO-3966, hide collect header

backend/src/main/java/fr/wseduc/rack/controllers/RackController.java

@@ -167,6 +167,13 @@ public void viewTrash(HttpServerRequest request) {
 		renderView(request, new JsonObject(), "index.html", null);
 		eventHelper.onAccess(request);
 	}
+
+	@Get("/collect")
+	@SecuredAction(access)
+	public void viewCollect(HttpServerRequest request) {
+		renderView(request, new JsonObject(), "index.html", null);
+		eventHelper.onAccess(request);
+	}
 	//////////////
 	//// CRUD ////
 	//////////////

frontend/package.json

@@ -27,6 +27,7 @@
     "@edifice.io/utilities": "develop-pedago",
     "@edifice.io/bootstrap": "develop-pedago",
     "@edifice.io/rack-client-rest": "workspace:*",
+    "@edifice.io/collect-frontend": "feat-PEDAGO-3966",
     "@edifice.io/client": "develop-pedago",
     "@edifice.io/react": "develop-pedago",
     "@react-spring/web": "9.7.5",

frontend/src/index.css

@@ -28,3 +28,17 @@
   margin-left: calc(var(--edifice-gap) * -1);
   margin-right: -2.4rem;
 }
+.separator-dashed {
+  height: 1px;
+
+  /* paramètres */
+  --color: var(--edifice-gray-400);
+  --dash: 8px;
+  --gap: 6px;
+
+  background: repeating-linear-gradient(
+    90deg,
+    var(--color) 0 var(--dash),
+    transparent var(--dash) calc(var(--dash) + var(--gap))
+  );
+}

frontend/src/pages/Root.tsx

@@ -8,7 +8,7 @@ import {
   useBreakpoint,
 } from "@edifice.io/react";
 import { QueryClient } from "@tanstack/react-query";
-import { Suspense } from "react";
+import { lazy, Suspense } from "react";
 import { Outlet, useLoaderData } from "react-router-dom";
 import { rackQueryOptions } from "~/services/queries/rack.queries";
 import { UploadDocumentModal } from "~/features/modals/UploadDocumentModal";
@@ -25,6 +25,18 @@ import configDefault from "~/config/Config";
 import actionsDefault from "~/config/Actions";
 import { TrashDocumentModal } from "~/features/modals/TrashDocumentModal";
 
+type CollectFrontendModule = {
+  CollectMenu: React.ComponentType<{ showMenu?: boolean; basePath?: string }>;
+};
+
+const CollectMenu = lazy(() =>
+  (
+    import("@edifice.io/collect-frontend/lib") as Promise<CollectFrontendModule>
+  ).then((m) => ({
+    default: m.CollectMenu,
+  })),
+);
+
 /**
  * Root loader data interface
  * Contains global configuration and preloaded data for the Rack application
@@ -83,8 +95,7 @@ export function Component() {
   const { init, currentApp } = useEdificeClient();
   const { lg } = useBreakpoint();
   const { config, actions } = useLoaderData() as RootLoaderData;
-  const openedModal = useRackStore.use.openedModal();
-  // Show loading screen while initializing
+  const openedModal = useRackStore.use.openedModal(); // Show loading screen while initializing
   if (!init || !currentApp) {
     return <LoadingScreen position={false} />;
   }
@@ -113,6 +124,9 @@ export function Component() {
             className="d-none d-lg-block"
             as="aside"
           >
+            <Suspense fallback={null}>
+              <CollectMenu showMenu={false} basePath="/collect" />
+            </Suspense>
             <DesktopMenu />
           </Grid.Col>
           <Grid.Col

frontend/src/routes/index.tsx

@@ -1,5 +1,9 @@
 import { QueryClient } from "@tanstack/react-query";
-import { RouteObject, createBrowserRouter } from "react-router-dom";
+import {
+  RouteObject,
+  createBrowserRouter,
+  useLocation,
+} from "react-router-dom";
 
 // Import your main pages and features here
 import { NotFound } from "../pages/NotFound"; // 404 page component
@@ -68,6 +72,34 @@ const routes = (queryClient: QueryClient): RouteObject[] => [
           };
         },
       },
+      {
+        path: "/collect/*",
+        async lazy() {
+          const module = (await import("@edifice.io/collect-frontend/lib")) as {
+            CollectApp: React.ComponentType<{
+              header?: boolean;
+              showMenu?: boolean;
+              currentPath?: string;
+            }>;
+          };
+          return {
+            Component: () => {
+              const { pathname } = useLocation();
+              const cleanPath = pathname
+                .replace("/rack", "")
+                .replace("/collect", "");
+
+              return (
+                <module.CollectApp
+                  header={false}
+                  showMenu={false}
+                  currentPath={cleanPath}
+                />
+              );
+            },
+          };
+        },
+      },
     ],
   },
   {

frontend/vite.config.ts

@@ -80,6 +80,9 @@ export default ({ mode }: { mode: string }) => {
         "/audience": proxyObj,
         "/rack": proxyObj,
         "/rack/api": proxyObj,
+        "/rack/collect/api": proxyObj,
+        "/collect/api": proxyObj,
+        "/collect/i18n": proxyObj,
         "/resources-applications": proxyObj,
       },
       port: 4200,

package.json

@@ -82,5 +82,10 @@
     "commitizen": {
       "path": "cz-conventional-changelog"
     }
+  },
+  "pnpm": {
+    "overrides": {
+      "@edifice.io/collect-client-rest": "develop-pedago"
+    }
   }
 }