[local-preview] Add Website Nudge

Signed-off-by: Tarun Pothulapati <[email protected]>

Author: Pothulapati

components/dashboard/src/App.tsx

@@ -47,7 +47,7 @@ import { StartWorkspaceModal } from "./workspaces/StartWorkspaceModal";
 import { parseProps } from "./start/StartWorkspace";
 import SelectIDEModal from "./settings/SelectIDEModal";
 import { StartPage, StartPhase } from "./start/StartPage";
-import { isGitpodIo } from "./utils";
+import { isGitpodIo, isLocalPreview } from "./utils";
 import { BlockedRepositorySettings } from "./admin/BlockedRepositorySettings";
 
 const Setup = React.lazy(() => import(/* webpackPrefetch: true */ "./Setup"));
@@ -277,6 +277,11 @@ function App() {
         return <div></div>;
     }
 
+    if (isLocalPreview()) {
+        window.location.host = "www.gitpod.io";
+        return <div></div>;
+    }
+
     if (isGitpodIo() && window.location.pathname === "/" && window.location.hash === "" && !loading && !user) {
         if (!GitpodCookie.isPresent(document.cookie)) {
             window.location.href = `https://www.gitpod.io`;

components/dashboard/src/Menu.tsx

@@ -28,6 +28,8 @@ import FeedbackFormModal from "./feedback-form/FeedbackModal";
 import { inResource, isGitpodIo } from "./utils";
 import { FeatureFlagContext } from "./contexts/FeatureFlagContext";
 import { getExperimentsClient } from "./experiments/client";
+import Alert from "./components/Alert";
+import { isLocalPreview } from "./utils";
 
 interface Entry {
     title: string;
@@ -112,6 +114,8 @@ export default function Menu() {
     const isWorkspacesUI = inResource(location.pathname, ["workspaces"]);
     const isAdminUI = inResource(window.location.pathname, ["admin"]);
 
+    const isLP = isLocalPreview();
+
     const [teamMembers, setTeamMembers] = useState<Record<string, TeamMemberInfo[]>>({});
     useEffect(() => {
         if (!teams) {
@@ -489,6 +493,12 @@ export default function Menu() {
                         ))}
                     </nav>
                 )}
+                {isLP && (
+                    <Alert type="warning" className="mt-4 w-96">
+                        Visit https://www.gitpod.io/community-license?utm_source=local-preview for next steps on running
+                        a Production version of Gitpod
+                    </Alert>
+                )}
             </header>
             <Separator />
         </>

components/dashboard/src/utils.ts

@@ -58,8 +58,12 @@ export function isGitpodIo() {
     );
 }
 
+export function isLocalPreview() {
+    return window.location.hostname.endsWith("nip.io");
+}
+
 function trimResource(resource: string): string {
-    return resource.split('/').filter(Boolean).join('/');
+    return resource.split("/").filter(Boolean).join("/");
 }
 
 // Returns 'true' if a 'pathname' is a part of 'resources' provided.
@@ -69,9 +73,9 @@ function trimResource(resource: string): string {
 // 'pathname' arg can be provided via `location.pathname`.
 export function inResource(pathname: string, resources: string[]): boolean {
     // Removes leading and trailing '/'
-    const trimmedResource = trimResource(pathname)
+    const trimmedResource = trimResource(pathname);
 
     // Checks if a path is part of a resource.
     // E.g. "api/userspace/resource" path is a part of resource "api/userspace"
-    return resources.map(res => trimmedResource.startsWith(trimResource(res))).some(Boolean)
+    return resources.map((res) => trimmedResource.startsWith(trimResource(res))).some(Boolean);
 }