Improve minimal mode detection: drop ConfigCat, use isDedicatedInstallation

- Remove ConfigCat feature flag dependency for minimal mode detection
- gitpod.io: always use minimal mode (synchronous, no network call)
- Preview environments: use isDedicatedInstallation with localStorage caching
- Dedicated/self-hosted: never use minimal mode
- Replace document.write() with innerHTML to avoid deprecation issues
- Change GITPOD_WITH_DEDICATED_EMU default to true in preview deployments

The localStorage override (minimal_gitpod_io_mode=true/false) still works for testing.

Co-authored-by: Ona <no-reply@ona.com>

Author: geropl

components/dashboard/src/index.tsx

@@ -25,41 +25,17 @@ import "./index.css";
 import { PaymentContextProvider } from "./payment-context";
 import { ThemeContextProvider } from "./theme-context";
 import { UserContextProvider } from "./user-context";
-import { getURLHash, isGitpodIo, isWebsiteSlug } from "./utils";
-import { getExperimentsClient } from "./experiments/client";
+import { getURLHash, isWebsiteSlug } from "./utils";
 // Import the minimal login HTML template at build time
 import minimalLoginHtml from "./minimal-login.html";
 
-const MINIMAL_MODE_STORAGE_KEY = "minimal_gitpod_io_mode";
-const MINIMAL_MODE_FLAG_NAME = "minimal_gitpod_io_mode";
+const MINIMAL_MODE_OVERRIDE_KEY = "minimal_gitpod_io_mode";
 
 /**
- * Check if we should use minimal gitpod.io mode.
- * Priority:
- * 1. localStorage override (for testing)
- * 2. ConfigCat feature flag
+ * Check if this is production gitpod.io (exact match)
  */
-async function shouldUseMinimalMode(): Promise<boolean> {
-    // Check localStorage override first (sync, for testing)
-    try {
-        const localOverride = localStorage.getItem(MINIMAL_MODE_STORAGE_KEY);
-        if (localOverride === "true") return true;
-        if (localOverride === "false") return false;
-    } catch {
-        // localStorage might not be available
-    }
-
-    // Check ConfigCat feature flag
-    try {
-        const client = getExperimentsClient();
-        const value = await client.getValueAsync(MINIMAL_MODE_FLAG_NAME, false, {
-            gitpodHost: window.location.host,
-        });
-        return value === true;
-    } catch (error) {
-        console.error("Failed to check minimal mode flag:", error);
-        return false; // Fail safe: use full app
-    }
+function isProductionGitpodIo(): boolean {
+    return window.location.hostname === "gitpod.io";
 }
 
 /**
@@ -159,15 +135,29 @@ function handleMinimalGitpodIoMode(): void {
     window.location.href = `https://www.gitpod.io${pathname}${search}`;
 }
 
+/**
+ * Extract body content from a full HTML document string.
+ * This allows keeping the complete HTML structure in the source file for easier editing.
+ */
+function extractBodyContent(html: string): string {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, "text/html");
+    return doc.body.innerHTML;
+}
+
 /**
  * Render a minimal static login page without React.
- * Loads the HTML from an external file for easier review and maintenance.
+ * Uses innerHTML instead of document.write() to avoid deprecation issues.
  */
 function renderMinimalLoginPage(): void {
-    // Replace the entire document with the minimal login page
-    document.open();
-    document.write(minimalLoginHtml);
-    document.close();
+    const bodyContent = extractBodyContent(minimalLoginHtml);
+    const root = document.getElementById("root");
+    if (root) {
+        root.innerHTML = bodyContent;
+    } else {
+        // Fallback if root doesn't exist
+        document.body.innerHTML = bodyContent;
+    }
 }
 
 /**
@@ -222,22 +212,36 @@ function bootFullApp(): void {
 
 /**
  * Main boot function
+ *
+ * Minimal mode is enabled when:
+ * - localStorage override is "true" (for testing in preview environments)
+ * - Host is exactly "gitpod.io" AND path is not a website slug
  */
-const bootApp = async () => {
-    // Minimal gitpod.io mode - only on exact "gitpod.io" domain
-    if (isGitpodIo()) {
-        const minimalMode = await shouldUseMinimalMode();
-
-        if (minimalMode) {
-            handleMinimalGitpodIoMode();
-            return;
-        }
+const bootApp = () => {
+    const pathname = window.location.pathname;
+
+    // Handle website slugs on gitpod.io - redirect to www.gitpod.io
+    if (isProductionGitpodIo() && isWebsiteSlug(pathname)) {
+        window.location.href = `https://www.gitpod.io${pathname}${window.location.search}`;
+        return;
+    }
 
-        // Not in minimal mode, but still handle website slugs
-        if (isWebsiteSlug(window.location.pathname)) {
-            window.location.host = "www.gitpod.io";
-            return;
+    // Check if minimal mode should be used
+    let minimalMode = false;
+    try {
+        if (localStorage.getItem(MINIMAL_MODE_OVERRIDE_KEY) === "true") {
+            minimalMode = true;
         }
+    } catch {
+        // localStorage might not be available
+    }
+    if (!minimalMode && isProductionGitpodIo()) {
+        minimalMode = true;
+    }
+
+    if (minimalMode) {
+        handleMinimalGitpodIoMode();
+        return;
     }
 
     // Boot full React app

components/dashboard/src/minimal-login.html

@@ -5,7 +5,8 @@
  See License.AGPL.txt in the project root for license information.
 
  Minimal login page for gitpod.io when minimal mode is enabled.
- This page is loaded by index.tsx when the minimal_gitpod_io_mode flag is active.
+ This is a complete HTML document for easier editing and preview.
+ index.tsx extracts only the body content using DOMParser.
 -->
 <html lang="en">
 <head>

dev/preview/workflow/preview/deploy-gitpod.sh

@@ -24,7 +24,7 @@ GITPOD_IMAGE_PULL_SECRET_NAME="image-pull-secret";
 GITPOD_PROXY_SECRET_NAME="proxy-config-certificates";
 GITPOD_ANALYTICS="${GITPOD_ANALYTICS:-}"
 GITPOD_WORKSPACE_FEATURE_FLAGS="${GITPOD_WORKSPACE_FEATURE_FLAGS:-}"
-GITPOD_WITH_DEDICATED_EMU="${GITPOD_WITH_DEDICATED_EMU:-false}"
+GITPOD_WITH_DEDICATED_EMU="${GITPOD_WITH_DEDICATED_EMU:-true}"
 PREVIEW_GCP_PROJECT="gitpod-dev-preview"