Inital Commit

.gitignore

@@ -70,4 +70,9 @@ web-build/
 **/*/android
 
 .turbo
-build/**
+build/**
+
+#Firestore Config
+packages/app/firebase/config/google-services.json
+packages/app/firebase/config/GoogleService-Info.plist
+

.prettierrc.json

@@ -1,6 +1,9 @@
 {
-  "semi": false,
-  "useTabs": false,
   "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "arrowParens": "always",
+  "parser": "typescript",
+  "printWidth": 80,
   "singleQuote": true
-}
+}

apps/expo/App.tsx

@@ -1,5 +1,6 @@
 import { NativeNavigation } from 'app/navigation/native'
-import { Provider } from 'app/provider'
+import { Provider } from 'app/provider/app-providers'
+import "expo-dev-client"
 
 export default function App() {
   return (

apps/expo/app.json

@@ -9,18 +9,31 @@
       "android"
     ],
     "ios": {
-      "bundleIdentifier": "io.andfriends.modelo"
+      "bundleIdentifier": "io.andfriends.modelo",
+      "googleServicesFile": "../../packages/firebase/config/GoogleService-Info.plist"
     },
+     "android": {
+      "package": "io.andfriends.modelo",
+      "googleServicesFile": "../../packages/firebase/config/google-services.json"
+    },
+    "plugins": [
+      [
+        "expo-build-properties", {
+          "ios": {
+            "useFrameworks": "static"
+          }
+        }
+      ],
+      "@react-native-firebase/app"
+
+    ],
     "extra": {
       "eas": {
         "projectId": "7e95f6d0-5145-4bba-aa65-e5e3d190cdcc"
       }
     },
     "updates": {
       "url": "https://u.expo.dev/7e95f6d0-5145-4bba-aa65-e5e3d190cdcc"
-    },
-    "android": {
-      "package": "io.andfriends.modelo"
     }
   }
 }

apps/expo/package.json

@@ -1,13 +1,20 @@
 {
+  "name": "@modelo/expo",
+  "version": "1.0.0",
+  "main": "index.js",
   "dependencies": {
+    "@react-native-firebase/analytics": "^17.3.0",
+    "@react-native-firebase/app": "^17.3.0",
     "app": "*",
-    "expo": "^46.0.0",
-    "expo-splash-screen": "~0.16.1",
+    "expo": "~46.0.19",
+    "expo-build-properties": "~0.3.0",
+    "expo-dev-client": "~1.3.1",
+    "expo-splash-screen": "~0.16.2",
     "expo-status-bar": "~1.4.0",
     "expo-updates": "~0.14.7",
-    "react": "18.2.0",
+    "react": "18.0.0",
     "react-dom": "18.2.0",
-    "react-native": "0.69.5",
+    "react-native": "0.69.6",
     "react-native-gesture-handler": "~2.5.0",
     "react-native-reanimated": "2.9.1",
     "react-native-safe-area-context": "4.3.1",
@@ -22,11 +29,13 @@
   },
   "scripts": {
     "start": "expo start --dev-client",
+    "start:ios:device": "eas build --profile development --platform ios && say done",
+    "start:android": "expo start --android --dev-client",
     "android": "expo run:android",
-    "ios": "expo run:ios"
+    "ios": "expo run:ios",
+    "dev:ios-build": "yarn expo:prebuild && yarn ios",
+    "dev:android-build": "yarn expo:prebuild && yarn android",
+    "expo:prebuild": "yarn expo prebuild --skip-dependency-update react && yarn react-native"
   },
-  "main": "index.js",
-  "version": "1.0.0",
-  "private": true,
-  "name": "expo-app"
+  "private": true
 }

apps/next/.gitignore

@@ -27,7 +27,7 @@ yarn-error.log*
 
 # local env files
 .env.local
-.env.development.local
+.env.development
 .env.test.local
 .env.production.local
 

apps/next/env.local.template

@@ -0,0 +1,4 @@
+# Add here variables local to your machine, do not check in
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
+STRIPE_SECRET_KEY=
+STRIPE_WEBHOOK_SECRET=

apps/next/env.production.template

@@ -0,0 +1,20 @@
+NEXT_PUBLIC_FIREBASE_API_KEY=
+NEXT_PUBLIC_FIREBASE_PROJECT_ID=
+NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
+NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
+NEXT_PUBLIC_FIREBASE_APP_ID=
+NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=
+NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
+NEXT_PUBLIC_SITE_URL=
+NEXT_PUBLIC_APPCHECK_KEY=
+NEXT_PUBLIC_REQUIRE_EMAIL_VERIFICATION=false
+
+FIREBASE_CLIENT_EMAIL=
+GCLOUD_PROJECT=
+
+## SECRET KEYS ARE BEST ADDED TO YOUR CI
+FIREBASE_PRIVATE_KEY=
+
+NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
+STRIPE_SECRET_KEY=
+STRIPE_WEBHOOK_SECRET=

apps/next/next.config.js

@@ -1,12 +1,12 @@
-const { withExpo } = require('@expo/next-adapter')
-const withPlugins = require('next-compose-plugins')
+const { withExpo } = require('@expo/next-adapter');
+const withPlugins = require('next-compose-plugins');
 const withTM = require('next-transpile-modules')([
   'solito',
   'dripsy',
   '@dripsy/core',
   'moti',
   'app',
-])
+]);
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -21,7 +21,17 @@ const nextConfig = {
     forceSwcTransforms: true,
     swcPlugins: [[require.resolve('./plugins/swc_plugin_reanimated.wasm')]],
   },
-}
+  webpack: (config, options) => {
+    config.resolve.extensions = [
+      '.web.js',
+      '.web.jsx',
+      '.web.ts',
+      '.web.tsx',
+      ...(config.resolve?.extensions ?? []),
+    ];
+    return config;
+  },
+};
 
 module.exports = withPlugins(
   [
@@ -34,4 +44,4 @@ module.exports = withPlugins(
     ],
   ],
   nextConfig
-)
+);

apps/next/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "next-app",
+  "name": "@modelo/next",
   "version": "0.1.0",
   "private": true,
   "engines": {
@@ -14,8 +14,10 @@
   "dependencies": {
     "@expo/next-adapter": "^4.0.12",
     "app": "*",
+    "firebase": "^9.17.1",
     "next": "13.0.1",
-    "raf": "^3.4.1"
+    "raf": "^3.4.1",
+    "reactfire": "^4.2.2"
   },
   "devDependencies": {
     "@types/node": "17.0.21",

apps/next/pages/_app.tsx

@@ -11,7 +11,7 @@ const fixReanimatedIssue = () => {
 
 fixReanimatedIssue()
 
-import { Provider } from 'app/provider'
+import { Provider } from 'app/provider/app-providers'
 import Head from 'next/head'
 import React from 'react'
 import type { SolitoAppProps } from 'solito'

package.json

@@ -8,12 +8,18 @@
   "devDependencies": {
     "@types/react": "^18.0.17",
     "@types/react-native": "^0.69.5",
+    "concurrently": "^7.6.0",
     "eslint": "^8.21.0",
     "turbo": "^1.4.2",
     "typescript": "^4.7.4"
   },
   "scripts": {
     "native": "cd apps/expo && expo start",
-    "web": "cd apps/next && yarn next"
+    "web": "cd apps/next && yarn next",
+    "run:next": "yarn turbo dev  --filter=@modelo/next",
+    "run:expo": "yarn workspace @modelo/expo start",
+    "build:ios": "turbo run dev:ios-build --parallel --no-cache  --filter=@modelo/expo",
+    "build:android": "turbo run dev:android-build --parallel --no-cache  --filter=@modelo/expo"
+
   }
 }

packages/app/hooks/use-analytics-tracking.ts

@@ -0,0 +1,7 @@
+import { useTrackScreenViews } from './use-track-screen-views';
+import { useTrackSignedInUser } from './use-track-signed-in-user';
+
+export function useAnalyticsTracking() {
+  useTrackScreenViews();
+  useTrackSignedInUser();
+}

packages/app/hooks/use-track-screen-views.ts

@@ -0,0 +1,29 @@
+import { useCallback, useEffect } from 'react';
+import Router from 'next/router';
+
+// import { isBrowser } from '~/core/generic/is-browser';
+
+/**
+ * @name useTrackScreenViews
+ * @description tracks screens to Analytics when a new route is loaded
+ */
+export function useTrackScreenViews() {
+  console.log('[useTrackScreenViews]');
+  const onRouteChangeComplete = useCallback(async () => {
+    // if (!isBrowser()) {
+    //   return;
+    // }
+    const { getAnalytics, logEvent } = await import('firebase/analytics');
+    const title = document.title;
+    logEvent(getAnalytics(), 'screen_view', {
+      firebase_screen: title,
+      firebase_screen_class: title,
+    });
+  }, []);
+  useEffect(() => {
+    Router.events.on('routeChangeComplete', onRouteChangeComplete);
+    return () => {
+      Router.events.off('routeChangeComplete', onRouteChangeComplete);
+    };
+  }, [onRouteChangeComplete]);
+}

