-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f469f8c
commit 54309eb
Showing
28 changed files
with
2,187 additions
and
247 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
|
|
||
| NEXT_PUBLIC_SUPABASE_URL=https://csfaqeefgtohburtvgpn.supabase.co | ||
| NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImNzZmFxZWVmZ3RvaGJ1cnR2Z3BuIiwicm9sZSI6ImFub24iLCJpYXQiOjE3Mjg5OTg4ODYsImV4cCI6MjA0NDU3NDg4Nn0.mlKCP-Gsjch8GJr0ua2zfN8_JKlLZqiXpqT7TLyAbTw | ||
| NEXT_PUBLIC_ENABLE_SUPABASE=true | ||
|
|
||
| NEXT_PUBLIC_ENABLE_POSTHOG=true | ||
| NEXT_PUBLIC_POSTHOG_KEY=phc_SpfNUuNO79fyikMCwJKB4K9lRrDMyXrQT7XZBZYb5qx | ||
| NEXT_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com |
Empty file.
Empty file.
Empty file.
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,101 +1,40 @@ | ||
| "use client"; | ||
|
|
||
| import { AuthDialog } from "@/components/auth-dialog"; | ||
| import { Navbar } from "@/components/navbar"; | ||
| import { AuthViewType, useAuth } from "@/lib/auth"; | ||
| import { supabase } from "@/lib/supabase"; | ||
| import Image from "next/image"; | ||
| import { useState } from "react"; | ||
|
|
||
| export default function Home() { | ||
| const [isAuthDialogOpen, setAuthDialog] = useState(false); | ||
| const [authView, setAuthView] = useState<AuthViewType>("sign_in"); | ||
| const { session } = useAuth(setAuthDialog, setAuthView); | ||
|
|
||
| function logout() { | ||
| supabase ? supabase.auth.signOut() : console.warn("supabase not loaded"); | ||
| } | ||
|
|
||
| return ( | ||
| <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]"> | ||
| <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start"> | ||
| <Image | ||
| className="dark:invert" | ||
| src="https://nextjs.org/icons/next.svg" | ||
| alt="Next.js logo" | ||
| width={180} | ||
| height={38} | ||
| priority | ||
| <main className="flex min-h-screen max-h-screen"> | ||
| {supabase && ( | ||
| <AuthDialog | ||
| open={isAuthDialogOpen} | ||
| setOpen={setAuthDialog} | ||
| view={authView} | ||
| supabase={supabase} | ||
| /> | ||
| <ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]"> | ||
| <li className="mb-2"> | ||
| Get started by editing{" "} | ||
| <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold"> | ||
| app/page.tsx | ||
| </code> | ||
| . | ||
| </li> | ||
| <li>Save and see your changes instantly.</li> | ||
| </ol> | ||
|
|
||
| <div className="flex gap-4 items-center flex-col sm:flex-row"> | ||
| <a | ||
| className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5" | ||
| href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Image | ||
| className="dark:invert" | ||
| src="https://nextjs.org/icons/vercel.svg" | ||
| alt="Vercel logomark" | ||
| width={20} | ||
| height={20} | ||
| /> | ||
| Deploy now | ||
| </a> | ||
| <a | ||
| className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44" | ||
| href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| Read our docs | ||
| </a> | ||
| </div> | ||
| </main> | ||
| <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center"> | ||
| <a | ||
| className="flex items-center gap-2 hover:underline hover:underline-offset-4" | ||
| href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Image | ||
| aria-hidden | ||
| src="https://nextjs.org/icons/file.svg" | ||
| alt="File icon" | ||
| width={16} | ||
| height={16} | ||
| /> | ||
| Learn | ||
| </a> | ||
| <a | ||
| className="flex items-center gap-2 hover:underline hover:underline-offset-4" | ||
| href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Image | ||
| aria-hidden | ||
| src="https://nextjs.org/icons/window.svg" | ||
| alt="Window icon" | ||
| width={16} | ||
| height={16} | ||
| )} | ||
| <div className="grid w-full md:grid-cols-2"> | ||
| <div> | ||
| <Navbar | ||
| session={session} | ||
| showLogin={() => setAuthDialog(true)} | ||
| signOut={logout} | ||
| /> | ||
| Examples | ||
| </a> | ||
| <a | ||
| className="flex items-center gap-2 hover:underline hover:underline-offset-4" | ||
| href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <Image | ||
| aria-hidden | ||
| src="https://nextjs.org/icons/globe.svg" | ||
| alt="Globe icon" | ||
| width={16} | ||
| height={16} | ||
| /> | ||
| Go to nextjs.org → | ||
| </a> | ||
| </footer> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| 'use client' | ||
|
|
||
| import posthog from 'posthog-js' | ||
| import React, { ReactNode } from 'react' | ||
| import {PostHogProvider as PostHogProviderJS} from 'posthog-js/react' | ||
| import { ThemeProvider as NextThemesProvider } from 'next-themes' | ||
| import { ThemeProviderProps } from 'next-themes/dist/types' | ||
|
|
||
| if (typeof window !== 'undefined' && process.env.NEXT_PUBLIC_ENABLE_POSTHOG) { | ||
| posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY ?? '', { | ||
| api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST, | ||
| person_profiles: 'identified_only', | ||
| session_recording: { | ||
| recordCrossOriginIframes: true, | ||
| } | ||
| }) | ||
| } | ||
|
|
||
| export function PostHogProvider({children}: {children: ReactNode}) { | ||
| return process.env.NEXT_PUBLIC_ENABLE_POSTHOG ? ( | ||
| <PostHogProviderJS client={posthog}>{children}</PostHogProviderJS> | ||
| ) : ( | ||
| children | ||
| ) | ||
| } | ||
|
|
||
| export function ThemeProvider({children, ...props}: ThemeProviderProps) { | ||
| return <NextThemesProvider {...props}>{children}</NextThemesProvider> | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| { | ||
| "$schema": "https://ui.shadcn.com/schema.json", | ||
| "style": "default", | ||
| "rsc": true, | ||
| "tsx": true, | ||
| "tailwind": { | ||
| "config": "tailwind.config.ts", | ||
| "css": "app/globals.css", | ||
| "baseColor": "neutral", | ||
| "cssVariables": true, | ||
| "prefix": "" | ||
| }, | ||
| "aliases": { | ||
| "components": "@/components", | ||
| "utils": "@/lib/utils", | ||
| "ui": "@/components/ui", | ||
| "lib": "@/lib", | ||
| "hooks": "@/hooks" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| import { AuthViewType } from "@/lib/auth"; | ||
| import { SupabaseClient } from "@supabase/supabase-js"; | ||
| import { Dialog, DialogContent, DialogTitle } from "./ui/dialog"; | ||
| import { VisuallyHidden } from "@radix-ui/react-visually-hidden"; | ||
| import AuthForm from "./auth-form"; | ||
|
|
||
| export function AuthDialog({ | ||
| open, | ||
| setOpen, | ||
| supabase, | ||
| view, | ||
| }: { | ||
| open: boolean; | ||
| setOpen: (open: boolean) => void; | ||
| supabase: SupabaseClient; | ||
| view: AuthViewType; | ||
| }) { | ||
| return ( | ||
| <Dialog open={open} onOpenChange={setOpen}> | ||
| <DialogContent> | ||
| <VisuallyHidden> | ||
| <DialogTitle>Sig in to Tiny Chat</DialogTitle> | ||
| </VisuallyHidden> | ||
| <AuthForm supabase={supabase} view={view} /> | ||
| </DialogContent> | ||
| </Dialog> | ||
| ); | ||
| } |
Oops, something went wrong.