create-croissant 0.1.47 → 0.1.49

package/template/apps/mobile/app/login.tsx

@@ -1,135 +0,0 @@
-import { useState } from "react";
-import { View, StyleSheet, KeyboardAvoidingView, Platform, ScrollView, Text } from "react-native";
-import { useRouter } from "expo-router";
-import { authClient } from "@/lib/auth-client";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-
-export default function LoginScreen() {
-  const router = useRouter();
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleLogin = async () => {
-    if (!email || !password) {
-      setError("Please fill in all fields");
-      return;
-    }
-    
-    setLoading(true);
-    setError(null);
-    try {
-      const { error } = await authClient.signIn.email({
-        email,
-        password,
-      });
-      
-      if (error) {
-        setError(error.message || "Invalid credentials");
-      } else {
-        router.replace("/(tabs)");
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "An error occurred during login");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <KeyboardAvoidingView
-      behavior={Platform.OS === "ios" ? "padding" : "height"}
-      style={styles.container}
-    >
-      <ScrollView contentContainerStyle={styles.scrollContent}>
-        <View style={styles.header}>
-          <Text style={styles.title}>Welcome Back</Text>
-          <Text style={styles.subtitle}>Sign in to your account</Text>
-        </View>
-
-        <View style={styles.form}>
-          <Input
-            label="Email"
-            placeholder="email@example.com"
-            value={email}
-            onChangeText={setEmail}
-            autoCapitalize="none"
-            keyboardType="email-address"
-          />
-
-          <Input
-            label="Password"
-            placeholder="••••••••"
-            value={password}
-            onChangeText={setPassword}
-            secureTextEntry
-          />
-
-          {error && <Text style={styles.errorText}>{error}</Text>}
-
-          <Button
-            onPress={handleLogin}
-            loading={loading}
-          >
-            Sign In
-          </Button>
-
-          <View style={styles.footer}>
-            <Text style={styles.footerText}>Don't have an account? </Text>
-            <Text
-              style={styles.link}
-              onPress={() => router.push("/signup")}
-            >
-              Sign Up
-            </Text>
-          </View>
-        </View>
-      </ScrollView>
-    </KeyboardAvoidingView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  scrollContent: {
-    flexGrow: 1,
-    padding: 24,
-    justifyContent: "center",
-  },
-  header: {
-    marginBottom: 40,
-  },
-  title: {
-    fontSize: 32,
-    fontWeight: "bold",
-    marginBottom: 8,
-  },
-  subtitle: {
-    fontSize: 16,
-    color: "#666",
-  },
-  form: {
-    gap: 20,
-  },
-  errorText: {
-    color: "#ef4444",
-    fontSize: 14,
-  },
-  footer: {
-    flexDirection: "row",
-    justifyContent: "center",
-    marginTop: 20,
-  },
-  footerText: {
-    color: "#666",
-  },
-  link: {
-    color: "#000",
-    fontWeight: "bold",
-  },
-});

package/template/apps/mobile/app/signup.tsx

@@ -1,144 +0,0 @@
-import { useState } from "react";
-import { View, StyleSheet, KeyboardAvoidingView, Platform, ScrollView, Text } from "react-native";
-import { useRouter } from "expo-router";
-import { authClient } from "@/lib/auth-client";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-
-export default function SignupScreen() {
-  const router = useRouter();
-  const [name, setName] = useState("");
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleSignup = async () => {
-    if (!name || !email || !password) {
-      setError("Please fill in all fields");
-      return;
-    }
-    
-    setLoading(true);
-    setError(null);
-    try {
-      const { error } = await authClient.signUp.email({
-        email,
-        password,
-        name,
-      });
-      
-      if (error) {
-        setError(error.message || "An error occurred during signup");
-      } else {
-        router.replace("/(tabs)");
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "An error occurred during signup");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <KeyboardAvoidingView
-      behavior={Platform.OS === "ios" ? "padding" : "height"}
-      style={styles.container}
-    >
-      <ScrollView contentContainerStyle={styles.scrollContent}>
-        <View style={styles.header}>
-          <Text style={styles.title}>Create Account</Text>
-          <Text style={styles.subtitle}>Join the Croissant Stack</Text>
-        </View>
-
-        <View style={styles.form}>
-          <Input
-            label="Name"
-            placeholder="John Doe"
-            value={name}
-            onChangeText={setName}
-          />
-
-          <Input
-            label="Email"
-            placeholder="email@example.com"
-            value={email}
-            onChangeText={setEmail}
-            autoCapitalize="none"
-            keyboardType="email-address"
-          />
-
-          <Input
-            label="Password"
-            placeholder="••••••••"
-            value={password}
-            onChangeText={setPassword}
-            secureTextEntry
-          />
-
-          {error && <Text style={styles.errorText}>{error}</Text>}
-
-          <Button
-            onPress={handleSignup}
-            loading={loading}
-          >
-            Sign Up
-          </Button>
-
-          <View style={styles.footer}>
-            <Text style={styles.footerText}>Already have an account? </Text>
-            <Text
-              style={styles.link}
-              onPress={() => router.push("/login")}
-            >
-              Sign In
-            </Text>
-          </View>
-        </View>
-      </ScrollView>
-    </KeyboardAvoidingView>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#fff",
-  },
-  scrollContent: {
-    flexGrow: 1,
-    padding: 24,
-    justifyContent: "center",
-  },
-  header: {
-    marginBottom: 40,
-  },
-  title: {
-    fontSize: 32,
-    fontWeight: "bold",
-    marginBottom: 8,
-  },
-  subtitle: {
-    fontSize: 16,
-    color: "#666",
-  },
-  form: {
-    gap: 20,
-  },
-  errorText: {
-    color: "#ef4444",
-    fontSize: 14,
-  },
-  footer: {
-    flexDirection: "row",
-    justifyContent: "center",
-    marginTop: 20,
-  },
-  footerText: {
-    color: "#666",
-  },
-  link: {
-    color: "#000",
-    fontWeight: "bold",
-  },
-});

package/template/apps/mobile/components/ui/button.tsx

@@ -1,86 +0,0 @@
-import React from "react";
-import { TouchableOpacity, Text, StyleSheet, ActivityIndicator, ViewStyle, StyleProp } from "react-native";
-
-interface ButtonProps {
-  onPress: () => void;
-  children: React.ReactNode;
-  disabled?: boolean;
-  loading?: boolean;
-  variant?: "primary" | "secondary" | "outline" | "destructive";
-  style?: StyleProp<ViewStyle>;
-}
-
-export function Button({ 
-  onPress, 
-  children, 
-  disabled, 
-  loading, 
-  variant = "primary",
-  style
-}: ButtonProps) {
-  const containerStyle = [
-    styles.button,
-    styles[variant],
-    disabled && styles.disabled,
-    style,
-  ];
-
-  const textStyle = [
-    styles.text,
-    variant === "outline" && styles.outlineText,
-    disabled && styles.disabledText,
-  ];
-
-  return (
-    <TouchableOpacity 
-      style={containerStyle} 
-      onPress={onPress} 
-      disabled={disabled || loading}
-    >
-      {loading ? (
-        <ActivityIndicator color={variant === "outline" ? "#000" : "#fff"} />
-      ) : (
-        <Text style={textStyle}>{children}</Text>
-      )}
-    </TouchableOpacity>
-  );
-}
-
-const styles = StyleSheet.create({
-  button: {
-    height: 48,
-    borderRadius: 8,
-    justifyContent: "center",
-    alignItems: "center",
-    paddingHorizontal: 16,
-  },
-  primary: {
-    backgroundColor: "#000",
-  },
-  secondary: {
-    backgroundColor: "#f0f0f0",
-  },
-  outline: {
-    backgroundColor: "transparent",
-    borderWidth: 1,
-    borderColor: "#e0e0e0",
-  },
-  destructive: {
-    backgroundColor: "#ef4444",
-  },
-  disabled: {
-    backgroundColor: "#ccc",
-    borderColor: "#ccc",
-  },
-  text: {
-    color: "#fff",
-    fontSize: 16,
-    fontWeight: "600",
-  },
-  outlineText: {
-    color: "#000",
-  },
-  disabledText: {
-    color: "#999",
-  },
-});

package/template/apps/mobile/components/ui/input.tsx

@@ -1,56 +0,0 @@
-import React from "react";
-import { TextInput, StyleSheet, TextInputProps, View, Text } from "react-native";
-
-interface InputProps extends TextInputProps {
-  label?: string;
-  error?: string;
-}
-
-export function Input({ label, error, style, ...props }: InputProps) {
-  return (
-    <View style={styles.container}>
-      {label && <Text style={styles.label}>{label}</Text>}
-      <TextInput
-        style={[
-          styles.input,
-          error && styles.inputError,
-          style,
-        ]}
-        placeholderTextColor="#999"
-        {...props}
-      />
-      {error && <Text style={styles.errorText}>{error}</Text>}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    width: "100%",
-    marginBottom: 16,
-  },
-  label: {
-    fontSize: 14,
-    fontWeight: "500",
-    marginBottom: 8,
-    color: "#333",
-  },
-  input: {
-    height: 48,
-    borderWidth: 1,
-    borderColor: "#e0e0e0",
-    borderRadius: 8,
-    paddingHorizontal: 12,
-    fontSize: 16,
-    color: "#000",
-    backgroundColor: "#fff",
-  },
-  inputError: {
-    borderColor: "#ff4444",
-  },
-  errorText: {
-    color: "#ff4444",
-    fontSize: 12,
-    marginTop: 4,
-  },
-});

