chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,166 @@
+import { MagnifyingGlassIcon } from "@heroicons/react/20/solid";
+import { Form } from "@remix-run/react";
+import { typedjson, useTypedLoaderData } from "remix-typedjson";
+import { z } from "zod";
+import { Button, LinkButton } from "~/components/primitives/Buttons";
+import { CopyableText } from "~/components/primitives/CopyableText";
+import { Input } from "~/components/primitives/Input";
+import { PaginationControls } from "~/components/primitives/Pagination";
+import { Paragraph } from "~/components/primitives/Paragraph";
+import {
+  Table,
+  TableBlankRow,
+  TableBody,
+  TableCell,
+  TableHeader,
+  TableHeaderCell,
+  TableRow,
+} from "~/components/primitives/Table";
+import { adminGetUsers, redirectWithImpersonation } from "~/models/admin.server";
+import { dashboardAction, dashboardLoader } from "~/services/routeBuilders/dashboardBuilder";
+import { createSearchParams } from "~/utils/searchParams";
+
+export const SearchParams = z.object({
+  page: z.coerce.number().optional(),
+  search: z.string().optional(),
+});
+
+export type SearchParams = z.infer<typeof SearchParams>;
+
+export const loader = dashboardLoader(
+  { authorization: { requireSuper: true } },
+  async ({ user, request }) => {
+    const searchParams = createSearchParams(request.url, SearchParams);
+    if (!searchParams.success) {
+      throw new Error(searchParams.error);
+    }
+    const result = await adminGetUsers(user.id, searchParams.params.getAll());
+
+    return typedjson(result);
+  }
+);
+
+const FormSchema = z.object({ id: z.string() });
+
+export const action = dashboardAction(
+  { authorization: { requireSuper: true } },
+  async ({ request }) => {
+    if (request.method.toLowerCase() !== "post") {
+      return new Response("Method not allowed", { status: 405 });
+    }
+
+    const payload = Object.fromEntries(await request.formData());
+    const { id } = FormSchema.parse(payload);
+
+    return redirectWithImpersonation(request, id, "/");
+  }
+);
+
+export default function AdminDashboardRoute() {
+  const { users, filters, page, pageCount } = useTypedLoaderData<typeof loader>();
+
+  return (
+    <main
+      aria-labelledby="primary-heading"
+      className="flex h-full min-w-0 flex-1 flex-col overflow-y-auto px-4 pb-4 lg:order-last"
+    >
+      <div className=" space-y-4">
+        <Form className="flex items-center gap-2">
+          <Input
+            placeholder="Search users or orgs"
+            variant="medium"
+            icon={MagnifyingGlassIcon}
+            fullWidth={true}
+            name="search"
+            defaultValue={filters.search}
+            autoFocus
+          />
+          <Button type="submit" variant="secondary/medium">
+            Search
+          </Button>
+        </Form>
+
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHeaderCell>Email</TableHeaderCell>
+              <TableHeaderCell>Orgs</TableHeaderCell>
+              <TableHeaderCell>GitHub</TableHeaderCell>
+              <TableHeaderCell>id</TableHeaderCell>
+              <TableHeaderCell>Created</TableHeaderCell>
+              <TableHeaderCell>Admin?</TableHeaderCell>
+              <TableHeaderCell>Actions</TableHeaderCell>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {users.length === 0 ? (
+              <TableBlankRow colSpan={9}>
+                <Paragraph>No users found for search</Paragraph>
+              </TableBlankRow>
+            ) : (
+              users.map((user) => {
+                return (
+                  <TableRow key={user.id}>
+                    <TableCell>
+                      <CopyableText value={user.email} />
+                    </TableCell>
+                    <TableCell>
+                      {user.orgMemberships.map((org) => (
+                        <LinkButton
+                          key={org.organization.slug}
+                          variant="minimal/small"
+                          to={`/admin/orgs?search=${encodeURIComponent(org.organization.slug)}`}
+                        >
+                          {org.organization.title} ({org.organization.slug})
+                          {org.organization.deletedAt ? " (☠️)" : ""}
+                        </LinkButton>
+                      ))}
+                    </TableCell>
+                    <TableCell>
+                      <a
+                        href={`https://github.com/${user.displayName}`}
+                        target="_blank"
+                        className="text-indigo-500 underline"
+                        rel="noreferrer"
+                      >
+                        {user.displayName}
+                      </a>
+                    </TableCell>
+                    <TableCell>
+                      <CopyableText value={user.id} />
+                    </TableCell>
+                    <TableCell>
+                      <CopyableText value={user.createdAt.toISOString()} />
+                    </TableCell>
+                    <TableCell>{user.admin ? "✅" : ""}</TableCell>
+                    <TableCell isSticky={true}>
+                      <Form method="post" action="/admin/impersonate" reloadDocument>
+                        <input type="hidden" name="id" value={user.id} />
+                        <Button
+                          type="submit"
+                          name="action"
+                          value="impersonate"
+                          className="mr-2"
+                          variant="tertiary/small"
+                          shortcut={
+                            users.length === 1
+                              ? { modifiers: ["mod"], key: "enter", enabledOnInputElements: true }
+                              : undefined
+                          }
+                        >
+                          Impersonate
+                        </Button>
+                      </Form>
+                    </TableCell>
+                  </TableRow>
+                );
+              })
+            )}
+          </TableBody>
+        </Table>
+
+        <PaginationControls currentPage={page} totalPages={pageCount} />
+      </div>
+    </main>
+  );
+}