@ramonclaudio/create-vexpo 0.1.0 → 0.1.1

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

@@ -1,73 +0,0 @@
-import { Stack } from "expo-router";
-
-import { useColors } from "@/hooks/use-theme";
-import { useReducedMotion } from "@/hooks/use-reduced-motion";
-import { FontFamily } from "@/constants/layout";
-import { LoadingScreen } from "@/components/ui/loading-screen";
-
-export { AppErrorBoundary as ErrorBoundary } from "@/components/ui/error-boundary";
-
-export function SuspenseFallback() {
-  return <LoadingScreen />;
-}
-
-export default function AppLayout() {
-  const colors = useColors();
-  const reduceMotion = useReducedMotion();
-  const headerTint = colors.foreground as string;
-  const titleStyle = { color: headerTint, fontFamily: FontFamily.semiBold };
-
-  return (
-    <Stack
-      screenOptions={{
-        headerShown: false,
-        contentStyle: { backgroundColor: colors.background as string },
-        headerBackTitle: "Back",
-        headerTintColor: headerTint,
-        headerShadowVisible: false,
-        animation: reduceMotion ? "fade" : "slide_from_right",
-        animationDuration: reduceMotion ? 150 : 300,
-      }}
-    >
-      <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-      <Stack.Screen
-        name="welcome"
-        options={{ headerShown: false, animation: reduceMotion ? "none" : "fade" }}
-      />
-
-      <Stack.Screen name="debug">
-        <Stack.Header transparent />
-        <Stack.Screen.Title style={titleStyle}>Debug</Stack.Screen.Title>
-        <Stack.Screen.BackButton withMenu>Settings</Stack.Screen.BackButton>
-      </Stack.Screen>
-
-      <Stack.Screen name="help">
-        <Stack.Header transparent />
-        <Stack.Screen.Title style={titleStyle}>Help</Stack.Screen.Title>
-        <Stack.Screen.BackButton>Settings</Stack.Screen.BackButton>
-      </Stack.Screen>
-
-      <Stack.Screen name="privacy">
-        <Stack.Header transparent />
-        <Stack.Screen.Title style={titleStyle}>Privacy</Stack.Screen.Title>
-        <Stack.Screen.BackButton displayMode="minimal" withMenu>
-          Settings
-        </Stack.Screen.BackButton>
-      </Stack.Screen>
-
-      <Stack.Screen name="linked" options={{ headerShown: true, title: "Linked" }} />
-
-      <Stack.Screen name="profile" options={{ headerShown: true }}>
-        <Stack.Header transparent />
-        <Stack.Screen.Title style={titleStyle}>Profile</Stack.Screen.Title>
-        <Stack.Screen.BackButton>Settings</Stack.Screen.BackButton>
-      </Stack.Screen>
-
-      <Stack.Screen name="sessions" options={{ headerShown: true }}>
-        <Stack.Header transparent />
-        <Stack.Screen.Title style={titleStyle}>Sessions</Stack.Screen.Title>
-        <Stack.Screen.BackButton>Settings</Stack.Screen.BackButton>
-      </Stack.Screen>
-    </Stack>
-  );
-}

package/dist/templates/default/app/(app)/debug.tsx

