@ramonclaudio/create-vexpo 0.1.0

package/dist/templates/default/app/_layout.tsx

@@ -0,0 +1,102 @@
+import { ConvexReactClient } from "convex/react";
+import { Stack, ThemeProvider as NavigationThemeProvider } from "expo-router";
+import * as SplashScreen from "expo-splash-screen";
+import { StatusBar } from "expo-status-bar";
+import { Suspense, useEffect } from "react";
+import { View } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
+import { KeyboardProvider } from "react-native-keyboard-controller";
+import "react-native-reanimated";
+
+import { registerDevMenuItems } from "@/lib/dev-menu";
+import { authClient } from "@/lib/auth-client";
+import { BetterAuthConvexProvider } from "@/lib/convex-auth";
+import { assetModules } from "@/lib/assets";
+import { useAssets } from "expo-asset";
+import { env } from "@/lib/env";
+import { useColorScheme, useColors } from "@/hooks/use-theme";
+import { useReducedMotion } from "@/hooks/use-reduced-motion";
+import { useNotifications } from "@/hooks/use-notifications";
+import { useNavigationTracking } from "@/hooks/use-navigation-tracking";
+import { useDeepLinkHandler } from "@/hooks/use-deep-link";
+import { OfflineBanner } from "@/components/ui/offline-banner";
+import { UpdateBanner } from "@/components/ui/update-banner";
+import { LoadingScreen } from "@/components/ui/loading-screen";
+import { Duration } from "@/constants/ui";
+import { NavigationDark, NavigationLight } from "@/constants/theme";
+import { setForegroundHandler, registerBackgroundTask } from "@/lib/notifications";
+
+const convex = new ConvexReactClient(env.convexUrl, {
+  expectAuth: true,
+  unsavedChangesWarning: false,
+});
+
+export { AppErrorBoundary as ErrorBoundary } from "@/components/ui/error-boundary";
+
+if (__DEV__) registerDevMenuItems();
+
+SplashScreen.preventAutoHideAsync();
+SplashScreen.setOptions({ duration: Duration.splash, fade: true });
+setForegroundHandler();
+registerBackgroundTask();
+
+export default function RootLayout() {
+  return (
+    <BetterAuthConvexProvider client={convex}>
+      <Suspense fallback={<LoadingScreen />}>
+        <RootNavigator />
+      </Suspense>
+    </BetterAuthConvexProvider>
+  );
+}
+
+function RootNavigator() {
+  // Routing reads Better Auth directly. Convex queries authenticate through
+  // `BetterAuthConvexProvider` (see `lib/convex-auth.tsx` for the why).
+  const { data: session, isPending } = authClient.useSession();
+  const isAuthenticated = !!session?.session;
+  const isLoading = isPending;
+  const colorScheme = useColorScheme();
+  const colors = useColors();
+  const reduceMotion = useReducedMotion();
+  const [assets] = useAssets(assetModules);
+
+  useNotifications();
+  useNavigationTracking();
+  useDeepLinkHandler();
+
+  useEffect(() => {
+    if (!isLoading && assets) {
+      SplashScreen.hideAsync();
+    }
+  }, [isLoading, assets]);
+
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <KeyboardProvider>
+        <NavigationThemeProvider value={colorScheme === "dark" ? NavigationDark : NavigationLight}>
+          <View style={{ flex: 1, backgroundColor: colors.background as string }}>
+            <Stack
+              screenOptions={{
+                headerShown: false,
+                animation: reduceMotion ? "fade" : "default",
+                animationDuration: reduceMotion ? 150 : undefined,
+              }}
+            >
+              <Stack.Protected guard={!isAuthenticated}>
+                <Stack.Screen name="(auth)" />
+              </Stack.Protected>
+              <Stack.Protected guard={isAuthenticated}>
+                <Stack.Screen name="(app)" />
+              </Stack.Protected>
+              <Stack.Screen name="+not-found" />
+            </Stack>
+            <StatusBar style="auto" />
+            <OfflineBanner />
+            <UpdateBanner />
+          </View>
+        </NavigationThemeProvider>
+      </KeyboardProvider>
+    </GestureHandlerRootView>
+  );
+}

package/dist/templates/default/app-store/screenshots/README.md

@@ -0,0 +1,13 @@
+Drop iPhone screenshots here.
+
+Required sizes (PNG, portrait):
+
+- 6.7" (iPhone 14/15 Pro Max): 1290 x 2796 px
+- 6.9" (iPhone 16 Pro Max): 1320 x 2868 px
+
+File naming:
+
+- 6.7": `6.7-01.png`, `6.7-02.png`, ..., up to `6.7-10.png`
+- 6.9": `6.9-01.png`, `6.9-02.png`, ..., up to `6.9-10.png`
+
+Apple rejects submissions missing required sizes.

