release

Author: icepcp

.env

@@ -0,0 +1,7 @@
+NEXT_PUBLIC_FB_APIKEY=
+NEXT_PUBLIC_FB_AUTHDOMAIN=
+NEXT_PUBLIC_FB_PROJECTID=
+NEXT_PUBLIC_FB_STORAGEBUCKET=
+NEXT_PUBLIC_FB_MESSAGINGSENDERID=
+NEXT_PUBLIC_FB_APPID=
+FB_ADMIN=

.gitignore

@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -1 +1,40 @@
-# nextjs-dec24
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+Refer to the docs in [Notion](https://buildingblocs.notion.site/Next-js-docs-Server-bd7b1eed636b4f7eacdfc28885fc5460) if you want to recreate the app from scratch, or if you want to do it client-sided.
+
+## Getting Started
+
+Add your Firebase credentials in `.env`
+
+Then, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

app/actions/createData.ts

@@ -0,0 +1,31 @@
+"use server";
+
+import { getFirebaseAdmin } from "@/app/actions/firebase";
+import { cookies } from "next/headers";
+
+export async function createData(value: string) {
+    const { adminFirestore, adminAuth } = await getFirebaseAdmin();
+    const cookieStore = await cookies();
+
+    const token = cookieStore.get("token")?.value;
+    if (token) {
+        try {
+            const decodedToken = await adminAuth.verifyIdToken(token);
+            if (decodedToken?.email) {
+                const docRef = adminFirestore.collection("users").doc(decodedToken.email);
+                await docRef.update({
+                    [Math.random().toString(36).slice(2, 4)]: {
+                        name: value,
+                        done: false
+                    }
+                });
+                return 'OK';
+            }
+        } catch (e) {
+            console.error(e);
+            return { status: 401 };
+        }
+    }
+    return { status: 403 };
+}
+

app/actions/deleteData.ts

@@ -0,0 +1,28 @@
+"use server";
+
+import { getFirebaseAdmin } from "@/app/actions/firebase";
+import { FieldValue } from "firebase-admin/firestore";
+import { cookies } from "next/headers";
+
+export async function deleteData(id: string) {
+    const { adminFirestore, adminAuth } = await getFirebaseAdmin();
+    const cookieStore = await cookies();
+
+    const token = cookieStore.get("token")?.value;
+    if (token) {
+        try {
+            const decodedToken = await adminAuth.verifyIdToken(token);
+            if (decodedToken?.email) {
+                const docRef = adminFirestore.collection("users").doc(decodedToken.email);
+                await docRef.update({
+                    [id]: FieldValue.delete(),
+                });
+                return 'OK';
+            }
+        } catch (e) {
+            console.error(e);
+            return { status: 401 };
+        }
+    }
+    return { status: 403 };
+}

app/actions/fetchData.ts

@@ -0,0 +1,29 @@
+"use server";
+
+import { getFirebaseAdmin } from "@/app/actions/firebase";
+import { cookies } from "next/headers";
+
+export async function fetchData() {
+    const { adminFirestore, adminAuth } = await getFirebaseAdmin();
+    const cookieStore = await cookies();
+    const token = cookieStore.get("token")?.value;
+    if (token) {
+        try {
+            const decodedToken = await adminAuth.verifyIdToken(token);
+            if (decodedToken?.email) {
+                const docRef = adminFirestore.collection("users").doc(decodedToken.email);
+                const doc = await docRef.get();
+                if (!doc.exists) {
+                    await adminFirestore.collection("users").doc(decodedToken.email).set({});
+                    return {};
+                } else {
+                    return doc.data();
+                }
+            }
+        } catch (e) {
+            console.error(e);
+            return {status: 401};
+        }
+    }
+    return {status: 403};
+}

app/actions/firebase.ts

@@ -0,0 +1,27 @@
+"use server";
+
+import { getApps, initializeApp } from 'firebase-admin/app';
+import admin from 'firebase-admin';
+import { getFirestore } from "firebase-admin/firestore";
+import { getAuth } from "firebase-admin/auth";
+
+let app: ReturnType<typeof initializeApp> | undefined;
+
+async function initializeFirebaseAdmin() {
+    if (!getApps().length && process.env.FB_ADMIN) {
+        app = initializeApp({
+            credential: admin.credential.cert(JSON.parse(process.env.FB_ADMIN)),
+        });
+    }
+
+    if (!app) {
+        throw new Error("Firebase admin does not exist");
+    }
+
+    return {
+        adminAuth: getAuth(app),
+        adminFirestore: getFirestore(app)
+    };
+}
+
+export const getFirebaseAdmin = initializeFirebaseAdmin;

app/actions/updateData.ts

@@ -0,0 +1,33 @@
+"use server";
+
+import { getFirebaseAdmin } from "@/app/actions/firebase";
+import { cookies } from "next/headers";
+
+export async function updateData(type: "name" | "done", value: string | boolean, id: string) {
+    const { adminFirestore, adminAuth } = await getFirebaseAdmin();
+    const cookieStore = await cookies();
+
+    const token = cookieStore.get("token")?.value;
+    if (token) {
+        try {
+            const decodedToken = await adminAuth.verifyIdToken(token);
+            if (decodedToken?.email) {
+                const docRef = adminFirestore.collection("users").doc(decodedToken.email);
+                if (type === "name") {
+                    await docRef.update({
+                        [`${id}.name`]: value,
+                    });
+                } else if (type === "done") {
+                    await docRef.update({
+                        [`${id}.done`]: value,
+                    });
+                }
+                return 'OK';
+            }
+        } catch (e) {
+            console.error(e);
+            return { status: 401 };
+        }
+    }
+    return { status: 403 };
+}

app/favicon.ico

@@ -0,0 +1,23 @@
+// Import the functions you need from the SDKs you need
+import { initializeApp } from "firebase/app";
+import { getAuth } from "firebase/auth";
+import { getFirestore } from "firebase/firestore";
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
+
+// Your web app's Firebase configuration
+const firebaseConfig = {
+    apiKey: process.env.NEXT_PUBLIC_FB_APIKEY,
+    authDomain: process.env.NEXT_PUBLIC_FB_AUTHDOMAIN,
+    projectId: process.env.NEXT_PUBLIC_FB_PROJECTID,
+    storageBucket: process.env.NEXT_PUBLIC_FB_STORAGEBUCKET,
+    messagingSenderId: process.env.NEXT_PUBLIC_FB_MESSAGINGSENDERID,
+    appId: process.env.FB_APPID
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+const auth = getAuth(app);
+const db = getFirestore(app);
+
+export { app, db, auth };

app/firebase.ts

@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+}

app/globals.css

@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}

app/layout.tsx

@@ -0,0 +1,44 @@
+'use client'
+import {signInWithPopup, GoogleAuthProvider, onAuthStateChanged} from "firebase/auth";
+import {auth} from "@/app/firebase";
+import {useEffect, useState} from "react";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+    const provider = new GoogleAuthProvider();
+    const [loading, setLoading] = useState(true);
+    const router = useRouter();
+    
+    useEffect(() => {
+        const authCheck = onAuthStateChanged(auth, (currentUser) => {
+            if (currentUser) {
+                router.push("/");
+            } else {
+                setLoading(false)
+            }
+        });
+
+        return () => authCheck();
+    }, [router]);
+
+    function signIn() {
+        signInWithPopup(auth, provider)
+            .then(async (result) => {
+                const credential = GoogleAuthProvider.credentialFromResult(result);
+                if (credential) {
+                    const user = result.user;
+                    const idToken = await user.getIdToken();
+                    document.cookie = `token=${idToken}`;
+                    alert(user.email)
+                }
+            }).catch((error) => {
+                alert(error)
+            });
+    }
+
+    if (loading) {
+        return <p>Loading...</p>;
+    } else {
+        return <button onClick={signIn}>Sign in</button>
+    }
+}