@@ -1,389 +0,0 @@
-import { useEffect, useState } from "react";
-import * as Sharing from "expo-sharing";
-import { Stack } from "expo-router";
-import Constants from "expo-constants";
-import * as Application from "expo-application";
-import { ApplicationReleaseType } from "expo-application";
-import * as Device from "expo-device";
-import {
-  Host,
-  ScrollView,
-  Button,
-  Text,
-  VStack,
-  HStack,
-  Spacer,
-  ProgressView,
-} from "@expo/ui/swift-ui";
-import {
-  background,
-  buttonStyle,
-  clipShape,
-  cornerRadius,
-  foregroundStyle,
-  frame,
-  padding,
-  progressViewStyle,
-  scrollDismissesKeyboard,
-  textSelection,
-  tint,
-} from "@expo/ui/swift-ui/modifiers";
-
-import { executionEnvironment, expoRuntimeVersion, sessionId, debugMode } from "@/lib/device";
-import { isEnabled as updatesEnabled, readLogEntries, type UpdatesLogEntry } from "@/lib/updates";
-import { useAppUpdates } from "@/hooks/use-updates";
-import { haptics } from "@/lib/haptics";
-import { useColors } from "@/hooks/use-theme";
-import { useDynamicFont } from "@/lib/dynamic-font";
-import { Button as ButtonTokens } from "@/constants/layout";
-
-const RELEASE_TYPE_LABELS: Record<number, string> = {
-  [ApplicationReleaseType.UNKNOWN]: "Unknown",
-  [ApplicationReleaseType.SIMULATOR]: "Simulator",
-  [ApplicationReleaseType.ENTERPRISE]: "Enterprise",
-  [ApplicationReleaseType.DEVELOPMENT]: "Development",
-  [ApplicationReleaseType.AD_HOC]: "Ad Hoc",
-  [ApplicationReleaseType.APP_STORE]: "App Store",
-};
-
-// Surface the last 5 expo-updates log entries so bsdiff patch success,
-// signature failures, and runtime-version mismatches are visible at
-// runtime. Refetches on every update lifecycle transition.
-function useUpdateLogEntries(isUpdatePending: boolean, restartCount: number) {
-  const [entries, setEntries] = useState<UpdatesLogEntry[]>([]);
-  useEffect(() => {
-    if (!updatesEnabled) return;
-    let cancelled = false;
-    (async () => {
-      try {
-        const all = await readLogEntries();
-        if (!cancelled) setEntries(all.slice(-5).toReversed());
-      } catch {
-        // expo-updates internal log is best-effort; quietly skip failures.
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [isUpdatePending, restartCount]);
-  return entries;
-}
-
-function useApplicationInfo() {
-  const [installTime, setInstallTime] = useState<string | null>(null);
-  const [iosVendorId, setIosVendorId] = useState<string | null>(null);
-  const [iosReleaseType, setIosReleaseType] = useState<string | null>(null);
-  const [iosPushEnv, setIosPushEnv] = useState<string | null>(null);
-  useEffect(() => {
-    Application.getInstallationTimeAsync()
-      .then((date) => {
-        if (date) setInstallTime(date.toLocaleDateString());
-      })
-      .catch(() => {});
-
-    Application.getIosIdForVendorAsync()
-      .then(setIosVendorId)
-      .catch(() => {});
-    Application.getIosApplicationReleaseTypeAsync()
-      .then((type) => setIosReleaseType(RELEASE_TYPE_LABELS[type] ?? "Unknown"))
-      .catch(() => {});
-    Application.getIosPushNotificationServiceEnvironmentAsync()
-      .then((env) => setIosPushEnv(env ?? "N/A"))
-      .catch(() => {});
-  }, []);
-
-  return { installTime, iosVendorId, iosReleaseType, iosPushEnv };
-}
-
-export default function DebugScreen() {
-  const dfont = useDynamicFont();
-  const colors = useColors();
-  const appInfo = useApplicationInfo();
-  const updates = useAppUpdates();
-  const updateLog = useUpdateLogEntries(updates.isUpdatePending, updates.restartCount);
-
-  const appVersion =
-    Application.nativeApplicationVersion ?? Constants.expoConfig?.version ?? "1.0.0";
-  const buildNumber = Application.nativeBuildVersion ?? "1";
-  const deviceInfo = Device.modelName
-    ? `${Device.manufacturer ?? ""} ${Device.modelName}`.trim()
-    : "iOS";
-  const osVersion = Device.osVersion ? `iOS ${Device.osVersion}` : "iOS";
-
-  const handleShare = async () => {
-    haptics.light();
-    try {
-      const available = await Sharing.isAvailableAsync();
-      if (!available) return;
-      await Sharing.shareAsync(`App v${appVersion} (${buildNumber})`, {
-        dialogTitle: "Share build info",
-      });
-    } catch {
-      // share canceled
-    }
-  };
-
-  const sectionLabelModifiers = [
-    dfont({ size: 13, weight: "semibold" }),
-    foregroundStyle(colors.mutedForeground as string),
-    padding({ horizontal: 8, top: 4 }),
-  ];
-
-  const InfoRow = ({
-    label,
-    value,
-    valueModifiers,
-    valueColor,
-  }: {
-    label: string;
-    value: string;
-    valueModifiers?: Parameters<typeof Text>[0]["modifiers"];
-    valueColor?: string;
-  }) => (
-    <HStack
-      spacing={12}
-      alignment="center"
-      modifiers={[frame({ maxWidth: 10000 }), padding({ horizontal: 16, vertical: 12 })]}
-    >
-      <Text modifiers={[dfont({ size: 15 }), foregroundStyle(colors.mutedForeground as string)]}>
-        {label}
-      </Text>
-      <Spacer />
-      <Text
-        modifiers={[
-          dfont({ size: 15, weight: "medium" }),
-          foregroundStyle((valueColor ?? colors.foreground) as string),
-          textSelection(true),
-          ...(valueModifiers ?? []),
-        ]}
-      >
-        {value}
-      </Text>
-    </HStack>
-  );
-
-  const InfoCard = ({ children }: { children: React.ReactNode }) => (
-    <VStack
-      spacing={0}
-      alignment="leading"
-      modifiers={[frame({ maxWidth: 10000 }), background(colors.muted as string), cornerRadius(20)]}
-    >
-      {children}
-    </VStack>
-  );
-
-  return (
-    <>
-      <Stack.Toolbar placement="right">
-        <Stack.Toolbar.Button
-          icon="square.and.arrow.up"
-          onPress={handleShare}
-          tintColor={colors.primary}
-          accessibilityLabel="Share build info"
-        />
-      </Stack.Toolbar>
-      <Host style={{ flex: 1, backgroundColor: colors.background }}>
-        <ScrollView
-          modifiers={[scrollDismissesKeyboard("interactively"), tint(colors.primary as string)]}
-        >
-          <VStack
-            spacing={20}
-            alignment="leading"
-            modifiers={[padding({ horizontal: 24, top: 24, bottom: 40 })]}
-          >
-            <VStack spacing={8} alignment="leading" modifiers={[frame({ maxWidth: Infinity })]}>
-              <Text modifiers={sectionLabelModifiers}>BUILD</Text>
-              <InfoCard>
-                <InfoRow label="Version" value={`${appVersion} (${buildNumber})`} />
-                <InfoRow label="Expo SDK" value={Constants.expoConfig?.sdkVersion ?? "Unknown"} />
-                <InfoRow label="App name" value={Application.applicationName ?? "N/A"} />
-                <InfoRow label="Bundle id" value={Application.applicationId ?? "N/A"} />
-                <InfoRow label="Environment" value={executionEnvironment} />
-                {appInfo.installTime ? (
-                  <InfoRow label="Installed" value={appInfo.installTime} />
-                ) : null}
-              </InfoCard>
-            </VStack>
-
-            {updatesEnabled && !__DEV__ ? (
-              <VStack spacing={8} alignment="leading" modifiers={[frame({ maxWidth: Infinity })]}>
-                <Text modifiers={sectionLabelModifiers}>OTA UPDATES</Text>
-                <InfoCard>
-                  <InfoRow label="Status" value={updates.statusText} />
-                  <InfoRow label="Channel" value={updates.currentlyRunning.channel ?? "N/A"} />
-                  <InfoRow
-                    label="Runtime"
-                    value={updates.currentlyRunning.runtimeVersion ?? expoRuntimeVersion ?? "N/A"}
-                  />
-                  <InfoRow
-                    label="Update id"
-                    value={updates.currentlyRunning.updateId?.slice(0, 8) ?? "Embedded"}
-                    valueModifiers={[dfont({ size: 13, design: "monospaced" })]}
-                  />
-                  <InfoRow
-                    label="Created"
-                    value={updates.currentlyRunning.createdAt?.toLocaleDateString() ?? "N/A"}
-                  />
-                  <InfoRow
-                    label="Source"
-                    value={updates.currentlyRunning.isEmbeddedLaunch ? "Embedded" : "OTA Update"}
-                  />
-                  {updates.currentlyRunning.launchDuration != null ? (
-                    <InfoRow
-                      label="Launch time"
-                      value={`${updates.currentlyRunning.launchDuration}ms`}
-                    />
-                  ) : null}
-                  {updates.currentlyRunning.isEmergencyLaunch ? (
-                    <InfoRow
-                      label="Emergency launch"
-                      value={updates.currentlyRunning.emergencyLaunchReason ?? "Unknown error"}
-                      valueColor="orange"
-                    />
-                  ) : null}
-                  {updates.isDownloading ? (
-                    <HStack
-                      modifiers={[
-                        frame({ maxWidth: 10000 }),
-                        padding({ horizontal: 16, vertical: 12 }),
-                      ]}
-                    >
-                      <ProgressView
-                        value={updates.downloadProgress ?? undefined}
-                        modifiers={[progressViewStyle("linear"), frame({ maxWidth: 10000 })]}
-                      />
-                    </HStack>
-                  ) : null}
-                  {(updates.checkError ?? updates.downloadError) ? (
-                    <InfoRow
-                      label="Error"
-                      value={(updates.checkError ?? updates.downloadError)?.message ?? "Unknown"}
-                      valueColor={colors.destructive as string}
-                    />
-                  ) : null}
-                  {updates.lastCheckForUpdateTimeSinceRestart ? (
-                    <InfoRow
-                      label="Last checked"
-                      value={updates.lastCheckForUpdateTimeSinceRestart.toLocaleTimeString()}
-                    />
-                  ) : null}
-                </InfoCard>
-                {updates.isUpdateAvailable && !updates.isDownloading ? (
-                  <UpdateActionButton
-                    label="Download & install"
-                    onPress={updates.downloadAndApply}
-                    colors={colors}
-                    dfont={dfont}
-                  />
-                ) : !updates.isChecking && !updates.isDownloading ? (
-                  <UpdateActionButton
-                    label="Check for updates"
-                    onPress={updates.checkForUpdate}
-                    colors={colors}
-                    dfont={dfont}
-                  />
-                ) : null}
-                {updateLog.length > 0 ? (
-                  <InfoCard>
-                    {updateLog.map((entry) => (
-                      <InfoRow
-                        key={`${entry.timestamp}-${entry.code}`}
-                        label={entry.level.toUpperCase()}
-                        value={`${entry.code}: ${entry.message}`}
-                      />
-                    ))}
-                  </InfoCard>
-                ) : null}
-              </VStack>
-            ) : null}
-
-            {appInfo.iosReleaseType || appInfo.iosPushEnv || appInfo.iosVendorId ? (
-              <VStack spacing={8} alignment="leading" modifiers={[frame({ maxWidth: Infinity })]}>
-                <Text modifiers={sectionLabelModifiers}>iOS</Text>
-                <InfoCard>
-                  {appInfo.iosReleaseType ? (
-                    <InfoRow label="Release type" value={appInfo.iosReleaseType} />
-                  ) : null}
-                  {appInfo.iosPushEnv ? (
-                    <InfoRow label="Push env" value={appInfo.iosPushEnv} />
-                  ) : null}
-                  {appInfo.iosVendorId ? (
-                    <InfoRow
-                      label="Vendor id"
-                      value={appInfo.iosVendorId}
-                      valueModifiers={[dfont({ size: 13, design: "monospaced" })]}
-                    />
-                  ) : null}
-                </InfoCard>
-              </VStack>
-            ) : null}
-
-            <VStack spacing={8} alignment="leading" modifiers={[frame({ maxWidth: Infinity })]}>
-              <Text modifiers={sectionLabelModifiers}>RUNTIME</Text>
-              <InfoCard>
-                <InfoRow
-                  label="Session id"
-                  value={sessionId.slice(0, 8)}
-                  valueModifiers={[dfont({ size: 13, design: "monospaced" })]}
-                />
-                <InfoRow label="Build mode" value={debugMode ? "Debug" : "Release"} />
-              </InfoCard>
-            </VStack>
-
-            <VStack spacing={8} alignment="leading" modifiers={[frame({ maxWidth: Infinity })]}>
-              <Text modifiers={sectionLabelModifiers}>DEVICE</Text>
-              <InfoCard>
-                <InfoRow label="Model" value={deviceInfo} />
-                <InfoRow label="OS" value={osVersion} />
-              </InfoCard>
-            </VStack>
-
-            <HStack modifiers={[frame({ maxWidth: 10000 }), padding({ top: 8 })]}>
-              <Spacer />
-              <Text
-                modifiers={[dfont({ size: 12 }), foregroundStyle(colors.tertiaryLabel as string)]}
-              >
-                v{appVersion} ({buildNumber})
-              </Text>
-              <Spacer />
-            </HStack>
-          </VStack>
-        </ScrollView>
-      </Host>
-    </>
-  );
-}
-
-function UpdateActionButton({
-  label,
-  onPress,
-  colors,
-  dfont,
-}: {
-  label: string;
-  onPress: () => void;
-  colors: ReturnType<typeof useColors>;
-  dfont: ReturnType<typeof useDynamicFont>;
-}) {
-  return (
-    <Button
-      modifiers={[
-        buttonStyle("plain"),
-        frame({ maxWidth: 10000 }),
-        background(colors.muted as string),
-        clipShape("capsule"),
-      ]}
-      onPress={onPress}
-    >
-      <Text
-        modifiers={[
-          frame({ maxWidth: 10000, height: ButtonTokens.height }),
-          dfont({ size: 16, weight: "medium" }),
-          foregroundStyle(colors.foreground as string),
-        ]}
-      >
-        {label}
-      </Text>
-    </Button>
-  );
-}

package/dist/templates/default/app/(app)/sessions.tsx

@@ -1,191 +0,0 @@
-import { useEffect, useState } from "react";
-import {
-  Host,
-  ScrollView,
-  Button,
-  Text,
-  VStack,
-  HStack,
-  Spacer,
-  ContentUnavailableView,
-} from "@expo/ui/swift-ui";
-import {
-  background,
-  buttonStyle,
-  cornerRadius,
-  foregroundStyle,
-  frame,
-  multilineTextAlignment,
-  padding,
-  textSelection,
-  tint,
-} from "@expo/ui/swift-ui/modifiers";
-
-import { SkeletonSessions } from "@/components/ui/skeleton";
-import { useDynamicFont } from "@/lib/dynamic-font";
-
-import { authClient } from "@/lib/auth-client";
-import { haptics } from "@/lib/haptics";
-import { announce } from "@/lib/a11y";
-import { useColors } from "@/hooks/use-theme";
-
-type SessionRow = {
-  id: string;
-  token: string;
-  ipAddress?: string | null;
-  userAgent?: string | null;
-  createdAt: Date;
-  expiresAt: Date;
-};
-
-function formatRelative(date: Date): string {
-  const now = Date.now();
-  const delta = Math.max(0, now - date.getTime());
-  const seconds = Math.floor(delta / 1000);
-  if (seconds < 60) return `${seconds}s ago`;
-  const minutes = Math.floor(seconds / 60);
-  if (minutes < 60) return `${minutes}m ago`;
-  const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${hours}h ago`;
-  const days = Math.floor(hours / 24);
-  if (days < 30) return `${days}d ago`;
-  const months = Math.floor(days / 30);
-  if (months < 12) return `${months}mo ago`;
-  return `${Math.floor(months / 12)}y ago`;
-}
-
-function deviceLabel(userAgent?: string | null): string {
-  if (!userAgent) return "Unknown device";
-  if (/iPhone/i.test(userAgent)) return "iPhone";
-  if (/iPad/i.test(userAgent)) return "iPad";
-  if (/Mac/i.test(userAgent)) return "Mac";
-  if (/Android/i.test(userAgent)) return "Android";
-  if (/Windows/i.test(userAgent)) return "Windows";
-  if (/Linux/i.test(userAgent)) return "Linux";
-  return userAgent.slice(0, 40);
-}
-
-export default function SessionsScreen() {
-  const dfont = useDynamicFont();
-  const colors = useColors();
-  const [sessions, setSessions] = useState<SessionRow[] | null>(null);
-  const [revoking, setRevoking] = useState<string | null>(null);
-
-  const load = async () => {
-    const res = await authClient.listSessions();
-    if (res.error) {
-      setSessions([]);
-      return;
-    }
-    const rows = (res.data ?? []).map((s) => ({
-      id: s.id,
-      token: s.token,
-      ipAddress: s.ipAddress ?? null,
-      userAgent: s.userAgent ?? null,
-      createdAt: new Date(s.createdAt),
-      expiresAt: new Date(s.expiresAt),
-    }));
-    setSessions(rows);
-  };
-
-  useEffect(() => {
-    load();
-  }, []);
-
-  const revoke = async (token: string) => {
-    haptics.medium();
-    setRevoking(token);
-    try {
-      await authClient.revokeSession({ token });
-      haptics.success();
-      announce("Session revoked");
-      await load();
-    } catch {
-      haptics.error();
-    } finally {
-      setRevoking(null);
-    }
-  };
-
-  return (
-    <Host style={{ flex: 1, backgroundColor: colors.background }}>
-      {sessions === null ? (
-        <SkeletonSessions />
-      ) : sessions.length === 0 ? (
-        <ContentUnavailableView
-          title="No active sessions"
-          systemImage="list.bullet.rectangle.portrait"
-          description="You have no other active sessions."
-        />
-      ) : (
-        <ScrollView modifiers={[tint(colors.primary as string)]}>
-          <VStack
-            spacing={12}
-            alignment="leading"
-            modifiers={[padding({ horizontal: 24, top: 24, bottom: 40 })]}
-          >
-            <Text
-              modifiers={[
-                dfont({ size: 13, weight: "semibold" }),
-                foregroundStyle(colors.mutedForeground as string),
-              ]}
-            >
-              ACTIVE SESSIONS
-            </Text>
-            {sessions.map((s) => (
-              <HStack
-                key={s.id}
-                spacing={12}
-                alignment="center"
-                modifiers={[
-                  frame({ maxWidth: 10000 }),
-                  background(colors.muted as string),
-                  cornerRadius(20),
-                  padding({ horizontal: 20, vertical: 14 }),
-                ]}
-              >
-                <VStack alignment="leading" spacing={2}>
-                  <Text modifiers={[dfont({ size: 16, weight: "semibold" }), textSelection(true)]}>
-                    {deviceLabel(s.userAgent)}
-                  </Text>
-                  <Text
-                    modifiers={[
-                      dfont({ size: 13 }),
-                      foregroundStyle(colors.mutedForeground as string),
-                      textSelection(true),
-                    ]}
-                  >
-                    {s.ipAddress ?? "Unknown IP"} · {formatRelative(s.createdAt)}
-                  </Text>
-                </VStack>
-                <Spacer />
-                <Button modifiers={[buttonStyle("plain")]} onPress={() => revoke(s.token)}>
-                  <Text
-                    modifiers={[
-                      dfont({ size: 14, weight: "medium" }),
-                      foregroundStyle(colors.destructive as string),
-                    ]}
-                  >
-                    Revoke
-                  </Text>
-                </Button>
-              </HStack>
-            ))}
-            {revoking ? (
-              <Text
-                modifiers={[
-                  dfont({ size: 13 }),
-                  foregroundStyle(colors.mutedForeground as string),
-                  multilineTextAlignment("center"),
-                  frame({ maxWidth: 10000 }),
-                ]}
-              >
-                Revoking session...
-              </Text>
-            ) : null}
-          </VStack>
-        </ScrollView>
-      )}
-    </Host>
-  );
-}