Spaces:

enzostvs
/

guess-the-image

Running

App Files Files Community

enzostvs HF Staff commited on Nov 17, 2023

Commit

460bb3a

1 Parent(s): 05e89fd

responsive, medata and end results

Browse files

Files changed (13) hide show

app/api/[questId]/score/route.ts +5 -5
app/api/bulk-delete/route.ts +8 -0
app/layout.tsx +26 -3
app/results/layout.tsx +26 -0
app/results/page.tsx +3 -35
components/button/button.tsx +2 -1
components/no-ssr.tsx +31 -0
components/results/index.tsx +85 -0
data/dev.db +0 -0
package-lock.json +91 -53
package.json +3 -2
prisma/schema.prisma +1 -1
public/banner.png +0 -0

app/api/[questId]/score/route.ts CHANGED Viewed

@@ -26,11 +26,11 @@ export async function POST(request: NextRequest, { params }: { params: { questId
   }
   // even if the answer is wrong, we delete the quest, not needed anymore
-  // await prisma.quest.delete({
-  //   where: {
-  //     id: questId
-  //   }
-  // })
   if (quest.prompt_id_correct !== promptId) {
     return Response.json({

   }
   // even if the answer is wrong, we delete the quest, not needed anymore
+  await prisma.quest.delete({
+    where: {
+      id: questId
+    }
+  })
   if (quest.prompt_id_correct !== promptId) {
     return Response.json({

app/api/bulk-delete/route.ts CHANGED Viewed

@@ -4,6 +4,14 @@ import { PrismaClient } from '@prisma/client'
 const prisma = new PrismaClient()
 export async function DELETE(request: NextRequest) {
   const total = await prisma.quest.deleteMany({
     where: {
       created_at: {

 const prisma = new PrismaClient()
 export async function DELETE(request: NextRequest) {
+  const { headers } = request
+  if (headers.get("x-hf-token") !== process.env.HF_TOKEN) {
+    return Response.json({
+      message: "Wrong castle fam :^)"
+    }, { status: 401 });
+  }
   const total = await prisma.quest.deleteMany({
     where: {
       created_at: {

app/layout.tsx CHANGED Viewed

@@ -7,8 +7,31 @@ import Providers from "@/components/react-query/providers";
 import "@/assets/css/globals.css";
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
 };
 const inter = Inter({
@@ -27,7 +50,7 @@ export default function RootLayout({
   return (
     <html lang="en" className={`${inter.variable}`}>
       <body>
-        <div className="pb-16 h-screen overflow-auto">
           <Providers>{children}</Providers>
         </div>
         <div id="background__noisy" />

 import "@/assets/css/globals.css";
 export const metadata: Metadata = {
+  title: "Guess the Image: which one is the good one?",
+  description: `
+1 prompt, 3 images, 1 good one. Can you guess which one is the good one? 🔎
+`,
+  metadataBase: new URL(
+    "https://huggingface.co/spaces/enzostvs/guess-the-image"
+  ),
+  openGraph: {
+    type: "website",
+    url: "https://huggingface.co/spaces/enzostvs/guess-the-image",
+    title: "Guess the Image: which one is the good one?",
+    description: `
+1 prompt, 3 images, 1 good one. Can you guess which one is the good one? 🔎
+`,
+    images: "/banner.png",
+  },
+  twitter: {
+    site: "https://huggingface.co/spaces/enzostvs/guess-the-image",
+    card: "summary_large_image",
+    images: "/banner.png",
+    title: "Guess the Image: which one is the good one?",
+    description: `
+1 prompt, 3 images, 1 good one. Can you guess which one is the good one? 🔎
+`,
+  },
 };
 const inter = Inter({
   return (
     <html lang="en" className={`${inter.variable}`}>
       <body>
+        <div className="h-screen overflow-auto">
           <Providers>{children}</Providers>
         </div>
         <div id="background__noisy" />

app/results/layout.tsx ADDED Viewed

	@@ -0,0 +1,26 @@

+import { LayoutScore } from "@/components/quizz/layout-score";
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen relative">
+      <header>
+        <div className="flex items-center justify-center md:justify-between px-6 py-5 container mx-auto">
+          <p className="text-center text-xl font-extrabold bg-clip-text text-transparent bg-gradient-to-b from-white to-white/80 relative">
+            Which image is the{" "}
+            <span className="bg-gradient-to-tr from-green to-cyan bg-clip-text">
+              good
+            </span>{" "}
+            one?
+          </p>
+          <LayoutScore className="hidden md:block" />
+        </div>
+        <div className="bg-gradient-to-r from-transparent via-white/70 to-transparent w-full h-[1px] opacity-20" />
+      </header>
+      {children}
+    </div>
+  );
+}

app/results/page.tsx CHANGED Viewed

@@ -4,44 +4,12 @@ import Image from "next/image";
 import { Button } from "@/components/button/button";
 import SparklingEffect from "@/assets/images/sparkles.svg";
 import SparklingEffect2 from "@/assets/images/sparkles-2.svg";
 export default function Home() {
   return (
-    <div className="w-full min-h-screen mx-auto max-w-4xl relative flex items-center justify-center">
-      <div className="relative grid grid-cols-1 gap-8 py-12 px-6">
-        <h1 className="text-center text-5xl md:text-7xl font-extrabold bg-clip-text text-transparent bg-gradient-to-b from-white to-white/80 relative">
-          <Image
-            src={SparklingEffect}
-            width={30}
-            height={50}
-            alt="Sparkling effect"
-            className="absolute top-8 left-0 -translate-x-[calc(100%+1rem)]"
-          />
-          Here is your <br />
-          <span className="bg-gradient-to-tr from-green to-cyan bg-clip-text">
-            results
-          </span>{" "}
-          <Image
-            src={SparklingEffect2}
-            width={30}
-            height={50}
-            alt="Sparkling effect"
-            className="absolute -top-6 right-0 translate-x-[calc(100%+1rem)]"
-          />
-        </h1>
-        <h2 className="text-white text-xl md:text-2xl text-center font-light">
-          Congrats!
-        </h2>
-        <div className="w-full mx-auto flex items-center gap-6">
-          <Button theme="primary" className="mx-auto">
-            Share on LinkedIn
-          </Button>
-          <Button theme="primary" className="mx-auto">
-            Share on X
-          </Button>
-        </div>
-        <div className="absolute top-1/2 left-1/2 will-transform -translate-x-1/2 -translate-y-1/2 bg-gradient-to-br from-green to-cyan blur-[120px] md:blur-[140px] w-full h-full max-h-[250px] rounded-full z-[-1] opacity-40"></div>
-      </div>
     </div>
   );
 }

 import { Button } from "@/components/button/button";
 import SparklingEffect from "@/assets/images/sparkles.svg";
 import SparklingEffect2 from "@/assets/images/sparkles-2.svg";
+import { Results } from "@/components/results";
 export default function Home() {
   return (
+    <div>
+      <Results />
     </div>
   );
 }

components/button/button.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ interface Props {
   children: React.ReactNode;
   disabled?: boolean;
   className?: string;
-  theme?: "primary";
   onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
 export const Button: React.FC<Props> = ({
@@ -22,6 +22,7 @@ export const Button: React.FC<Props> = ({
         `font-action px-6 w-full sm:w-auto py-3 sm:px-7 sm:py-4 text-sm sm:text-base uppercase font-semibold flex items-center justify-center gap-2.5 transition-all duration-200 tracking-widest ${className}`,
         {
           "bg-white text-[#0F110F] hover:-translate-y-1": theme === "primary",
           disabled,
         }
       )}

   children: React.ReactNode;
   disabled?: boolean;
   className?: string;
+  theme?: "primary" | "linkedin" | "x";
   onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
 export const Button: React.FC<Props> = ({
         `font-action px-6 w-full sm:w-auto py-3 sm:px-7 sm:py-4 text-sm sm:text-base uppercase font-semibold flex items-center justify-center gap-2.5 transition-all duration-200 tracking-widest ${className}`,
         {
           "bg-white text-[#0F110F] hover:-translate-y-1": theme === "primary",
+          "bg-[#0077b5] text-white hover:-translate-y-1": theme === "linkedin",
           disabled,
         }
       )}

components/no-ssr.tsx ADDED Viewed

	@@ -0,0 +1,31 @@

+"use client";
+import { useEffect, useLayoutEffect, useState } from "react";
+import PropTypes from "prop-types";
+const useEnhancedEffect =
+  typeof window !== "undefined" && process.env.NODE_ENV !== "test"
+    ? useLayoutEffect
+    : useEffect;
+const NoSSR = ({
+  children,
+  defer = false,
+  fallback = null,
+}: {
+  children: React.ReactNode;
+  defer?: boolean;
+  fallback?: React.ReactNode;
+}) => {
+  const [isMounted, setMountedState] = useState(false);
+  useEnhancedEffect(() => {
+    if (!defer) setMountedState(true);
+  }, [defer]);
+  useEffect(() => {
+    if (defer) setMountedState(true);
+  }, [defer]);
+  return isMounted ? children : fallback;
+};
+export default NoSSR;

components/results/index.tsx ADDED Viewed

	@@ -0,0 +1,85 @@

+"use client";
+import { redirect } from "next/navigation";
+import { FaXTwitter, FaLinkedin } from "react-icons/fa6";
+import Image from "next/image";
+import { LinkedinShareButton, TwitterShareButton } from "react-share";
+import { useQuizz } from "@/components/quizz/hooks/useQuizz";
+import { Button } from "@/components/button/button";
+import SparklingEffect from "@/assets/images/sparkles.svg";
+import SparklingEffect2 from "@/assets/images/sparkles-2.svg";
+import NoSSR from "@/components/no-ssr";
+export const Results = () => {
+  const { score } = useQuizz();
+  if (!score || score === 0) {
+    redirect("/");
+    return null;
+  }
+  return (
+    <div className="w-full min-h-[calc(100vh-69px)] mx-auto max-w-4xl relative flex items-center justify-center">
+      <div className="relative grid grid-cols-1 gap-8 py-12 px-6">
+        <h1 className="text-center text-5xl md:text-7xl font-extrabold bg-clip-text text-transparent bg-gradient-to-b from-white to-white/80 relative">
+          <Image
+            src={SparklingEffect}
+            width={30}
+            height={50}
+            alt="Sparkling effect"
+            className="absolute top-8 left-0"
+          />
+          Congrats! <br />
+          You{" "}
+          <span className="bg-gradient-to-tr from-green to-cyan bg-clip-text">
+            killed
+          </span>{" "}
+          it!
+          <Image
+            src={SparklingEffect2}
+            width={30}
+            height={50}
+            alt="Sparkling effect"
+            className="absolute -top-6 right-0"
+          />
+        </h1>
+        <h2 className="text-white text-xl md:text-2xl text-center font-light">
+          You obtained{" "}
+          <span className="bg-gradient-to-tr from-green to-cyan bg-clip-text font-bold text-transparent">
+            10 points
+          </span>{" "}
+          🎉
+          <br />
+          Share your score with your friends and challenge them!
+        </h2>
+        <NoSSR>
+          <div className="w-full mx-auto flex items-center justify-center gap-6">
+            <LinkedinShareButton
+              title={`Guess the Image: I got ${score} points! Will you beat me? 🤗`}
+              summary={`Guess the Image: I got ${score} points! Will you beat me? 🤗`}
+              source="linkedin-button"
+              url="https://huggingface.co/spaces/enzostvs/guess-the-image"
+            >
+              <Button theme="linkedin">
+                Share on
+                <FaLinkedin className="text-xl" />
+              </Button>
+            </LinkedinShareButton>
+            <TwitterShareButton
+              title={`Guess the Image: I got ${score} points! Will you beat me? 🤗`}
+              url="https://huggingface.co/spaces/enzostvs/guess-the-image"
+              hashtags={["ai", "quizz", "huggingface"]}
+              related={["enzostvs"]}
+            >
+              <Button theme="primary">
+                Share on
+                <FaXTwitter className="text-xl" />
+              </Button>
+            </TwitterShareButton>
+          </div>
+        </NoSSR>
+        <div className="absolute top-1/2 left-1/2 will-transform -translate-x-1/2 -translate-y-1/2 bg-gradient-to-br from-green to-cyan blur-[120px] md:blur-[140px] w-full h-full max-h-[250px] rounded-full z-[-1] opacity-40"></div>
+      </div>
+    </div>
+  );
+};

data/dev.db CHANGED Viewed

Binary files a/data/dev.db and b/data/dev.db differ

package-lock.json CHANGED Viewed

@@ -13,13 +13,14 @@
         "@tanstack/react-query": "^4.32.6",
         "classnames": "^2.3.2",
         "install": "^0.13.0",
-        "next": "14.0.2",
         "npm": "^10.2.4",
         "prisma": "^5.6.0",
         "react": "^18",
         "react-confetti": "^6.1.0",
         "react-dom": "^18",
         "react-icons": "^4.12.0",
         "react-use": "^17.4.0"
       },
       "devDependencies": {
@@ -28,7 +29,7 @@
         "@types/react-dom": "^18",
         "autoprefixer": "^10.0.1",
         "eslint": "^8",
-        "eslint-config-next": "14.0.2",
         "postcss": "^8",
         "tailwindcss": "^3.3.0",
         "typescript": "^5"
@@ -215,23 +216,23 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.2.tgz",
-      "integrity": "sha512-HAW1sljizEaduEOes/m84oUqeIDAUYBR1CDwu2tobNlNDFP3cSm9d6QsOsGeNlIppU1p/p1+bWbYCbvwjFiceA=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.0.2.tgz",
-      "integrity": "sha512-APrYFsXfAhnysycqxHcpg6Y4i7Ukp30GzVSZQRKT3OczbzkqGjt33vNhScmgoOXYBU1CfkwgtXmNxdiwv1jKmg==",
       "dev": true,
       "dependencies": {
         "glob": "7.1.7"
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.2.tgz",
-      "integrity": "sha512-i+jQY0fOb8L5gvGvojWyZMfQoQtDVB2kYe7fufOEiST6sicvzI2W5/EXo4lX5bLUjapHKe+nFxuVv7BA+Pd7LQ==",
       "cpu": [
         "arm64"
       ],
@@ -244,9 +245,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.2.tgz",
-      "integrity": "sha512-zRCAO0d2hW6gBEa4wJaLn+gY8qtIqD3gYd9NjruuN98OCI6YyelmhWVVLlREjS7RYrm9OUQIp/iVJFeB6kP1hg==",
       "cpu": [
         "x64"
       ],
@@ -259,9 +260,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.2.tgz",
-      "integrity": "sha512-tSJmiaon8YaKsVhi7GgRizZoV0N1Sx5+i+hFTrCKKQN7s3tuqW0Rov+RYdPhAv/pJl4qiG+XfSX4eJXqpNg3dA==",
       "cpu": [
         "arm64"
       ],
@@ -274,9 +275,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.2.tgz",
-      "integrity": "sha512-dXJLMSEOwqJKcag1BeX1C+ekdPPJ9yXbWIt3nAadhbLx5CjACoB2NQj9Xcqu2tmdr5L6m34fR+fjGPs+ZVPLzA==",
       "cpu": [
         "arm64"
       ],
@@ -289,9 +290,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.2.tgz",
-      "integrity": "sha512-WC9KAPSowj6as76P3vf1J3mf2QTm3Wv3FBzQi7UJ+dxWjK3MhHVWsWUo24AnmHx9qDcEtHM58okgZkXVqeLB+Q==",
       "cpu": [
         "x64"
       ],
@@ -304,9 +305,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.2.tgz",
-      "integrity": "sha512-KSSAwvUcjtdZY4zJFa2f5VNJIwuEVnOSlqYqbQIawREJA+gUI6egeiRu290pXioQXnQHYYdXmnVNZ4M+VMB7KQ==",
       "cpu": [
         "x64"
       ],
@@ -319,9 +320,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.2.tgz",
-      "integrity": "sha512-2/O0F1SqJ0bD3zqNuYge0ok7OEWCQwk55RPheDYD0va5ij7kYwrFkq5ycCRN0TLjLfxSF6xI5NM6nC5ux7svEQ==",
       "cpu": [
         "arm64"
       ],
@@ -334,9 +335,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.2.tgz",
-      "integrity": "sha512-vJI/x70Id0oN4Bq/R6byBqV1/NS5Dl31zC+lowO8SDu1fHmUxoAdILZR5X/sKbiJpuvKcCrwbYgJU8FF/Gh50Q==",
       "cpu": [
         "ia32"
       ],
@@ -349,9 +350,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.2.tgz",
-      "integrity": "sha512-Ut4LXIUvC5m8pHTe2j0vq/YDnTEyq6RSR9vHYPqnELrDapPhLNz9Od/L5Ow3J8RNDWpEnfCiQXuVdfjlNEJ7ug==",
       "cpu": [
         "x64"
       ],
@@ -1574,12 +1575,12 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.0.2.tgz",
-      "integrity": "sha512-CasWThlsyIcg/a+clU6KVOMTieuDhTztsrqvniP6AsRki9v7FnojTa7vKQOYM8QSOsQdZ/aElLD1Y2Oc8/PsIg==",
       "dev": true,
       "dependencies": {
-        "@next/eslint-plugin-next": "14.0.2",
         "@rushstack/eslint-patch": "^1.3.3",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
         "eslint-import-resolver-node": "^0.3.6",
@@ -2872,6 +2873,27 @@
         "json5": "lib/cli.js"
       }
     },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -3094,11 +3116,11 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.0.2.tgz",
-      "integrity": "sha512-jsAU2CkYS40GaQYOiLl9m93RTv2DA/tTJ0NRlmZIBIL87YwQ/xR8k796z7IqgM3jydI8G25dXvyYMC9VDIevIg==",
       "dependencies": {
-        "@next/env": "14.0.2",
         "@swc/helpers": "0.5.2",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
@@ -3110,18 +3132,18 @@
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.0.2",
-        "@next/swc-darwin-x64": "14.0.2",
-        "@next/swc-linux-arm64-gnu": "14.0.2",
-        "@next/swc-linux-arm64-musl": "14.0.2",
-        "@next/swc-linux-x64-gnu": "14.0.2",
-        "@next/swc-linux-x64-musl": "14.0.2",
-        "@next/swc-win32-arm64-msvc": "14.0.2",
-        "@next/swc-win32-ia32-msvc": "14.0.2",
-        "@next/swc-win32-x64-msvc": "14.0.2"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -6424,6 +6446,22 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "dev": true
     },
     "node_modules/react-universal-interface": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",

         "@tanstack/react-query": "^4.32.6",
         "classnames": "^2.3.2",
         "install": "^0.13.0",
+        "next": "13.5.6",
         "npm": "^10.2.4",
         "prisma": "^5.6.0",
         "react": "^18",
         "react-confetti": "^6.1.0",
         "react-dom": "^18",
         "react-icons": "^4.12.0",
+        "react-share": "^4.4.1",
         "react-use": "^17.4.0"
       },
       "devDependencies": {
         "@types/react-dom": "^18",
         "autoprefixer": "^10.0.1",
         "eslint": "^8",
+        "eslint-config-next": "13.5.6",
         "postcss": "^8",
         "tailwindcss": "^3.3.0",
         "typescript": "^5"
       }
     },
     "node_modules/@next/env": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.6.tgz",
+      "integrity": "sha512-Yac/bV5sBGkkEXmAX5FWPS9Mmo2rthrOPRQQNfycJPkjUAUclomCPH7QFVCDQ4Mp2k2K1SSM6m0zrxYrOwtFQw=="
     },
     "node_modules/@next/eslint-plugin-next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-13.5.6.tgz",
+      "integrity": "sha512-ng7pU/DDsxPgT6ZPvuprxrkeew3XaRf4LAT4FabaEO/hAbvVx4P7wqnqdbTdDn1kgTvsI4tpIgT4Awn/m0bGbg==",
       "dev": true,
       "dependencies": {
         "glob": "7.1.7"
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.6.tgz",
+      "integrity": "sha512-5nvXMzKtZfvcu4BhtV0KH1oGv4XEW+B+jOfmBdpFI3C7FrB/MfujRpWYSBBO64+qbW8pkZiSyQv9eiwnn5VIQA==",
       "cpu": [
         "arm64"
       ],
       }
     },
     "node_modules/@next/swc-darwin-x64": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.6.tgz",
+      "integrity": "sha512-6cgBfxg98oOCSr4BckWjLLgiVwlL3vlLj8hXg2b+nDgm4bC/qVXXLfpLB9FHdoDu4057hzywbxKvmYGmi7yUzA==",
       "cpu": [
         "x64"
       ],
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.6.tgz",
+      "integrity": "sha512-txagBbj1e1w47YQjcKgSU4rRVQ7uF29YpnlHV5xuVUsgCUf2FmyfJ3CPjZUvpIeXCJAoMCFAoGnbtX86BK7+sg==",
       "cpu": [
         "arm64"
       ],
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.6.tgz",
+      "integrity": "sha512-cGd+H8amifT86ZldVJtAKDxUqeFyLWW+v2NlBULnLAdWsiuuN8TuhVBt8ZNpCqcAuoruoSWynvMWixTFcroq+Q==",
       "cpu": [
         "arm64"
       ],
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.6.tgz",
+      "integrity": "sha512-Mc2b4xiIWKXIhBy2NBTwOxGD3nHLmq4keFk+d4/WL5fMsB8XdJRdtUlL87SqVCTSaf1BRuQQf1HvXZcy+rq3Nw==",
       "cpu": [
         "x64"
       ],
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.6.tgz",
+      "integrity": "sha512-CFHvP9Qz98NruJiUnCe61O6GveKKHpJLloXbDSWRhqhkJdZD2zU5hG+gtVJR//tyW897izuHpM6Gtf6+sNgJPQ==",
       "cpu": [
         "x64"
       ],
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.6.tgz",
+      "integrity": "sha512-aFv1ejfkbS7PUa1qVPwzDHjQWQtknzAZWGTKYIAaS4NMtBlk3VyA6AYn593pqNanlicewqyl2jUhQAaFV/qXsg==",
       "cpu": [
         "arm64"
       ],
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.6.tgz",
+      "integrity": "sha512-XqqpHgEIlBHvzwG8sp/JXMFkLAfGLqkbVsyN+/Ih1mR8INb6YCc2x/Mbwi6hsAgUnqQztz8cvEbHJUbSl7RHDg==",
       "cpu": [
         "ia32"
       ],
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.6.tgz",
+      "integrity": "sha512-Cqfe1YmOS7k+5mGu92nl5ULkzpKuxJrP3+4AEuPmrpFZ3BHxTY3TnHmU1On3bFmFFs6FbTcdF58CCUProGpIGQ==",
       "cpu": [
         "x64"
       ],
       }
     },
     "node_modules/eslint-config-next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-13.5.6.tgz",
+      "integrity": "sha512-o8pQsUHTo9aHqJ2YiZDym5gQAMRf7O2HndHo/JZeY7TDD+W4hk6Ma8Vw54RHiBeb7OWWO5dPirQB+Is/aVQ7Kg==",
       "dev": true,
       "dependencies": {
+        "@next/eslint-plugin-next": "13.5.6",
         "@rushstack/eslint-patch": "^1.3.3",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0",
         "eslint-import-resolver-node": "^0.3.6",
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/jsonp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/jsonp/-/jsonp-0.2.1.tgz",
+      "integrity": "sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==",
+      "dependencies": {
+        "debug": "^2.1.3"
+      }
+    },
+    "node_modules/jsonp/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/jsonp/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
       "dev": true
     },
     "node_modules/next": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.5.6.tgz",
+      "integrity": "sha512-Y2wTcTbO4WwEsVb4A8VSnOsG1I9ok+h74q0ZdxkwM3EODqrs4pasq7O0iUxbcS9VtWMicG7f3+HAj0r1+NtKSw==",
       "dependencies": {
+        "@next/env": "13.5.6",
         "@swc/helpers": "0.5.2",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
         "next": "dist/bin/next"
       },
       "engines": {
+        "node": ">=16.14.0"
       },
       "optionalDependencies": {
+        "@next/swc-darwin-arm64": "13.5.6",
+        "@next/swc-darwin-x64": "13.5.6",
+        "@next/swc-linux-arm64-gnu": "13.5.6",
+        "@next/swc-linux-arm64-musl": "13.5.6",
+        "@next/swc-linux-x64-gnu": "13.5.6",
+        "@next/swc-linux-x64-musl": "13.5.6",
+        "@next/swc-win32-arm64-msvc": "13.5.6",
+        "@next/swc-win32-ia32-msvc": "13.5.6",
+        "@next/swc-win32-x64-msvc": "13.5.6"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "dev": true
     },
+    "node_modules/react-share": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/react-share/-/react-share-4.4.1.tgz",
+      "integrity": "sha512-AJ9m9RiJssqvYg7MoJUc9J0D7b/liWrsfQ99ndKc5vJ4oVHHd4Fy87jBlKEQPibT40oYA3AQ/a9/oQY6/yaigw==",
+      "dependencies": {
+        "classnames": "^2.3.2",
+        "jsonp": "^0.2.1"
+      },
+      "engines": {
+        "node": ">=6.9.0",
+        "npm": ">=5.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.3.0 || ^17 || ^18"
+      }
+    },
     "node_modules/react-universal-interface": {
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/react-universal-interface/-/react-universal-interface-0.6.2.tgz",

package.json CHANGED Viewed

@@ -14,13 +14,14 @@
     "@tanstack/react-query": "^4.32.6",
     "classnames": "^2.3.2",
     "install": "^0.13.0",
-    "next": "14.0.2",
     "npm": "^10.2.4",
     "prisma": "^5.6.0",
     "react": "^18",
     "react-confetti": "^6.1.0",
     "react-dom": "^18",
     "react-icons": "^4.12.0",
     "react-use": "^17.4.0"
   },
   "devDependencies": {
@@ -29,7 +30,7 @@
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
-    "eslint-config-next": "14.0.2",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"

     "@tanstack/react-query": "^4.32.6",
     "classnames": "^2.3.2",
     "install": "^0.13.0",
+    "next": "13.5.6",
     "npm": "^10.2.4",
     "prisma": "^5.6.0",
     "react": "^18",
     "react-confetti": "^6.1.0",
     "react-dom": "^18",
     "react-icons": "^4.12.0",
+    "react-share": "^4.4.1",
     "react-use": "^17.4.0"
   },
   "devDependencies": {
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
+    "eslint-config-next": "13.5.6",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"

prisma/schema.prisma CHANGED Viewed

@@ -4,7 +4,7 @@ generator client {
 datasource db {
   provider = "sqlite"
-  url      = "file:../data/dev.db"
 }
 model Prompt {

 datasource db {
   provider = "sqlite"
+  url      = "file://data/dev.db"
 }
 model Prompt {

public/banner.png ADDED Viewed