Rename ZAPPS env var to EMBEDDED_ZAPPS for clarity

apps/passport-client/.env.example

@@ -50,5 +50,5 @@ ZAPP_ALLOWED_SIGNER_ORIGINS='["http://example.com","http://localhost:3200"]'
 
 # To configure Zapps, set this to a JSON object with folder names as keys and URLs as values.
 # These will appear as folders in Zupass.
-#ZAPPS={"Pondcrypto": "http://localhost:3200", "Meerkat": "http://localhost:3201"}
-ZAPPS=
+#EMBEDDED_ZAPPS={"Pondcrypto": "http://localhost:3200", "Meerkat": "http://localhost:3201"}
+EMBEDDED_ZAPPS=

apps/passport-client/build.ts

@@ -79,9 +79,9 @@ const define = {
         )
       }
     : {}),
-  ...(process.env.ZAPPS !== undefined
+  ...(process.env.EMBEDDED_ZAPPS !== undefined
     ? {
-        "process.env.ZAPPS": JSON.stringify(process.env.ZAPPS)
+        "process.env.EMBEDDED_ZAPPS": JSON.stringify(process.env.EMBEDDED_ZAPPS)
       }
     : {})
 };

apps/passport-client/components/screens/HomeScreen/HomeScreen.tsx

@@ -129,7 +129,7 @@ export function HomeScreenImpl(): JSX.Element | null {
   const isFrogCrypto = isFrogCryptoFolder(browsingFolder);
   const isEdgeCity = isEdgeCityFolder(browsingFolder);
   const isProtocolWorlds = isProtocolWorldsFolder(browsingFolder);
-  const isZappFolder = !!appConfig.zapps[browsingFolder];
+  const isZappFolder = !!appConfig.embeddedZapps[browsingFolder];
 
   const shouldShowFrogCrypto = useMemo(() => {
     const folders = pcdCollection.value.getAllFolderNames();
@@ -216,7 +216,7 @@ export function HomeScreenImpl(): JSX.Element | null {
                 />
               )}
               {isRoot &&
-                Object.keys(appConfig.zapps).map((folder) => (
+                Object.keys(appConfig.embeddedZapps).map((folder) => (
                   <FolderCard
                     key={folder}
                     onFolderClick={onFolderClick}
@@ -233,7 +233,7 @@ export function HomeScreenImpl(): JSX.Element | null {
           ) : isEdgeCity ? (
             <EdgeCityHome />
           ) : isZappFolder ? (
-            <ZappScreen url={appConfig.zapps[browsingFolder]} />
+            <ZappScreen url={appConfig.embeddedZapps[browsingFolder]} />
           ) : (
             <>
               {!(foldersInFolder.length === 0 && isRoot) && <Separator />}

apps/passport-client/src/appConfig.ts

@@ -20,7 +20,7 @@ interface AppConfig {
   // origins that are allowed to sign PODs
   zappAllowedSignerOrigins: string[];
   // folder name -> zapp URL
-  zapps: Record<string, string>;
+  embeddedZapps: Record<string, string>;
 }
 
 if (
@@ -62,13 +62,15 @@ try {
   zappAllowedSignerOrigins = [];
 }
 
-let zapps: Record<string, string> = {};
+let embeddedZapps: Record<string, string> = {};
 
 try {
-  zapps = process.env.ZAPPS ? JSON.parse(process.env.ZAPPS) : {};
+  embeddedZapps = process.env.EMBEDDED_ZAPPS
+    ? JSON.parse(process.env.EMBEDDED_ZAPPS)
+    : {};
 } catch (e) {
-  console.error("Failed to parse ZAPPS", e);
-  zapps = {};
+  console.error("Failed to parse EMBEDDED_ZAPPS", e);
+  embeddedZapps = {};
 }
 
 export const appConfig: AppConfig = {
@@ -81,7 +83,7 @@ export const appConfig: AppConfig = {
   strichLicenseKey: process.env.STRICH_LICENSE_KEY,
   zappRestrictOrigins: process.env.ZAPP_RESTRICT_ORIGINS === "true",
   zappAllowedSignerOrigins: zappAllowedSignerOrigins,
-  zapps: zapps
+  embeddedZapps: embeddedZapps
 };
 
 console.log("App Config: " + JSON.stringify(appConfig));

turbo.json

@@ -116,7 +116,7 @@
     "ZAPP_RESTRICT_ORIGINS",
     "ZAPP_ALLOWED_SIGNER_ORIGINS",
     "CLIENT_URL",
-    "ZAPPS",
+    "EMBEDDED_ZAPPS",
     "//// add env vars above this line ////"
   ],
   "globalEnv": [