create-100x-mobile 0.1.0

package/dist/cli.js

@@ -0,0 +1,43 @@
+#!/usr/bin/env node
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const prompts_1 = require("@clack/prompts");
+const new_1 = require("./commands/new");
+function printUsage() {
+    console.log(`create-100x-mobile
+
+Usage:
+  bunx create-100x-mobile [name]
+  bun create 100x-mobile [name]
+  npx create-100x-mobile [name]
+
+Scaffolds a full-stack mobile app with Expo + Convex + Clerk.
+`);
+}
+async function main() {
+    const args = process.argv.slice(2);
+    const command = args[0];
+    if (command === "-h" || command === "--help" || command === "help") {
+        printUsage();
+        return;
+    }
+    if (command === "-v" || command === "--version" || command === "version") {
+        const pkg = require("../package.json");
+        console.log(pkg.version ?? "0.0.0");
+        return;
+    }
+    // Default action: scaffold a new app
+    // If first arg looks like a flag, show help; otherwise treat as app name
+    if (command && command.startsWith("-")) {
+        prompts_1.log.error(`Unknown flag: ${command}`);
+        printUsage();
+        process.exitCode = 1;
+        return;
+    }
+    await (0, new_1.cmdNew)(args);
+}
+main().catch((err) => {
+    const message = err instanceof Error ? err.message : String(err);
+    prompts_1.log.error(message);
+    process.exitCode = 1;
+});

package/dist/commands/new.js

