feat: add app params for image builders

client/docker-entrypoint.sh

@@ -44,6 +44,7 @@ echo " HOMEPAGE=${HOMEPAGE}"
 echo " CORE_API_VERSION_CONFIG=${CORE_API_VERSION_CONFIG}"
 echo " USER_PREFERENCES_MAX_PINNED_PROJECTS=${USER_PREFERENCES_MAX_PINNED_PROJECTS}"
 echo " SESSION_CLASS_EMAIL_US=${SESSION_CLASS_EMAIL_US}"
+echo " IMAGE_BUILDERS_ENABLED=${IMAGE_BUILDERS_ENABLED}"
 echo "==================================================="
 
 echo "Privacy file contains the following markdown (first 5 lines):"
@@ -82,7 +83,8 @@ tee > "${NGINX_PATH}/config.json" << EOF
   "HOMEPAGE": ${HOMEPAGE},
   "CORE_API_VERSION_CONFIG": ${CORE_API_VERSION_CONFIG},
   "USER_PREFERENCES_MAX_PINNED_PROJECTS": ${USER_PREFERENCES_MAX_PINNED_PROJECTS},
-  "SESSION_CLASS_EMAIL_US": ${SESSION_CLASS_EMAIL_US}
+  "SESSION_CLASS_EMAIL_US": ${SESSION_CLASS_EMAIL_US},
+  "IMAGE_BUILDERS_ENABLED": "${IMAGE_BUILDERS_ENABLED}"
 }
 EOF
 echo "config.json created in ${NGINX_PATH}"

client/run-telepresence.sh

@@ -190,7 +190,8 @@ tee > ./public/config.json << EOF
     "datasetSlug": "${HOMEPAGE_DATASET_SLUG}"
   },
   "USER_PREFERENCES_MAX_PINNED_PROJECTS": ${USER_PREFERENCES_MAX_PINNED_PROJECTS:-5},
-  "SESSION_CLASS_EMAIL_US": { "enabled": false }
+  "SESSION_CLASS_EMAIL_US": { "enabled": false },
+  "IMAGE_BUILDERS_ENABLED": "true"
 }
 EOF
 

client/src/features/sessionsV2/components/SessionForm/EnvironmentKindField.tsx

@@ -19,13 +19,20 @@ import cx from "classnames";
 import { Control, Controller } from "react-hook-form";
 import { ButtonGroup } from "reactstrap";
 import { SessionLauncherForm } from "../../sessionsV2.types";
+import { useContext } from "react";
+import AppContext from "../../../../utils/context/appContext";
+import { DEFAULT_APP_PARAMS } from "../../../../utils/context/appParams.constants";
 
 interface EnvironmentKindField {
   control: Control<SessionLauncherForm>;
 }
 export default function EnvironmentKindField({
   control,
 }: EnvironmentKindField) {
+  const { params } = useContext(AppContext);
+  const imageBuildersEnabled =
+    params?.IMAGE_BUILDERS_ENABLED ?? DEFAULT_APP_PARAMS.IMAGE_BUILDERS_ENABLED;
+
   return (
     <Controller
       control={control}
@@ -67,22 +74,26 @@ export default function EnvironmentKindField({
               Custom Environment
             </label>
 
-            <input
-              type="radio"
-              className="btn-check"
-              name={field.name}
-              autoComplete="off"
-              checked={field.value === "BUILDER"}
-              id="environment-kind-builder-radio"
-              onChange={() => field.onChange("BUILDER")}
-              onBlur={field.onBlur}
-            />
-            <label
-              className={cx("btn", "btn-outline-primary")}
-              htmlFor="environment-kind-builder-radio"
-            >
-              Create from a repository
-            </label>
+            {imageBuildersEnabled && (
+              <>
+                <input
+                  type="radio"
+                  className="btn-check"
+                  name={field.name}
+                  autoComplete="off"
+                  checked={field.value === "BUILDER"}
+                  id="environment-kind-builder-radio"
+                  onChange={() => field.onChange("BUILDER")}
+                  onBlur={field.onBlur}
+                />
+                <label
+                  className={cx("btn", "btn-outline-primary")}
+                  htmlFor="environment-kind-builder-radio"
+                >
+                  Create from a repository
+                </label>
+              </>
+            )}
           </ButtonGroup>
         </div>
       )}

client/src/utils/context/appParams.constants.ts

@@ -97,4 +97,6 @@ export const DEFAULT_APP_PARAMS: AppParams = {
   UPLOAD_THRESHOLD: DEFAULT_UPLOAD_THRESHOLD,
   USER_PREFERENCES_MAX_PINNED_PROJECTS:
     DEFAULT_USER_PREFERENCES_MAX_PINNED_PROJECTS,
+  // new
+  IMAGE_BUILDERS_ENABLED: false,
 };

client/src/utils/context/appParams.types.ts

@@ -46,6 +46,9 @@ export interface AppParams {
   UI_VERSION: string;
   UPLOAD_THRESHOLD: UploadThresholdParams;
   USER_PREFERENCES_MAX_PINNED_PROJECTS: number;
+
+  // new
+  IMAGE_BUILDERS_ENABLED: boolean;
 }
 
 export type AppParamsStrings = {

client/src/utils/context/appParams.utils.ts

@@ -65,6 +65,10 @@ export function validatedAppParams(params: unknown): AppParams {
     "PRIVACY_BANNER_ENABLED"
   );
   const TERMS_PAGES_ENABLED = validateBoolean(params_, "TERMS_PAGES_ENABLED");
+  const IMAGE_BUILDERS_ENABLED = validateBoolean(
+    params_,
+    "IMAGE_BUILDERS_ENABLED"
+  );
 
   // Integer params
   const USER_PREFERENCES_MAX_PINNED_PROJECTS = validateInteger(
@@ -108,6 +112,8 @@ export function validatedAppParams(params: unknown): AppParams {
     UI_VERSION,
     UPLOAD_THRESHOLD,
     USER_PREFERENCES_MAX_PINNED_PROJECTS,
+    // new
+    IMAGE_BUILDERS_ENABLED,
   };
 }