feat: implement friends feature and sharing

.gitignore

@@ -36,6 +36,8 @@ expo-env.d.ts
 # @end expo-cli
 
 coverage/
+docs/
 .claude/
 *copilot-instructions.md
 *EXPO_SDK_52_UPGRADE_PLAN.md
+.firebaserc

app.config.js

@@ -4,7 +4,7 @@ export default {
   expo: {
     name: IS_DEV ? "Muscle Quest (Dev)" : "Muscle Quest",
     slug: "musclequest",
-    version: "1.0.0", // MM.mm.pp
+    version: "1.3.0", // M.mm.pp
     orientation: "portrait",
     icon: "./assets/images/icon.png",
     scheme: "musclequest",
@@ -14,7 +14,7 @@ export default {
       bundleIdentifier: "com.isotronic.musclequest",
     },
     android: {
-      versionCode: 10000, // MMmmpp
+      versionCode: 10300, // Mmmpp
       googleServicesFile: "./google-services.json",
       adaptiveIcon: {
         foregroundImage: "./assets/images/ic_launcher_foreground.png",

app/(app)/(tabs)/(plans)/index.tsx

@@ -18,6 +18,8 @@ import { Trans } from "@lingui/react/macro";
 import { t } from "@lingui/core/macro";
 import { useAppTheme } from "@/theme";
 import type { AppThemeColors } from "@/theme/types";
+import { usePublishedPlanIdsQuery } from "@/hooks/usePublishedPlanIdsQuery";
+import { useSocialStore } from "@/store/socialStore";
 
 export default function PlansScreen() {
   const { colors } = useAppTheme();
@@ -35,6 +37,8 @@ export default function PlansScreen() {
     isError: standaloneIsError,
     error: standaloneError,
   } = useStandaloneWorkoutsQuery();
+  const { data: publishedPlanIds } = usePublishedPlanIdsQuery();
+  const { privacySettings } = useSocialStore();
 
   useEffect(() => {
     if (standaloneIsError && standaloneError) {
@@ -129,6 +133,8 @@ export default function PlansScreen() {
           viewMode={viewMode}
           showViewToggle
           onViewModeChange={handleViewModeChange}
+          publishedPlanIds={publishedPlanIds}
+          sharePlansEnabled={!!privacySettings?.sharePlans}
         />
         <PlanList
           title={t`Premade plans`}

app/(app)/(tabs)/(plans)/overview.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useState, useCallback } from "react";
+import { useMemo, useState, useCallback, useContext } from "react";
 import {
   View,
   StyleSheet,
@@ -38,6 +38,10 @@ import { useDeloadWeekQuery } from "@/hooks/useDeloadWeekQuery";
 import { useDeloadWeekMutation } from "@/hooks/useDeloadWeekMutation";
 import { useProgressionSettingsQuery } from "@/hooks/useProgressionSettingsQuery";
 import { getCurrentISOWeek } from "@/utils/isoWeek";
+import { AuthContext } from "@/context/AuthProvider";
+import { useSocialStore } from "@/store/socialStore";
+import { usePlanPublishQuery } from "@/hooks/usePlanPublishQuery";
+import { usePlanPublishMutation } from "@/hooks/usePlanPublishMutation";
 
 const fallbackImage = require("@/assets/images/placeholder.webp");
 
@@ -100,6 +104,13 @@ export default function PlanOverviewScreen() {
   );
   const deloadMutation = useDeloadWeekMutation(Number(planId));
 
+  const user = useContext(AuthContext);
+  const { privacySettings } = useSocialStore();
+  const showShareToggle = !!user && !!privacySettings?.sharePlans;
+  const { data: isPublished = false, isLoading: isPublishLoading } =
+    usePlanPublishQuery(showShareToggle ? Number(planId) : null);
+  const publishMutation = usePlanPublishMutation(Number(planId));
+
   const handleToggleDeload = useCallback(() => {
     deloadMutation.mutate(isCurrentWeekDeload ? null : getCurrentISOWeek());
   }, [isCurrentWeekDeload, deloadMutation]);
@@ -270,6 +281,40 @@ export default function PlanOverviewScreen() {
             </View>
           </TouchableOpacity>
         )}
+
+        {showShareToggle && (
+          <TouchableOpacity
+            onPress={() => publishMutation.mutate(!isPublished)}
+            style={[styles.deloadRow]}
+            activeOpacity={0.7}
+            disabled={publishMutation.isPending || isPublishLoading}
+          >
+            <View style={styles.deloadLeft}>
+              <AppIcon
+                set="mci"
+                name="cloud-outline"
+                size={20}
+                color={isPublished ? colors.accent : colors.contentSecondary}
+                style={{ marginRight: 10 }}
+              />
+              <ThemedText
+                style={[
+                  styles.deloadTitle,
+                  isPublished && { color: colors.accent },
+                ]}
+              >
+                <Trans>Share Plan</Trans>
+              </ThemedText>
+            </View>
+            {publishMutation.isPending || isPublishLoading ? (
+              <ActivityIndicator size="small" color={colors.accent} />
+            ) : (
+              <View pointerEvents="none">
+                <Switch value={isPublished} color={colors.accent} />
+              </View>
+            )}
+          </TouchableOpacity>
+        )}
       </ScrollView>
 
       <View style={styles.buttonContainer}>

app/(app)/(tabs)/(plans)/standalone-workout.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useState } from "react";
+import { useContext, useMemo, useState } from "react";
 import {
   View,
   StyleSheet,
@@ -10,13 +10,14 @@ import { ThemedText } from "@/components/ThemedText";
 import { ThemedView } from "@/components/ThemedView";
 import { router, Stack, useLocalSearchParams } from "expo-router";
 import { UserExercise } from "@/store/workoutStore";
-import { AppImage } from "@/components/ui";
+import { AppIcon, AppImage } from "@/components/ui";
 import {
   ActivityIndicator,
   Button,
   IconButton,
   Portal,
   Modal,
+  Switch,
 } from "react-native-paper";
 import { Notes } from "@/components/Notes";
 import { byteArrayToBase64, formatFromTotalSeconds } from "@/utils/utility";
@@ -30,6 +31,10 @@ import { Trans } from "@lingui/react/macro";
 import { t } from "@lingui/core/macro";
 import { useAppTheme, radii } from "@/theme";
 import type { AppThemeColors } from "@/theme/types";
+import { AuthContext } from "@/context/AuthProvider";
+import { useSocialStore } from "@/store/socialStore";
+import { useWorkoutPublishQuery } from "@/hooks/useWorkoutPublishQuery";
+import { useWorkoutPublishMutation } from "@/hooks/useWorkoutPublishMutation";
 
 const fallbackImage = require("@/assets/images/placeholder.webp");
 
@@ -47,6 +52,13 @@ export default function StandaloneWorkoutScreen() {
   const { data: settings } = useSettingsQuery();
   const distanceUnit = settings?.distanceUnit || "m";
 
+  const user = useContext(AuthContext);
+  const { privacySettings } = useSocialStore();
+  const showShareToggle = !!user && !!privacySettings?.shareStandaloneWorkouts;
+  const { data: isPublished = false, isLoading: isPublishLoading } =
+    useWorkoutPublishQuery(showShareToggle ? workoutId : null);
+  const publishMutation = useWorkoutPublishMutation(workoutId);
+
   if (!Number.isInteger(workoutId) || workoutId <= 0) {
     return (
       <ThemedView style={styles.centered}>
@@ -254,6 +266,46 @@ export default function StandaloneWorkoutScreen() {
         ) : (
           workout.exercises.map((exercise) => renderExercise(exercise))
         )}
+        {showShareToggle && (
+          <>
+            <TouchableOpacity
+              onPress={() => publishMutation.mutate(!isPublished)}
+              style={styles.shareRow}
+              activeOpacity={0.7}
+              disabled={publishMutation.isPending || isPublishLoading}
+            >
+              <View style={styles.shareLeft}>
+                <AppIcon
+                  set="mci"
+                  name="cloud-outline"
+                  size={20}
+                  color={isPublished ? colors.accent : colors.contentSecondary}
+                  style={{ marginRight: 10 }}
+                />
+                <ThemedText
+                  style={[
+                    styles.shareTitle,
+                    isPublished && { color: colors.accent },
+                  ]}
+                >
+                  <Trans>Share Workout</Trans>
+                </ThemedText>
+              </View>
+              {publishMutation.isPending || isPublishLoading ? (
+                <ActivityIndicator size="small" color={colors.accent} />
+              ) : (
+                <View pointerEvents="none">
+                  <Switch value={isPublished} color={colors.accent} />
+                </View>
+              )}
+            </TouchableOpacity>
+            {publishMutation.isError && (
+              <ThemedText style={[styles.shareError, { color: colors.danger }]}>
+                <Trans>Failed to update sharing. Please try again.</Trans>
+              </ThemedText>
+            )}
+          </>
+        )}
       </ScrollView>
       <View style={styles.startButtonContainer}>
         <Button
@@ -348,5 +400,28 @@ function createStyles(colors: AppThemeColors) {
       fontSize: 16,
       paddingVertical: 4,
     },
+    shareRow: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      backgroundColor: colors.card,
+      borderRadius: radii.md,
+      padding: 14,
+      marginTop: 16,
+    },
+    shareLeft: {
+      flexDirection: "row",
+      alignItems: "center",
+      flex: 1,
+    },
+    shareTitle: {
+      fontSize: 15,
+      fontWeight: "600",
+    },
+    shareError: {
+      fontSize: 13,
+      paddingHorizontal: 16,
+      paddingBottom: 8,
+    },
   });
 }

app/(app)/_layout.tsx

@@ -3,10 +3,12 @@ import { useSettingsQuery } from "@/hooks/useSettingsQuery";
 import { ThemedView } from "@/components/ThemedView";
 import { t } from "@lingui/core/macro";
 import { useAppTheme } from "@/theme";
+import { useSocialListeners } from "../../hooks/useSocialListeners";
 
 export default function AppLayout() {
   const { colors } = useAppTheme();
   const { data: settings, isLoading: settingsLoading } = useSettingsQuery();
+  useSocialListeners();
 
   if (settingsLoading) {
     return <ThemedView style={{ flex: 1 }}></ThemedView>;
@@ -43,6 +45,19 @@ export default function AppLayout() {
         name="exercise-library"
         options={{ title: t`Exercise Library` }}
       />
+      <Stack.Screen
+        name="friend-profile"
+        options={{ title: t`Friend Profile` }}
+      />
+      <Stack.Screen name="friend-plan" options={{ title: t`Plan Details` }} />
+      <Stack.Screen
+        name="friend-workout"
+        options={{ title: t`Workout Details` }}
+      />
+      <Stack.Screen
+        name="friend-exercise"
+        options={{ title: t`Exercise Details` }}
+      />
       <Stack.Screen name="+not-found" />
     </Stack>
   );

app/(app)/custom-exercise.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect, useRef, useMemo } from "react";
+import { useState, useEffect, useRef, useMemo, useContext } from "react";
 import {
   ScrollView,
   TextInput,
@@ -14,6 +14,9 @@ import { ThemedText } from "@/components/ThemedText";
 import * as ImagePicker from "expo-image-picker";
 import * as FileSystem from "expo-file-system/legacy";
 import { Exercise, fetchAllRecords, openDatabase } from "@/utils/database";
+import { AuthContext } from "@/context/AuthProvider";
+import { useSocialStore } from "@/store/socialStore";
+import { pushCustomExercise } from "@/utils/sharing";
 import { capitalizeWords } from "@/utils/utility";
 import { ThemedView } from "@/components/ThemedView";
 import { router, useLocalSearchParams, useNavigation } from "expo-router";
@@ -32,6 +35,8 @@ export default function AddCustomExerciseScreen() {
 
   const queryClient = useQueryClient();
   const navigation = useNavigation();
+  const user = useContext(AuthContext);
+  const { privacySettings } = useSocialStore();
   const { setNewExerciseId } = useWorkoutStore();
   const { exercise_id } = useLocalSearchParams();
   const isEditing = !!exercise_id;
@@ -233,6 +238,8 @@ export default function AddCustomExerciseScreen() {
     try {
       const db = await openDatabase("userData.db");
 
+      let newExerciseResult: { exercise_id: number } | null = null;
+
       if (isEditing) {
         await db.runAsync(
           `UPDATE exercises SET name = ?, description = ?, local_animated_uri = ?, body_part = ?, target_muscle = ?, equipment = ?, secondary_muscles = ?, is_unilateral = ?, double_weight = ? WHERE exercise_id = ?`,
@@ -266,10 +273,10 @@ export default function AddCustomExerciseScreen() {
           ],
         );
 
-        const result = (await db.getFirstAsync(
+        newExerciseResult = (await db.getFirstAsync(
           `SELECT exercise_id FROM exercises ORDER BY exercise_id DESC LIMIT 1`,
         )) as { exercise_id: number };
-        setNewExerciseId(result?.exercise_id);
+        setNewExerciseId(newExerciseResult?.exercise_id);
       }
 
       queryClient.invalidateQueries({ queryKey: ["plan"] });
@@ -280,6 +287,25 @@ export default function AddCustomExerciseScreen() {
         });
       }
       isDirtyRef.current = false;
+
+      if (user && privacySettings?.shareCustomExercises) {
+        const savedExerciseId = isEditing
+          ? Number(exercise_id)
+          : newExerciseResult?.exercise_id;
+        if (savedExerciseId) {
+          const sharingDb = await openDatabase("userData.db");
+          const savedExercise = await sharingDb.getFirstAsync<Exercise>(
+            `SELECT * FROM exercises WHERE exercise_id = ?`,
+            [savedExerciseId],
+          );
+          if (savedExercise) {
+            pushCustomExercise(user.uid, savedExercise).catch((err) =>
+              Bugsnag.notify(err),
+            );
+          }
+        }
+      }
+
       router.back();
     } catch (error: any) {
       Alert.alert(