From 90107ebe1b2b50494da381dc481053c3f255c221 Mon Sep 17 00:00:00 2001
From: Nick Kao <45542006+NicholasKao1029@users.noreply.github.com>
Date: Mon, 29 Jan 2024 05:40:19 -0800
Subject: [PATCH] change to show npm install instead of copying file (#5)

---
 web/src/components/DeploymentDisplay.tsx | 41 ++++++++++++------------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/web/src/components/DeploymentDisplay.tsx b/web/src/components/DeploymentDisplay.tsx
index 257545f..08afc39 100644
--- a/web/src/components/DeploymentDisplay.tsx
+++ b/web/src/components/DeploymentDisplay.tsx
@@ -118,15 +118,12 @@ export function DeploymentDisplay({
             </TabsList>
             <TabsContent className="flex flex-col gap-2 !mt-0" value="client">
               <div>
-                Copy and paste the ComfyDeployClient form&nbsp;
-                <a
-                  href="https://github.com/BennyKok/comfyui-deploy-next-example/blob/main/src/lib/comfy-deploy.ts"
-                  className="text-blue-500 hover:underline"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  here
-                </a>
+                Install the node comfydeploy SDK
+                <CodeBlock
+                  lang="bash"
+                  code={`npm i comfydeploy`}
+                />
+                Initialize your client
               </div>
               <CodeBlock
                 lang="js"
@@ -200,18 +197,20 @@ function formatCode(
   if (inputs && inputs.length > 0) {
     codeTemplate = codeTemplate.replace(
       "inputs: {}",
-      `inputs: ${JSON.stringify(
-        Object.fromEntries(
-          inputs.map((x) => {
-            return [x?.input_id, ""];
-          }),
-        ),
-        null,
-        2,
-      )
-        .split("\n")
-        .map((line, index) => (index === 0 ? line : `    ${line}`)) // Add two spaces indentation except for the first line
-        .join("\n")}`,
+      `inputs: ${
+        JSON.stringify(
+          Object.fromEntries(
+            inputs.map((x) => {
+              return [x?.input_id, ""];
+            }),
+          ),
+          null,
+          2,
+        )
+          .split("\n")
+          .map((line, index) => (index === 0 ? line : `    ${line}`)) // Add two spaces indentation except for the first line
+          .join("\n")
+      }`,
     );
   } else {
     codeTemplate = codeTemplate.replace(