Added support for anonymous signin (#6)

src/app/login/actions.ts

@@ -2,7 +2,6 @@
 
 import { revalidatePath } from 'next/cache';
 import { redirect } from 'next/navigation';
-
 import { createClient } from '@/utils/supabase/server';
 
 interface FormData {
@@ -33,3 +32,18 @@ export async function signInWithGithub() {
     redirect(data.url);
   }
 }
+
+export async function loginAnonymously() {
+  const supabase = createClient();
+  const { error: signInError } = await supabase.auth.signInAnonymously();
+  const { error: updateUserError } = await supabase.auth.updateUser({
+    email: `anonymous+${Date.now().toString(36)}@example.com`,
+  });
+
+  if (signInError || updateUserError) {
+    return { error: true };
+  }
+
+  revalidatePath('/', 'layout');
+  redirect('/');
+}

src/components/authentication/login-form.tsx

@@ -2,9 +2,10 @@
 
 import Image from 'next/image';
 import { Button } from '@/components/ui/button';
-import { login } from '@/app/login/actions';
+import { login, loginAnonymously } from '@/app/login/actions';
 import { useState } from 'react';
 import { AuthenticationForm } from '@/components/authentication/authentication-form';
+import { Separator } from '@/components/ui/separator';
 import { useToast } from '@/components/ui/use-toast';
 
 export function LoginForm() {
@@ -20,12 +21,28 @@ export function LoginForm() {
     });
   }
 
+  function handleAnonymousLogin() {
+    loginAnonymously().then((data) => {
+      if (data?.error) {
+        toast({ description: 'Something went wrong. Please try again', variant: 'destructive' });
+      }
+    });
+  }
+
   return (
     <form action={'#'} className={'px-6 md:px-16 pb-6 py-8 gap-6 flex flex-col items-center justify-center'}>
       <Image src={'/assets/icons/logo/aeroedit-icon.svg'} alt={'AeroEdit'} width={80} height={80} />
       <div className={'text-[30px] leading-[36px] font-medium tracking-[-0.6px] text-center'}>
         Log in to your account
       </div>
+      <Button onClick={() => handleAnonymousLogin()} type={'button'} variant={'secondary'} className={'w-full mt-6'}>
+        Log in as Guest
+      </Button>
+      <div className={'flex w-full items-center justify-center'}>
+        <Separator className={'w-5/12 bg-border'} />
+        <div className={'text-border text-xs font-medium px-4'}>or</div>
+        <Separator className={'w-5/12 bg-border'} />
+      </div>
       <AuthenticationForm
         email={email}
         onEmailChange={(email) => setEmail(email)}

src/components/checkout/checkout-line-items.tsx

@@ -1,6 +1,5 @@
 import { QuantityField } from '@/components/checkout/quantity-field';
 import { Separator } from '@/components/ui/separator';
-import { PricePreviewResponse } from '@paddle/paddle-js';
 import { CheckoutEventsData } from '@paddle/paddle-js/types/checkout/events';
 import { formatMoney } from '@/utils/paddle/parse-money';
 import { Skeleton } from '@/components/ui/skeleton';

src/components/checkout/checkout-price-amount.tsx

@@ -1,5 +1,4 @@
 import { Skeleton } from '@/components/ui/skeleton';
-import { PricePreviewResponse } from '@paddle/paddle-js';
 import { CheckoutEventsData } from '@paddle/paddle-js/types/checkout/events';
 import { formatMoney } from '@/utils/paddle/parse-money';
 

src/components/checkout/checkout-price-container.tsx

@@ -1,6 +1,6 @@
 import { CheckoutPriceAmount } from '@/components/checkout/checkout-price-amount';
 import { CheckoutEventsData } from '@paddle/paddle-js/types/checkout/events';
-import { formatMoney, parseMoney } from '@/utils/paddle/parse-money';
+import { formatMoney } from '@/utils/paddle/parse-money';
 import { Skeleton } from '@/components/ui/skeleton';
 
 interface Props {

src/components/checkout/quantity-field.tsx

@@ -1,6 +1,5 @@
 import { Minus, Plus } from 'lucide-react';
 import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
 
 interface Props {
   quantity: number;

src/components/dashboard/landing/components/dashboard-team-members-card.tsx

@@ -4,7 +4,6 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import Link from 'next/link';
 import { Plus } from 'lucide-react';
-import { Select } from '@/components/shared/select/select';
 
 const teamMembers = [
   {

src/components/dashboard/landing/components/dashboard-tutorial-card.tsx

@@ -1,4 +1,4 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { ArrowUpRight } from 'lucide-react';
 

src/components/dashboard/layout/sidebar.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Album, CreditCard, Home, User } from 'lucide-react';
+import { Album, CreditCard, Home } from 'lucide-react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { cn } from '@/lib/utils';

src/components/dashboard/subscriptions/components/subscription-cards.tsx

@@ -1,11 +1,11 @@
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { ArrowRight, DollarSign } from 'lucide-react';
+import { ArrowRight } from 'lucide-react';
 import Link from 'next/link';
 import { Status } from '@/components/shared/status/status';
 import { Subscription } from '@paddle/paddle-node-sdk';
 import { cn } from '@/lib/utils';
 import Image from 'next/image';
-import { convertAmountFromLowestUnit, parseMoney } from '@/utils/paddle/parse-money';
+import { parseMoney } from '@/utils/paddle/parse-money';
 
 interface Props {
   subscriptions: Subscription[];

src/components/dashboard/subscriptions/components/subscription-detail.tsx

@@ -9,7 +9,6 @@ import { SubscriptionHeader } from '@/components/dashboard/subscriptions/compone
 import { Separator } from '@/components/ui/separator';
 import { ErrorContent } from '@/components/dashboard/layout/error-content';
 import { useEffect, useState } from 'react';
-import { Subscription, Transaction } from '@paddle/paddle-node-sdk';
 import { LoadingScreen } from '@/components/dashboard/layout/loading-screen';
 import { SubscriptionDetailResponse, TransactionResponse } from '@/lib/api.types';
 

src/components/home/header/header.tsx

@@ -1,7 +1,5 @@
 import Link from 'next/link';
 import { User } from '@supabase/supabase-js';
-import { createClient } from '@/utils/supabase/client';
-import { MouseEvent } from 'react';
 import Image from 'next/image';
 import { Button } from '@/components/ui/button';
 

src/utils/supabase/middleware.ts

@@ -1,5 +1,5 @@
-import { createServerClient, type CookieOptions } from '@supabase/ssr';
-import { NextResponse, type NextRequest } from 'next/server';
+import { type CookieOptions, createServerClient } from '@supabase/ssr';
+import { type NextRequest, NextResponse } from 'next/server';
 
 export async function updateSession(request: NextRequest) {
   let response = NextResponse.next({

src/utils/supabase/server-internal.ts

@@ -1,4 +1,4 @@
-import { createServerClient, type CookieOptions } from '@supabase/ssr';
+import { type CookieOptions, createServerClient } from '@supabase/ssr';
 import { cookies } from 'next/headers';
 
 export function createClient() {

src/utils/supabase/server.ts

@@ -1,4 +1,4 @@
-import { createServerClient, type CookieOptions } from '@supabase/ssr';
+import { type CookieOptions, createServerClient } from '@supabase/ssr';
 import { cookies } from 'next/headers';
 
 export function createClient() {