@teardown/cli 2.0.65 → 2.0.67

package/templates/src/screens/settings.tsx

@@ -1,216 +0,0 @@
-/**
- * Settings Screen
- *
- * App settings and preferences.
- */
-
-import React, { useState } from "react";
-import { View, ScrollView, Switch, Pressable } from "react-native";
-import { Text, Card, CardContent, Separator, Badge } from "@/components/ui";
-
-interface SettingsScreenProps {
-	onBack?: () => void;
-	version?: string;
-}
-
-export function SettingsScreen({
-	onBack,
-	version = "1.0.0",
-}: SettingsScreenProps): React.JSX.Element {
-	const [notifications, setNotifications] = useState(true);
-	const [darkMode, setDarkMode] = useState(false);
-	const [haptics, setHaptics] = useState(true);
-	const [analytics, setAnalytics] = useState(true);
-
-	return (
-		<ScrollView className="flex-1 bg-background">
-			{/* Header */}
-			<View className="flex-row items-center gap-4 px-6 py-4 border-b border-border">
-				<Pressable onPress={onBack} className="p-2 -ml-2">
-					<Text className="text-xl">←</Text>
-				</Pressable>
-				<Text variant="h3">Settings</Text>
-			</View>
-
-			<View className="p-6 gap-6">
-				{/* Preferences */}
-				<SettingsSection title="Preferences">
-					<ToggleRow
-						icon="🔔"
-						label="Push Notifications"
-						description="Receive push notifications"
-						value={notifications}
-						onValueChange={setNotifications}
-					/>
-					<Separator />
-					<ToggleRow
-						icon="🌙"
-						label="Dark Mode"
-						description="Use dark color theme"
-						value={darkMode}
-						onValueChange={setDarkMode}
-					/>
-					<Separator />
-					<ToggleRow
-						icon="📳"
-						label="Haptic Feedback"
-						description="Enable haptic feedback"
-						value={haptics}
-						onValueChange={setHaptics}
-					/>
-				</SettingsSection>
-
-				{/* Account */}
-				<SettingsSection title="Account">
-					<LinkRow icon="👤" label="Edit Profile" onPress={() => {}} />
-					<Separator />
-					<LinkRow icon="🔐" label="Change Password" onPress={() => {}} />
-					<Separator />
-					<LinkRow icon="📧" label="Email Preferences" onPress={() => {}} />
-					<Separator />
-					<LinkRow
-						icon="💳"
-						label="Subscription"
-						badge="PRO"
-						onPress={() => {}}
-					/>
-				</SettingsSection>
-
-				{/* Privacy */}
-				<SettingsSection title="Privacy & Data">
-					<ToggleRow
-						icon="📊"
-						label="Analytics"
-						description="Help improve the app"
-						value={analytics}
-						onValueChange={setAnalytics}
-					/>
-					<Separator />
-					<LinkRow icon="🛡️" label="Privacy Policy" onPress={() => {}} />
-					<Separator />
-					<LinkRow icon="📋" label="Terms of Service" onPress={() => {}} />
-					<Separator />
-					<LinkRow
-						icon="🗑️"
-						label="Delete Account"
-						destructive
-						onPress={() => {}}
-					/>
-				</SettingsSection>
-
-				{/* Support */}
-				<SettingsSection title="Support">
-					<LinkRow icon="❓" label="Help Center" onPress={() => {}} />
-					<Separator />
-					<LinkRow icon="💬" label="Contact Support" onPress={() => {}} />
-					<Separator />
-					<LinkRow icon="⭐" label="Rate the App" onPress={() => {}} />
-				</SettingsSection>
-
-				{/* About */}
-				<SettingsSection title="About">
-					<View className="flex-row items-center justify-between py-3">
-						<View className="flex-row items-center gap-3">
-							<Text className="text-lg">📱</Text>
-							<Text>Version</Text>
-						</View>
-						<Text variant="muted">{version}</Text>
-					</View>
-					<Separator />
-					<LinkRow icon="📜" label="Licenses" onPress={() => {}} />
-				</SettingsSection>
-
-				{/* Footer */}
-				<View className="items-center py-8">
-					<Text variant="muted">Made with ❤️ using Teardown CLI</Text>
-					<Text variant="muted" className="mt-1">
-						Powered by Uniwind + Tailwind CSS
-					</Text>
-				</View>
-			</View>
-		</ScrollView>
-	);
-}
-
-function SettingsSection({
-	title,
-	children,
-}: {
-	title: string;
-	children: React.ReactNode;
-}): React.JSX.Element {
-	return (
-		<View className="gap-2">
-			<Text variant="label" className="text-muted-foreground px-1">
-				{title}
-			</Text>
-			<Card>
-				<CardContent className="py-2">{children}</CardContent>
-			</Card>
-		</View>
-	);
-}
-
-function ToggleRow({
-	icon,
-	label,
-	description,
-	value,
-	onValueChange,
-}: {
-	icon: string;
-	label: string;
-	description?: string;
-	value: boolean;
-	onValueChange: (value: boolean) => void;
-}): React.JSX.Element {
-	return (
-		<View className="flex-row items-center justify-between py-3">
-			<View className="flex-row items-center gap-3 flex-1">
-				<Text className="text-lg">{icon}</Text>
-				<View className="flex-1">
-					<Text>{label}</Text>
-					{description && <Text variant="muted">{description}</Text>}
-				</View>
-			</View>
-			<Switch
-				value={value}
-				onValueChange={onValueChange}
-				trackColor={{ false: "#e2e8f0", true: "#3b82f6" }}
-				thumbColor="#ffffff"
-			/>
-		</View>
-	);
-}
-
-function LinkRow({
-	icon,
-	label,
-	badge,
-	destructive,
-	onPress,
-}: {
-	icon: string;
-	label: string;
-	badge?: string;
-	destructive?: boolean;
-	onPress: () => void;
-}): React.JSX.Element {
-	return (
-		<Pressable
-			className="flex-row items-center justify-between py-3 active:bg-muted rounded-lg px-2 -mx-2"
-			onPress={onPress}
-		>
-			<View className="flex-row items-center gap-3">
-				<Text className="text-lg">{icon}</Text>
-				<Text className={destructive ? "text-destructive" : ""}>{label}</Text>
-			</View>
-			<View className="flex-row items-center gap-2">
-				{badge && <Badge variant="default">{badge}</Badge>}
-				<Text className="text-muted-foreground">›</Text>
-			</View>
-		</Pressable>
-	);
-}
-
-export default SettingsScreen;