@@ -0,0 +1,260 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cmdNew = cmdNew;
+const node_path_1 = require("node:path");
+const prompts_1 = require("@clack/prompts");
+const picocolors_1 = __importDefault(require("picocolors"));
+const fs_1 = require("../lib/fs");
+const projectName_1 = require("../lib/projectName");
+const run_1 = require("../lib/run");
+const dotenv_1 = require("../lib/dotenv");
+const fs_2 = require("../lib/fs");
+// Config templates
+const packageJson_1 = require("../templates/config/packageJson");
+const appJson_1 = require("../templates/config/appJson");
+const tsconfig_1 = require("../templates/config/tsconfig");
+const gitignore_1 = require("../templates/config/gitignore");
+const envExample_1 = require("../templates/config/envExample");
+// Convex templates
+const schema_1 = require("../templates/convex/schema");
+const todos_1 = require("../templates/convex/todos");
+const users_1 = require("../templates/convex/users");
+const authConfig_1 = require("../templates/convex/authConfig");
+// App templates
+const rootLayout_1 = require("../templates/app/rootLayout");
+const notFound_1 = require("../templates/app/notFound");
+const authProvider_1 = require("../templates/app/authProvider");
+const authLayout_1 = require("../templates/app/authLayout");
+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");
+const settingsScreen_1 = require("../templates/app/settingsScreen");
+// Component templates
+const addTodoForm_1 = require("../templates/components/addTodoForm");
+const todoItem_1 = require("../templates/components/todoItem");
+const filterTabs_1 = require("../templates/components/filterTabs");
+const emptyState_1 = require("../templates/components/emptyState");
+// Hook templates
+const useFrameworkReady_1 = require("../templates/hooks/useFrameworkReady");
+async function cmdNew(args) {
+    (0, prompts_1.intro)(picocolors_1.default.bold(picocolors_1.default.cyan("create-100x-mobile")));
+    // Step 1: Parse & validate project name
+    let projectName = args[0];
+    if (!projectName) {
+        const nameInput = await (0, prompts_1.text)({
+            message: "What is your project name?",
+            placeholder: "my-app",
+            defaultValue: "my-app",
+        });
+        if ((0, prompts_1.isCancel)(nameInput) || !nameInput) {
+            (0, prompts_1.cancel)("Operation cancelled.");
+            return;
+        }
+        projectName = nameInput;
+    }
+    const sanitizedName = (0, projectName_1.sanitizeProjectName)(projectName);
+    if (sanitizedName !== projectName) {
+        prompts_1.log.warn(`Project name sanitized: "${projectName}" → "${sanitizedName}"`);
+        projectName = sanitizedName;
+    }
+    if (!projectName) {
+        prompts_1.log.error("Invalid project name.");
+        process.exitCode = 1;
+        return;
+    }
+    const projectDir = (0, node_path_1.resolve)(process.cwd(), projectName);
+    // Check if directory exists
+    if (await (0, fs_1.pathExists)(projectDir)) {
+        prompts_1.log.warn(`Directory "${projectName}" already exists.`);
+        const choice = await (0, prompts_1.select)({
+            message: "What would you like to do?",
+            options: [
+                { value: "overwrite", label: "Overwrite the existing directory" },
+                { value: "cancel", label: "Cancel" },
+            ],
+            initialValue: "cancel",
+        });
+        if ((0, prompts_1.isCancel)(choice) || choice === "cancel") {
+            (0, prompts_1.cancel)("Operation cancelled.");
+            return;
+        }
+        await (0, fs_1.removeDir)(projectDir);
+    }
+    // Step 2: Create directories
+    const s = (0, prompts_1.spinner)();
+    s.start("Creating project structure");
+    const dirs = [
+        "app/(auth)",
+        "app/(tabs)",
+        "app/providers",
+        "components",
+        "convex",
+        "hooks",
+        "assets/images",
+    ];
+    for (const dir of dirs) {
+        await (0, fs_1.ensureDir)((0, node_path_1.join)(projectDir, dir));
+    }
+    // Step 3: Write all template files
+    const files = [
+        // Config
+        ["package.json", (0, packageJson_1.packageJsonTemplate)(projectName)],
+        ["app.json", (0, appJson_1.appJsonTemplate)(projectName)],
+        ["tsconfig.json", (0, tsconfig_1.tsconfigTemplate)()],
+        [".gitignore", (0, gitignore_1.gitignoreTemplate)()],
+        [".env.example", (0, envExample_1.envExampleTemplate)()],
+        ["expo-env.d.ts", (0, tsconfig_1.expoEnvDtsTemplate)()],
+        // Convex
+        ["convex/schema.ts", (0, schema_1.schemaTemplate)()],
+        ["convex/todos.ts", (0, todos_1.todosTemplate)()],
+        ["convex/users.ts", (0, users_1.usersTemplate)()],
+        ["convex/auth.config.ts", (0, authConfig_1.authConfigTemplate)()],
+        ["convex/tsconfig.json", (0, authConfig_1.convexTsconfigTemplate)()],
+        ["convex/http.ts", (0, authConfig_1.httpTemplate)()],
+        // App
+        ["app/_layout.tsx", (0, rootLayout_1.rootLayoutTemplate)()],
+        ["app/+not-found.tsx", (0, notFound_1.notFoundTemplate)()],
+        ["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)()],
+        // Components
+        ["components/AddTodoForm.tsx", (0, addTodoForm_1.addTodoFormTemplate)()],
+        ["components/TodoItem.tsx", (0, todoItem_1.todoItemTemplate)()],
+        ["components/FilterTabs.tsx", (0, filterTabs_1.filterTabsTemplate)()],
+        ["components/EmptyState.tsx", (0, emptyState_1.emptyStateTemplate)()],
+        // Hooks
+        ["hooks/useFrameworkReady.ts", (0, useFrameworkReady_1.useFrameworkReadyTemplate)()],
+    ];
+    for (const [filePath, content] of files) {
+        await (0, fs_1.writeTextFile)((0, node_path_1.join)(projectDir, filePath), content);
+    }
+    s.stop("Project files created.");
+    // Step 4: Install dependencies
+    s.start("Installing dependencies");
+    try {
+        await (0, run_1.run)("bun", ["install"], { cwd: projectDir });
+    }
+    catch {
+        prompts_1.log.warn("bun install failed, trying npm install...");
+        try {
+            await (0, run_1.run)("npm", ["install"], { cwd: projectDir });
+        }
+        catch {
+            prompts_1.log.error("Failed to install dependencies. Run `bun install` or `npm install` manually.");
+        }
+    }
+    s.stop("Dependencies installed.");
+    // Step 5: Initialize Convex
+    s.start("Setting up Convex");
+    try {
+        await (0, run_1.run)("bunx", ["convex", "dev", "--once"], { cwd: projectDir });
+        s.stop("Convex initialized.");
+    }
+    catch {
+        s.stop("Convex setup needs manual configuration.");
+        prompts_1.log.warn("Convex initialization failed. Run `bunx convex dev --once` in your project directory.");
+    }
+    // Step 6: Prompt for Clerk keys
+    prompts_1.log.info("");
+    prompts_1.log.info(picocolors_1.default.bold("Clerk Authentication Setup"));
+    prompts_1.log.info(picocolors_1.default.dim("Get your keys from https://dashboard.clerk.com → Your App → API Keys"));
+    prompts_1.log.info(picocolors_1.default.dim("Press Enter to skip and configure later."));
+    const clerkKey = await (0, prompts_1.text)({
+        message: "Clerk Publishable Key",
+        placeholder: "pk_test_...",
+        defaultValue: "",
+    });
+    const clerkKeyValue = (0, prompts_1.isCancel)(clerkKey) || !clerkKey ? "" : clerkKey.trim();
+    let clerkDomain = "";
+    if (clerkKeyValue) {
+        const domainInput = await (0, prompts_1.text)({
+            message: "Clerk JWT Issuer Domain",
+            placeholder: "https://your-app.clerk.accounts.dev",
+            defaultValue: "",
+        });
+        clerkDomain =
+            (0, prompts_1.isCancel)(domainInput) || !domainInput ? "" : domainInput.trim();
+    }
+    // Step 7: Write env vars
+    const envLocalPath = (0, node_path_1.join)(projectDir, ".env.local");
+    let envContents = "";
+    // Read existing .env.local (Convex may have written EXPO_PUBLIC_CONVEX_URL)
+    try {
+        envContents = await (0, fs_2.readTextFile)(envLocalPath);
+    }
+    catch {
+        envContents = "";
+    }
+    if (clerkKeyValue) {
+        envContents = (0, dotenv_1.upsertDotenvVar)(envContents, "EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY", clerkKeyValue);
+    }
+    if (clerkDomain) {
+        envContents = (0, dotenv_1.upsertDotenvVar)(envContents, "CLERK_JWT_ISSUER_DOMAIN", clerkDomain);
+    }
+    if (envContents) {
+        await (0, fs_1.writeTextFile)(envLocalPath, envContents);
+    }
+    // Step 8: Set Convex env var for Clerk
+    if (clerkDomain) {
+        s.start("Setting Convex environment variable");
+        try {
+            await (0, run_1.run)("bunx", ["convex", "env", "set", "CLERK_JWT_ISSUER_DOMAIN", clerkDomain], { cwd: projectDir });
+            s.stop("Convex environment variable set.");
+        }
+        catch {
+            s.stop("Could not set Convex env var.");
+            prompts_1.log.warn(`Run manually: bunx convex env set CLERK_JWT_ISSUER_DOMAIN ${clerkDomain}`);
+        }
+    }
+    // Step 9: Push Convex functions (if Clerk was configured)
+    if (clerkKeyValue && clerkDomain) {
+        s.start("Deploying Convex functions");
+        try {
+            await (0, run_1.run)("bunx", ["convex", "dev", "--once"], { cwd: projectDir });
+            s.stop("Convex functions deployed.");
+        }
+        catch {
+            s.stop("Convex deployment needs retry.");
+            prompts_1.log.warn("Run `bunx convex dev --once` in your project directory.");
+        }
+    }
+    // Step 10: Success message
+    prompts_1.log.info("");
+    if (clerkKeyValue && clerkDomain) {
+        prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green("Your app is ready!")));
+        prompts_1.log.info("");
+        prompts_1.log.info("  Next steps:");
+        prompts_1.log.info(`  ${picocolors_1.default.cyan("cd")} ${projectName}`);
+        prompts_1.log.info(`  ${picocolors_1.default.cyan("bunx expo start")}`);
+        prompts_1.log.info("");
+        prompts_1.log.info(picocolors_1.default.dim('Important: In your Clerk dashboard, create a JWT template named "convex"'));
+        prompts_1.log.info(picocolors_1.default.dim("with issuer set to your Convex deployment URL."));
+    }
+    else {
+        prompts_1.log.success(picocolors_1.default.bold(picocolors_1.default.green("Project scaffolded!")));
+        prompts_1.log.info("");
+        prompts_1.log.info("  To finish setup:");
+        prompts_1.log.info("");
+        prompts_1.log.info(`  1. Get your Clerk keys from ${picocolors_1.default.cyan("https://dashboard.clerk.com")}`);
+        prompts_1.log.info(`  2. Add them to ${picocolors_1.default.cyan(".env.local")}:`);
+        prompts_1.log.info(`     ${picocolors_1.default.dim("EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...")}`);
+        prompts_1.log.info(`     ${picocolors_1.default.dim("CLERK_JWT_ISSUER_DOMAIN=https://your-app.clerk.accounts.dev")}`);
+        prompts_1.log.info(`  3. Set the Convex env var:`);
+        prompts_1.log.info(`     ${picocolors_1.default.dim("bunx convex env set CLERK_JWT_ISSUER_DOMAIN <domain>")}`);
+        prompts_1.log.info(`  4. Create a JWT template named ${picocolors_1.default.bold('"convex"')} in Clerk dashboard`);
+        prompts_1.log.info(`  5. Deploy Convex: ${picocolors_1.default.dim("bunx convex dev --once")}`);
+        prompts_1.log.info("");
+        prompts_1.log.info("  Then start your app:");
+        prompts_1.log.info(`  ${picocolors_1.default.cyan("cd")} ${projectName}`);
+        prompts_1.log.info(`  ${picocolors_1.default.cyan("bunx expo start")}`);
+    }
+    (0, prompts_1.outro)(picocolors_1.default.dim("Happy building!"));
+}