package/template/apps/mobile/lib/auth-client.ts

@@ -1,14 +0,0 @@
-import { createAuthClient } from "better-auth/react";
-import { expoClient } from "@better-auth/expo/client";
-import * as SecureStore from "expo-secure-store";
-
-export const authClient = createAuthClient({
-  baseURL: process.env.EXPO_PUBLIC_BETTER_AUTH_URL || "https://platform.local",
-  plugins: [
-    expoClient({
-      scheme: "mobile",
-      storagePrefix: "mobile",
-      storage: SecureStore,
-    }),
-  ],
-});

package/template/apps/mobile/lib/orpc.ts

@@ -1,28 +0,0 @@
-import { createORPCClient } from '@orpc/client'
-import { RPCLink } from '@orpc/client/fetch'
-import { RouterClient } from '@orpc/server'
-import { router } from '@workspace/orpc/router'
-import { authClient } from './auth-client'
-
-export const link = new RPCLink({
-  url: `https://platform.local/api/rpc`,
-  async fetch(request, init) {
-    const { fetch } = await import('expo/fetch')
-    const headers = new Map<string, string>(); 
-    const cookies = authClient.getCookie(); 
-    if (cookies) { 
-      headers.set("Cookie", cookies); 
-    } 
-
-    const resp = await fetch(request.url, {
-      body: request.body,
-      headers: Object.fromEntries(headers),
-      method: request.method,
-      ...init,
-    })
-
-    return resp
-  },
-})
-
-export const orpc: RouterClient<typeof router> = createORPCClient(link)