@aigne/afs-ocap 1.12.0-beta.5

package/aup/tokens/item.json

@@ -0,0 +1,384 @@
+{
+  "id": "token-detail",
+  "type": "view",
+  "props": {
+    "layout": { "direction": "column", "gap": "md" },
+    "animate": "slide-up",
+    "style": { "padding": "16px 24px" }
+  },
+  "children": [
+    {
+      "id": "tok-header",
+      "type": "view",
+      "props": {
+        "layout": { "direction": "row", "gap": "md", "crossAlign": "center" }
+      },
+      "children": [
+        {
+          "id": "tok-avatar",
+          "type": "media",
+          "props": {
+            "type": "avatar",
+            "variant": "did-motif",
+            "seed": "${content.address}",
+            "src": "${content.icon}",
+            "size": 56
+          }
+        },
+        {
+          "id": "tok-title-block",
+          "type": "view",
+          "props": { "layout": { "direction": "column", "gap": "xs", "crossAlign": "start" } },
+          "children": [
+            {
+              "id": "tok-name",
+              "type": "text",
+              "props": {
+                "content": "${content.name|default:Token}",
+                "level": 2
+              }
+            },
+            {
+              "id": "tok-meta",
+              "type": "view",
+              "props": {
+                "layout": { "direction": "row", "gap": "sm", "crossAlign": "center" }
+              },
+              "children": [
+                {
+                  "id": "tok-symbol",
+                  "type": "text",
+                  "props": {
+                    "content": "${content.symbol}",
+                    "intent": "info",
+                    "variant": "badge"
+                  }
+                },
+                {
+                  "id": "tok-addr",
+                  "type": "text",
+                  "props": {
+                    "content": "${content.address}",
+                    "scale": "sm",
+                    "format": "did"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "tok-overview",
+      "type": "entity-overview",
+      "props": {
+        "layout": "2-stack",
+        "data": "${content}",
+        "cards": [
+          {
+            "id": "tok-card-overview",
+            "title": "Overview",
+            "fields": [
+              {
+                "key": "address",
+                "label": "Address",
+                "format": "did",
+                "tooltip": "Token DID. Click to copy."
+              },
+              {
+                "key": "totalSupply",
+                "label": "Total Supply",
+                "format": "bignum:@{decimal}",
+                "symbol": "${content.symbol}",
+                "tooltip": "Total amount of the token currently minted on-chain."
+              },
+              {
+                "key": "initialSupply",
+                "label": "Initial Supply",
+                "format": "bignum:@{decimal}",
+                "symbol": "${content.symbol}",
+                "hideWhenEmpty": true,
+                "tooltip": "Supply released into circulation when the token was created. Set to a small value for bridge-backed tokens whose supply scales with bridged volume."
+              },
+              {
+                "key": "maxTotalSupply",
+                "label": "Max Supply",
+                "format": "bignum:@{decimal}",
+                "symbol": "${content.symbol}",
+                "tooltip": "Hard cap on the supply this token can ever reach. Empty / \"Unlimited\" means uncapped."
+              },
+              {
+                "key": "_typeLabel",
+                "label": "Type",
+                "hideWhenEmpty": true,
+                "tooltip": "Token kind: Standard = fixed-issuance; Credit = prepaid credits redeemed for a service; Bonding-Curve = minted / burned through a factory contract."
+              },
+              {
+                "key": "_priceUSD",
+                "label": "Price (USD)",
+                "hideWhenEmpty": true,
+                "tooltip": "USD spot price from the upstream price feed (refreshed every 60s)."
+              },
+              {
+                "key": "_priceChange24h",
+                "label": "24h Change",
+                "hideWhenEmpty": true,
+                "tooltip": "USD price change over the trailing 24 hours."
+              },
+              {
+                "key": "description",
+                "label": "Description",
+                "hideWhenEmpty": true
+              },
+              {
+                "key": "website",
+                "label": "Website",
+                "format": "link",
+                "hideWhenEmpty": true,
+                "tooltip": "Issuer-supplied project website."
+              },
+              {
+                "key": "_communityUrl",
+                "label": "Community",
+                "format": "link",
+                "hideWhenEmpty": true,
+                "tooltip": "Community channel URL supplied by the issuer."
+              },
+              {
+                "key": "genesisTime",
+                "label": "Created",
+                "format": "datetime",
+                "interactive": true,
+                "hideWhenEmpty": true,
+                "tooltip": "Block timestamp when the token was created. Click to switch between UTC, Local time, and Unix Timestamp."
+              },
+              {
+                "key": "renaissanceTime",
+                "label": "Updated",
+                "format": "datetime",
+                "interactive": true,
+                "hideWhenEmpty": true,
+                "tooltip": "Block timestamp of the most recent state change. Click to switch between UTC, Local time, and Unix Timestamp."
+              }
+            ]
+          },
+          {
+            "id": "tok-card-info",
+            "title": "Token Info",
+            "fields": [
+              {
+                "key": "_issuerName",
+                "label": "Issuer Name",
+                "hideWhenEmpty": true,
+                "tooltip": "Issuer's display name as written into the token metadata."
+              },
+              {
+                "key": "issuer",
+                "label": "Issued By",
+                "format": "did",
+                "navigateTo": "accounts/{value}",
+                "hideWhenEmpty": true,
+                "tooltip": "On-chain DID of the account that minted the token."
+              },
+              {
+                "key": "tokenFactoryAddress",
+                "label": "Token Factory",
+                "format": "did",
+                "navigateTo": "factories/{value}",
+                "hideWhenEmpty": true,
+                "tooltip": "Bonding-curve factory that owns this token's mint / burn lifecycle."
+              },
+              {
+                "key": "symbol",
+                "label": "Symbol",
+                "monospace": true,
+                "tooltip": "Trading symbol on-chain (case-sensitive)."
+              },
+              {
+                "key": "decimal",
+                "label": "Decimals",
+                "format": "number",
+                "tooltip": "Number of fractional digits used when displaying this token (e.g. 18 = wei-style)."
+              }
+            ]
+          },
+          {
+            "id": "tok-card-permissions",
+            "title": "Permissions",
+            "hideWhenEmpty": true,
+            "fields": [
+              {
+                "key": "spenders",
+                "label": "Spenders",
+                "format": "did-list",
+                "navigateTo": "accounts/{value}",
+                "hideWhenEmpty": true,
+                "tooltip": "Addresses authorized to transfer this token."
+              },
+              {
+                "key": "minters",
+                "label": "Minters",
+                "format": "did-list",
+                "navigateTo": "accounts/{value}",
+                "hideWhenEmpty": true,
+                "tooltip": "Addresses authorized to mint or burn this token."
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "id": "tok-tabs",
+      "type": "view",
+      "props": {
+        "mode": "tabs",
+        "layout": { "direction": "column", "gap": "sm" }
+      },
+      "children": [
+        {
+          "id": "tok-tab-transactions",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Transactions",
+            "tabIcon": "file-text",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "tok-tab-transactions-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/transactions",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  { "key": "content.hash", "label": "Hash", "format": "did", "width": "180px" },
+                  {
+                    "key": "content._typeName",
+                    "label": "Type",
+                    "format": "colored-badge",
+                    "colorKey": "content._methodColor",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content.sender",
+                    "label": "From",
+                    "format": "did",
+                    "width": "150px"
+                  },
+                  {
+                    "label": "",
+                    "format": "direction-pill",
+                    "pillContextKey": "content._currentAccount",
+                    "pillSenderKey": "content.sender",
+                    "pillReceiverKey": "content.receiver",
+                    "width": "60px",
+                    "align": "center"
+                  },
+                  {
+                    "key": "content.receiver",
+                    "label": "To",
+                    "format": "did",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content.value",
+                    "label": "Value",
+                    "format": "bignum:@{content.decimal}",
+                    "symbol": "@{content.symbol}",
+                    "width": "150px",
+                    "align": "right"
+                  },
+                  {
+                    "key": "content._gasFeeRaw",
+                    "label": "Fee",
+                    "hideBelow": "tablet-wide",
+                    "format": "bignum:18",
+                    "symbol": "ABT",
+                    "strikethrough": "@{content._gasExempted}",
+                    "width": "120px",
+                    "align": "right"
+                  },
+                  {
+                    "key": "content.time",
+                    "label": "Time",
+                    "format": "timeago",
+                    "width": "120px"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "tok-tab-holders",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Top Holders",
+            "tabIcon": "user-check",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "tok-tab-holders-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/holders",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.address",
+                    "label": "Address",
+                    "format": "did",
+                    "width": "200px"
+                  },
+                  {
+                    "key": "content._monikerDisplay",
+                    "label": "Name",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content._tokenBalance",
+                    "label": "Balance",
+                    "format": "bignum:@{content._tokenDecimal}",
+                    "symbol": "@{content._tokenSymbol}",
+                    "width": "150px",
+                    "align": "right"
+                  },
+                  {
+                    "key": "content.genesisTime",
+                    "label": "Created",
+                    "format": "timeago",
+                    "width": "120px"
+                  },
+                  {
+                    "key": "content.renaissanceTime",
+                    "label": "Updated",
+                    "hideBelow": "tablet-wide",
+                    "format": "timeago",
+                    "width": "120px"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/aup/transactions/default.json

@@ -0,0 +1,102 @@
+{
+  "id": "txs-view",
+  "type": "view",
+  "props": {
+    "layout": {
+      "direction": "column",
+      "gap": "none"
+    },
+    "style": {
+      "flex": "1",
+      "overflow": "auto"
+    }
+  },
+  "children": [
+    {
+      "id": "txs-view-toggle",
+      "type": "live-toggle",
+      "props": {
+        "label": "Live updates"
+      }
+    },
+    {
+      "id": "txs-view-list",
+      "type": "afs-list",
+      "src": "${_parentPath}",
+      "props": {
+        "listOptions": "${listOptions}",
+        "layout": "table",
+        "columns": [
+          {
+            "key": "content.hash",
+            "label": "Hash",
+            "mobileRole": "title",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content._typeName",
+            "label": "Type",
+            "format": "colored-badge",
+            "colorKey": "content._methodColor",
+            "width": "150px"
+          },
+          {
+            "key": "content.sender",
+            "label": "From",
+            "format": "did",
+            "width": "150px"
+          },
+          {
+            "label": "",
+            "format": "direction-pill",
+            "pillContextKey": "content._currentAccount",
+            "pillSenderKey": "content.sender",
+            "pillReceiverKey": "content.receiver",
+            "width": "60px",
+            "align": "center"
+          },
+          {
+            "key": "content.receiver",
+            "label": "To",
+            "format": "did",
+            "width": "150px"
+          },
+          {
+            "key": "content.value",
+            "label": "Value",
+            "format": "bignum:@{content.decimal}",
+            "symbol": "@{content.symbol}",
+            "suffix": "@{content._valueLegCountSuffix}",
+            "width": "150px",
+            "align": "right"
+          },
+          {
+            "key": "content._gasFeeRaw",
+            "label": "Fee",
+            "hideBelow": "tablet-wide",
+            "format": "bignum:18",
+            "symbol": "ABT",
+            "strikethrough": "@{content._gasExempted}",
+            "width": "120px",
+            "align": "right"
+          },
+          {
+            "key": "content.time",
+            "label": "Time",
+            "format": "timeago",
+            "width": "120px"
+          }
+        ],
+        "pageSize": 20,
+        "pagination": "manual",
+        "clickMode": "both",
+        "autoSelect": false,
+        "filter": {
+          "exclude": ".."
+        },
+        "showBreadcrumb": false
+      }
+    }
+  ]
+}