From 0ec606f64feea525ff0b794646641bf9f45e5a9c Mon Sep 17 00:00:00 2001
From: akdeb <deb2@illinois.edu>
Date: Mon, 21 Apr 2025 13:03:55 +0100
Subject: [PATCH] updated instructions and now it should work

---
 frontend-nextjs/.env.example                  |   4 ++--
 .../components/LandingPage/YoutubeDemo.tsx    |  14 ++++++++------
 frontend-nextjs/public/.DS_Store              | Bin 12292 -> 10244 bytes
 server-deno/.env.example                      |   2 +-
 server-deno/utils.ts                          |   6 ++++--
 5 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/frontend-nextjs/.env.example b/frontend-nextjs/.env.example
index 9e332be..b1e2c51 100644
--- a/frontend-nextjs/.env.example
+++ b/frontend-nextjs/.env.example
@@ -3,9 +3,9 @@
 # https://app.supabase.com/project/_/settings/api
 NEXT_PUBLIC_SUPABASE_URL=http://127.0.0.1:54321
 NEXT_PUBLIC_SUPABASE_ANON_KEY=<YOUR_SUPABASE_ANON_KEY>
-JWT_SECRET_KEY=<YOUR_JWT_SECRET_KEY>
+JWT_SECRET_KEY=super-secret-jwt-token-with-at-least-32-characters-long
 
-# Encryption key for E2E encryption of API keys
+# (Optional) Encryption key for E2E encryption of API keys
 # You can generate a random key with `openssl rand -base64 32`
 ENCRYPTION_KEY=<YOUR_ENCRYPTION_KEY>
 
diff --git a/frontend-nextjs/app/components/LandingPage/YoutubeDemo.tsx b/frontend-nextjs/app/components/LandingPage/YoutubeDemo.tsx
index e9298f5..a562643 100644
--- a/frontend-nextjs/app/components/LandingPage/YoutubeDemo.tsx
+++ b/frontend-nextjs/app/components/LandingPage/YoutubeDemo.tsx
@@ -1,11 +1,13 @@
 "use client";
 
 import React from "react";
