feat: add public share options for workflow

2024-01-14 23:35:25 +08:00
parent dafc8b168b
commit 18cfbce171
22 changed files with 1327 additions and 158 deletions
@@ -0,0 +1,87 @@
+import {
+  PublicRunOutputs,
+  RunWorkflowInline,
+} from "@/components/VersionSelect";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { db } from "@/db/db";
+import { usersTable } from "@/db/schema";
+import { getInputsFromWorkflow } from "@/lib/getInputsFromWorkflow";
+import { getRelativeTime } from "@/lib/getRelativeTime";
+import { setInitialUserData } from "@/lib/setInitialUserData";
+import { findSharedDeployment } from "@/server/curdDeploments";
+import { auth, clerkClient } from "@clerk/nextjs/server";
+import { eq } from "drizzle-orm";
+import { redirect } from "next/navigation";
+
+export default async function Page({
+  params,
+}: {
+  params: { share_id: string };
+}) {
+  const { userId } = await auth();
+
+  // If there is user, check if the user data is present
+  if (userId) {
+    const user = await db.query.usersTable.findFirst({
+      where: eq(usersTable.id, userId),
+    });
+
+    if (!user) {
+      await setInitialUserData(userId);
+    }
+  }
+
+  const sharedDeployment = await findSharedDeployment(params.share_id);
+
+  if (!sharedDeployment) return redirect("/");
+
+  const userName = sharedDeployment.workflow.org_id
+    ? await clerkClient.organizations
+        .getOrganization({
+          organizationId: sharedDeployment.workflow.org_id,
+        })
+        .then((x) => x.name)
+    : sharedDeployment.user.name;
+
+  const inputs = getInputsFromWorkflow(sharedDeployment.version);
+
+  return (
+    <div className="mt-4 w-full grid grid-rows-[1fr,1fr] lg:grid-cols-[minmax(auto,500px),1fr] gap-4 max-h-[calc(100dvh-100px)]">
+      <Card className="w-full h-fit mt-4">
+        <CardHeader>
+          <CardTitle>
+            {userName}
+            {" / "}
+            {sharedDeployment.workflow.name}
+          </CardTitle>
+          <CardDescription suppressHydrationWarning={true}>
+            {getRelativeTime(sharedDeployment?.updated_at)}
+          </CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <RunWorkflowInline
+            inputs={inputs}
+            machine_id={sharedDeployment.machine_id}
+            workflow_version_id={sharedDeployment.workflow_version_id}
+          />
+        </CardContent>
+      </Card>
+      <Card className="w-full h-fit mt-4">
+        <CardHeader>
+          <CardDescription>Run outputs</CardDescription>
+        </CardHeader>
+
+        <CardContent>
+          <PublicRunOutputs />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}