Merge pull request #14 from techops-services/KEEP-1155-write-smart-contract

Keep 1155 Write smart contract action

Author: taitsengstock

README.md

@@ -90,7 +90,7 @@ Visit [http://localhost:3000](http://localhost:3000) to get started.
 - **Resend**: Send Email
 - **Slack**: Send Slack Message
 - **v0**: Create Chat, Send Message
-- **Web3**: Transfer Funds, Read Contract
+- **Web3**: Transfer Funds, Read Contract, Write Contract
 <!-- PLUGINS:END -->
 
 ## Code Generation

components/workflow/config/action-config-renderer.tsx

@@ -116,6 +116,7 @@ function SchemaBuilderField(props: FieldProps) {
 
 type AbiFunctionSelectProps = FieldProps & {
   abiValue: string;
+  functionFilter?: "read" | "write";
 };
 
 function AbiFunctionSelectField({
@@ -124,6 +125,7 @@ function AbiFunctionSelectField({
   onChange,
   disabled,
   abiValue,
+  functionFilter = "read",
 }: AbiFunctionSelectProps) {
   // Parse ABI and extract functions
   const functions = React.useMemo(() => {
@@ -137,27 +139,36 @@ function AbiFunctionSelectField({
         return [];
       }
 
-      // Extract all functions from the ABI
-      return abi
-        .filter((item) => item.type === "function")
-        .map((func) => {
-          const inputs = func.inputs || [];
-          const params = inputs
-            .map(
-              (input: { name: string; type: string }) =>
-                `${input.type} ${input.name}`
-            )
-            .join(", ");
-          return {
-            name: func.name,
-            label: `${func.name}(${params})`,
-            stateMutability: func.stateMutability || "nonpayable",
-          };
-        });
+      // Filter functions based on functionFilter prop
+      const filterFn =
+        functionFilter === "write"
+          ? (item: { type: string; stateMutability?: string }) =>
+              item.type === "function" &&
+              item.stateMutability !== "view" &&
+              item.stateMutability !== "pure"
+          : (item: { type: string; stateMutability?: string }) =>
+              item.type === "function" &&
+              (item.stateMutability === "view" ||
+                item.stateMutability === "pure");
+
+      return abi.filter(filterFn).map((func) => {
+        const inputs = func.inputs || [];
+        const params = inputs
+          .map(
+            (input: { name: string; type: string }) =>
+              `${input.type} ${input.name}`
+          )
+          .join(", ");
+        return {
+          name: func.name,
+          label: `${func.name}(${params})`,
+          stateMutability: func.stateMutability || "nonpayable",
+        };
+      });
     } catch {
       return [];
     }
-  }, [abiValue]);
+  }, [abiValue, functionFilter]);
 
   if (functions.length === 0) {
     return (
@@ -177,7 +188,7 @@ function AbiFunctionSelectField({
       <SelectContent>
         {functions.map((func) => (
           <SelectItem key={func.name} value={func.name}>
-            <div className="flex flex-col">
+            <div className="flex flex-col items-start">
               <span>{func.label}</span>
               <span className="text-muted-foreground text-xs">
                 {func.stateMutability}
@@ -338,6 +349,7 @@ function renderField(
           abiValue={abiValue}
           disabled={disabled}
           field={field}
+          functionFilter={field.functionFilter}
           onChange={(val) => onUpdateConfig(field.key, val)}
           value={value}
         />

plugins/registry.ts

@@ -62,6 +62,9 @@ export type ActionConfigFieldBase = {
   // For abi-function-select: which field contains the ABI JSON
   abiField?: string;
 
+  // For abi-function-select: filter functions by type ("read" or "write")
+  functionFilter?: "read" | "write";
+
   // For abi-function-args: which field contains the ABI JSON and selected function
   abiFunctionField?: string;
 };

plugins/web3/icon.tsx

@@ -1,16 +1,10 @@
 export function Web3Icon({ className }: { className?: string }) {
   return (
-    <svg
-      aria-label="Web3"
-      className={className}
-      fill="currentColor"
-      viewBox="0 0 24 24"
-      xmlns="http://www.w3.org/2000/svg"
-    >
+    <svg className={className} xmlns="http://www.w3.org/2000/svg" width="148" height="148" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" >
       <title>Web3</title>
-      {/* Blockchain/connected blocks icon */}
-      <path d="M12 2L2 7v10l10 5 10-5V7L12 2zm0 2.18l8 4v8.64l-8 4-8-4V8.18l8-4z" />
-      <path d="M12 6L6 9v6l6 3 6-3V9l-6-3zm0 2.18l3.82 1.91v3.82L12 15.82l-3.82-1.91V10.09L12 8.18z" />
+      <circle cx="12" cy="12" r="10"/>
+      <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"/>
+      <path d="M2 12h20"/>
     </svg>
   );
 }

plugins/web3/index.ts

@@ -118,6 +118,77 @@ const web3Plugin: IntegrationPlugin = {
         },
       ],
     },
+    {
+      slug: "write-contract",
+      label: "Write Contract",
+      description: "Write data to a smart contract (state-changing functions)",
+      category: "Web3",
+      stepFunction: "writeContractStep",
+      stepImportPath: "write-contract",
+      outputFields: [
+        {
+          field: "success",
+          description: "Whether the contract call succeeded",
+        },
+        {
+          field: "transactionHash",
+          description: "The transaction hash of the successful write",
+        },
+        {
+          field: "result",
+          description: "The contract function return value (if any)",
+        },
+        {
+          field: "error",
+          description: "Error message if the call failed",
+        },
+      ],
+      configFields: [
+        {
+          key: "contractAddress",
+          label: "Contract Address",
+          type: "template-input",
+          placeholder: "0x... or {{NodeName.contractAddress}}",
+          example: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+          required: true,
+        },
+        {
+          key: "network",
+          label: "Network",
+          type: "select",
+          placeholder: "Select network",
+          required: true,
+          options: [
+            { label: "Ethereum Mainnet", value: "mainnet" },
+            { label: "Sepolia Testnet", value: "sepolia" },
+          ],
+        },
+        {
+          key: "abi",
+          label: "Contract ABI",
+          type: "template-textarea",
+          placeholder: "Paste contract ABI JSON here",
+          rows: 6,
+          required: true,
+        },
+        {
+          key: "abiFunction",
+          label: "Function",
+          type: "abi-function-select",
+          abiField: "abi",
+          functionFilter: "write",
+          placeholder: "Select a function",
+          required: true,
+        },
+        {
+          key: "functionArgs",
+          label: "Function Arguments",
+          type: "abi-function-args",
+          abiField: "abi",
+          abiFunctionField: "abiFunction",
+        },
+      ],
+    },
   ],
 };