Merge pull request #27 from ambujraj/dev

added cors for local test and header pages and speed insight

middleware/.env.example

@@ -1,3 +1,4 @@
+WEB_BASE_URL=http://localhost:3000
 R2_ACCOUNT_ID=
 R2_ACCESS_KEY=
 R2_SECRET_KEY=

middleware/main.py

@@ -1,4 +1,5 @@
 from fastapi import FastAPI, Request, HTTPException
+from fastapi.middleware.cors import CORSMiddleware
 from mangum import Mangum
 from db import DynamoDBManager
 from storage.cloudflare_r2 import CloudflareR2Manager
@@ -16,6 +17,16 @@
 # Load Environment variables
 load_dotenv()
 
+# CORS (Cross Origin Resource Sharing) (for local)
+web_base_url = str(os.getenv("WEB_BASE_URL"))
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
 # Storage
 BUCKET_NAME = "byteshare-blob"
 storage = CloudflareR2Manager(BUCKET_NAME)

middleware/template.yaml

@@ -42,6 +42,7 @@ Resources:
           R2_ACCOUNT_ID: !Ref R2AccountID
           R2_ACCESS_KEY: !Ref R2AccessKey
           R2_SECRET_KEY: !Ref R2SecretKey
+          WEB_BASE_URL: !Ref CorsOrigin
       Events:
         ApiEventWithProxy:
           Type: Api

ui/package.json

@@ -21,6 +21,7 @@
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@tanstack/react-table": "^8.11.7",
+    "@vercel/speed-insights": "^1.0.9",
     "appwrite": "^13.0.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",

ui/src/app/(pages)/features/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function FeaturesPage() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <p>Coming Soon</p>
+    </div>
+  )
+}
+
+export default FeaturesPage

ui/src/app/(pages)/feedback/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function FeedbackPage() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <p>Coming Soon</p>
+    </div>
+  )
+}
+
+export default FeedbackPage

ui/src/app/(pages)/help/page.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function HelpPage() {
+  return (
+    <div className="flex items-center justify-center h-screen">
+      <p>Coming Soon</p>
+    </div>
+  )
+}
+
+export default HelpPage

ui/src/app/(pages)/layout.tsx

@@ -2,6 +2,7 @@
 import appwriteService from '@/authentication/appwrite/config'
 import { AuthProvider } from '@/context/authContext'
 import React, { useEffect, useState } from 'react'
+import { SpeedInsights } from '@vercel/speed-insights/next'
 
 const InternalLayout = ({ children }: { children: React.ReactNode }) => {
   const [authorised, setAuthorised] = useState(false)
@@ -18,6 +19,7 @@ const InternalLayout = ({ children }: { children: React.ReactNode }) => {
     <AuthProvider
       value={{ authorised, setAuthorised, statusLoaded, setStatusLoaded }}
     >
+      <SpeedInsights />
       {children}
     </AuthProvider>
   )