package/dist/templates/default/app.config.ts

@@ -0,0 +1,201 @@
+import type { ConfigContext, ExpoConfig } from "expo/config";
+
+import pkg from "./package.json";
+
+const IS_DEV = process.env.APP_VARIANT === "development";
+
+// Identity comes from .env.local (written by `bun run setup:convex`). Fallbacks
+// keep `expo prebuild` from crashing on a fresh checkout, but a real build
+// requires real values.
+const BUNDLE_ID = process.env.EXPO_PUBLIC_APP_BUNDLE_ID ?? `com.example.${pkg.name}`;
+const APPLE_TEAM_ID = process.env.EXPO_PUBLIC_APPLE_TEAM_ID ?? "ABCDE12345";
+const EXPO_OWNER = process.env.EXPO_PUBLIC_EXPO_OWNER ?? undefined;
+
+// Support contact surface. Populated by `vexpo rebrand` from `store.config.json`
+// once the user creates one (needed only for App Store submission). On a fresh
+// checkout these are empty and `app/(app)/help.tsx` hides the corresponding
+// buttons gracefully.
+type StoreConfig = {
+  apple: {
+    copyright?: string;
+    info?: { "en-US"?: { marketingUrl?: string; supportUrl?: string } };
+    review?: { email?: string };
+  };
+};
+const storeConfig: StoreConfig | undefined = (() => {
+  try {
+    return require("./store.config.json") as StoreConfig;
+  } catch {
+    return undefined;
+  }
+})();
+const cleanPlaceholder = (value: string | undefined): string =>
+  !value || /YOUR_|example\.com|REPLACE_/.test(value) ? "" : value;
+const SUPPORT = {
+  githubUrl: cleanPlaceholder(storeConfig?.apple.info?.["en-US"]?.marketingUrl),
+  issuesUrl: cleanPlaceholder(storeConfig?.apple.info?.["en-US"]?.supportUrl),
+  email: cleanPlaceholder(storeConfig?.apple.review?.email),
+};
+
+export default ({ config }: ConfigContext): ExpoConfig => {
+  // `eas init` writes `extra.eas.projectId` into app.json. The static config
+  // is merged into our return value via `...config`, so reading from
+  // `config.extra?.eas?.projectId` here picks up the EAS project id without
+  // hand-editing this file every time `eas init` runs.
+  const projectId = (config.extra as { eas?: { projectId?: string } } | undefined)?.eas?.projectId;
+
+  return {
+    ...config,
+    name: IS_DEV ? "Vexpo (Dev)" : "Vexpo",
+    slug: "vexpo",
+    description: "",
+    version: pkg.version,
+    orientation: "portrait",
+    userInterfaceStyle: "automatic",
+    // Aligned with the shadcn neutral palette: light bg = #FFFFFF
+    // (oklch(1 0 0)), dark bg = #0A0A0A (oklch(0.145 0 0)). Deck color
+    // matches dark mode so cold-launches in the dark theme don't flash.
+    backgroundColor: "#0A0A0A",
+    primaryColor: "#171717",
+    platforms: ["ios"],
+    scheme: "vexpo",
+    icon: "./assets/icon.png",
+    ...(EXPO_OWNER ? { owner: EXPO_OWNER } : {}),
+    runtimeVersion: { policy: "fingerprint" },
+    developmentClient: {
+      silentLaunch: true,
+    },
+    updates: {
+      enabled: !!projectId,
+      checkAutomatically: "ON_LOAD",
+      fallbackToCacheTimeout: 0,
+      enableBsdiffPatchSupport: true,
+      ...(projectId ? { url: `https://u.expo.dev/${projectId}` } : {}),
+      // `expo-channel-name` request header is required for runtime channel
+      // surfing via `Updates.setUpdateRequestHeadersOverride`. Baseline
+      // value is overwritten per-build by EAS Build (it reads the channel
+      // from the eas.json build profile). Without this baseline declared
+      // here, override calls reject with "unknown header".
+      requestHeaders: { "expo-channel-name": "production" },
+      // Only ship icon + splash with each OTA. Fonts, sounds, and other
+      // build-baked assets stay in the .ipa and never download. Shrinks
+      // bundle by ~95% on diff-able updates.
+      assetPatternsToBeBundled: ["assets/icon.png", "assets/splash-image-*.png"],
+      // Production/Enterprise plan opt-in. Sign updates with a private key
+      // checked against the bundled certificate so a compromised CDN can't
+      // ship arbitrary JS. Generate keypair + cert via:
+      //   bunx expo-updates codesigning:generate \
+      //     --certificate-output-directory certs \
+      //     --key-output-directory ../keys \
+      //     --certificate-validity-duration-years 10 \
+      //     --certificate-common-name "Your Organization Name"
+      // Store `../keys/private-key.pem` as an EAS env file-type secret
+      // (`EAS_UPDATE_PRIVATE_KEY`) and reference it from
+      // `.eas/workflows/deploy-production.yml`'s update job via
+      // `params.private_key_path: "$EAS_UPDATE_PRIVATE_KEY"`. Then
+      // uncomment the block below.
+      // codeSigningCertificate: "./certs/certificate.pem",
+      // codeSigningMetadata: { keyid: "main", alg: "rsa-v1_5-sha256" },
+    },
+    ios: {
+      supportsTablet: false,
+      bundleIdentifier: BUNDLE_ID,
+      appleTeamId: APPLE_TEAM_ID,
+      userInterfaceStyle: "automatic",
+      backgroundColor: "#0A0A0A",
+      usesAppleSignIn: true,
+      infoPlist: {
+        ITSAppUsesNonExemptEncryption: false,
+        LSApplicationQueriesSchemes: ["mailto", "tel", "sms", "itms-apps"],
+      },
+      associatedDomains: [
+        `applinks:${process.env.EXPO_PUBLIC_CONVEX_SITE_URL?.replace(/^https?:\/\//, "") ?? "example.convex.site"}`,
+      ],
+      privacyManifests: {
+        NSPrivacyTracking: false,
+        NSPrivacyCollectedDataTypes: [],
+        NSPrivacyAccessedAPITypes: [
+          {
+            NSPrivacyAccessedAPIType: "NSPrivacyAccessedAPICategoryUserDefaults",
+            NSPrivacyAccessedAPITypeReasons: ["CA92.1"],
+          },
+          {
+            NSPrivacyAccessedAPIType: "NSPrivacyAccessedAPICategoryFileTimestamp",
+            NSPrivacyAccessedAPITypeReasons: ["C617.1"],
+          },
+          {
+            NSPrivacyAccessedAPIType: "NSPrivacyAccessedAPICategorySystemBootTime",
+            NSPrivacyAccessedAPITypeReasons: ["35F9.1"],
+          },
+          {
+            NSPrivacyAccessedAPIType: "NSPrivacyAccessedAPICategoryDiskSpace",
+            NSPrivacyAccessedAPITypeReasons: ["E174.1"],
+          },
+        ],
+      },
+    },
+    plugins: [
+      [
+        "expo-router",
+        {
+          asyncRoutes: {
+            default: "development",
+          },
+        },
+      ],
+      [
+        "expo-splash-screen",
+        {
+          image: "./assets/splash-image-light.png",
+          resizeMode: "contain",
+          backgroundColor: "#FFFFFF",
+          imageWidth: 200,
+          dark: {
+            image: "./assets/splash-image-dark.png",
+            backgroundColor: "#0A0A0A",
+          },
+        },
+      ],
+      ["expo-font", { fonts: ["./assets/fonts"] }],
+      [
+        "expo-notifications",
+        {
+          icon: "./assets/icon.png",
+          color: "#171717",
+          sounds: ["./assets/sounds/notification.wav"],
+          enableBackgroundRemoteNotifications: true,
+        },
+      ],
+      [
+        "expo-image-picker",
+        {
+          photosPermission: "Allow $(PRODUCT_NAME) to access your photos for profile pictures.",
+          cameraPermission: "Allow $(PRODUCT_NAME) to take photos for profile pictures.",
+        },
+      ],
+      [
+        "expo-local-authentication",
+        {
+          faceIDPermission: "Allow $(PRODUCT_NAME) to use Face ID to confirm sensitive actions.",
+        },
+      ],
+      "expo-system-ui",
+      "expo-secure-store",
+      "expo-web-browser",
+      "expo-sharing",
+      ["expo-dev-client", { launchMode: "most-recent" }],
+      ["expo-build-properties", { ios: { deploymentTarget: "16.4" } }],
+      ["./plugins/with-pod-deployment-target", { target: "16.4" }],
+      "./plugins/with-auto-signing",
+    ],
+    extra: {
+      ...config.extra,
+      support: SUPPORT,
+    },
+    experiments: {
+      typedRoutes: true,
+      reactCompiler: true,
+      tsconfigPaths: true,
+    },
+  };
+};

package/dist/templates/default/app.json

@@ -0,0 +1,11 @@
+{
+  "expo": {
+    "extra": {
+      "router": {
+        "asyncRoutes": {
+          "default": "development"
+        }
+      }
+    }
+  }
+}