Upload 10 files

app/(main)/page.tsx

@@ -35,7 +35,6 @@ export default function Home() {
     }
   ];
   let [model, setModel] = useState(models[0].value);
-  let [shadcn, setShadcn] = useState(false);
   let [modification, setModification] = useState("");
   let [generatedCode, setGeneratedCode] = useState("");
   let [initialAppConfig, setInitialAppConfig] = useState({
@@ -66,7 +65,6 @@ export default function Home() {
       },
       body: JSON.stringify({
         model,
-        shadcn,
         messages: [{ role: "user", content: prompt }],
       }),
     });
@@ -93,7 +91,7 @@ export default function Home() {
     }
 
     setMessages([{ role: "user", content: prompt }]);
-    setInitialAppConfig({ model, shadcn });
+    setInitialAppConfig({ model });
     setStatus("created");
   }
 
@@ -192,21 +190,6 @@ export default function Home() {
                 </Select.Portal>
               </Select.Root>
             </div>
-
-            <div className="flex h-full items-center justify-between gap-3 sm:justify-center">
-              <label className="text-gray-500 sm:text-xs" htmlFor="shadcn">
-                shadcn/ui:
-              </label>
-              <Switch.Root
-                className="group flex w-20 max-w-xs items-center rounded-2xl border-[6px] border-gray-300 bg-white p-1.5 text-sm shadow-inner transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-blue-500 data-[state=checked]:bg-blue-500"
-                id="shadcn"
-                name="shadcn"
-                checked={shadcn}
-                onCheckedChange={(value) => setShadcn(value)}
-              >
-                <Switch.Thumb className="size-7 rounded-lg bg-gray-200 shadow-[0_1px_2px] shadow-gray-400 transition data-[state=checked]:translate-x-7 data-[state=checked]:bg-white data-[state=checked]:shadow-gray-600" />
-              </Switch.Root>
-            </div>
           </div>
         </fieldset>
       </form>

app/api/generateCode/route.ts

@@ -1,4 +1,3 @@
-import shadcnDocs from "@/utils/shadcn-docs";
 import dedent from "dedent";
 import { z } from "zod";
 import { GoogleGenerativeAI } from "@google/generative-ai";
@@ -11,7 +10,6 @@ export async function POST(req: Request) {
   let result = z
     .object({
       model: z.string(),
-      shadcn: z.boolean().default(false),
       messages: z.array(
         z.object({
           role: z.enum(["user", "assistant"]),
@@ -25,8 +23,8 @@ export async function POST(req: Request) {
     return new Response(result.error.message, { status: 422 });
   }
 
-  let { model, messages, shadcn } = result.data;
-  let systemPrompt = getSystemPrompt(shadcn);
+  let { model, messages } = result.data;
+  let systemPrompt = getSystemPrompt();
 
   const geminiModel = genAI.getGenerativeModel({model: model});
 
@@ -47,7 +45,7 @@ export async function POST(req: Request) {
   return new Response(readableStream);
 }
 
-function getSystemPrompt(shadcn: boolean) {
+function getSystemPrompt() {
   let systemPrompt = 
 `You are an expert frontend React engineer who is also a great UI/UX designer. Follow the instructions carefully, I will tip you $1 million if you do a good job:
 
@@ -63,36 +61,6 @@ function getSystemPrompt(shadcn: boolean) {
 - For placeholder images, please use a <div className="bg-gray-200 border-2 border-dashed rounded-xl w-16 h-16" />
   `;
 
-  // - The lucide-react library is also available to be imported IF NECCESARY ONLY FOR THE FOLLOWING ICONS: Heart, Shield, Clock, Users, Play, Home, Search, Menu, User, Settings, Mail, Bell, Calendar, Clock, Heart, Star, Upload, Download, Trash, Edit, Plus, Minus, Check, X, ArrowRight.
-  // - Here's an example of importing and using one: import { Heart } from "lucide-react"\` & \`<Heart className=""  />\`.
-  // - PLEASE ONLY USE THE ICONS LISTED ABOVE IF AN ICON IS NEEDED IN THE USER'S REQUEST. Please DO NOT use the lucide-react library if it's not needed.
-
-  if (shadcn) {
-    systemPrompt += `
-    There are some prestyled components available for use. Please use your best judgement to use any of these components if the app calls for one.
-
-    Here are the components that are available, along with how to import them, and how to use them:
-
-    ${shadcnDocs
-      .map(
-        (component) => `
-          <component>
-          <name>
-          ${component.name}
-          </name>
-          <import-instructions>
-          ${component.importDocs}
-          </import-instructions>
-          <usage-instructions>
-          ${component.usageDocs}
-          </usage-instructions>
-          </component>
-        `,
-      )
-      .join("\n")}
-    `;
-  }
-
   systemPrompt += `
     NO OTHER LIBRARIES (e.g. zod, hookform) ARE INSTALLED OR ABLE TO BE IMPORTED.
   `;