create-100x-mobile 0.4.3 → 0.4.4

package/dist/commands/new.js

@@ -34,7 +34,6 @@ const notFound_1 = require("../templates/app/notFound");
 const rootLayout_1 = require("../templates/app/rootLayout");
 const settingsScreen_1 = require("../templates/app/settingsScreen");
 const signIn_1 = require("../templates/app/signIn");
-const signUp_1 = require("../templates/app/signUp");
 const tabsLayout_1 = require("../templates/app/tabsLayout");
 const todosScreen_1 = require("../templates/app/todosScreen");
 // Component templates
@@ -69,7 +68,6 @@ function buildTemplateFiles(projectName, expoVersion) {
         ["app/providers/AuthProvider.tsx", (0, authProvider_1.authProviderTemplate)()],
         ["app/(auth)/_layout.tsx", (0, authLayout_1.authLayoutTemplate)()],
         ["app/(auth)/sign-in.tsx", (0, signIn_1.signInTemplate)()],
-        ["app/(auth)/sign-up.tsx", (0, signUp_1.signUpTemplate)()],
         ["app/(tabs)/_layout.tsx", (0, tabsLayout_1.tabsLayoutTemplate)()],
         ["app/(tabs)/index.tsx", (0, todosScreen_1.todosScreenTemplate)()],
         ["app/(tabs)/settings.tsx", (0, settingsScreen_1.settingsScreenTemplate)()],

package/dist/templates/app/authLayout.js

@@ -8,7 +8,6 @@ export default function AuthLayout() {
   return (
     <Stack screenOptions={{ headerShown: false }}>
       <Stack.Screen name="sign-in" />
-      <Stack.Screen name="sign-up" />
     </Stack>
   );
 }

package/dist/templates/app/signIn.js

@@ -14,7 +14,7 @@ import {
 } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { useOAuth } from "@clerk/clerk-expo";
-import { Link, useRouter } from "expo-router";
+import { useRouter } from "expo-router";
 import { SquareCheck as CheckSquare } from "lucide-react-native";
 import Svg, { Path } from "react-native-svg";
 import * as WebBrowser from "expo-web-browser";
@@ -127,11 +127,6 @@ export default function SignInScreen() {
         <Text style={styles.terms}>
           By continuing, you agree to our Terms of Service and Privacy Policy
         </Text>
-        <Link href="/(auth)/sign-up" asChild>
-          <TouchableOpacity style={styles.emailLinkWrap} activeOpacity={0.7}>
-            <Text style={styles.emailLinkText}>Use email and password instead</Text>
-          </TouchableOpacity>
-        </Link>
       </View>
     </SafeAreaView>
   );
@@ -219,15 +214,6 @@ const styles = StyleSheet.create({
     lineHeight: 20,
     paddingHorizontal: 16,
   },
-  emailLinkWrap: {
-    marginTop: 16,
-    alignItems: "center",
-  },
-  emailLinkText: {
-    fontSize: 14,
-    fontWeight: "600",
-    color: "#4B5563",
-  },
 });
 `;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-100x-mobile",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "Scaffold a full-stack mobile app with Expo + Convex + Clerk in seconds",
   "main": "dist/cli.js",
   "bin": {

package/dist/templates/app/signUp.js

@@ -1,298 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.signUpTemplate = signUpTemplate;
-function signUpTemplate() {
-    return `import React, { useState } from "react";
-import {
-  View,
-  Text,
-  TextInput,
-  TouchableOpacity,
-  StyleSheet,
-  KeyboardAvoidingView,
-  Platform,
-  Alert,
-  ActivityIndicator,
-  Modal,
-} from "react-native";
-import { useSignUp } from "@clerk/clerk-expo";
-import { useRouter, Link } from "expo-router";
-
-export default function SignUpScreen() {
-  const { isLoaded, signUp, setActive } = useSignUp();
-  const router = useRouter();
-
-  const [emailAddress, setEmailAddress] = useState("");
-  const [password, setPassword] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [pendingVerification, setPendingVerification] = useState(false);
-  const [code, setCode] = useState("");
-  const [errorMessage, setErrorMessage] = useState("");
-
-  const onSignUpPress = async () => {
-    if (!isLoaded) return;
-
-    setLoading(true);
-    setErrorMessage("");
-    try {
-      const result = await signUp.create({
-        emailAddress,
-        password,
-      });
-
-      if (result.status === "complete") {
-        await setActive({ session: result.createdSessionId });
-        router.replace("/(tabs)");
-      } else if (result.status === "missing_requirements") {
-        await signUp.prepareEmailAddressVerification({
-          strategy: "email_code",
-        });
-        setPendingVerification(true);
-      }
-    } catch (err: any) {
-      const message = err.errors?.[0]?.message || "Sign up failed";
-      setErrorMessage(message);
-      Alert.alert("Error", message);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const onPressVerify = async () => {
-    if (!isLoaded) return;
-
-    setLoading(true);
-    try {
-      const completeSignUp = await signUp.attemptEmailAddressVerification({
-        code,
-      });
-
-      if (completeSignUp.status === "complete") {
-        await setActive({ session: completeSignUp.createdSessionId });
-        router.replace("/(tabs)");
-      } else {
-        Alert.alert("Error", "Verification failed. Please try again.");
-      }
-    } catch (err: any) {
-      Alert.alert("Error", err.errors?.[0]?.message || "Verification failed");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <>
-      <KeyboardAvoidingView
-        behavior={Platform.OS === "ios" ? "padding" : "height"}
-        style={styles.container}
-      >
-        <View style={styles.content}>
-          <Text style={styles.title}>Create Account</Text>
-          <Text style={styles.subtitle}>Sign up to get started</Text>
-
-          {errorMessage ? (
-            <View style={styles.errorContainer}>
-              <Text style={styles.errorText}>{errorMessage}</Text>
-            </View>
-          ) : null}
-
-          <TextInput
-            style={styles.input}
-            placeholder="Email"
-            placeholderTextColor="#999"
-            value={emailAddress}
-            onChangeText={setEmailAddress}
-            autoCapitalize="none"
-            keyboardType="email-address"
-          />
-
-          <TextInput
-            style={styles.input}
-            placeholder="Password"
-            placeholderTextColor="#999"
-            value={password}
-            onChangeText={setPassword}
-            secureTextEntry
-          />
-
-          <TouchableOpacity
-            style={[styles.button, loading && styles.buttonDisabled]}
-            onPress={onSignUpPress}
-            disabled={loading}
-          >
-            {loading ? (
-              <ActivityIndicator color="#fff" />
-            ) : (
-              <Text style={styles.buttonText}>Sign Up</Text>
-            )}
-          </TouchableOpacity>
-
-          <View style={styles.footer}>
-            <Text style={styles.footerText}>Already have an account? </Text>
-            <Link href="/(auth)/sign-in" asChild>
-              <TouchableOpacity>
-                <Text style={styles.link}>Sign In</Text>
-              </TouchableOpacity>
-            </Link>
-          </View>
-        </View>
-      </KeyboardAvoidingView>
-
-      <Modal
-        animationType="slide"
-        transparent={true}
-        visible={pendingVerification}
-      >
-        <View style={styles.modalOverlay}>
-          <View style={styles.modalContent}>
-            <Text style={styles.modalTitle}>Verify Email</Text>
-            <Text style={styles.modalSubtitle}>
-              We've sent a verification code to {emailAddress}
-            </Text>
-
-            <TextInput
-              style={styles.input}
-              placeholder="Verification Code"
-              placeholderTextColor="#999"
-              value={code}
-              onChangeText={setCode}
-              keyboardType="number-pad"
-            />
-
-            <TouchableOpacity
-              style={[styles.button, loading && styles.buttonDisabled]}
-              onPress={onPressVerify}
-              disabled={loading}
-            >
-              {loading ? (
-                <ActivityIndicator color="#fff" />
-              ) : (
-                <Text style={styles.buttonText}>Verify Email</Text>
-              )}
-            </TouchableOpacity>
-
-            <TouchableOpacity
-              style={styles.cancelButton}
-              onPress={() => setPendingVerification(false)}
-            >
-              <Text style={styles.cancelButtonText}>Cancel</Text>
-            </TouchableOpacity>
-          </View>
-        </View>
-      </Modal>
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: "#f5f5f5",
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center",
-    paddingHorizontal: 20,
-  },
-  title: {
-    fontSize: 32,
-    fontWeight: "bold",
-    color: "#333",
-    marginBottom: 8,
-    textAlign: "center",
-  },
-  subtitle: {
-    fontSize: 16,
-    color: "#666",
-    marginBottom: 40,
-    textAlign: "center",
-  },
-  input: {
-    backgroundColor: "#fff",
-    borderRadius: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    fontSize: 16,
-    marginBottom: 16,
-    borderWidth: 1,
-    borderColor: "#e0e0e0",
-  },
-  button: {
-    backgroundColor: "#007AFF",
-    borderRadius: 8,
-    paddingVertical: 14,
-    alignItems: "center",
-    marginTop: 8,
-  },
-  buttonDisabled: {
-    opacity: 0.7,
-  },
-  buttonText: {
-    color: "#fff",
-    fontSize: 18,
-    fontWeight: "600",
-  },
-  footer: {
-    flexDirection: "row",
-    justifyContent: "center",
-    marginTop: 24,
-  },
-  footerText: {
-    color: "#666",
-    fontSize: 14,
-  },
-  link: {
-    color: "#007AFF",
-    fontSize: 14,
-    fontWeight: "600",
-  },
-  modalOverlay: {
-    flex: 1,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  modalContent: {
-    backgroundColor: "#fff",
-    borderRadius: 16,
-    padding: 24,
-    width: "90%",
-    maxWidth: 400,
-  },
-  modalTitle: {
-    fontSize: 24,
-    fontWeight: "bold",
-    color: "#333",
-    marginBottom: 8,
-    textAlign: "center",
-  },
-  modalSubtitle: {
-    fontSize: 14,
-    color: "#666",
-    marginBottom: 24,
-    textAlign: "center",
-  },
-  cancelButton: {
-    marginTop: 12,
-    alignItems: "center",
-  },
-  cancelButtonText: {
-    color: "#666",
-    fontSize: 16,
-  },
-  errorContainer: {
-    backgroundColor: "#ffebee",
-    borderRadius: 8,
-    padding: 12,
-    marginBottom: 16,
-    borderWidth: 1,
-    borderColor: "#ef5350",
-  },
-  errorText: {
-    color: "#c62828",
-    fontSize: 14,
-    textAlign: "center",
-  },
-});
-`;
-}