-import { useRef } from "react";
-import { useEffect } from "react";
-import { useCallback } from "react";
-	
-export default function YoutubeDemo() {
+
+interface YoutubeDemoProps {
+    caption: string;
+}
+
+
+export default function YoutubeDemo({ caption }: YoutubeDemoProps) {
     return <div className="w-full max-w-3xl mx-auto">
 	<div className="relative" style={{ paddingBottom: '56.25%' }}>
 	  <iframe
@@ -16,6 +18,6 @@ export default function YoutubeDemo() {
 		allowFullScreen
 	  />
 	</div>
-	<p className="text-center text-gray-600 mt-4 text-lg">Watch the Elato Demo</p>
+	<p className="text-center text-gray-600 mt-4 text-lg">{caption}</p>
   </div>
 }
\ No newline at end of file
diff --git a/frontend-nextjs/public/.DS_Store b/frontend-nextjs/public/.DS_Store
index 5dae6cebb3d43d71306351e9ec5e837765d6b481..aa9365d16dac0ae44dc5a3f243d1f77f64ca517d 100644
GIT binary patch
delta 173
zcmZokXbF&DU|?W$DortDU{C-uIe-{M3-C-V6q~3gIoUvmMH0wo5CmdIpg03VK0^RQ
z5s*w~NZrgR#l^O<VJ0IdPznS%xPe0AESuGNo-i{CZst)~&%RlJC7F4$0E_HqO@S9o
zoBv5ZVH9MBs8-+x(yk!OHVblmXP(Tj<2l)%hl7I&;tq|;2|6=3Gpg=l0&4dJ0M8g7
AivR!s

delta 1669
zcmb_dOHdp|82-Q61$u^8qr3)KAVPqUK#(L5Nfb7O03neWAUs6L!i+FF%)rj<Ch@X9
zu*!pviks3>3oMP-M3K^idWc?3^rS^u$wd>(^5Q|Oa!QpZ_UwSh6bGwfSM}rnyZh_E
z`}?|k;mE@AN+QC(n07x=ooF(Vy_#nc1r?&o%+r;%p@26?<U)}}n-fLJA)73Ukhwg6
zHjr$p4yJh{g30pI(8}ea1A*kGf-|z`5{YFl&ld$(YO{V0AY-MxG%e81Xik9Gq*08f
z$R(%Ow5KLbdr}M+_y~!5=~gOv2qLh5jZePFFSXp^Bgb^&ojyjOU~<kh9Ji_IGNeE-
zEj@$DN~U^jctlA)Q(TaIva~TV;_4^e0pn?X%(0_xr)|b&tr26&wmjbi=P^e=s+$ql
zi0k_!uI}Wg0{N$ad_JonbYIQZrd@6A`+E)@S<TML<$3og%9x?)mTNp==+U7QhUU(U
zMw}_#(hO^QIBqz`q^S>DiO8(Z7iD?1u&6j&Em6zXyY8IAcoiFoO&aqt!#%aib8@ql
z3U!mrKW5{ai0iPec`IqD9<@T<%-ExzzcZ?f(swI$YQ4-OY|s%~^C21%%66GM^59d3
zwKlg|*~z#j51Elk-SpvFl?NE_lZWGa)G=(!ckWdlVtLpmk4)LKvtpx;?+&Y-j9+Ar
zdy5~6IBx%(ZmowER=XJ+b7mq@z5j%zN5zapZnhd$`xu+xxv36sPM2o5cGN$T3bmiH
zQ4cMwX#yy_sJQTvqpB*XF|4@Z3T6aXqKY~EJH}X5N4-zZpe2sBs-wxbWT73E8mWVN
zXq<GRqf_(}EmC5M&e13I1${-|(iQrFuF^I7iGHQ)bOQkdk&X;-s3<`hLa4_M?8GjF
zaS(ktjE6CRaXf|z9ET1IHs%q<Nj!_^uz(lvGG50UcnfdieVoI2e28USz$JW*Z}2^S
z#MN?K!*%?DKXFrHQl3;T)kw8cowP-2mRhBb<js<bwy@a3Mk=54RW8kKr1H>#?w-F@
zK6Ljgzmnza`riD4@~XOq=9WDj$%3+eCUmQolq#X5Syq$qjEYJn#M6X=m`9*my;+#)
zLOs5@r9Kqml2EO0Hf|3oJRmfgx&Z2qdSPPCXx*(SJSfB|ud0G{<w2!g7FUH+3OBq@
z0C`Hgjq=2Q<9vyh=~KEu7im>c{)-^{ce(|J9OR=MHK@Z@Y(oQDup4dIgT3fNH+oZ)
z58@a`Fp4ou3Bso_149t*B8E5;n&AEU6z{L#Rh-6aID<vJgLm;B&ZZRb5kB+vD6Kt;
zbkMigOMJc&+3|s>W!l!X=)>|nPe;y57XKi_dzbXEX?jnUbGH<y`61M0in{Cew|{y5
dw?Hzty4U*^ybpjSXR6;^xsm^+)ce1!{}(byj?Dl7

diff --git a/server-deno/.env.example b/server-deno/.env.example
index dfd3254..709080b 100644
--- a/server-deno/.env.example
+++ b/server-deno/.env.example
@@ -1,5 +1,5 @@
 # Supabase keys
-SUPABASE_URL=<SUPABASE_URL>
+SUPABASE_URL=http://127.0.0.1:54321
 SUPABASE_KEY=<SUPABASE_KEY>
 JWT_SECRET=super-secret-jwt-token-with-at-least-32-characters-long
 
diff --git a/server-deno/utils.ts b/server-deno/utils.ts
index dc6adbf..e0fd09e 100644
--- a/server-deno/utils.ts
+++ b/server-deno/utils.ts
@@ -10,15 +10,17 @@ export const authenticateUser = async (
 ): Promise<IUser> => {
     try {
         const jwtSecret = Deno.env.get("JWT_SECRET");
-        console.log("jwtSecret", jwtSecret);
 
         if (!jwtSecret) throw new Error("JWT_SECRET not configured");
+
+        console.log("jwtSecret", jwtSecret);
         const secretBytes = new TextEncoder().encode(jwtSecret);
+        console.log("secretBytes", secretBytes);
         const payload = await jose.jwtVerify(authToken, secretBytes);
+        console.log("payload", payload);
 
         const { payload: { email } } = payload;
         const user = await getUserByEmail(supabaseClient, email as string);
-        console.log("user", user);
         return user;
     } catch (error: any) {
         throw new Error(error.message || "Failed to authenticate user");