Merge pull request #275 from helius-labs/feat/update-compressed-metad…

…ata-txt-support [Feat] Add Support for Compressed NFT Metadata Update Transactions
helius-labs · Jan 17, 2024 · 04b1824 · 04b1824
2 parents adefbdb + b2d7893
commit 04b1824
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 4 deletions.
diff --git a/src/lib/components/json.svelte b/src/lib/components/json.svelte
@@ -25,7 +25,7 @@
 >
     <div class="mt-3 grid grid-cols-12 items-center gap-3 rounded-lg p-1">
         <div class="col-span-2 p-1 md:col-span-1">
-            {#if label !== "token"}
+            {#if label !== "token" && label !== "update-cNFT"}
                 <div class="center h-10 w-10 rounded-full bg-secondary">
                     <Icon
                         id="json"
@@ -58,11 +58,11 @@
                 </h3>
             </div>
             <div class="flex items-center">
-                {#if label === "token"}
+                {#if label === "token" || label === "update-cNFT"}
                     <h3 class="mr-2 text-xs">Copy JSON</h3>
                 {/if}
                 <CopyButton text={JSON.stringify(data, null, 2)} />
-                {#if label !== "token"}
+                {#if label !== "token" && label !== "update-cNFT"}
                     <button
                         class="btn-ghost btn-sm btn"
                         on:click={() => (showCode = !showCode)}
@@ -82,7 +82,7 @@
                 {/if}
             </div>
         </div>
-        {#if showCode || label === "token"}
+        {#if showCode || label === "token" || label === "update-cNFT"}
             <div class="code col-span-12 w-full overflow-hidden px-3">
                 <pre><code class="text-xs">{@html metadataHTML}</code></pre>
             </div>

diff --git a/src/lib/config.ts b/src/lib/config.ts
@@ -101,6 +101,10 @@ export const transactionActionsMetadata: Record<
         icon: "lightning",
         label: "Transfer",
     },
+    COMPRESSED_NFT_UPDATE_METADATA: {
+        icon: "arrowUp",
+        label: "Update NFT Metadata",
+    },
     CREATE_ORDER: {
         icon: "plus",
         label: "Create Order",

diff --git a/src/lib/xray/lib/parser/types.ts b/src/lib/xray/lib/parser/types.ts
@@ -22,6 +22,7 @@ export enum ProtonSupportedType {
     EXECUTE_TRANSACTION,
     COMPRESSED_NFT_MINT,
     COMPRESSED_NFT_TRANSFER,
+    COMPRESSED_NFT_UPDATE_METADATA,
     APPROVE_TRANSACTION,
     STAKE_SOL,
     SFT_MINT,
@@ -87,6 +88,7 @@ export enum ProtonSupportedActionType {
     "XNFT_UNINSTALL",
     "COMPRESSED_NFT_MINT",
     "COMPRESSED_NFT_TRANSFER",
+    "COMPRESSED_NFT_UPDATE_METADATA",
     "APPROVE_TRANSACTION",
     "STAKE_SOL",
     "SFT_MINT",
@@ -155,6 +157,7 @@ export interface ProtonTransaction {
     actions: ProtonTransactionAction[];
     accounts: ProtonAccount[];
     raw?: EnrichedTransaction;
+    metadata?: { [key: string]: any };
 }
 
 export interface ProtonAccount {

diff --git a/src/routes/tx/[tx]/+page.svelte b/src/routes/tx/[tx]/+page.svelte
@@ -25,6 +25,7 @@
     let animate = false;
     let isLoading = true;
     let isMounted = false;
+    let updatedMetadata;
 
     const signature = $page.params.tx;
 
@@ -164,6 +165,34 @@
                     </div>
                 {/if}
 
+                {#if $transaction.data?.type === "COMPRESSED_NFT_UPDATE_METADATA"}
+                    <div class="px-3 pt-3">
+                        <Collapse
+                            sectionTitle="Old Metadata"
+                            showDetails={false}
+                            hideIcon={true}
+                        >
+                            <JSON
+                                data={data.raw?.events?.compressed[0]?.metadata}
+                                label={"update-cNFT"}
+                            />
+                        </Collapse>
+                    </div>
+                    <div class="mb-3 px-3 pt-3">
+                        <Collapse
+                            sectionTitle="Metadata Changes"
+                            showDetails={false}
+                            hideIcon={true}
+                        >
+                            <JSON
+                                data={data.raw?.events?.compressed[0]
+                                    ?.updateArgs}
+                                label={"update-cNFT"}
+                            />
+                        </Collapse>
+                    </div>
+                {/if}
+
                 <div class="mb-3 px-3">
                     <div
                         class="mt-3 grid grid-cols-12 items-center gap-3 rounded-lg border p-1 py-3"