Multi page app update

New features: * Upgrade account to LTM * Configurable nodes in app * Use react-router-dom to create a multi-page-app * Add a frequently asked questions page Updated packages Refactored zustand states Improved back/home button UX Resolve console warnings
BTS-CM · Jul 23, 2023 · 295768e · 295768e
1 parent 44ee30e
commit 295768e
Show file tree

Hide file tree

Showing 144 changed files with 5,485 additions and 797 deletions.
diff --git a/README.md b/README.md
@@ -3,6 +3,18 @@ An NFT issuance tool for the Bitshares production & testnet blockchains.
 
 This tool integrates with the [latest BEET wallet](https://github.com/bitshares/beet/tree/develop).
 
+Pre-requisite:
+* NodeJS [v18.16.1](https://nodejs.org/ar/blog/release/v18.16.1)
+
 Perform the following terminal steps in this folder:
-* run `yarn install`
-* run `yarn run dev`
+
+* With yarn
+  * `yarn install`
+  * `yarn run build && yarn run dev`
+* With npm
+  * `npm install`
+  * `npm run build && npm run dev`
+
+Releases built via github actions:
+
+* [Windows, Linux & MacOS](https://github.com/BTS-CM/Bitshares_NFT_Issuance_Tool/releases)
diff --git a/package.json b/package.json
@@ -52,49 +52,50 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.22.5",
+    "@babel/core": "^7.22.9",
     "@emotion/react": "^11.11.1",
-    "@mantine/core": "^6.0.13",
-    "@mantine/dropzone": "^6.0.13",
-    "@mantine/form": "^6.0.13",
-    "@mantine/hooks": "^6.0.13",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@mantine/core": "^6.0.17",
+    "@mantine/dropzone": "^6.0.17",
+    "@mantine/form": "^6.0.17",
+    "@mantine/hooks": "^6.0.17",
+    "@vitejs/plugin-react": "^4.0.3",
     "assert": "^2.0.0",
     "beet-js": "https://github.com/bitshares/beet-js#develop",
     "bitsharesjs": "^6.0.0",
     "bitsharesjs-ws": "^6.0.0",
     "buffer": "^6.0.3",
-    "eslint": "^8.42.0",
+    "eslint": "^8.45.0",
     "events": "^3.3.0",
-    "i18next": "^22.5.1",
+    "i18next": "^23.2.11",
     "process": "^0.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-i18next": "^12.3.1",
-    "react-icons": "^4.9.0",
+    "react-i18next": "^13.0.2",
+    "react-icons": "^4.10.1",
+    "react-router-dom": "^6.14.2",
     "simple-websocket": "^9.1.0",
     "stream-browserify": "^3.0.0",
     "util": "^0.12.5",
     "uuid": "^9.0.0",
-    "vite": "^4.3.9",
-    "zustand": "^4.3.8"
+    "vite": "^4.4.6",
+    "zustand": "^4.3.9"
   },
   "devDependencies": {
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "concurrently": "^8.2.0",
     "cross-env": "^7.0.3",
-    "electron": "^25.1.0",
-    "electron-builder": "^23.6.0",
+    "electron": "^25.3.1",
+    "electron-builder": "^24.4.0",
     "electronmon": "^2.0.2",
-    "esbuild": "^0.17.19",
+    "esbuild": "^0.18.16",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "vite-plugin-electron": "^0.11.2",
+    "vite-plugin-electron": "^0.12.0",
     "wait-on": "^7.0.1"
   },
   "browserslist": {

diff --git a/public/electron.js b/public/electron.js
@@ -39,6 +39,7 @@ const allowed = {
   github: "https://github.com/bitshares/beet/releases",
   gallery: "https://nftea.gallery/gallery",
   viewer: "https://github.com/BTS-CM/NFT_Viewer",
+  beet: "https://github.com/bitshares/beet/releases",
   airdrop: "https://github.com/BTS-CM/airdrop_tool",
   ipfs_pinata: "https://www.pinata.cloud/",
   ipfs_nft_storage: "https://nft.storage/",

diff --git a/public/locales/da/accountSearch.json b/public/locales/da/accountSearch.json
@@ -0,0 +1,17 @@
+{
+    "accounts": {
+      "enterID": "Indtast et konto-id for at fortsætte",
+      "fetchingAccount": "Søger konto",
+      "noAccount": "Der blev ikke fundet en sådan konto, tjek input og prøv igen.",
+      "searchResults": "Søgeresultater",
+      "loading": "Indlæser...",
+      "invalidID": "Ugyldigt konto-id - det skal begynde med '1.2'. ",
+      "accountID": "Konto-id (f.eks. 1.2.0)",
+      "existingID": "Vil du fortsætte med et eksisterende konto-id fra den linkede Beet-konto?",
+      "beetReq": "Hent konto-id fra Beet wallet",
+      "beetLinked": "Fortsæt med din Beet-linkede konto"
+    },
+    "accountSearch": {
+      "inputPrompt": "Indtast dit blockchain-konto-id/navn for at fortsætte"
+    }
+  }
diff --git a/public/locales/da/app.json b/public/locales/da/app.json
@@ -0,0 +1,15 @@
+{
+    "menu": {
+      "btn": "Menu",
+      "label": "Hovedmenu",
+      "home": "Hjem",
+      "language": "Sprog",
+      "createNFT": "Opret NFT",
+      "editNFT": "Rediger NFT",
+      "loadDraft": "Indlæs udkast",
+      "issueNFT": "Udsted NFT",
+      "upgradeAccount": "Opgrader konto",
+      "faq": "FAQ",
+      "changeNodes": "Skift noder"
+    }
+  }
diff --git a/public/locales/da/beetModal.json b/public/locales/da/beetModal.json
@@ -0,0 +1,20 @@
+{
+    "prompt": "Hvordan vil du gå videre?",
+    "close": "Tæt",
+    "failure": "Prompten kunne ikke udsendes til blockchain.",
+    "success": "Udsendelse til blockchain med succes!",
+    "ready": "Klar til at udsende airdrop til BEET-pung",
+    "buttons": {
+      "deeplink": "Deeplink",
+      "local": "Lokal fil",
+      "json": "Se JSON",
+      "retry": "Prøv igen",
+      "back": "Gå tilbage"
+    },
+    "askBEET": {
+      "create": "Opret billet",
+      "upgrade": "Opgrader konto",
+      "airdrop": "Udfør airdrop",
+      "override_transfer": "Tilsidesæt overførsel"
+    }
+  }
diff --git a/public/locales/da/faq.json b/public/locales/da/faq.json
@@ -0,0 +1,35 @@
+{
+    "how_airdrop": {
+      "control": "Hvordan udfører jeg en airdrop?",
+      "panel": "Hent blockchain-billetterne, beregn et airdrop mod et bloknummer, bekræft indholdet af airdrop på analysesiden, og begynd derefter airdrop via airdrop-udførelsessiden. "
+    },
+    "create": {
+      "control": "Hvordan opretter jeg en NFT?",
+      "panel": "Dette værktøj giver dig mulighed for at oprette en NFT med din Bitshares-konto. "
+    },
+    "edit": {
+      "control": "Hvordan redigerer jeg en NFT?",
+      "panel": "Dette værktøj gør det muligt for udstederen/ejeren af en NFT at redigere deres NFT'er. "
+    },
+    "draft": {
+      "control": "Hvad er NFT-udkast?",
+      "panel": "Du kan gemme dine fremskridt på siden 'Opret NFT', så du kan arbejde på planlagte NFT'er over tid. "
+    },
+    "issue": {
+      "control": "Hvordan kan jeg udstede en NFT på individuelle konti?",
+      "panel": "Du kan udstede en NFT på individuelle konti ved at bruge siden 'Udsted NFT'. "
+    },
+    "airdrop": {
+      "control": "Hvordan sender jeg min udstedte NFT til mange konti?",
+      "panel": "Du kan nemt oprette store NFT-airdrop ved hjælp af Bitshares Airdrop-værktøjet, dette værktøj er linket i applikationens sidefod."
+    },
+    "beet": {
+      "control": "Hvad er Beet-pungen?",
+      "panel": "BEET-pungen er en multi blockchain-crypto-pung, den bruges til sikkert at håndtere godkendelse og netværksudsendelse af transaktioner."
+    },
+    "blockchains": {
+      "control": "Hvilke blockchains understøttes?",
+      "panel": "I øjeblikket understøttes kun Bitshares blockchain, men dette værktøj er fuldt open source på github."
+    },
+    "title": "Ofte stillede spørgsmål"
+  }
diff --git a/public/locales/da/getAccount.json b/public/locales/da/getAccount.json
@@ -0,0 +1,6 @@
+{
+    "title": "EN {{chain}} konto er påkrævet for denne funktion",
+    "subtitle": "Hvordan vil du gå videre?",
+    "search": "Søg manuelt efter konto",
+    "beet": "Fortsæt med tegnebogen"
+}
diff --git a/public/locales/da/headers.json b/public/locales/da/headers.json
@@ -0,0 +1,27 @@
+{
+    "create": {
+      "environment": "Vælg den blockchain, du vil oprette en NFT på.",
+      "offline": "For at oprette et aktiv skal du konfigurere dine noder!",
+      "account": "Vælg den konto, du vil oprette en NFT med.",
+      "images": "Giv billederne til din NFT"
+    },
+    "edit": {
+      "environment": "Vælg den blockchain, du vil redigere en NFT på.",
+      "offline": "For at redigere en NFT skal du konfigurere dine noder!",
+      "account": "Vælg den konto, du vil redigere en NFT med.",
+      "asset": "Vælg det aktiv, du vil redigere."
+    },
+    "issue": {
+      "environment": "Vælg den blockchain, du vil udstede en NFT på.",
+      "offline": "For at udstede en NFT skal du konfigurere dine noder!",
+      "account": "Vælg den konto, du vil udstede en NFT med."
+    },
+    "upgrade": {
+      "environment": "Vælg den blockchain, du vil opgradere din konto på.",
+      "offline": "For at opgradere din konto skal du konfigurere dine noder!",
+      "account": "Hvilken konto vil du opgradere?"
+    },
+    "load": {
+      "environment": "Vælg den blockchain, du vil indlæse et NFT-udkast til."
+    }
+  }
diff --git a/public/locales/da/home.json b/public/locales/da/home.json
@@ -0,0 +1,35 @@
+{
+    "title": "Velkommen til Bitshares NFT-udstedelsesværktøjet!",
+    "desc": "Følgende funktioner er tilgængelige for Bitshares blockchains!",
+    "footer": "For at få fuld brug af det tilgængelige funktionssæt i dette værktøj, er Bitshares BEET multiwallet påkrævet.",
+    "grid": {
+      "createNFT": {
+        "title": "Opret en ny NFT",
+        "desc": "Opret en ny NFT på Bitshares blockchain"
+      },
+      "editNFT": {
+        "title": "Rediger en eksisterende NFT",
+        "desc": "Rediger en eksisterende NFT på Bitshares blockchain"
+      },
+      "issueNFT": {
+        "title": "Udsted en NFT",
+        "desc": "Udsted en NFT på Bitshares blockchain"
+      },
+      "load": {
+        "title": "Indlæs et udkast til NFT",
+        "desc": "Fortsæt med at oprette en NFT fra en kladde"
+      },
+      "upgrade": {
+        "title": "Opgrader konto",
+        "desc": "Køb et livstidsmedlemskab"
+      },
+      "faq": {
+        "title": "Ofte stillede spørgsmål",
+        "desc": "Lær mere om NFT'er, Bitshares blockchain og BEET multiwallet"
+      },
+      "nodes": {
+        "title": "Konfigurerbare noder",
+        "desc": "Skift mellem blockchain noder"
+      }
+    }
+  }
diff --git a/public/locales/da/modal.json b/public/locales/da/modal.json
@@ -0,0 +1,72 @@
+{
+  "title": "Udsendelse til blockchain",
+  "askBEET": "Begynd at udsende til BEET",
+  "menu": {
+    "title": "Hvordan vil du gå videre?",
+    "beet": "BEET",
+    "deeplink": "Deeplink",
+    "local": "Lokal fil",
+    "json": "Se JSON",
+    "qr": "QR kode",
+    "back": "Gå tilbage"
+  },
+  "beet": {
+    "text": "Klar til at sende operation til BEET-pung",
+    "init": "Klar til at kommunikere med BEET"
+  },
+  "qr": {
+    "ecl": "Fejlkorrektionsniveau",
+    "size": "QR-kode størrelse",
+    "padding": "Polstring",
+    "style": "Prik stil",
+    "bgc": "Baggrundsfarve",
+    "fgc": "Forgrundsfarve"
+  },
+  "deeplink": {
+    "noDL": {
+      "title": "Via rå Beet deeplink",
+      "step1": "Start BEET-pungen og naviger til 'Raw Link' i menuen.",
+      "step2": "Fra denne side kan du enten tillade alle operationer eller udelukkende tillade drift {{opNum}} '{{opName}}' (klik derefter på Gem).",
+      "step3": "Når 'Klar til rå links' vises i Beet, indsend denne anmodning.",
+      "label": "Indtast dit konto-id",
+      "btn": "Generer råt deeplink"
+    },
+    "DL": {
+      "title": "Rå dyblink genereret",
+      "step1": "Dit BEET-dyblink er blevet genereret, klik på knappen for at fortsætte.",
+      "step2": "Der vises en BEET-prompt, bekræft indholdet og godkend derefter opret billet-prompten.",
+      "step3": "Gå til siden 'Hent billetter' for at downloade din billet til analyse.",
+      "beetBTN": "Sendes til BEET",
+      "back": "Tilbage"
+    }
+  },
+  "local": {
+    "noGen": {
+      "title": "Via lokal fil upload",
+      "step1": "1. Start BEET-pungen og naviger til 'Lokal' i menuen.",
+      "step2": "2. Tillad enten alle på denne side eller tillad kun betjening {{opNum}} '{{opName}}'.",
+      "step3": "3. Når du er kommet til den lokale uploadside, skal du klikke på knappen nedenfor for at fortsætte.",
+      "btn": "Generer airdrop JSON-fil"
+    },
+    "generated": {
+      "title": "Lokal JSON-fil genereret",
+      "step1": "1. Din lokale JSON-fil er blevet genereret, klik på knappen for at downloade den.",
+      "step2": "2. Fra BEET Local-siden, upload JSON-filen, en prompt skulle vises.",
+      "step3": "3. Bekræft promptens indhold, før du godkender handlingerne.",
+      "beetBTN": "Download JSON-fil"
+    }
+  },
+  "JSON": {
+    "view": "Se JSON"
+  },
+  "outcomes": {
+    "success": {
+      "text": "Udsendelse til blockchain med succes!",
+      "btn": "Tæt"
+    },
+    "failure": {
+      "text": "Prompten kunne ikke udsendes til blockchain.",
+      "btn": "Prøv igen"
+    }
+  }
+}
diff --git a/public/locales/da/nodes.json b/public/locales/da/nodes.json
@@ -0,0 +1,11 @@
+{
+    "title": "Blockchain node konfiguration",
+    "radio": {
+      "label": "Vælg den ønskede blockchain",
+      "desc": "Kun grafenbaserede blockchains"
+    },
+    "th1": "Nuværende {{value}} blockchain node rækkefølge",
+    "title2": "Interesseret i at bruge din egen {{value}} blockchain node?",
+    "urlLabel": "Indtast en URL for {{value}} blockchain",
+    "btn": "Indsend"
+  }
diff --git a/public/locales/da/upgrade.json b/public/locales/da/upgrade.json
@@ -0,0 +1,29 @@
+{
+    "title": "Opgradere din konto til livstidsmedlemskab?",
+    "radioA": {
+      "label": "Vælg den ønskede blockchain",
+      "desc": "Kun grafenbaserede blockchains"
+    },
+    "modal": {
+      "title": "Køb af et livstidsmedlemskab",
+      "noDL": {
+        "title": "Via rå Beet deeplink",
+        "step1": "Start BEET-pungen og naviger til 'Raw Link' i menuen.",
+        "step2": "Fra denne side kan du enten tillade alle operationer eller udelukkende tillade operation 8 'account_upgrade' (klik derefter på Gem).",
+        "step3": "Når 'Klar til rå links' vises i Beet, indsend denne anmodning.",
+        "label": "Indtast dit konto-id",
+        "btn": "Generer råt deeplink"
+      },
+      "DL": {
+        "title": "Rå dyblink genereret",
+        "step1": "Dit BEET-dyblink er blevet genereret, klik på knappen for at fortsætte.",
+        "step2": "En BEET-prompt vises, bekræft indholdet og godkend derefter kontoopgraderingsprompten.",
+        "step3": "Når den er godkendt, vil din konto blive permanent opgraderet, god fornøjelse!",
+        "beetBTN": "Udsende",
+        "back": "Tilbage"
+      }
+    },
+    "header": "Interesseret i at opgradere din konto til livstidsmedlemsstatus?",
+    "secondHeader": "Reducerer gebyrer, aktiverer henvisningsmekanismen og kvalificerer dig til livstidsmedlemskab målrettede airdrops.",
+    "askBEET": "Opgrader konto"
+  }