package/dist/lib/dotenv.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseDotenv = parseDotenv;
+exports.upsertDotenvVar = upsertDotenvVar;
+const LINE_SPLIT_REGEX = /\r?\n/;
+const TRAILING_NEWLINES_REGEX = /\n+$/;
+function parseDotenv(contents) {
+    const out = {};
+    for (const line of contents.split(LINE_SPLIT_REGEX)) {
+        const trimmed = line.trim();
+        if (!trimmed || trimmed.startsWith("#")) {
+            continue;
+        }
+        const idx = trimmed.indexOf("=");
+        if (idx === -1) {
+            continue;
+        }
+        const key = trimmed.slice(0, idx).trim();
+        let value = trimmed.slice(idx + 1).trim();
+        if ((value.startsWith('"') && value.endsWith('"')) ||
+            (value.startsWith("'") && value.endsWith("'"))) {
+            value = value.slice(1, -1);
+        }
+        if (key) {
+            out[key] = value;
+        }
+    }
+    return out;
+}
+function upsertDotenvVar(contents, key, value) {
+    const lines = contents ? contents.split(LINE_SPLIT_REGEX) : [];
+    const newLine = `${key}=${value}`;
+    let found = false;
+    for (let i = 0; i < lines.length; i++) {
+        if (lines[i].startsWith(`${key}=`)) {
+            lines[i] = newLine;
+            found = true;
+            break;
+        }
+    }
+    if (!found) {
+        if (lines.length && lines.at(-1) !== "") {
+            lines.push("");
+        }
+        lines.push(newLine);
+    }
+    return lines.join("\n").replace(TRAILING_NEWLINES_REGEX, "\n");
+}

