@aigne/afs-ocap 1.12.0-beta.5

package/aup/default.json

@@ -0,0 +1,387 @@
+{
+  "id": "chain-overview",
+  "type": "view",
+  "props": {
+    "layout": { "direction": "column", "gap": "lg" },
+    "animate": "slide-up",
+    "style": { "padding": "16px 24px" }
+  },
+  "children": [
+    {
+      "id": "co-metrics",
+      "type": "view",
+      "props": { "layout": { "direction": "row", "gap": "md", "wrap": "wrap" } },
+      "children": [
+        {
+          "id": "co-stat-numTxs",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "transactions" },
+          "children": [
+            {
+              "id": "co-stat-numTxs-l",
+              "type": "text",
+              "props": { "content": "Transactions", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-numTxs-v",
+              "type": "text",
+              "props": { "content": "${content.numTxs|number}", "level": 2 }
+            }
+          ]
+        },
+        {
+          "id": "co-stat-accountCount",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "accounts" },
+          "children": [
+            {
+              "id": "co-stat-accountCount-l",
+              "type": "text",
+              "props": { "content": "Accounts", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-accountCount-v",
+              "type": "text",
+              "props": { "content": "${content.accountCount|number}", "level": 2 }
+            }
+          ]
+        },
+        {
+          "id": "co-stat-tokenCount",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "tokens" },
+          "children": [
+            {
+              "id": "co-stat-tokenCount-l",
+              "type": "text",
+              "props": { "content": "Tokens", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-tokenCount-v",
+              "type": "text",
+              "props": { "content": "${content.tokenCount|number}", "level": 2 }
+            }
+          ]
+        },
+        {
+          "id": "co-stat-assetCount",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "assets" },
+          "children": [
+            {
+              "id": "co-stat-assetCount-l",
+              "type": "text",
+              "props": { "content": "Assets", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-assetCount-v",
+              "type": "text",
+              "props": { "content": "${content.assetCount|number}", "level": 2 }
+            }
+          ]
+        },
+        {
+          "id": "co-stat-factoryCount",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "factories" },
+          "children": [
+            {
+              "id": "co-stat-factoryCount-l",
+              "type": "text",
+              "props": { "content": "Factories", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-factoryCount-v",
+              "type": "text",
+              "props": { "content": "${content.factoryCount|number}", "level": 2 }
+            }
+          ]
+        },
+        {
+          "id": "co-stat-stakeCount",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "stakes" },
+          "children": [
+            {
+              "id": "co-stat-stakeCount-l",
+              "type": "text",
+              "props": { "content": "Stakes", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-stakeCount-v",
+              "type": "text",
+              "props": { "content": "${content.stakeCount|number}", "level": 2 }
+            }
+          ]
+        },
+        {
+          "id": "co-stat-bridgeCount",
+          "type": "view",
+          "props": { "mode": "card", "size": { "flex": 1 }, "navigateTo": "bridges" },
+          "children": [
+            {
+              "id": "co-stat-bridgeCount-l",
+              "type": "text",
+              "props": { "content": "Bridges", "scale": "caption", "intent": "info" }
+            },
+            {
+              "id": "co-stat-bridgeCount-v",
+              "type": "text",
+              "props": { "content": "${content.bridgeCount|number}", "level": 2 }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "co-activity",
+      "type": "view",
+      "props": {
+        "layout": {
+          "direction": "row",
+          "gap": "lg",
+          "crossAlign": "flex-start",
+          "stackBelow": "tablet-wide"
+        }
+      },
+      "children": [
+        {
+          "id": "co-recent-txs",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "layout": { "direction": "column", "gap": "sm" },
+            "size": { "flex": 2 },
+            "style": { "minWidth": "0" }
+          },
+          "children": [
+            {
+              "id": "co-recent-txs-header",
+              "type": "view",
+              "props": {
+                "layout": { "direction": "row", "align": "between", "crossAlign": "center" }
+              },
+              "children": [
+                {
+                  "id": "co-recent-txs-label",
+                  "type": "text",
+                  "props": {
+                    "content": "Recent Transactions",
+                    "scale": "caption",
+                    "intent": "info",
+                    "style": { "textTransform": "uppercase", "letterSpacing": "0.08em" }
+                  }
+                },
+                {
+                  "id": "co-recent-txs-viewall",
+                  "type": "text",
+                  "props": {
+                    "content": "View all →",
+                    "scale": "caption",
+                    "navigateTo": "transactions"
+                  }
+                }
+              ]
+            },
+            {
+              "id": "co-recent-txs-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/transactions",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.hash",
+                    "label": "Hash",
+                    "mobileRole": "title",
+                    "format": "did",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content._typeName",
+                    "label": "Type",
+                    "format": "colored-badge",
+                    "colorKey": "content._methodColor",
+                    "width": "130px"
+                  },
+                  {
+                    "key": "content.sender",
+                    "label": "From",
+                    "format": "did"
+                  },
+                  {
+                    "key": "content.value",
+                    "label": "Value",
+                    "format": "bignum:@{content.decimal}",
+                    "symbol": "@{content.symbol}",
+                    "width": "140px",
+                    "align": "right"
+                  },
+                  {
+                    "key": "content.time",
+                    "label": "Time",
+                    "format": "timeago",
+                    "width": "100px",
+                    "align": "right"
+                  }
+                ],
+                "pageSize": 20,
+                "pagination": "none",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "co-right-col",
+          "type": "view",
+          "props": {
+            "layout": { "direction": "column", "gap": "lg" },
+            "size": { "flex": 1 },
+            "style": { "minWidth": "0" }
+          },
+          "children": [
+            {
+              "id": "co-tokens",
+              "type": "view",
+              "props": {
+                "mode": "card",
+                "layout": { "direction": "column", "gap": "sm" },
+                "style": { "minWidth": "0" }
+              },
+              "children": [
+                {
+                  "id": "co-tokens-header",
+                  "type": "view",
+                  "props": {
+                    "layout": { "direction": "row", "align": "between", "crossAlign": "center" }
+                  },
+                  "children": [
+                    {
+                      "id": "co-tokens-label",
+                      "type": "text",
+                      "props": {
+                        "content": "Tokens",
+                        "scale": "caption",
+                        "intent": "info",
+                        "style": { "textTransform": "uppercase", "letterSpacing": "0.08em" }
+                      }
+                    },
+                    {
+                      "id": "co-tokens-viewall",
+                      "type": "text",
+                      "props": {
+                        "content": "View all →",
+                        "scale": "caption",
+                        "navigateTo": "tokens"
+                      }
+                    }
+                  ]
+                },
+                {
+                  "id": "co-tokens-list",
+                  "type": "afs-list",
+                  "src": "${_parentPath}/tokens",
+                  "props": {
+                    "layout": "table",
+                    "columns": [
+                      { "key": "content.symbol", "label": "Symbol", "width": "80px" },
+                      { "key": "content.name", "label": "Name", "mobileRole": "title" },
+                      {
+                        "key": "content.totalSupply",
+                        "label": "Total Supply",
+                        "format": "bignum:@{content.decimal}",
+                        "symbol": "@{content.symbol}",
+                        "width": "180px",
+                        "align": "right"
+                      }
+                    ],
+                    "pageSize": 10,
+                    "pagination": "none",
+                    "clickMode": "both",
+                    "autoSelect": false,
+                    "filter": { "exclude": ".." },
+                    "showBreadcrumb": false
+                  }
+                }
+              ]
+            },
+            {
+              "id": "co-factories",
+              "type": "view",
+              "props": {
+                "mode": "card",
+                "layout": { "direction": "column", "gap": "sm" },
+                "style": { "minWidth": "0" }
+              },
+              "children": [
+                {
+                  "id": "co-factories-header",
+                  "type": "view",
+                  "props": {
+                    "layout": { "direction": "row", "align": "between", "crossAlign": "center" }
+                  },
+                  "children": [
+                    {
+                      "id": "co-factories-label",
+                      "type": "text",
+                      "props": {
+                        "content": "Factories",
+                        "scale": "caption",
+                        "intent": "info",
+                        "style": { "textTransform": "uppercase", "letterSpacing": "0.08em" }
+                      }
+                    },
+                    {
+                      "id": "co-factories-viewall",
+                      "type": "text",
+                      "props": {
+                        "content": "View all →",
+                        "scale": "caption",
+                        "navigateTo": "factories"
+                      }
+                    }
+                  ]
+                },
+                {
+                  "id": "co-factories-list",
+                  "type": "afs-list",
+                  "src": "${_parentPath}/factories",
+                  "props": {
+                    "layout": "table",
+                    "columns": [
+                      { "key": "content.name", "label": "Name", "mobileRole": "title" },
+                      {
+                        "key": "content.numMinted",
+                        "label": "Minted",
+                        "format": "number",
+                        "width": "90px",
+                        "align": "right"
+                      },
+                      {
+                        "key": "content.genesisTime",
+                        "label": "Created",
+                        "format": "timeago",
+                        "width": "110px",
+                        "align": "right"
+                      }
+                    ],
+                    "pageSize": 10,
+                    "pagination": "none",
+                    "clickMode": "both",
+                    "autoSelect": false,
+                    "filter": { "exclude": ".." },
+                    "showBreadcrumb": false
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/aup/delegates/default.json

@@ -0,0 +1,71 @@
+{
+  "id": "delegates-view",
+  "type": "view",
+  "props": {
+    "layout": {
+      "direction": "column",
+      "gap": "none"
+    },
+    "style": {
+      "flex": "1",
+      "overflow": "auto"
+    }
+  },
+  "children": [
+    {
+      "id": "delegates-title",
+      "type": "text",
+      "props": { "content": "Delegates", "level": 1 }
+    },
+    {
+      "id": "delegates-view-list",
+      "type": "afs-list",
+      "src": "${_parentPath}",
+      "props": {
+        "layout": "table",
+        "columns": [
+          {
+            "key": "content.address",
+            "label": "Address",
+            "mobileRole": "title",
+            "format": "did",
+            "width": "200px"
+          },
+          {
+            "key": "content.from",
+            "label": "From",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content.to",
+            "label": "To",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content.genesisTime",
+            "label": "Created",
+            "format": "timeago",
+            "width": "120px"
+          },
+          {
+            "key": "content.renaissanceTime",
+            "label": "Updated",
+            "hideBelow": "tablet-wide",
+            "format": "timeago",
+            "width": "120px"
+          }
+        ],
+        "pageSize": 20,
+        "pagination": "manual",
+        "clickMode": "both",
+        "autoSelect": false,
+        "filter": {
+          "exclude": ".."
+        },
+        "showBreadcrumb": false
+      }
+    }
+  ]
+}