FactuGES_ERP/apps/web/src/routes/app-routes.tsx

// apps/web/src/routes/app-routes.tsx
import type { IModuleClient } from "@erp/core/client";
import { Navigate, Route, createBrowserRouter, createRoutesFromElements } from "react-router-dom";

import { ModuleRoutes } from "@/components/module-routes";
import { AppLayout } from "@/layout";
import ShadcnShowcasePage from "@/pages/shadcn-ui-page";
import TailwindV4ShowcasePage from "@/pages/tailwindcss-page";

import { ErrorPage, LoginForm } from "../pages";
import { modules } from "../register-modules";

function groupModulesByLayout(modules: IModuleClient[]) {
  const groups: Record<string, IModuleClient[]> = {
    auth: [],
    app: [],
  };

  for (const module of modules) {
    const layout = typeof module.layout === "string" ? module.layout : "app";

    groups[layout] = groups[layout] ?? [];
    groups[layout].push(module);
  }

  return groups;
}

export const getAppRouter = () => {
  const params = {
    ...import.meta.env,
  };

  const grouped = groupModulesByLayout(modules);

  return createBrowserRouter(
    createRoutesFromElements(
      <Route path="/">
        <Route element={<Navigate replace to="/proformas" />} index />

        {/* Auth Layout */}
        <Route path="auth">
          <Route element={<Navigate replace to="login" />} index />
          <Route element={<LoginForm />} path="login" />
          <Route element={<ModuleRoutes modules={grouped.auth} params={params} />} path="*" />
        </Route>

        {/* App Layout */}
        <Route element={<AppLayout />}>
          {/* Test */}
          <Route element={<ShadcnShowcasePage />} path="shadcnui" />
          <Route element={<TailwindV4ShowcasePage />} path="tailwindcss4" />

          {/* Static / provisional routes */}
          <Route element={<ErrorPage />} path="dashboard" />
          <Route element={<ErrorPage />} path="settings" />
          <Route element={<ErrorPage />} path="catalog" />
          <Route element={<ErrorPage />} path="quotes" />

          {/* Dynamic module routes. Keep this last. */}
          <Route element={<ModuleRoutes modules={grouped.app} params={params} />} path="*" />
        </Route>
      </Route>
    )
  );
};