create-100x-mobile 0.2.1 → 0.2.3

package/dist/commands/new.js

@@ -224,9 +224,13 @@ async function cmdNew(args) {
     if (envContents) {
         await (0, fs_1.writeTextFile)(envLocalPath, envContents);
     }
+    // ── Step 6b: Hardcode domain in auth.config.ts ─────────
+    // Convex auth.config.ts is evaluated at deploy time, so process.env
+    // won't have the value yet (we set it after deploy). Hardcode it.
+    if (clerkDomain) {
+        await (0, fs_1.writeTextFile)((0, node_path_1.join)(projectDir, "convex/auth.config.ts"), `export default {\n  providers: [\n    {\n      domain: "${clerkDomain}",\n      applicationID: "convex",\n    },\n  ],\n};\n`);
+    }
     // ── Step 7: Initialize Convex (single run) ─────────────
-    // Only runs once. Convex env vars (set in Step 8) are read at runtime,
-    // so no re-deploy is needed after setting them.
     prompts_1.log.step("Setting up Convex");
     try {
         await (0, run_1.run)("bunx", ["convex", "dev", "--once"], { cwd: projectDir });

package/dist/templates/app/settingsScreen.js

@@ -53,11 +53,11 @@ export default function SettingsScreen() {
       } catch {}
 
       await signOut();
-    } catch (error) {
-      console.error("Sign out error:", error);
-      Alert.alert("Error", "Failed to sign out. Please try again.");
-    } finally {
-      setIsSigningOut(false);
+      // Sign-out succeeded — navigation will happen automatically
+    } catch {
+      // After signOut(), the session is cleared and the app navigates away.
+      // This may cause errors as the component unmounts — that's expected.
+      // Only a real pre-signout failure would leave the user stuck here.
     }
   };
 

package/dist/templates/app/signIn.js

@@ -16,6 +16,7 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import { useOAuth } from "@clerk/clerk-expo";
 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";
 
 WebBrowser.maybeCompleteAuthSession();
@@ -83,7 +84,14 @@ export default function SignInScreen() {
               <ActivityIndicator size={20} color="#1F2937" />
             ) : (
               <>
-                <Text style={styles.googleIcon}>G</Text>
+                <View style={styles.iconWrap}>
+                  <Svg width={20} height={20} viewBox="0 0 24 24">
+                    <Path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z" fill="#4285F4" />
+                    <Path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853" />
+                    <Path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05" />
+                    <Path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335" />
+                  </Svg>
+                </View>
                 <Text style={styles.googleText}>Continue with Google</Text>
               </>
             )}
@@ -103,7 +111,11 @@ export default function SignInScreen() {
               <ActivityIndicator size={20} color="#FFFFFF" />
             ) : (
               <>
-                <Text style={styles.appleIcon}>\u{F8FF}</Text>
+                <View style={styles.iconWrap}>
+                  <Svg width={20} height={20} viewBox="0 0 24 24" fill="#FFFFFF">
+                    <Path d="M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" />
+                  </Svg>
+                </View>
                 <Text style={styles.appleText}>Continue with Apple</Text>
               </>
             )}
@@ -172,12 +184,6 @@ const styles = StyleSheet.create({
     borderWidth: 1.5,
     borderColor: "#E5E7EB",
   },
-  googleIcon: {
-    fontSize: 20,
-    fontWeight: "700",
-    color: "#4285F4",
-    marginRight: 12,
-  },
   googleText: {
     fontSize: 16,
     fontWeight: "600",
@@ -186,16 +192,18 @@ const styles = StyleSheet.create({
   appleButton: {
     backgroundColor: "#000000",
   },
-  appleIcon: {
-    fontSize: 20,
-    color: "#FFFFFF",
-    marginRight: 12,
-  },
   appleText: {
     fontSize: 16,
     fontWeight: "600",
     color: "#FFFFFF",
   },
+  iconWrap: {
+    width: 24,
+    height: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: 12,
+  },
   terms: {
     fontSize: 13,
     color: "#9CA3AF",

package/package.json

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