feat(cli): prisma + workers, prisma + turso, planetscale (postgres/mysql) support (#567)

apps/web/src/components/ui/share-dialog.tsx

@@ -114,7 +114,6 @@ export function ShareDialog({
 		);
 	};
 
-	// Generate QR code using local qrcode library
 	useEffect(() => {
 		const generateQRCode = async () => {
 			try {
@@ -264,25 +263,6 @@ export function ShareDialog({
 							</div>
 						</div>
 					</div>
-
-					<div className="rounded border border-border">
-						<div className="border-border border-b px-3 py-2">
-							<div className="flex items-center gap-2">
-								<span className="text-primary text-xs">▶</span>
-								<span className="font-mono font-semibold text-foreground text-xs">
-									OUTPUT.URL
-								</span>
-							</div>
-						</div>
-						<div className="p-3">
-							<div className="flex items-center gap-2 text-xs">
-								<span className="text-primary">$</span>
-								<code className="flex-1 truncate text-muted-foreground">
-									{stackUrl}
-								</code>
-							</div>
-						</div>
-					</div>
 				</div>
 			</DialogContent>
 		</Dialog>

apps/web/src/components/ui/switch.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Switch as SwitchPrimitive } from "radix-ui";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
 import type * as React from "react";
 
 import { cn } from "@/lib/utils";

apps/web/src/components/ui/toggle.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva, type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const toggleVariants = cva(
+	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-[color,box-shadow] hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	{
+		variants: {
+			variant: {
+				default: "bg-transparent",
+				outline:
+					"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground",
+			},
+			size: {
+				default: "h-9 min-w-9 px-2",
+				sm: "h-8 min-w-8 px-1.5",
+				lg: "h-10 min-w-10 px-2.5",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	},
+);
+
+function Toggle({
+	className,
+	variant,
+	size,
+	...props
+}: React.ComponentProps<typeof TogglePrimitive.Root> &
+	VariantProps<typeof toggleVariants>) {
+	return (
+		<TogglePrimitive.Root
+			data-slot="toggle"
+			className={cn(toggleVariants({ variant, size, className }))}
+			{...props}
+		/>
+	);
+}
+
+export { Toggle, toggleVariants };