package/templates/src/screens/welcome.tsx

@@ -1,101 +0,0 @@
-/**
- * Welcome Screen
- *
- * The landing/onboarding screen for the app.
- */
-
-import React from "react";
-import { View, ScrollView, Image } from "react-native";
-import { Text, Button, Card, CardContent } from "@/components/ui";
-
-interface WelcomeScreenProps {
-	onGetStarted?: () => void;
-	onSignIn?: () => void;
-}
-
-export function WelcomeScreen({ onGetStarted, onSignIn }: WelcomeScreenProps): React.JSX.Element {
-	return (
-		<ScrollView className="flex-1 bg-background" contentContainerClassName="flex-grow">
-			<View className="flex-1 px-6 py-12">
-				{/* Hero Section */}
-				<View className="flex-1 items-center justify-center gap-8">
-					{/* Logo/Icon Placeholder */}
-					<View className="h-24 w-24 items-center justify-center rounded-3xl bg-primary">
-						<Text className="text-4xl font-bold text-primary-foreground">T</Text>
-					</View>
-
-					{/* Welcome Text */}
-					<View className="items-center gap-4">
-						<Text variant="h1" className="text-center">
-							Welcome to <%= appName %>
-						</Text>
-						<Text variant="lead" className="text-center">
-							Build beautiful React Native apps with the power of Tailwind CSS
-						</Text>
-					</View>
-
-					{/* Feature Cards */}
-					<View className="w-full gap-4 mt-8">
-						<FeatureCard
-							icon="lightning"
-							title="Fast Development"
-							description="Build UIs rapidly with utility-first CSS classes"
-						/>
-						<FeatureCard
-							icon="palette"
-							title="Beautiful Design"
-							description="Pre-built components following modern design principles"
-						/>
-						<FeatureCard
-							icon="code"
-							title="Type-Safe"
-							description="Full TypeScript support for better DX"
-						/>
-					</View>
-				</View>
-
-				{/* Action Buttons */}
-				<View className="gap-4 mt-12">
-					<Button size="lg" fullWidth onPress={onGetStarted}>
-						Get Started
-					</Button>
-					<Button variant="outline" size="lg" fullWidth onPress={onSignIn}>
-						I already have an account
-					</Button>
-				</View>
-			</View>
-		</ScrollView>
-	);
-}
-
-interface FeatureCardProps {
-	icon: "lightning" | "palette" | "code";
-	title: string;
-	description: string;
-}
-
-function FeatureCard({ icon, title, description }: FeatureCardProps): React.JSX.Element {
-	const iconMap = {
-		lightning: "bolt.fill",
-		palette: "paintpalette.fill",
-		code: "chevron.left.forwardslash.chevron.right",
-	};
-
-	return (
-		<Card>
-			<CardContent className="flex-row items-center gap-4 py-4">
-				<View className="h-12 w-12 items-center justify-center rounded-xl bg-primary/10">
-					<Text className="text-2xl text-primary">
-						{icon === "lightning" ? "⚡" : icon === "palette" ? "🎨" : "⌨️"}
-					</Text>
-				</View>
-				<View className="flex-1">
-					<Text variant="large">{title}</Text>
-					<Text variant="muted">{description}</Text>
-				</View>
-			</CardContent>
-		</Card>
-	);
-}
-
-export default WelcomeScreen;