packages/app/hooks/use-track-signed-in-user.ts

@@ -0,0 +1,25 @@
+// import { useEffect } from 'react';
+
+// import { isBrowser } from '~/core/generic/is-browser';
+// import { useUserSession } from '~/core/hooks/use-user-session';
+
+/**
+ * @name useTrackSignedInUser
+ * @description tracks the current user ID
+ */
+export function useTrackSignedInUser() {
+  console.log('[useTrackSignedInUser]');
+  // const user = useUserSession();
+  // const userId = user?.auth?.uid;
+  // useEffect(() => {
+  //   if (!isBrowser()) {
+  //     return;
+  //   }
+  //   void (async () => {
+  //     const { getAnalytics, setUserId } = await import('firebase/analytics');
+  //     if (userId) {
+  //       setUserId(getAnalytics(), userId);
+  //     }
+  //   })();
+  // }, [userId]);
+}

packages/app/provider/config.ts

@@ -0,0 +1,16 @@
+const config = {
+  firebase: {
+    apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
+    authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
+    projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
+    storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
+    messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
+    appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
+    measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
+  },
+  environment: process.env.NEXT_PUBLIC_VERCEL_ENV ?? 'development',
+  emulatorHost: process.env.NEXT_PUBLIC_EMULATOR_HOST,
+  emulator: process.env.NEXT_PUBLIC_EMULATOR === 'true',
+  production: process.env.NODE_ENV === 'production',
+};
+export default config;

