Feat/upgrade-algosdk

.eslintrc.js

@@ -1,19 +1,31 @@
 module.exports = {
-  extends: "eslint:recommended",
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es2022: true,
+  },
+  extends: [
+    "plugin:vue/vue3-essential",
+    "eslint:recommended",
+    "@vue/eslint-config-typescript",
+  ],
   parser: "vue-eslint-parser",
   parserOptions: {
-    sourceType: "module",
-    ecmaVersion: "latest",
     parser: "@typescript-eslint/parser",
+    ecmaVersion: "latest",
+    sourceType: "module",
   },
-  overrides: [
-    {
-      files: ["*.ts", "*.js", "*.vue", "*.mts", "*.cts", "*.tsx"],
-      rules: {
-        "no-undef": "off",
-
-        "no-unused-vars": "warn",
+  rules: {
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "warn",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
       },
-    },
-  ],
+    ],
+    "vue/multi-word-component-names": "off",
+    "vue/no-reserved-component-names": "off",
+  },
 };

.github/copilot-instructions.md

@@ -45,6 +45,13 @@ AWallet is a Vue 3-based cryptocurrency wallet for Algorand blockchain, built wi
   - ESLint errors in `vue.config.js` due to obfuscated code are expected
   - Exit code 1 is normal due to ESLint errors
 
+### Localization
+
+- **Master File**: `src/locales/en.json` is the source of truth for all localization keys.
+- **Synchronization**: All other locale files (`af.json`, `cs.json`, `es.json`, `hu.json`, `it.json`, `nl.json`, `ru.json`, `sk.json`, `tr.json`) MUST have the exact same keys in the exact same order as `en.json`.
+- **Missing Translations**: If a key is missing in a target locale, it should be added. If a translation is not available, use the English value as a placeholder or attempt a translation.
+- **Formatting**: Ensure all JSON files use 2-space indentation and have a newline at the end.
+
 ## Testing
 
 ### Cypress E2E Tests

check_algosdk.ts

@@ -0,0 +1,5 @@
+import algosdk from "algosdk";
+console.log("indexerModels:", !!algosdk.indexerModels);
+if (algosdk.indexerModels) {
+  console.log("Transaction:", !!algosdk.indexerModels.Transaction);
+}

cypress.config.ts

@@ -13,7 +13,7 @@ export default defineConfig({
     responseTimeout: 30000,
   },
 
-  setupNodeEvents(on, config) {
+  setupNodeEvents(on) {
     on("before:browser:launch", (browser, launchOptions) => {
       if (browser.family === "chromium" && browser.name !== "electron") {
         launchOptions.preferences.default.intl = { accept_languages: "en" };

cypress/e2e/2-setup-account/create-arc76-account.cy.ts

@@ -18,18 +18,23 @@ describe("Create ARC76 Account", () => {
     // Create wallet using custom command
     cy.createTestWallet();
 
-    // Navigate to account creation via menu using text-based selectors
-    // First expand the Wallet menu
-    cy.contains("Wallet", { timeout: 10000 }).click();
+    // The createTestWallet already redirects to /accounts
 
-    // Wait for menu to expand and click on "New account"
-    //cy.contains("New account", { timeout: 10000 }).should("be.visible").click();
-    cy.get(".pi-plus").first().trigger("mouseenter").wait(1000);
+    // Wait for the navbar to load
+    cy.get("nav", { timeout: 10000 }).should("be.visible");
+
+    // Use the menu to navigate to ARC76 account creation
+    cy.contains("Wallet", { timeout: 10000 }).click({ force: true });
+
+    // Wait for menu to expand and hover on "New account"
+    cy.contains("New account", { timeout: 10000 }).trigger("mouseenter", {
+      force: true,
+    });
 
     // Wait for submenu to appear and click on "Email & Password account"
-    cy.contains("Email & Password account", { timeout: 10000 })
-      .should("be.visible")
-      .click();
+    cy.contains("Email & Password account", { timeout: 10000 }).click({
+      force: true,
+    });
 
     // Wait for ARC76 form to load
     cy.url().should("include", "/new-account/email-password");

cypress/plugins/index.js

@@ -19,4 +19,5 @@
 module.exports = (on, config) => {
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config
-}
+  console.log("Cypress plugins/index.js loaded", on, config);
+};

public/index.html → index.html

@@ -4,42 +4,40 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
-    <title>A-Wallet - Algorand Community Wallet</title>
-    <meta property="og:title" content="Community Algorand Wallet - AWallet" />
-    <meta property="og:image" content="<%= BASE_URL %>favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Biatec Wallet - Algorand Community Wallet</title>
+    <meta
+      property="og:title"
+      content="Community Algorand Wallet - Biatec Wallet"
+    />
+    <meta property="og:image" content="/favicon.ico" />
     <meta
       property="og:description"
       content="Free open source algorand wallet created by community for community."
     />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="<%= BASE_URL %>" />
-    <meta name="twitter:image" content="<%= BASE_URL %>/img/logo.svg" />
+    <meta property="og:url" content="/" />
+    <meta name="twitter:image" content="/img/logo.svg" />
     <meta name="twitter:title" content="AWallet - Community algorand wallet" />
     <meta
       name="twitter:description"
       content="Free open source algorand wallet created by community for community."
     />
-    <link
-      id="theme-link"
-      rel="stylesheet"
-      href="<%= BASE_URL %>themes/_empty/theme.css"
-    />
+    <link id="theme-link" rel="stylesheet" href="/themes/_empty/theme.css" />
     <link
       id="theme-link-custom"
       rel="stylesheet"
-      href="<%= BASE_URL %>custom-themes/_empty/theme.css"
+      href="/custom-themes/_empty/theme.css"
     />
   </head>
   <body class="flex flex-column h-screen m-0">
     <noscript>
       <strong
-        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
-        properly without JavaScript enabled. Please enable it to
-        continue.</strong
+        >We're sorry but A-Wallet doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
       >
     </noscript>
     <div id="app" class="flex flex-column flex-grow-1 m-2"></div>
-    <!-- built files will be auto injected -->
+    <script type="module" src="/src/main.ts"></script>
   </body>
 </html>