For example prev/next block with arrow keys on block detail screen.

suggestions for more keyboard navigation welcome

Design Task
child of #112

reproduce:

• enter valid address in search bar
• press enter on keyboard
  expected:
• search to start
  actual:
• nothing happens
• pressing the search button with mouse works

System:

• Ubuntu 17.10

LOG

119524 error [email protected] install: `node-gyp rebuild`
119524 error Exit status 1
119525 error Failed at the [email protected] install script 'node-gyp rebuild'.
119525 error Make sure you have the latest version of node.js and npm installed.
119525 error If you do, this is most likely a problem with the argon2 package,
119525 error not with npm itself.
119525 error Tell the author that this fails on your system:
119525 error     node-gyp rebuild
119525 error You can get information on how to open an issue for this project with:
119525 error     npm bugs argon2
119525 error Or if that isn't available, you can get their info via:
119525 error     npm owner ls argon2
119525 error There is likely additional logging output above.
119526 verbose exit [ 1, true ]

SOURCE NOT FOUND / DOES NOT EXIST

https://registry.npmjs.org/aepp-blockchain-explorer

also fsevents is for Mac OSX only, not Linux. https://www.npmjs.com/package/fsevents

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]

the Deteail section in the /status/ screen never finishes loading
Child of #167

Let's say I know this account has 71 mined blocks, ak_2TzcyaafoLpHaykzMbkrAXd8sFewbCZ2xFkBx5o1fMq1jbito

That means it should have 710,000,000,000,000,000 AE in the test network.

How do I see the transactions of an address? in etherscan.io is really simple, you just click on it, but on aepp-blockchain-explorer there are no transactions under the address.

@sqevani brings js annotations to every project which he works with. I have some questions about it:

How are we supposed to use annotations in source code? Are we building documentation using annotations?

Do annotations have any standards? What standard are you proposing to use? Can annotations be checked by linter?

Maybe better to use Flow or TypeScript? They can actually check the correctness of type information, and it is stored as part of syntax instead of specially-formatted comments.

So, in general: why we should keep and maintain annotations in our js code?

child of #110

currently the transaction component needs too much vertical space. let's better find a way, maybe go back to a table-like approach

child of #109

Expected Behavior

The balance should be correctly shown when asked via the rest interface

./aecli -u http://localhost:3013 -d http://localhost:3113 account balance wallet.ae
Enter the account password []:
<none>
  Balance ___________________________________________ 39999999999999994993
  Id ________________________________________________ ak_e8YApvLq9JyEWVg5KuyBo2gChWVwzD3g4oMHoVCSqg
7VpZsw7
  Nonce _____________________________________________ 4
</none>

Actual Behavior

The balance gets rounded down to 39999999999999990000 due to numerical representation errors
http://explorer.tld:3013/v2/accounts/ak_e8YApvLq9JyEWVg5KuyBo2gChWVwzD3g4oMHoVCSqg7VpZsw7

{
"balance": 39999999999999994993,
"id": "ak_e8YApvLq9JyEWVg5KuyBo2gChWVwzD3g4oMHoVCSqg7VpZsw7",
"nonce": 4
}

Steps to Reproduce the Problem

Set up a small network, mine a few blocks, get a humongous amount of balance, then check your balance on the aepp-blockchain-explorer.

Logs, error output, etc.

No pertaining configuration needed or error output obtained from browser

Specifications

• Virtualization: Docker
• Node Version: 0.25.0

Notes

I mined 4 blocks, at 10,000,000,000 AE per block. I registered 1 name and I spend 5000. the total should be x4993 not x0000.

I started an issue on epoch because chrome was showing me the number rounded, but the API is returning the right number, which means the browser is rounding the number before showing it.
so now I am moving it here.

Should we do string and treatment instead of showing it as a number to avoid presentation error?

The reference ticket is aeternity/aeternity#1770

aepp-blockchain-explorer works with 0.24.0-0.1.0 if you edit epoch to return version 0.25.0 instead of 0.24.0

but using version 0.24.0-0.2.0 returns this:
Uncaught (in promise) Error: Method PostKeyBlock is unsupported. No interface for ["internal", "chain"]

Maybe that thrown error needs to be trapped by the aepp-blockchain-explorer?
I am creating this here because I don't know if it should be here or on aepp-sdk-sj

aeternity/aepp-sdk-js#134

parent of #108, parent of #107, parent #106, parent #105, parent #104, parent #103, parent #102, parent #101, parent #100, parent #99, parent #98, parent #97, parent #162, parent #157, parent #156, parent #115

https://github.com/aeternity/aepp-blockchain-explorer/tree/499c71e/src/components/transaction
https://github.com/aeternity/aepp-blockchain-explorer/tree/499c71e/src/screens/transactionDetail

These components have the same structure and similar implementation. Should be possible to combine them in a single set of components to reduce code duplication and bundle size.

parent #96

child of #110

child of #110

child of #112

getGenerationFromHash doesn't seem to utilize the generations already present in the store.

Solution

1. Maintain an object with hash to height mapping (e.g. {'kh_2G6PG1Vt2S8aWFrfgnhsdQYfmbKRMfxqS7JVsA71tCvRNfCt7e': '13013'}) and when fetching a new generation using getGenerationFromHeight update this object.
2. check the above object in getGenerationFromHash and use the generation from the store, if it is present, else fetch.
3. Now, in a case where we have to fetch the generation from the hash(i.e. it is not present in the store) update both the objects, i.e. generations and the object mentioned in step 1.

#76

Expected behavior: Explorer and blockchain balance must match
Actual behavior: Explorer shows 0 balance

Account used: ak_Crxx1apEFv2WNKXHU9zok97iFbqM2soFkWM8dyj3KKzHeab3F
I used the faucet to send 5000AE to a test account (shown above)

I can see the balance in the network: https://sdk-testnet.aepps.com/v2/accounts/ak_Crxx1apEFv2WNKXHU9zok97iFbqM2soFkWM8dyj3KKzHeab3F

I can see the transaction written in the blockchain: https://sdk-testnet.aepps.com/v2/transactions/th_265xF54wEEmjaB1zgBQhJTMnA5Lc73fPRd3HRvsSqZCKjucR8u

And it is in the micro block
https://sdk-testnet.aepps.com/v2/micro-blocks/hash/mh_ATpFj5xQR1vkRN6hpKggwfKWNKJFEhh5BeqTCD4CtQQPC9rYz/transactions

However the explorer claims the balance is 0
https://explorer.aepps.com/#/account/ak_Crxx1apEFv2WNKXHU9zok97iFbqM2soFkWM8dyj3KKzHeab3F

When the server is started with npm run serve the socksjs (info?=) links will all point to localhost and fail

Everything else points to the HOST variable, but socksjs ignores this.

parent #116, parent #117, parent #111

When we reach 0 we should not allow the user to see "load more..."

child of #110

child of #112