- remove invite code screen from console

- update devdoc documentation

gql-queries-generator/doc/queries.graphql

@@ -1924,10 +1924,6 @@ mutation consoleDeleteAccountMembership($accountName: String!, $memberId: ID!) {
   accounts_removeAccountMembership(accountName: $accountName, memberId: $memberId)
 }
 
-mutation consoleVerifyInviteCode($invitationCode: String!) {
-  auth_verifyInviteCode(invitationCode: $invitationCode)
-}
-
 query consoleGetCredToken($username: String!) {
   cr_getCredToken(username: $username)
 }

lib/server/helpers/minimal-auth.ts

@@ -53,10 +53,6 @@ export const minimalAuth = async (ctx: IExtRemixCtx) => {
     return redirect(`${authBaseUrl}/verify-email`);
   }
 
-  if (whoAmI.data && !whoAmI.data.approved) {
-    return redirect(`${consoleBaseUrl}/invite-code`);
-  }
-
   ctx.authProps = (props: MapType) => {
     return {
       ...props,

package.json

@@ -26,7 +26,7 @@
 		"@jengaicons/react": "1.6.0",
 		"@mdx-js/react": "^2.3.0",
 		"@monaco-editor/react": "^4.6.0",
-		"@oshq/react-select": "^1.4.2",
+		"@oshq/react-select": "^1.4.4",
 		"@radix-ui/primitive": "^1.0.1",
 		"@radix-ui/react-alert-dialog": "1.0.4",
 		"@radix-ui/react-checkbox": "^1.0.4",

src/apps/console/routes/_main+/$account+/env+/$environment+/new-app/app-network.tsx

@@ -162,6 +162,7 @@ const ExposedRoute = () => {
         // error={!!portError}
         // message={portError}
         disableWhileLoading
+        createLabel="Exposed Domains"
       />
     </div>
   );
@@ -219,6 +220,7 @@ export const ExposedPorts = () => {
             error={!!portError}
             message={portError}
             disableWhileLoading
+            createLabel="Exposed ports"
           />
         </div>
       </div>

src/apps/console/routes/_main+/_index.tsx

@@ -1,11 +1,5 @@
 import { redirect } from '@remix-run/node';
-import { GQLServerHandler } from '~/root/lib/server/gql/saved-queries';
-import { IRemixCtx } from '~/root/lib/types/common';
 
-export const loader = async (ctx: IRemixCtx) => {
-  const { data } = await GQLServerHandler(ctx.request).whoAmI();
-  if (data && !data.approved) {
-    return redirect(`/invite-code`);
-  }
+export const loader = async () => {
   return redirect('/teams');
 };

src/apps/console/server/gql/queries/access-queries.ts

@@ -20,8 +20,6 @@ import {
   ConsoleRejectInvitationMutationVariables,
   ConsoleDeleteAccountMembershipMutation,
   ConsoleDeleteAccountMembershipMutationVariables,
-  ConsoleVerifyInviteCodeMutation,
-  ConsoleVerifyInviteCodeMutationVariables,
 } from '~/root/src/generated/gql/server';
 
 export type IInvites = NN<
@@ -210,17 +208,4 @@ export const accessQueries = (executor: IExecutor) => ({
       vars(_: ConsoleDeleteAccountMembershipMutationVariables) {},
     }
   ),
-
-  verifyInviteCode: executor(
-    gql`
-      mutation Auth_verifyInviteCode($invitationCode: String!) {
-        auth_verifyInviteCode(invitationCode: $invitationCode)
-      }
-    `,
-    {
-      transformer: (data: ConsoleVerifyInviteCodeMutation) =>
-        data.auth_verifyInviteCode,
-      vars(_: ConsoleVerifyInviteCodeMutationVariables) {},
-    }
-  ),
 });

src/apps/devdoc/pages/docs/_meta.json

@@ -16,15 +16,13 @@
         "title":"Getting Started"
     },
     "--reference--":{
-        "title":"Features",
+        "title":"Remote Env",
         "type":"separator"
     },
-    "managed-services":{
-        "title":"Managed Services"
-    },
-    "local-devices":{
-        "title":"Local Dev Containers"
+    "integrated-services":{
+        "title":"Integrated Services"
     },
+
     "any-wireguard":{
         "title":"Wireguard devices"
     },
@@ -34,6 +32,13 @@
     "work-in-progress":{
         "title":"Work in progress.."
     },
+    "--develop-environment--":{
+        "title":"Dev Env",
+        "type":"separator"
+    },
+    "local-devices":{
+        "title":"Dev Containers"
+    },
     "---references-":{
         "title":"Reference",
         "type":"separator"

src/apps/devdoc/pages/docs/architecture.mdx

@@ -1,3 +1,3 @@
 # Architecture
 
-<img src="/arch.png" alt="dev-hell" className="wb-p-3xl wb-mt-3xl wb-bg-white" />
+<img src="/arch1.png" alt="dev-hell" className="wb-p-3xl wb-mt-3xl wb-bg-white" />

src/apps/devdoc/pages/docs/getting-started.mdx

@@ -1,10 +1,10 @@
 import Steps from "~/app/components/steps";
 
-## 4 Steps to Get Started
+## 5 Steps to Get Started
 
 <Steps>
 ### Attach Your Cluster
-Attach your cluster to Kloudlite using a Helm chart. First, create a cluster reference in Kloudlite, then follow the steps to attach the cluster.
+First, create a cluster reference in Kloudlite, then follow the steps to attach the cluster.
 <img src="/attach-cluster-1.png" alt="" className="wb-p-3xl wb-mt-3xl wb-bg-white" />
 
 <img src="/attach-cluster-2.png" alt="" className="wb-p-3xl wb-mt-3xl wb-bg-white" />
@@ -22,12 +22,40 @@ and import resources into the environment.
 Once environment is created you can add configs, secrets, apps to it. You can also import 
 managed resources of managed services.
 
+### Setup Kloudlite CLI
+Kloudlite CLI is a command line tool that allows you to interact with Kloudlite. It provides a set of commands to manage clusters, environments, and other resources.
+
+Setup kloudlite cli. Follow the below instructions or click [here](https://github.com/kloudlite/kl).
+```bash
+# Prerequisites:
+docker run
+
+# Install latest with curl
+curl 'https://kl.kloudlite.io/kloudlite/kl!?select=kl' | bash
+
+# Install latest with wget
+wget -qO- 'https://kl.kloudlite.io/kloudlite/kl!?select=kl' | bash
+
+# Install specific version
+curl 'https://kl.kloudlite.io/kloudlite/[email protected]!?select=kl' | bash
+```
+
+Authentication:
+```bash
+# Login to Kloudlite
+kl auth login
+
+# Logout from Kloudlite
+kl auth logout
+
+# Status of Kloudlite authentication
+kl auth status
+```
+
 ### Set Up Your Local Machine
 Once enviroment is created you can set up your local machine to connect to the environment 
 using the Kloudlite CLI.
 
-Setup kloudlite cli. Follow the instructions [here](https://github.com/kloudlite/kl).
-
 Choose your workspace directory and create a `kl.yaml` file with the following command:
 ```bash
 kl init

src/apps/devdoc/pages/docs/integrated-services/_meta.json

@@ -0,0 +1,8 @@
+{
+    "supported-services":{
+        "title": "Supported Services"
+    },
+    "kompose":{
+        "title": "Kompose"
+    }
+}

src/apps/devdoc/pages/docs/integrated-services/kompose.mdx

@@ -0,0 +1,2 @@
+# Kompose
+coming soon...

src/apps/devdoc/pages/docs/integrated-services/supported-services.mdx

@@ -0,0 +1,10 @@
+# Supported Services
+Currently these are the list of services that are supported by kloudlite.
+
+- PostgreSQL
+- MySQL
+- MongoDB
+- Redis
+
+You can create these services and respective resources seamlessly from kloudlite dashboard.
+You will be able to import resources of the services inside your environment.

src/design-system/components/atoms/select.tsx

@@ -97,6 +97,7 @@ const Select = <T, U extends boolean | undefined = undefined>(
     noOptionMessage,
     open,
     disableWhileLoading,
+    createLabel,
   } = props;
 
   return (
@@ -161,6 +162,7 @@ const Select = <T, U extends boolean | undefined = undefined>(
               searchable={searchable}
               noOptionMessage={noOptionMessage}
               disableWhileLoading={disableWhileLoading}
+              createLabel={createLabel}
             />
           </div>
         </div>

src/generated/gql/server.ts

@@ -3633,14 +3633,6 @@ export type ConsoleDeleteAccountMembershipMutation = {
   accounts_removeAccountMembership: boolean;
 };
 
-export type ConsoleVerifyInviteCodeMutationVariables = Exact<{
-  invitationCode: Scalars['String']['input'];
-}>;
-
-export type ConsoleVerifyInviteCodeMutation = {
-  auth_verifyInviteCode: boolean;
-};
-
 export type ConsoleGetCredTokenQueryVariables = Exact<{
   username: Scalars['String']['input'];
 }>;