packages/app/provider/firebase/FirebaseAnalyticsProvider.web.tsx

@@ -0,0 +1,38 @@
+import {AnalyticsProvider, useInitAnalytics} from 'reactfire';
+import config from '../config'
+import { useAnalyticsTracking } from 'app/hooks/use-analytics-tracking';
+
+function FirebaseAnalyticsProvider({children}: React.PropsWithChildren){
+  return <BrowserFirebaseAnalyticsProvider>{children}</BrowserFirebaseAnalyticsProvider>
+
+}
+
+function BrowserFirebaseAnalyticsProvider(props: React.PropsWithChildren){
+  const {data: sdk, status} = useInitAnalytics(async (app) =>{
+    const {getAnalytics} = await import('firebase/analytics'); 
+    return getAnalytics(app);
+  }); 
+
+  if(status !== 'success'){
+    return <>{props.children}</>
+  }
+
+  return (
+    <AnalyticsProvider sdk={sdk}>
+      <AnalyticsTrackingEventsProvider>
+        {props.children}
+      </AnalyticsTrackingEventsProvider>
+    </AnalyticsProvider>
+  );
+
+}
+
+function AnalyticsTrackingEventsProvider({
+  children
+}: React.PropsWithChildren){
+  useAnalyticsTracking();
+  return <>{children}</>
+}
+
+
+export {FirebaseAnalyticsProvider}

packages/app/provider/firebase/FirebaseAppShell.tsx

@@ -0,0 +1,17 @@
+import type { FirebaseOptions } from 'firebase/app';
+import { FirebaseAppProvider } from 'reactfire';
+
+function FirebaseAppShell({
+  children,
+  config,
+}:React.PropsWithChildren<{
+  config: FirebaseOptions;
+}>){
+  return (
+    <FirebaseAppProvider firebaseConfig={config}>
+      {children}
+    </FirebaseAppProvider>
+  )
+}
+
+export { FirebaseAppShell }