feat: options to clone the workflow

web/src/app/(app)/api/upload/route.ts

@@ -1,9 +1,9 @@
+import { createNewWorkflow } from "../../../../server/createNewWorkflow";
 import { parseJWT } from "../../../../server/parseJWT";
 import { db } from "@/db/db";
 import {
   snapshotType,
   workflowAPIType,
-  workflowTable,
   workflowType,
   workflowVersionTable,
 } from "@/db/schema";
@@ -76,29 +76,44 @@ export async function POST(request: Request) {
   try {
     if ((!workflow_id || workflow_id.length == 0) && workflow_name) {
       // Create a new parent workflow
-      const workflow_parent = await db
-        .insert(workflowTable)
-        .values({
-          user_id,
-          name: workflow_name,
+      const { workflow_id: _workflow_id, version: _version } =
+        await createNewWorkflow({
+          user_id: user_id,
           org_id: org_id,
-        })
-        .returning();
+          workflow_name: workflow_name,
+          workflowData: {
+            workflow,
+            workflow_api,
+            snapshot,
+          },
+        });
 
-      workflow_id = workflow_parent[0].id;
+      workflow_id = _workflow_id;
+      version = _version;
 
-      // Create a new version
-      const data = await db
-        .insert(workflowVersionTable)
-        .values({
-          workflow_id: workflow_id,
-          workflow,
-          workflow_api,
-          version: 1,
-          snapshot: snapshot,
-        })
-        .returning();
-      version = data[0].version;
+      // const workflow_parent = await db
+      //   .insert(workflowTable)
+      //   .values({
+      //     user_id,
+      //     name: workflow_name,
+      //     org_id: org_id,
+      //   })
+      //   .returning();
+
+      // workflow_id = workflow_parent[0].id;
+
+      // // Create a new version
+      // const data = await db
+      //   .insert(workflowVersionTable)
+      //   .values({
+      //     workflow_id: workflow_id,
+      //     workflow,
+      //     workflow_api,
+      //     version: 1,
+      //     snapshot: snapshot,
+      //   })
+      //   .returning();
+      // version = data[0].version;
     } else if (workflow_id) {
       // Case 2 update workflow
       const data = await db

web/src/app/(app)/share/[share_id]/page.tsx

@@ -1,7 +1,9 @@
+import { ButtonAction } from "@/components/ButtonActionLoader";
 import {
   PublicRunOutputs,
   RunWorkflowInline,
 } from "@/components/VersionSelect";
+import { Button } from "@/components/ui/button";
 import {
   Card,
   CardContent,
@@ -14,7 +16,7 @@ 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 { cloneWorkflow, findSharedDeployment } from "@/server/curdDeploments";
 import { auth, clerkClient } from "@clerk/nextjs/server";
 import { eq } from "drizzle-orm";
 import { redirect } from "next/navigation";
@@ -55,10 +57,19 @@ export default async function Page({
     <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 className="flex justify-between items-center">
+            <div>
+              {userName}
+              {" / "}
+              {sharedDeployment.workflow.name}
+            </div>
+            <Button asChild className="gap-2" variant="outline" type="submit">
+              <ButtonAction
+                action={cloneWorkflow.bind(null, sharedDeployment.id)}
+              >
+                Clone
+              </ButtonAction>
+            </Button>
           </CardTitle>
           <CardDescription suppressHydrationWarning={true}>
             {getRelativeTime(sharedDeployment?.updated_at)}