feat: add public share options for workflow

web/src/app/(app)/workflows/[workflow_id]/@workflow/page.tsx

@@ -3,6 +3,7 @@ import { VersionDetails } from "@/components/VersionDetails";
 import {
   CopyWorkflowVersion,
   CreateDeploymentButton,
+  CreateShareButton,
   MachineSelect,
   RunWorkflowButton,
   VersionSelect,
@@ -18,7 +19,6 @@ import {
 import { getRelativeTime } from "@/lib/getRelativeTime";
 import { getMachines } from "@/server/curdMachine";
 import { findFirstTableWithVersion } from "@/server/findFirstTableWithVersion";
-import { redirect } from "next/navigation";
 
 export default async function Page({
   params,
@@ -45,6 +45,7 @@ export default async function Page({
           <MachineSelect machines={machines} />
           <RunWorkflowButton workflow={workflow} machines={machines} />
           <CreateDeploymentButton workflow={workflow} machines={machines} />
+          <CreateShareButton workflow={workflow} machines={machines} />
           <CopyWorkflowVersion workflow={workflow} />
           <ViewWorkflowDetailsButton workflow={workflow} />
         </div>

web/src/app/(app)/workflows/page.tsx

@@ -1,7 +1,8 @@
+import { setInitialUserData } from "../../../lib/setInitialUserData";
 import { WorkflowList } from "@/components/WorkflowList";
 import { db } from "@/db/db";
 import { usersTable, workflowTable, workflowVersionTable } from "@/db/schema";
-import { auth, clerkClient } from "@clerk/nextjs";
+import { auth } from "@clerk/nextjs";
 import { and, desc, eq, isNull } from "drizzle-orm";
 
 export default function Home() {
@@ -55,26 +56,3 @@ async function WorkflowServer() {
     />
   );
 }
-
-async function setInitialUserData(userId: string) {
-  const user = await clerkClient.users.getUser(userId);
-
-  // incase we dont have username such as google login, fallback to first name + last name
-  const usernameFallback =
-    user.username ?? (user.firstName ?? "") + (user.lastName ?? "");
-
-  // For the display name, if it for some reason is empty, fallback to username
-  let nameFallback = (user.firstName ?? "") + (user.lastName ?? "");
-  if (nameFallback === "") {
-    nameFallback = usernameFallback;
-  }
-
-  const result = await db.insert(usersTable).values({
-    id: userId,
-    // this is used for path, make sure this is unique
-    username: usernameFallback,
-
-    // this is for display name, maybe different from username
-    name: nameFallback,
-  });
-}