Remove fief lib from frontend

prmths128 · prmths128 · commit 8df711fcd913 · 2026-01-24T16:25:38.000+01:00
diff --git a/webapp/package-lock.json b/webapp/package-lock.json
diff --git a/webapp/package.json b/webapp/package.json
@@ -10,7 +10,6 @@
         "lint": "next lint"
     },
     "dependencies": {
-        "@fief/fief": "^0.15.0",
         "@radix-ui/react-dialog": "^1.1.14",
         "@radix-ui/react-dropdown-menu": "^2.1.15",
         "@radix-ui/react-label": "^2.1.7",
diff --git a/webapp/src/app/(dashboard)/profile/page.tsx b/webapp/src/app/(dashboard)/profile/page.tsx
@@ -2,11 +2,11 @@ import ErrorMessage from "@/components/error-message";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { fiefAuth } from "@/helpers/fief";
 import { User } from "@/types/user";
 
 async function getUser(): Promise<User | null> {
-    const userId = await fiefAuth.getUserId();
+    // TODO: implement without fief
+    const userId = null;
     if (!userId) {
         return null;
     }
diff --git a/webapp/src/app/layout.tsx b/webapp/src/app/layout.tsx
@@ -1,6 +1,4 @@
 "use client";
-
-import { FiefAuthProvider } from "@fief/fief/nextjs/react";
 import { IBM_Plex_Mono } from "next/font/google";
 import "./globals.css";
 import { SWRProvider } from "../helpers/swr";
@@ -19,23 +17,15 @@ export default function RootLayout({
             {/* suppressHydrationWarning is a Next theme recommendation */}
             <body className={font.className}>
                 <SWRProvider>
-                    <FiefAuthProvider
-                        currentUserPath={`${process.env.NEXT_PUBLIC_API_URL}/auth/check`}
-                        state={{
-                            userinfo: null,
-                            accessTokenInfo: null,
-                        }}
+                    <ThemeProvider
+                        attribute="class"
+                        defaultTheme="dark"
+                        forcedTheme="dark"
+                        disableTransitionOnChange
                     >
-                        <ThemeProvider
-                            attribute="class"
-                            defaultTheme="dark"
-                            forcedTheme="dark"
-                            disableTransitionOnChange
-                        >
-                            {children}
-                            <Toaster />
-                        </ThemeProvider>
-                    </FiefAuthProvider>
+                        {children}
+                        <Toaster />
+                    </ThemeProvider>
                 </SWRProvider>
             </body>
         </html>
diff --git a/webapp/src/components/navbar.tsx b/webapp/src/components/navbar.tsx
@@ -251,18 +251,20 @@ export default function NavBar({
                             onClose={() => setNewOrgModalOpen(false)}
                             onOrganizationCreated={refreshOrgList}
                         />
-                        <NavItem
-                            isSelected={selected === "profile"}
-                            onClick={() => {
-                                setSelected("profile");
-                                setSheetOpened?.(false);
-                                window.location.href = USER_PROFILE_URL!; // Redirect to Fief profile to handle profile updates there
-                            }}
-                            paddingY={1.5}
-                            icon={<UserIcon className={iconStyles} />}
-                        >
-                            Profile
-                        </NavItem>
+                        {USER_PROFILE_URL && (
+                            <NavItem
+                                isSelected={selected === "profile"}
+                                onClick={() => {
+                                    setSelected("profile");
+                                    setSheetOpened?.(false);
+                                    window.location.href = USER_PROFILE_URL!; // Redirect to Fief profile to handle profile updates there
+                                }}
+                                paddingY={1.5}
+                                icon={<UserIcon className={iconStyles} />}
+                            >
+                                Profile
+                            </NavItem>
+                        )}
                         <NavItem
                             onClick={() => {
                                 setSheetOpened?.(false);
diff --git a/webapp/src/helpers/api-server.ts b/webapp/src/helpers/api-server.ts
@@ -1,7 +1,7 @@
 "use server";
 
 import { cookies } from "next/headers";
-import { SESSION_COOKIE_NAME } from "./fief";
+import { SESSION_COOKIE_NAME } from "./auth";
 
 const API_BASE = process.env.NEXT_PUBLIC_API_URL;
 
diff --git a/webapp/src/helpers/auth.ts b/webapp/src/helpers/auth.ts
@@ -0,0 +1 @@
+export const SESSION_COOKIE_NAME = "user_session";
diff --git a/webapp/src/helpers/fief.ts b/webapp/src/helpers/fief.ts
diff --git a/webapp/src/middleware.ts b/webapp/src/middleware.ts
@@ -1,15 +1,5 @@
 import type { NextRequest } from "next/server";
 
-import { fiefAuth } from "./helpers/fief";
-
-const authMiddleware = fiefAuth.middleware([
-    {
-        matcher:
-            "/((?!api|_next/static|_next/image|favicon.ico|icons/|public/).*)",
-        parameters: {},
-    },
-]);
-
 export async function middleware(request: NextRequest) {
     const pathname = request.nextUrl.pathname;
 
@@ -21,6 +11,4 @@ export async function middleware(request: NextRequest) {
     ) {
         return;
     }
-
-    return authMiddleware(request);
 }

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export const SESSION_COOKIE_NAME = "user_session";`