Initializing an internal apikey to be used with web app

Author: rajat1saxena

apps/api/src/apikey/queries.ts

@@ -5,11 +5,13 @@ import { getUniqueId } from "@medialit/utils";
 export async function createApiKey(
     userId: string,
     name: string,
+    internal?: boolean,
 ): Promise<Apikey> {
     return await ApikeyModel.create({
         name,
         key: getUniqueId(),
         userId,
+        internal: internal || false,
     });
 }
 

apps/api/src/index.ts

@@ -9,7 +9,7 @@ import presignedUrlRoutes from "./presigning/routes";
 import mediaSettingsRoutes from "./media-settings/routes";
 import logger from "./services/log";
 import { createUser, findByEmail } from "./user/queries";
-import { Apikey, User } from "@medialit/models";
+import { Apikey, Constants, User } from "@medialit/models";
 import { createApiKey } from "./apikey/queries";
 import { spawn } from "child_process";
 
@@ -79,10 +79,11 @@ async function createAdminUser() {
                 ),
                 "subscribed",
             );
-            const apikey: Apikey = await createApiKey(user.id, "internal");
+            const apikey: Apikey = await createApiKey(user.id, "App 1");
             console.log("@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@");
             console.log(`@     API key: ${apikey.key}      @`);
             console.log("@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@");
+            await createApiKey(user.id, Constants.internalApikeyName, true);
         }
     } catch (error) {
         logger.error({ error }, "Failed to create admin user");

apps/web/app/actions.ts

@@ -69,6 +69,11 @@ export async function sendCode(
         timestamp: Date.now() + 1000 * 60 * 5,
     });
 
+    if (process.env.NODE_ENV !== "production") {
+        console.log("Sending email to", email, "with code", code);
+        return { success: true };
+    }
+
     const transporter = createTransport({
         host: process.env.EMAIL_HOST,
         port: +(process.env.EMAIL_PORT || 587),

apps/web/app/app/[keyid]/files/file-preview/index.tsx

@@ -28,13 +28,15 @@ export default function FilePreview({
             <DialogTrigger asChild>
                 <div className="shadow-[0_1px_4px_rgba(0,0,0,0.25)] relative h-[148px] w-[48%] sm:h-[148px] sm:w-[148px] md:h-[148px] md:w-[148px] lg:h-[148px] lg:w-[148px]">
                     <div className="border bg-muted-foreground relative h-[148px] w-full sm:h-[148px] sm:w-[148px] md:h-[148px] md:w-[148px] lg:h-[148px] lg:w-[148px]">
-                        <Image
-                            src={media.thumbnail}
-                            alt="Media"
-                            priority={true}
-                            quality={100}
-                            fill
-                        />
+                        {media.thumbnail && (
+                            <Image
+                                src={media.thumbnail}
+                                alt="Media"
+                                priority={true}
+                                quality={100}
+                                fill
+                            />
+                        )}
                     </div>
                     <div className="p-2 absolute bottom-0 bg-white w-full">
                         <div className="text-sm truncate">

apps/web/app/app/[keyid]/files/page.tsx

@@ -36,6 +36,7 @@ export default async function Media(props: {
     try {
         totalMediaCount = await getCount(keyid);
         medias = await getMediaFiles(keyid, +page);
+        console.log(medias);
         totalPages = medias
             ? Math.ceil(totalMediaCount.count / Number(mediasPerPage))
             : 0;

apps/web/app/page.tsx

@@ -20,7 +20,7 @@ export default async function Home() {
             </div>
             <div className="border border-muted-foreground min-h-screen my-5 rounded p-2 md:p-2 lg:p-0">
                 <div className="flex flex-wrap gap-2.5 p-1 sm:gap-3 sm:p-5 md:gap-3 md:p-5 lg:gap-3">
-                    {apiKeys.map((apikey: any, index: number) => (
+                    {apiKeys?.map((apikey: any, index: number) => (
                         <div
                             key={apikey.keyId}
                             className="shadow-[0_1px_4px_rgba(0,0,0,0.25)] relative h-[151px] w-[48%] sm:h-[151px] sm:w-[175px] md:h-[151px] md:w-[218px] lg:h-[151px] lg:w-[228px]"