Cap mobile app

apps/mobile/.gitignore

@@ -0,0 +1,13 @@
+/node_modules
+.expo
+/ios
+/android
+dist
+coverage
+*.tsbuildinfo
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli

apps/mobile/app.config.js

@@ -0,0 +1,67 @@
+const associatedDomains =
+	process.env.CAP_MOBILE_DISABLE_ASSOCIATED_DOMAINS === "1"
+		? []
+		: process.env.CAP_MOBILE_ASSOCIATED_DOMAINS
+			? process.env.CAP_MOBILE_ASSOCIATED_DOMAINS.split(",")
+					.map((domain) => domain.trim())
+					.filter(Boolean)
+			: ["applinks:cap.so"];
+const bundleIdentifier = "so.cap.mobile";
+const ios = {
+	bundleIdentifier,
+	supportsTablet: false,
+	infoPlist: {
+		NSPhotoLibraryUsageDescription:
+			"Cap imports videos from Photos for upload.",
+		NSPhotoLibraryAddUsageDescription: "Cap saves downloaded videos to Photos.",
+		UIBackgroundModes: ["processing"],
+	},
+};
+
+if (associatedDomains.length > 0) {
+	ios.associatedDomains = associatedDomains;
+}
+
+module.exports = ({ config }) => ({
+	...config,
+	name: "Cap",
+	slug: "cap-mobile",
+	scheme: "cap",
+	owner: "cap",
+	version: "0.1.0",
+	orientation: "portrait",
+	platforms: ["ios"],
+	userInterfaceStyle: "light",
+	icon: "./assets/icon.png",
+	splash: {
+		image: "./assets/splash-icon.png",
+		resizeMode: "contain",
+		backgroundColor: "#f9f9f9",
+	},
+	ios,
+	experiments: {
+		typedRoutes: true,
+	},
+	plugins: [
+		"expo-router",
+		[
+			"expo-font",
+			{
+				fonts: [
+					"../web/public/fonts/NeueMontreal-Regular.otf",
+					"../web/public/fonts/NeueMontreal-Medium.otf",
+					"../web/public/fonts/NeueMontreal-Bold.otf",
+				],
+			},
+		],
+		[
+			"expo-secure-store",
+			{
+				faceIDPermission: "Allow Cap to protect your account key.",
+			},
+		],
+	],
+	extra: {
+		apiBaseUrl: process.env.EXPO_PUBLIC_CAP_WEB_URL ?? "https://cap.so",
+	},
+});

apps/mobile/app/(tabs)/_layout.tsx

@@ -0,0 +1,53 @@
+import { NativeTabs } from "expo-router/unstable-native-tabs";
+import { colors, fonts } from "@/theme";
+
+export default function TabsLayout() {
+	return (
+		<NativeTabs
+			backgroundColor={colors.glass}
+			blurEffect="systemMaterialLight"
+			disableTransparentOnScrollEdge
+			iconColor={{ default: colors.gray9, selected: colors.blue9 }}
+			labelStyle={{
+				default: {
+					color: colors.gray9,
+					fontFamily: fonts.medium,
+					fontSize: 11,
+				},
+				selected: {
+					color: colors.blue9,
+					fontFamily: fonts.medium,
+					fontSize: 11,
+				},
+			}}
+			minimizeBehavior="automatic"
+			shadowColor={colors.gray4}
+			tintColor={colors.blue9}
+		>
+			<NativeTabs.Trigger name="index">
+				<NativeTabs.Trigger.Label>My Caps</NativeTabs.Trigger.Label>
+				<NativeTabs.Trigger.Icon
+					sf={{ default: "folder", selected: "folder.fill" }}
+				/>
+			</NativeTabs.Trigger>
+			<NativeTabs.Trigger name="upload">
+				<NativeTabs.Trigger.Label>Import</NativeTabs.Trigger.Label>
+				<NativeTabs.Trigger.Icon
+					sf={{
+						default: "square.and.arrow.up",
+						selected: "square.and.arrow.up.fill",
+					}}
+				/>
+			</NativeTabs.Trigger>
+			<NativeTabs.Trigger name="account">
+				<NativeTabs.Trigger.Label>Account</NativeTabs.Trigger.Label>
+				<NativeTabs.Trigger.Icon
+					sf={{
+						default: "person.crop.circle",
+						selected: "person.crop.circle.fill",
+					}}
+				/>
+			</NativeTabs.Trigger>
+		</NativeTabs>
+	);
+}