ArConnect 1.20.0

.editorconfig

@@ -0,0 +1,16 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{sh,bash}]
+end_of_line = lf

.env.example

@@ -0,0 +1 @@
+PLASMO_PUBLIC_APP_TYPE=extension

.github/CONTRIBUTING.md

@@ -2,6 +2,8 @@
 
 Thank you for your interest in contributing to the ArConnect extension! Below are the guidelines to help you get started.
 
+> **Important:** Always work from the "development" branch when making contributions. This ensures your changes are based on the latest development version.
+
 ## Building the Project
 
 1. **Clone the Repository:** Clone this repository to your local machine.

.gitignore

@@ -39,4 +39,4 @@ keys.json
 .tsbuildinfo
 
 # temporary remove development icon
-assets/icon.development.png
+assets/icon.development.png

assets/_locales/en/messages.json

@@ -1083,6 +1083,10 @@
     "message": "View all",
     "description": "View all link text"
   },
+  "view_all_assets": {
+    "message": "View all assets",
+    "description": "View all link text"
+  },
   "setting_tokens": {
     "message": "Tokens",
     "description": "Tokens setting title"
@@ -1560,7 +1564,7 @@
     "description": "Not connected indicator"
   },
   "not_connected_text": {
-    "message": "This app is not yet using ArConnect. Find the \"Connect\" button on the page to connect it.",
+    "message": "\"Connect / Disconnect\" is an indicator for when your ArConnect wallet is connected to an Arweave or AO application.  For regular use like sending, receiving, checking balances, etc., ArConnect will always show disconnected.",
     "description": "Not connected indicator explainer"
   },
   "disconnect": {
@@ -2221,5 +2225,65 @@
   "transak_unavailable": {
     "message": "Transak is unavailable at the moment. Please try again later.",
     "description": "Transak unavailable error message"
+  },
+  "print_archived": {
+    "message": "Print archived",
+    "description": "Print archived description"
+  },
+  "new_data_uploaded": {
+    "message": "New data uploaded",
+    "description": "New data uploaded description"
+  },
+  "sent_balance": {
+      "message": "Sent $QTY$ $TICKER$ to $ADDRESS$",
+      "description": "Sent balance description",
+      "placeholders": {
+          "qty": {
+              "content": "$1",
+              "example": "10"
+          },
+          "ticker": {
+            "content": "$2",
+            "example": "AR"
+          },
+          "address": {
+              "content": "$3",
+              "example": "ljvCPN31...-CS-6Iho8U"
+          }
+      }
+  },
+  "received_balance": {
+    "message": "Received $QTY$ $TICKER$ from $ADDRESS$",
+    "description": "Received balance description",
+    "placeholders": {
+        "qty": {
+            "content": "$1",
+            "example": "10"
+        },
+        "ticker": {
+          "content": "$2",
+          "example": "AR"
+        },
+        "address": {
+            "content": "$3",
+            "example": "ljvCPN31...-CS-6Iho8U"
+        }
+    }
+  },
+  "notification_from": {
+    "message": "from",
+    "description": "From description"
+  },
+  "notification_to": {
+    "message": "to",
+    "description": "To description"
+  },
+  "new_message": {
+    "message": "New message",
+    "description": "New message description"
+  },
+  "new_transaction": {
+    "message": "New transaction",
+    "description": "New transaction description"
   }
 }

assets/_locales/zh_CN/messages.json

@@ -1071,6 +1071,10 @@
       "message": "查看全部",
       "description": "View all link text"
   },
+  "view_all_assets": {
+      "message": "查看所有资产",
+      "description": "View all assets link text"
+  },
   "setting_tokens": {
       "message": "代币",
       "description": "Tokens setting title"
@@ -1549,7 +1553,7 @@
       "description": "Not connected indicator"
   },
   "not_connected_text": {
-      "message": "此应用尚未使用 ArConnect。找到页面上的“连接”按钮以连接。",
+      "message": "“连接/断开连接”是指示您的 ArConnect 钱包是否已连接到 Arweave 或 AO 应用程序的指示器。对于发送、接收、检查余额等常规使用，ArConnect 将始终显示断开连接。",
       "description": "Not connected indicator explainer"
   },
   "disconnect": {
@@ -2207,5 +2211,65 @@
   "transak_unavailable": {
     "message": "Transak 目前不可用。请稍后再试。",
     "description": "Transak unavailable error message"
-  }
+  },
+   "print_archived": {
+    "message": "打印已归档",
+    "description": "Print archived description"
+  },
+  "new_data_uploaded": {
+    "message": "新数据已上传",
+    "description": "New data uploaded description"
+  },
+  "sent_balance": {
+      "message": "已发送 $QTY$ $TICKER$ 给 $ADDRESS$",
+      "description": "Sent balance description",
+      "placeholders": {
+          "qty": {
+              "content": "$1",
+              "example": "10"
+          },
+          "ticker": {
+            "content": "$2",
+            "example": "AR"
+          },
+          "address": {
+              "content": "$3",
+              "example": "ljvCPN31...-CS-6Iho8U"
+          }
+      }
+  },
+  "received_balance": {
+      "message": "收到 $QTY$ $TICKER$ 来自 $ADDRESS$",
+      "description": "Received balance description",
+      "placeholders": {
+          "qty": {
+              "content": "$1",
+              "example": "10"
+          },
+          "ticker": {
+            "content": "$2",
+            "example": "AR"
+          },
+          "address": {
+              "content": "$3",
+              "example": "ljvCPN31...-CS-6Iho8U"
+          }
+      }
+  },
+    "notification_from": {
+        "message": "来自",
+        "description": "From description"
+    },
+    "notification_to": {
+        "message": "至",
+        "description": "To description"
+    },
+    "new_message": {
+        "message": "新消息",
+        "description": "New message description"
+    },
+    "new_transaction": {
+        "message": "新交易",
+        "description": "New transaction description"
+    }
 }

