[local-preview] Next steps nudge after exit

Currently, After `local-preview` is exited There are no
direct concrete steps for users to take.

This PR fixes this by adding two new things:
- Exit message in the CLI after the command is quit.
- Add a new `Alert` box to the global dashboard if we notice that
  they are on a Gitpod `local-preview` DOMAIN, which ends with `nip.io`
  right now.

Signed-off-by: Tarun Pothulapati <tarun@gitpod.io>

Author: Pothulapati

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,18 @@ export default function Menu() {
                         ))}
                     </nav>
                 )}
+                {isLP && (
+                    <Alert type="warning" className="app-container rounded-md">
+                        This is a local-preview instance. Visit{" "}
+                        <a
+                            className="gp-link hover:text-gray-600"
+                            href="https://www.gitpod.io/community-license?utm_source=local-preview"
+                        >
+                            the community license page
+                        </a>{" "}
+                        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 === "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);
 }

install/preview/entrypoint.sh

@@ -147,6 +147,13 @@ run_telemetry(){
   kubectl create job gitpod-telemetry-init --from=cronjob/gitpod-telemetry
 }
 
+exit_nudge(){
+  echo "Visit https://www.gitpod.io/community-license?utm_source=local-preview for next steps on running a Production version of Gitpod"
+}
+
+
+trap 'exit_nudge 2>&1' EXIT INT HUP
+
 run_telemetry 2>&1 &
 
 /bin/k3s server --disable traefik \