feat: cloud and ee (#805)

* stripe init git submodules for enterprise modules * * Cloud billing UI - WIP * Proxy websockets in dev mode * Separate workspace login and creation for cloud * Other fixes * feat: billing (cloud) * * add domain service * prepare links from workspace hostname * WIP * Add exchange token generation * Validate JWT token type during verification * domain service * add SkipTransform decorator * * updates (server) * add new packages * new sso migration file * WIP * Fix hostname generation * WIP * WIP * Reduce input error font-size * set max password length * jwt package * license page - WIP * * License management UI * Move license key store to db * add reflector * SSO enforcement * * Add default plan * Add usePlan hook * * Fix auth container margin in mobile * Redirect login and home to select page in cloud * update .gitignore * Default to yearly * * Trial messaging * Handle ended trials * Don't set to readonly on collab disconnect (Cloud) * Refine trial (UI) * Fix bug caused by using jotai optics atom in AppHeader component * configurable database maximum pool * Close SSO form on save * wip * sync * Only show sign-in in cloud * exclude base api part from workspaceId check * close db connection beforeApplicationShutdown * Add health/live endpoint * clear cookie on hostname change * reset currentUser atom * Change text * return 401 if workspace does not match * feat: show user workspace list in cloud login page * sync * Add home path * Prefetch to speed up queries * * Add robots.txt * Disallow login and forgot password routes * wildcard user-agent * Fix space query cache * fix * fix * use space uuid for recent pages * prefetch billing plans * enhance license page * sync
2026-05-07 06:23:06 +08:00 · 2025-03-06 13:38:37 +00:00
parent 91596be70e
commit b81c9ee10c
148 changed files with 8947 additions and 3458 deletions
@@ -0,0 +1,96 @@
+import * as z from "zod";
+import { useForm, zodResolver } from "@mantine/form";
+import {
+  Container,
+  Title,
+  TextInput,
+  Button,
+  Box,
+  Text,
+  Anchor,
+  Divider,
+} from "@mantine/core";
+import classes from "../../features/auth/components/auth.module.css";
+import { getCheckHostname } from "@/features/workspace/services/workspace-service.ts";
+import { useState } from "react";
+import { getSubdomainHost } from "@/lib/config.ts";
+import { Link } from "react-router-dom";
+import APP_ROUTE from "@/lib/app-route.ts";
+import { useTranslation } from "react-i18next";
+import JoinedWorkspaces from "@/ee/components/joined-workspaces.tsx";
+import { useJoinedWorkspacesQuery } from "@/ee/cloud/query/cloud-query.ts";
+
+const formSchema = z.object({
+  hostname: z.string().min(1, { message: "subdomain is required" }),
+});
+
+export function CloudLoginForm() {
+  const { t } = useTranslation();
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const { data: joinedWorkspaces } = useJoinedWorkspacesQuery();
+
+  const form = useForm<any>({
+    validate: zodResolver(formSchema),
+    initialValues: {
+      hostname: "",
+    },
+  });
+
+  async function onSubmit(data: { hostname: string }) {
+    setIsLoading(true);
+
+    try {
+      const checkHostname = await getCheckHostname(data.hostname);
+      window.location.href = checkHostname.hostname;
+    } catch (err) {
+      if (err?.status === 404) {
+        form.setFieldError("hostname", "We could not find this workspace");
+      } else {
+        form.setFieldError("hostname", "An error occurred");
+      }
+    }
+
+    setIsLoading(false);
+  }
+
+  return (
+    <div>
+      <Container size={420} className={classes.container}>
+        <Box p="xl" className={classes.containerBox}>
+          <Title order={2} ta="center" fw={500} mb="md">
+            {t("Login")}
+          </Title>
+
+          <JoinedWorkspaces />
+
+          {joinedWorkspaces?.length > 0 && (
+            <Divider my="xs" label="OR" labelPosition="center" />
+          )}
+
+          <form onSubmit={form.onSubmit(onSubmit)}>
+            <TextInput
+              type="text"
+              placeholder="my-team"
+              description="Enter your workspace hostname"
+              label="Workspace hostname"
+              rightSection={<Text fw={500}>.{getSubdomainHost()}</Text>}
+              rightSectionWidth={150}
+              withErrorStyles={false}
+              {...form.getInputProps("hostname")}
+            />
+            <Button type="submit" fullWidth mt="xl" loading={isLoading}>
+              {t("Continue")}
+            </Button>
+          </form>
+        </Box>
+      </Container>
+
+      <Text ta="center">
+        {t("Don't have a workspace?")}{" "}
+        <Anchor component={Link} to={APP_ROUTE.AUTH.CREATE_WORKSPACE} fw={500}>
+          {t("Create new workspace")}
+        </Anchor>
+      </Text>
+    </div>
+  );
+}