assets/popup.css

@@ -0,0 +1,122 @@
+@font-face {
+    font-family: "ManropeLocal";
+    font-style: normal;
+    font-weight: 300;
+    src: url(/assets/fonts/Manrope-Light.woff2) format('woff2');
+}
+
+@font-face {
+    font-family: "ManropeLocal";
+    font-style: normal;
+    font-weight: 400;
+    src: url(/assets/fonts/Manrope-Regular.woff2) format('woff2');
+}
+
+@font-face {
+    font-family: "ManropeLocal";
+    font-style: normal;
+    font-weight: 500;
+    src: url(/assets/fonts/Manrope-Medium.woff2) format('woff2');
+}
+
+@font-face {
+    font-family: "ManropeLocal";
+    font-style: normal;
+    font-weight: 600;
+    src: url(/assets/fonts/Manrope-SemiBold.woff2) format('woff2');
+}
+
+@font-face {
+    font-family: "ManropeLocal";
+    font-style: normal;
+    font-weight: 600;
+    src: url(/assets/fonts/Manrope-Bold.woff2) format('woff2');
+}
+
+@font-face {
+    font-family: "ManropeLocal";
+    font-style: normal;
+    font-weight: 700;
+    src: url(/assets/fonts/Manrope-ExtraBold.woff2) format('woff2');
+}
+
+* {
+    scrollbar-width: none;
+}
+
+*::-webkit-scrollbar {
+    display: none
+}
+
+::selection {
+    background-color: rgba(171, 154, 255, .6);
+    color: #fff;
+}
+
+:root {
+    --defaultBackgroundColor: white;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --defaultBackgroundColor: black;
+    }
+}
+
+body {
+    margin: 0;
+    padding: 0;
+}
+
+body#popup {
+    width: 377px;
+    height: 600px;
+}
+
+body.fullscreen {
+    width: 377px;
+    height: 100vh;
+    margin: 0 auto;
+}
+
+body.fullscreen::before {
+    content: "";
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 377px;
+    height: 100vh;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+    box-shadow: 0 0 128px 0 rgba(171, 154, 255, .4);
+}
+
+body,
+button,
+input,
+select,
+textarea {
+    font-family: "ManropeLocal", "Manrope VF", "Manrope", sans-serif !important;
+}
+
+button {
+    background: transparent;
+    border: 0;
+    padding: 0;
+}
+
+#cover {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 99999999;
+    background-color: var(--backgroundColor, var(--defaultBackgroundColor, white));
+    transition: background-color linear 230ms;
+}
+
+#cover[aria-hidden] {
+    background: transparent;
+    pointer-events: none;
+}

assets/popup.js

@@ -0,0 +1,3 @@
+const backgroundColor = localStorage.getItem("ARCONNECT_THEME_BACKGROUND_COLOR");
+
+if (backgroundColor) document.documentElement.style.setProperty('--backgroundColor', backgroundColor);

package.json

@@ -7,10 +7,11 @@
   "packageManager": "yarn@1.22.18",
   "homepage": "https://arconnect.io",
   "scripts": {
-    "dev:chrome": "plasmo dev",
+    "dev:chrome": "plasmo dev --verbose",
     "build:chrome": "plasmo build --no-hoist",
     "dev:firefox": "plasmo dev --target=firefox-mv2",
     "build:firefox": "plasmo build --target=firefox-mv2 --no-hoist",
+    "nuke": "rm -rf node_modules build .plasmo",
     "fmt": "prettier --write .",
     "fmt:check": "prettier --check .",
     "prepare": "husky install"
@@ -25,7 +26,8 @@
       "contextMenus",
       "tabs",
       "webNavigation",
-      "notifications"
+      "notifications",
+      "printerProvider"
     ],
     "web_accessible_resources": [
       {
@@ -69,7 +71,7 @@
     "check-password-strength": "^2.0.7",
     "copy-to-clipboard": "^3.3.2",
     "dayjs": "^1.11.6",
-    "framer-motion": "7.5.3",
+    "framer-motion": "^11.11.7",
     "human-crypto-keys": "^0.1.4",
     "js-confetti": "^0.11.0",
     "mitt": "^3.0.0",

src/api/background.ts

@@ -45,6 +45,8 @@ import subscriptionModule from "./modules/subscription";
 import subscription from "./modules/subscription/subscription.background";
 import userTokensModule from "./modules/user_tokens";
 import userTokens from "./modules/user_tokens/user_tokens.background";
+import tokenBalanceModule from "./modules/token_balance";
+import tokenBalance from "./modules/token_balance/token_balance.background";
 
 /** Background modules */
 const modules: BackgroundModule<any>[] = [
@@ -69,6 +71,7 @@ const modules: BackgroundModule<any>[] = [
   { ...signDataItemModule, function: signDataItem },
   { ...subscriptionModule, function: subscription },
   { ...userTokensModule, function: userTokens },
+  { ...tokenBalanceModule, function: tokenBalance },
   { ...batchSignDataItemModule, function: batchSignDataItem }
 ];