Market Viewr has moved: small QoL fixes.

Hey everyone,

I've been busy this morning making some small but important changes to market-viewr. The first and most significant update is that the tool has been moved to its new, dedicated home at:

Other than the move, I've implemented a couple of quality-of-life improvements. The token icon images now load a temporary placeholder image first, which is then replaced by the actual icon as it lazy-loads into view. This should make the initial page load feel much faster.

page.png

I've also added a colorful progress bar to the top of the page that appears when you navigate between pages or when the site is fetching data. Since some of the initial queries can take a moment to load before they are cached, this provides some nice visual feedback that work is being done in the background.

loading.png

Code Changes

For those interested in the technical details, here are some of the key changes I pushed:

  • Developer Tooling: I added a .pre-commit-config.yaml to the project to automate code quality checks. It now uses ruff-check for linting , ruff-format for code formatting, and djhtml to keep the HTML, CSS, and JavaScript tidy.
  • Image Lazy-Loading: I implemented a custom lazy-loading solution for all token icons. Images now use a data-src attribute and a local SVG placeholder, and an IntersectionObserver loads the real image only when it's close to the viewport.
  • Page Load Indicator: A new top page loading bar was added to give users feedback during navigation and data fetching. The JavaScript simulates a gradual progress and is managed through startTopLoadBar, finishTopLoadBar, and resetTopLoadBar functions.
  • Improved Image URL Validation: The old method for validating image URLs was too strict. I rewrote it to be more flexible, as many of the tokens use CDN paths or omit file extensions. The new version now focuses on blocking obvious script injection vectors like javascript: or data: URIs.
  • Resilient Richlist: Previously, if the richlist data failed to load for a token, the entire page would return a "503 - Service Unavailable" error. I've updated the code to be more resilient; now, if the richlist fails, the page will still render successfully, just without that specific section.

As always,
Michael Garcia a.k.a. TheCrazyGM

0.19316547 BEE
4 comments

It's interesting to see that for a lot of tokens the top of the order books are effectively a dozen accounts or so, with positions on both sides.

0.00356754 BEE

Yeah, bots, nickle and diming the system. But that's exactly the kind of thing this tool was meant to show. People want to see who was making the orders.

0.00489056 BEE

Great update, and congratulations on the move, my friend. I love seeing improvements and refinements over time. 😁🙏💚✨🤙

0.00026868 BEE

Your tools are very useful!
Regarding Market Viewer, being able to see a longer time period than Hive Engine and Beeswap and being able to see who is buying and who is selling is really useful.
Thank you for your work!
!discovery 30
@tipu curate

0.00026867 BEE
0.00026329 BEE

This post was shared and voted inside the discord by the curators team of discovery-it
Join our Community and follow our Curation Trail
Discovery-it is also a Witness, vote for us here
Delegate to us for passive income. Check our 80% fee-back Program
0.00025803 BEE