create-100x-mobile 0.4.2 → 0.4.4

package/dist/templates/app/settingsScreen.js

@@ -50,14 +50,17 @@ export default function SettingsScreen() {
           SecureStore.deleteItemAsync("__clerk_db_jwt"),
           SecureStore.deleteItemAsync("__clerk_session_jwt"),
         ]);
-      } catch {}
+      } catch (storageError) {
+        console.warn("SecureStore cleanup failed:", storageError);
+      }
 
       await signOut();
       // Sign-out succeeded — navigation will happen automatically
-    } catch {
+    } catch (error) {
       // 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.
+      console.warn("Sign out flow warning:", error);
     }
   };
 

package/dist/templates/app/signIn.js

@@ -97,29 +97,31 @@ export default function SignInScreen() {
             )}
           </TouchableOpacity>
 
-          <TouchableOpacity
-            style={[
-              styles.button,
-              styles.appleButton,
-              loading === "apple" && styles.buttonLoading,
-            ]}
-            onPress={() => handleOAuth("apple", startAppleOAuth)}
-            activeOpacity={0.7}
-            disabled={loading !== null}
-          >
-            {loading === "apple" ? (
-              <ActivityIndicator size={20} color="#FFFFFF" />
-            ) : (
-              <>
-                <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>
-              </>
-            )}
-          </TouchableOpacity>
+          {Platform.OS === "ios" ? (
+            <TouchableOpacity
+              style={[
+                styles.button,
+                styles.appleButton,
+                loading === "apple" && styles.buttonLoading,
+              ]}
+              onPress={() => handleOAuth("apple", startAppleOAuth)}
+              activeOpacity={0.7}
+              disabled={loading !== null}
+            >
+              {loading === "apple" ? (
+                <ActivityIndicator size={20} color="#FFFFFF" />
+              ) : (
+                <>
+                  <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>
+                </>
+              )}
+            </TouchableOpacity>
+          ) : null}
         </View>
 
         <Text style={styles.terms}>

package/dist/templates/hooks/useFrameworkReady.js

@@ -12,8 +12,10 @@ declare global {
 
 export function useFrameworkReady() {
   useEffect(() => {
-    window.frameworkReady?.();
-  });
+    if (typeof window !== "undefined") {
+      window.frameworkReady?.();
+    }
+  }, []);
 }
 `;
 }

package/package.json

@@ -1,15 +1,19 @@
 {
   "name": "create-100x-mobile",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "Scaffold a full-stack mobile app with Expo + Convex + Clerk in seconds",
   "main": "dist/cli.js",
   "bin": {
     "create-100x-mobile": "./dist/cli.js"
   },
   "scripts": {
-    "build": "tsc",
+    "clean": "node -e \"require('fs').rmSync('dist',{ recursive: true, force: true })\"",
+    "build": "npm run clean && tsc",
     "dev": "tsc --watch",
-    "prepublishOnly": "npm run build"
+    "typecheck": "tsc --noEmit",
+    "test": "npm run build && node --test tests/**/*.test.cjs",
+    "check": "npm run typecheck && npm test && npm pack --dry-run",
+    "prepublishOnly": "npm run check"
   },
   "files": [
     "dist"

package/dist/commands/CLAUDE.md

@@ -1,7 +0,0 @@
-<claude-mem-context>
-# Recent Activity
-
-<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
-
-*No recent activity*
-</claude-mem-context>

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",
-  },
-});
-`;
-}

package/dist/templates/config/CLAUDE.md

@@ -1,7 +0,0 @@
-<claude-mem-context>
-# Recent Activity
-
-<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
-
-*No recent activity*
-</claude-mem-context>