Fix some linter errors and edit and move actions in pages

Author: barisgit

apps/backend/src/main.ts

@@ -4,12 +4,13 @@ import {
   NestFastifyApplication,
 } from "@nestjs/platform-fastify";
 import { AppModule } from "./app.module.js";
+import { env } from "process";
 
 async function bootstrap() {
   const app = await NestFactory.create<NestFastifyApplication>(
     AppModule,
     new FastifyAdapter()
   );
-  await app.listen(process.env.PORT ?? 3000);
+  await app.listen(env.PORT ?? 3000);
 }
 bootstrap();

apps/web/src/app/[...path]/page.tsx

@@ -15,7 +15,7 @@ import { MovePageWrapper } from "~/components/wiki/MovePageWrapper";
 
 export const revalidate = 900; // 15 minutes as we are dynamically telling the server to revalidate
 export const fetchCache = "force-cache";
-export const dynamic = "force-static";
+export const dynamic = "auto";
 
 /**
  * Generates static paths for all existing wiki pages at build time.

apps/web/src/app/admin/dashboard/page.tsx

@@ -5,7 +5,6 @@ import { useTRPC } from "~/server/client";
 import { useQuery } from "@tanstack/react-query";
 import type { AppRouter } from "~/server/routers";
 import Link from "next/link";
-import { formatDistanceToNow } from "date-fns";
 
 // Define type for the stats object returned by the API
 type SystemStatsQueryProcedure = AppRouter["admin"]["system"]["getStats"];

apps/web/src/app/admin/permissions/permissions-actions.tsx

@@ -202,8 +202,8 @@ export function PermissionsActions() {
         </div>
         <p className="text-text-tertiary mt-2 w-full text-sm">
           Validate checks registry against DB. Fix actions are only available if
-          validation fails. 'Remove Extras' deletes DB permissions not in the
-          code registry (potentially impactful).
+          validation fails. &apos;Remove Extras&apos; deletes DB permissions not
+          in the code registry (potentially impactful).
         </p>
       </div>
 

apps/web/src/app/admin/settings/components/category-settings.tsx

@@ -42,6 +42,7 @@ import {
   EyeOff,
 } from "lucide-react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { logger } from "@repo/logger";
 
 interface CategorySettingsProps {
   category: SettingCategory;
@@ -62,7 +63,9 @@ export function CategorySettings({
   );
 
   // State for edited values
-  const [editedValues, setEditedValues] = useState<Record<string, any>>({});
+  const [editedValues, setEditedValues] = useState<
+    Record<string, string | number | boolean | object>
+  >({});
   const [historyKey, setHistoryKey] = useState<string | null>(null);
 
   const byCategoryQueryKey = trpc.admin.settings.getByCategory.queryKey();
@@ -105,7 +108,10 @@ export function CategorySettings({
     )
   );
 
-  const handleValueChange = (key: string, value: any) => {
+  const handleValueChange = (
+    key: string,
+    value: string | number | boolean | object
+  ) => {
     setEditedValues((prev) => ({
       ...prev,
       [key]: value,
@@ -132,7 +138,7 @@ export function CategorySettings({
     const key = setting.key;
     const value = key in editedValues ? editedValues[key] : setting.value;
     const type = setting.meta.type;
-    const isEdited = key in editedValues;
+    // const isEdited = key in editedValues;
     const isSecret = setting.meta.isSecret;
 
     switch (type) {
@@ -208,7 +214,11 @@ export function CategorySettings({
                   const parsed = JSON.parse(e.target.value);
                   handleValueChange(key, parsed);
                 } catch (error) {
-                  // Don't update if invalid JSON
+                  if (error instanceof Error) {
+                    logger.error(error.message);
+                  } else {
+                    logger.error(error as string);
+                  }
                 }
               }}
               className="border-input bg-background-paper min-h-[100px] w-full rounded-md border px-3 py-2 text-sm"

apps/web/src/app/api/openapi.json/route.ts

@@ -10,6 +10,7 @@ export const openApiDocument = generateOpenApiDocument(appRouter, {
 });
 
 export async function GET(request: NextRequest) {
+  void request;
   return new Response(JSON.stringify(openApiDocument), {
     headers: { "Content-Type": "application/json" },
   });

apps/web/src/app/api/rest/[...trpc]/route.ts

@@ -10,7 +10,7 @@ const handler = (req: NextRequest) => {
   return createOpenApiFetchHandler({
     endpoint: "/api/rest", // Match the file path
     router: appRouter,
-    // @ts-ignore - Temporarily ignore type mismatch to focus on runtime error
+    // @ts-expect-error - TODO: Fix this type
     createContext: () => createContext(req),
     req,
   });

apps/web/src/components/auth/LoginForm.tsx

@@ -8,6 +8,7 @@ import { Alert, AlertDescription } from "@repo/ui";
 import { Button } from "@repo/ui";
 import { Input } from "@repo/ui";
 import { useSetting } from "~/lib/hooks/use-settings";
+import { usePermissions } from "./permission/client";
 
 // Create a separate component to read searchParams to work with Suspense
 function RegistrationSuccessMessage() {
@@ -34,6 +35,7 @@ export function LoginForm() {
   const [error, setError] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const { value: allowRegistration } = useSetting("auth.allowRegistration");
+  const { reloadPermissions } = usePermissions();
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
@@ -52,8 +54,8 @@ export function LoginForm() {
         setIsLoading(false);
       } else {
         // Redirect to home page
+        await reloadPermissions();
         router.push("/");
-        router.refresh();
       }
     } catch {
       setError("An error occurred during login");

apps/web/src/components/wiki/WikiLockInfo.tsx

@@ -12,7 +12,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@repo/ui";
-import { LockIcon, UnlockIcon, PencilIcon, XCircleIcon } from "lucide-react";
+import { LockIcon, UnlockIcon, XCircleIcon } from "lucide-react";
 
 interface WikiLockInfoProps {
   pageId: number;
@@ -30,7 +30,6 @@ export function WikiLockInfo({
   lockedByName,
   lockedUntil,
   isCurrentUserLockOwner,
-  editPath,
   displayMode = "full",
 }: WikiLockInfoProps) {
   const router = useRouter();
@@ -50,11 +49,6 @@ export function WikiLockInfo({
     })
   );
 
-  // Handle edit button click
-  const handleEdit = () => {
-    router.push(editPath);
-  };
-
   // Handle release lock button click
   const handleReleaseLock = () => {
     releaseLockMutation.mutate({ id: pageId });

apps/web/src/components/wiki/WikiPage.tsx

@@ -34,13 +34,10 @@ export function WikiPage({
   content,
   createdBy,
   updatedBy,
-  lockedBy,
-  lockExpiresAt,
   createdAt,
   updatedAt,
   tags = [],
   path,
-  currentUserId,
 }: WikiPageProps) {
   const router = useRouter();
   const [hasSubpages, setHasSubpages] = useState(false);
@@ -59,25 +56,6 @@ export function WikiPage({
     })
   );
 
-  // Determine if the page is currently locked
-  const isLocked = Boolean(
-    lockedBy && lockExpiresAt && new Date(lockExpiresAt) > new Date()
-  );
-
-  // Determine if the current user is the lock owner
-  const isCurrentUserLockOwner = Boolean(
-    currentUserId && lockedBy && lockedBy.id === currentUserId
-  );
-
-  // Handle rename action
-  const handleRename = (e: React.MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setNewName(title);
-    setRenameConflict(false);
-    setShowRenameModal(true);
-  };
-
   // Handle rename submission
   const renameNode = () => {
     if (!newName.trim()) return;
@@ -97,13 +75,6 @@ export function WikiPage({
     setShowRenameModal(false);
   };
 
-  // Handle move action
-  const handleMove = (e: React.MouseEvent) => {
-    e.preventDefault();
-    e.stopPropagation();
-    setShowMoveModal(true);
-  };
-
   // Check if the current page has subpages
   const { data: folderStructure } = useQuery(
     trpc.wiki.getFolderStructure.queryOptions()