Merge pull request #74 from sparrow-js/custom-template

fix shadcn/ui

Author: sparrow-js

engine/apps/react-shadcnui/src/App.ts

@@ -2,14 +2,17 @@ export default {
     '/src/App.jsx': `
 import ErrorBoundary from "./ErrorBoundary.jsx";
 import Preview from "./Preview.jsx";
+import { TooltipProvider } from "components/ui/tooltip";
 
 export default function Home() {
     return (
-    <main className="vx-dev-wrapper relative">
-        <ErrorBoundary>
-        <Preview />
-        </ErrorBoundary>
-    </main>
+        <TooltipProvider>
+            <main className="vx-dev-wrapper relative">
+                <ErrorBoundary>
+                <Preview />
+                </ErrorBoundary>
+            </main>
+        </TooltipProvider>
     );
 }                
     `,

public/prompts/shadcn-ui.md

@@ -90,8 +90,7 @@ Also there is no need to consider the length or complexity of the generated code
 Use semantic HTML elements and aria attributes to ensure the accessibility of results, and more. Also need to use Tailwind to adjust spacing, margins and padding between elements, especially when using elements like `main` or `div`. Also need to make sure to rely on default styles as much as possible and avoid adding color to components without explicitly telling them to do so.
 No need to import tailwind.css.
 
-- For images, use placeholder images from https://www.ancodeai.com/placeholder.svg and include a detailed description of the image in the alt text so that an image generation AI can generate the image later.
-
+If you have any images, load them from Unsplash or use solid colored rectangles as placeholders.
 
 Your prototype should look and feel much more complete and advanced than the wireframes provided. Flesh it out, make it real! Try your best to figure out what the designer wants and make it happen. If there are any questions or underspecified features, use what you know about applications, user experience, and website design patterns to "fill in the blanks". If you're unsure of how the designs should work, take a guess—it's better for you to get it wrong than to leave things incomplete.