Merge pull request #42 from juliusmarminge/expo-env

chore: use app.config for constants

apps/expo/app.config.ts

@@ -0,0 +1,40 @@
+import { ExpoConfig, ConfigContext } from "@expo/config";
+
+const CLERK_PUBLISHABLE_KEY = "your-clerk-publishable-key";
+
+const defineConfig = (_ctx: ConfigContext): ExpoConfig => ({
+  name: "expo",
+  slug: "expo",
+  version: "1.0.0",
+  orientation: "portrait",
+  icon: "./assets/icon.png",
+  userInterfaceStyle: "light",
+  splash: {
+    image: "./assets/icon.png",
+    resizeMode: "contain",
+    backgroundColor: "#2e026d",
+  },
+  updates: {
+    fallbackToCacheTimeout: 0,
+  },
+  assetBundlePatterns: ["**/*"],
+  ios: {
+    supportsTablet: true,
+    bundleIdentifier: "your.bundle.identifier",
+  },
+  android: {
+    adaptiveIcon: {
+      foregroundImage: "./assets/icon.png",
+      backgroundColor: "#2e026d",
+    },
+  },
+  extra: {
+    eas: {
+      projectId: "your-project-id",
+    },
+    CLERK_PUBLISHABLE_KEY,
+  },
+  plugins: ["./expo-plugins/with-modify-gradle.js"],
+});
+
+export default defineConfig;

apps/expo/src/_app.tsx

@@ -7,12 +7,12 @@ import { HomeScreen } from "./screens/home";
 import { SignInSignUpScreen } from "./screens/signin";
 import { ClerkProvider, SignedIn, SignedOut } from "@clerk/clerk-expo";
 import { tokenCache } from "./utils/cache";
-import { CLERK_PUBLISHABLE_KEY } from "./constants";
+import Constants from "expo-constants";
 
 export const App = () => {
   return (
     <ClerkProvider
-      publishableKey={CLERK_PUBLISHABLE_KEY}
+      publishableKey={Constants.expoConfig?.extra?.CLERK_PUBLISHABLE_KEY}
       tokenCache={tokenCache}
     >
       <SignedIn>

apps/expo/tsconfig.json

@@ -4,5 +4,5 @@
     "strict": true,
     "jsx": "react-native"
   },
-  "include": ["src", "index.ts"]
+  "include": ["src", "index.ts", "app.config.ts"]
 }