babel.config.js

@@ -1,15 +1,6 @@
-module.exports = {
-  presets: ["babel-preset-expo", "@babel/preset-typescript"],
-  plugins: [
-    [
-      "module:react-native-dotenv",
-      {
-        moduleName: "@env",
-        path: ".env",
-        safe: true,
-        allowUndefined: false,
-      },
-    ],
-    "react-native-reanimated/plugin",
-  ],
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ["babel-preset-expo"],
+  };
 };

components/ChipDetection.tsx

@@ -8,7 +8,6 @@ import {
   ScrollView,
 } from "react-native";
 import * as ImagePicker from "expo-image-picker";
-import { API_KEY, MODEL_NAME } from "@env";
 
 const ChipDetection = ({ updateChipCount }) => {
   const [imageUri, setImageUri] = useState(null);
@@ -57,16 +56,14 @@ const ChipDetection = ({ updateChipCount }) => {
     setError(null);
 
     try {
-      const response = await fetch(
-        "https://api.openai.com/v1/chat/completions",
-        {
+      const response = await fetch(process.env.EXPO_PUBLIC_API_URL, {
         method: "POST",
         headers: {
-            Authorization: `Bearer ${API_KEY}`,
+          Authorization: `Bearer ${process.env.EXPO_PUBLIC_API_KEY}`, // Use environment variable for API key
           "Content-Type": "application/json",
         },
         body: JSON.stringify({
-            model: MODEL_NAME,
+          model: process.env.EXPO_PUBLIC_MODEL_NAME, // Use environment variable for model name
           messages: [
             {
               role: "system",
@@ -89,8 +86,7 @@ const ChipDetection = ({ updateChipCount }) => {
           ],
           max_tokens: 1000,
         }),
-        }
-      );
+      });
 
       const result = await response.json();
 
@@ -103,12 +99,11 @@ const ChipDetection = ({ updateChipCount }) => {
 
       const parsedData = JSON.parse(cleanJSON);
 
-      // Filter out colors with a count of 0
       const filteredData = Object.fromEntries(
         Object.entries(parsedData).filter(([_, count]) => count > 0)
       );
 
-      setLastDetectedChips(filteredData); // Store detected chip counts
+      setLastDetectedChips(filteredData);
       updateChipCount(filteredData);
     } catch (error) {
       setError("Failed to analyze the image.");