package/dist/lib/fs.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pathExists = pathExists;
+exports.ensureDir = ensureDir;
+exports.removeDir = removeDir;
+exports.readTextFile = readTextFile;
+exports.writeTextFile = writeTextFile;
+exports.writeTextFileIfChanged = writeTextFileIfChanged;
+const promises_1 = require("node:fs/promises");
+const node_path_1 = require("node:path");
+async function pathExists(p) {
+    try {
+        await (0, promises_1.stat)(p);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+async function ensureDir(dirPath) {
+    await (0, promises_1.mkdir)(dirPath, { recursive: true });
+}
+async function removeDir(dirPath) {
+    await (0, promises_1.rm)(dirPath, { recursive: true, force: true });
+}
+async function readTextFile(filePath) {
+    return await (0, promises_1.readFile)(filePath, "utf8");
+}
+async function writeTextFile(filePath, contents) {
+    await ensureDir((0, node_path_1.dirname)(filePath));
+    await (0, promises_1.writeFile)(filePath, contents);
+}
+async function writeTextFileIfChanged(filePath, contents) {
+    const exists = await pathExists(filePath);
+    if (exists) {
+        const current = await readTextFile(filePath);
+        if (current === contents) {
+            return;
+        }
+    }
+    await writeTextFile(filePath, contents);
+}

package/dist/lib/projectName.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sanitizeProjectName = sanitizeProjectName;
+function sanitizeProjectName(name) {
+    return name
+        .replace(/[^a-z0-9-]/gi, "-")
+        .replace(/-+/g, "-")
+        .replace(/^-|-$/g, "")
+        .toLowerCase();
+}

package/dist/lib/run.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.run = run;
+const node_child_process_1 = require("node:child_process");
+async function run(cmd, args, options = {}) {
+    await new Promise((resolve, reject) => {
+        const child = (0, node_child_process_1.spawn)(cmd, args, {
+            cwd: options.cwd,
+            env: options.env ?? process.env,
+            stdio: "inherit",
+            shell: process.platform === "win32",
+        });
+        child.on("error", reject);
+        child.on("exit", (code, signal) => {
+            if (code === 0) {
+                return resolve();
+            }
+            reject(new Error(`${cmd} ${args.join(" ")} exited with code ${code ?? "null"} signal ${signal ?? "null"}`));
+        });
+    });
+}

package/dist/templates/app/authLayout.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authLayoutTemplate = authLayoutTemplate;
+function authLayoutTemplate() {
+    return `import { Stack } from "expo-router";
+
+export default function AuthLayout() {
+  return (
+    <Stack>
+      <Stack.Screen
+        name="sign-in"
+        options={{
+          title: "Sign In",
+          headerBackTitle: "Back",
+        }}
+      />
+      <Stack.Screen
+        name="sign-up"
+        options={{
+          title: "Sign Up",
+          headerBackTitle: "Back",
+        }}
+      />
+    </Stack>
+  );
+}
+`;
+}

package/dist/templates/app/authProvider.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authProviderTemplate = authProviderTemplate;
+function authProviderTemplate() {
+    return `import React from "react";
+import { ClerkProvider, ClerkLoaded, useAuth } from "@clerk/clerk-expo";
+import { ConvexReactClient } from "convex/react";
+import { ConvexProviderWithClerk } from "convex/react-clerk";
+import * as SecureStore from "expo-secure-store";
+import { View, Text, StyleSheet } from "react-native";
+
+const convexUrl = process.env.EXPO_PUBLIC_CONVEX_URL;
+const isConvexConfigured = convexUrl && convexUrl.startsWith("https://");
+
+const convex = isConvexConfigured ? new ConvexReactClient(convexUrl) : null;
+
+const tokenCache = {
+  async getToken(key: string) {
+    try {
+      return await SecureStore.getItemAsync(key);
+    } catch (error) {
+      console.error("SecureStore getToken error:", error);
+      return null;
+    }
+  },
+  async saveToken(key: string, value: string) {
+    try {
+      await SecureStore.setItemAsync(key, value);
+    } catch (error) {
+      console.error("SecureStore saveToken error:", error);
+    }
+  },
+  async deleteToken(key: string) {
+    try {
+      await SecureStore.deleteItemAsync(key);
+    } catch (error) {
+      console.error("SecureStore deleteToken error:", error);
+    }
+  },
+};
+
+function ConvexProviderWithAuth({ children }: { children: React.ReactNode }) {
+  if (!convex) {
+    return (
+      <View style={styles.setupContainer}>
+        <View style={styles.setupCard}>
+          <Text style={styles.setupTitle}>Setup Required</Text>
+          <Text style={styles.setupText}>
+            Configure Convex and Clerk to use this app.
+          </Text>
+          <Text style={styles.setupStep}>
+            1. Set up your Convex project{"\\n"}
+            2. Set up your Clerk application{"\\n"}
+            3. Add environment variables to .env.local
+          </Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <ConvexProviderWithClerk client={convex} useAuth={useAuth}>
+      {children}
+    </ConvexProviderWithClerk>
+  );
+}
+
+export function AuthProvider({ children }: { children: React.ReactNode }) {
+  const publishableKey = process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY;
+
+  if (!publishableKey) {
+    return (
+      <View style={styles.setupContainer}>
+        <View style={styles.setupCard}>
+          <Text style={styles.setupTitle}>Setup Required</Text>
+          <Text style={styles.setupText}>
+            Configure Convex and Clerk to use this app.
+          </Text>
+          <Text style={styles.setupStep}>
+            1. Set up your Convex project{"\\n"}
+            2. Set up your Clerk application{"\\n"}
+            3. Add environment variables to .env.local
+          </Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
+      <ClerkLoaded>
+        <ConvexProviderWithAuth>{children}</ConvexProviderWithAuth>
+      </ClerkLoaded>
+    </ClerkProvider>
+  );
+}
+
+export default AuthProvider;
+
+const styles = StyleSheet.create({
+  setupContainer: {
+    flex: 1,
+    backgroundColor: "#f5f5f5",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20,
+  },
+  setupCard: {
+    backgroundColor: "#fff",
+    borderRadius: 12,
+    padding: 24,
+    maxWidth: 400,
+    width: "100%",
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 3,
+  },
+  setupTitle: {
+    fontSize: 24,
+    fontWeight: "bold",
+    color: "#333",
+    marginBottom: 16,
+    textAlign: "center",
+  },
+  setupText: {
+    fontSize: 16,
+    color: "#666",
+    marginBottom: 12,
+    lineHeight: 22,
+    textAlign: "center",
+  },
+  setupStep: {
+    fontSize: 14,
+    color: "#888",
+    marginTop: 16,
+    padding: 16,
+    backgroundColor: "#f8f9fa",
+    borderRadius: 8,
+    lineHeight: 20,
+  },
+});
+`;
+}

package/dist/templates/app/notFound.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notFoundTemplate = notFoundTemplate;
+function notFoundTemplate() {
+    return `import { Link, Stack } from "expo-router";
+import { StyleSheet, Text, View } from "react-native";
+
+export default function NotFoundScreen() {
+  return (
+    <>
+      <Stack.Screen options={{ title: "Oops!" }} />
+      <View style={styles.container}>
+        <Text style={styles.text}>This screen doesn't exist.</Text>
+        <Link href="/" style={styles.link}>
+          <Text>Go to home screen!</Text>
+        </Link>
+      </View>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 20,
+  },
+  text: {
+    fontSize: 20,
+    fontWeight: "600",
+  },
+  link: {
+    marginTop: 15,
+    paddingVertical: 15,
+  },
+});
+`;
+}

package/dist/templates/app/rootLayout.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rootLayoutTemplate = rootLayoutTemplate;
+function rootLayoutTemplate() {
+    return `import { Stack } from "expo-router";
+import { StatusBar } from "expo-status-bar";
+import { useFrameworkReady } from "@/hooks/useFrameworkReady";
+import { AuthProvider } from "./providers/AuthProvider";
+
+export default function RootLayout() {
+  useFrameworkReady();
+
+  return (
+    <AuthProvider>
+      <Stack screenOptions={{ headerShown: false }}>
+        <Stack.Screen name="+not-found" />
+      </Stack>
+      <StatusBar style="auto" />
+    </AuthProvider>
+  );
+}
+`;
+}