create-100x-mobile 0.3.3 → 0.4.1

package/dist/commands/CLAUDE.md

@@ -0,0 +1,7 @@
+<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/commands/new.js

@@ -87,13 +87,59 @@ async function cmdNew(args) {
         }
         await (0, fs_1.removeDir)(projectDir);
     }
+    // ── Expo SDK version selection ───────────────────────────
+    let expoVersion = "latest";
+    const sdkSpinner = (0, prompts_1.spinner)();
+    sdkSpinner.start("Fetching available Expo SDK versions");
+    try {
+        const latestVersion = (await (0, run_1.runCapture)("npm", ["view", "expo", "version"])).trim();
+        const latestMajor = parseInt(latestVersion.split(".")[0], 10);
+        if (!isNaN(latestMajor)) {
+            const prevMajor = latestMajor - 1;
+            const prevJson = await (0, run_1.runCapture)("npm", [
+                "view",
+                `expo@^${prevMajor}.0.0`,
+                "version",
+                "--json",
+            ]);
+            const prevParsed = JSON.parse(prevJson);
+            const prevVersion = Array.isArray(prevParsed)
+                ? prevParsed[prevParsed.length - 1]
+                : prevParsed;
+            sdkSpinner.stop("Expo SDK versions fetched.");
+            const sdkChoice = await (0, prompts_1.select)({
+                message: "Which Expo SDK version?",
+                options: [
+                    {
+                        value: latestVersion,
+                        label: `SDK ${latestMajor} (latest)`,
+                        hint: `expo ~${latestVersion}`,
+                    },
+                    {
+                        value: prevVersion,
+                        label: `SDK ${prevMajor}`,
+                        hint: `expo ~${prevVersion}`,
+                    },
+                ],
+            });
+            if (!(0, prompts_1.isCancel)(sdkChoice)) {
+                expoVersion = `~${sdkChoice}`;
+            }
+        }
+        else {
+            sdkSpinner.stop("Could not parse Expo version.");
+        }
+    }
+    catch {
+        sdkSpinner.stop("Could not fetch Expo versions, using latest.");
+    }
     // ── Determine total steps ────────────────────────────────
     // Steps: 1=Project structure, 2=Dependencies, 3=Convex setup,
     //        4=Convex env (if clerkDomain), 5=Git init, 6=Health check
     // We'll calculate totalSteps after Clerk prompts, but we create the
     // counter now. We'll adjust totalSteps after Clerk prompts.
     let currentStep = 0;
-    let totalSteps = 5; // base: structure, deps, convex, git, health check
+    let totalSteps = 6; // base: structure, deps, expo deps, convex, git, health check
     // totalSteps += 1 if clerkDomain (convex env step) — adjusted after Clerk prompts
     const stepLabel = () => `(${currentStep}/${totalSteps})`;
     // ── Step: Create directories ─────────────────────────
@@ -115,7 +161,7 @@ async function cmdNew(args) {
     // ── Step 3: Write all template files ───────────────────
     const files = [
         // Config
-        ["package.json", (0, packageJson_1.packageJsonTemplate)(projectName)],
+        ["package.json", (0, packageJson_1.packageJsonTemplate)(projectName, expoVersion)],
         ["app.json", (0, appJson_1.appJsonTemplate)(projectName)],
         ["tsconfig.json", (0, tsconfig_1.tsconfigTemplate)()],
         [".gitignore", (0, gitignore_1.gitignoreTemplate)()],
@@ -168,6 +214,40 @@ async function cmdNew(args) {
         }
     }
     prompts_1.log.success("Dependencies installed.");
+    // ── Step: Resolve Expo dependencies ────────────────────
+    currentStep++;
+    prompts_1.log.step(`Installing Expo dependencies ${stepLabel()}`);
+    const expoPackages = [
+        "expo-router",
+        "@expo/vector-icons",
+        "expo-auth-session",
+        "expo-blur",
+        "expo-constants",
+        "expo-font",
+        "expo-haptics",
+        "expo-linking",
+        "expo-secure-store",
+        "expo-splash-screen",
+        "expo-status-bar",
+        "expo-system-ui",
+        "expo-web-browser",
+        "react-native-gesture-handler",
+        "react-native-reanimated",
+        "react-native-safe-area-context",
+        "react-native-screens",
+        "react-native-svg",
+        "react-native-web",
+    ];
+    try {
+        await (0, run_1.run)("npx", ["expo", "install", ...expoPackages], {
+            cwd: projectDir,
+        });
+        prompts_1.log.success("Expo dependencies resolved.");
+    }
+    catch {
+        prompts_1.log.warn("Could not resolve Expo deps automatically.");
+        prompts_1.log.info(picocolors_1.default.dim("  Run manually: npx expo install --fix"));
+    }
     // ── Step 5: Prompt for Clerk keys ──────────────────────
     // Moved BEFORE Convex init so we only need a single `convex dev --once` run.
     prompts_1.log.info("");
@@ -225,7 +305,7 @@ async function cmdNew(args) {
     }
     // Adjust total steps if Clerk domain is configured
     if (clerkDomain) {
-        totalSteps = 6; // adds convex env step
+        totalSteps = 7; // adds convex env step
     }
     // ── Write Clerk env vars to .env.local ─────────
     const envLocalPath = (0, node_path_1.join)(projectDir, ".env.local");

package/dist/templates/config/CLAUDE.md

@@ -0,0 +1,7 @@
+<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/config/packageJson.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.packageJsonTemplate = packageJsonTemplate;
-function packageJsonTemplate(appName) {
+function packageJsonTemplate(appName, expoVersion = "latest") {
     const pkg = {
         name: appName,
         main: "expo-router/entry",
@@ -15,33 +15,11 @@ function packageJsonTemplate(appName) {
         },
         dependencies: {
             "@clerk/clerk-expo": "^2.14.24",
-            "@expo/vector-icons": "^15.0.3",
             "@react-navigation/bottom-tabs": "^7.3.10",
             "@react-navigation/native": "^7.1.6",
             convex: "^1.26.1",
-            expo: "~54.0.31",
-            "expo-auth-session": "~7.0.10",
-            "expo-blur": "~15.0.8",
-            "expo-constants": "~18.0.13",
-            "expo-font": "~14.0.10",
-            "expo-haptics": "~15.0.8",
-            "expo-linking": "~8.0.11",
-            "expo-router": "~6.0.21",
-            "expo-secure-store": "~15.0.8",
-            "expo-splash-screen": "~31.0.13",
-            "expo-status-bar": "~3.0.9",
-            "expo-system-ui": "~6.0.9",
-            "expo-web-browser": "~15.0.10",
+            expo: expoVersion,
             "lucide-react-native": "^0.542.0",
-            react: "19.1.0",
-            "react-dom": "19.1.0",
-            "react-native": "0.81.5",
-            "react-native-gesture-handler": "~2.28.0",
-            "react-native-reanimated": "~3.16.1",
-            "react-native-safe-area-context": "~5.6.0",
-            "react-native-screens": "~4.16.0",
-            "react-native-svg": "15.12.1",
-            "react-native-web": "^0.21.0",
         },
         devDependencies: {
             "@babel/core": "^7.25.2",

package/package.json

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