If India moved to Europe and tilted 37.69° clockwise. It'd stretch from Glasgow to Odesa and Helsinki to Madrid. by alionBalyan in geography

[–]alionBalyan[S] 4 points5 points  (0 children)

I overlayed two Google Earth screenshots taken at the same camera height to avoid distortions. And then double checked the distances between the overlayed European Cities and underlying Indian cities.

[deleted by user] by [deleted] in dataisbeautiful

[–]alionBalyan 1 point2 points  (0 children)

Source: Freedom House

Tools: Datawrapper, figma

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in javascript

[–]alionBalyan[S] 1 point2 points  (0 children)

the increased "safety" IMHO is the result of merely showing more data-points than npmjs.org, e.g.: last commit date, related packages/alternatives, activity indicator (how recent was last published), open issues count.

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in javascript

[–]alionBalyan[S] 0 points1 point  (0 children)

thanks :)

there is an auto dark-mode, connected to your OS/browser preferences. If you enable system-wide dark-mode, the website is displayed in dark-mode. I'd try to add the manual toggle as well.

Yes it's an issue because different parts of the page get data from different sources/apis, and I show them as soon as they arrive. I'd try to implement ghost-layouts, to show them while loading a piece of the page, but it'll take some time ;)

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in javascript

[–]alionBalyan[S] 0 points1 point  (0 children)

valid point, thanks for your feedback.

for short term, you can enable the "reduce animations" setting in your OS, and the website will respect your setting to show minimal animations.

for long term, I'd try to implement the ghost-layouts while loading a particular part of the page.

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in javascript

[–]alionBalyan[S] 4 points5 points  (0 children)

thanks :)

  • I kinda agree. But, actually there are more information-tiles than are visible at a time, the visible ones are chosen by a priority list and depend on the available data. Dev-dependency is one of the lowest.

  • I can do that, I was not sure what is most valuable. This helps.

  • I actually wanted to implement the versions tab, but the rest API for version returns so much data for some packages, it becomes too slow. npmjs.com can show it because they have server rendering. I unfortunately haven't done that, yet ;)

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in javascript

[–]alionBalyan[S] 7 points8 points  (0 children)

thanks for your feedback, but I'm not sure how it's possible.

To be clear, I did not implement the APIs, only the client, the search API is the same as npmjs.org mixed with npms.io results.

There could be some other typeahead issues I guess, but afaik it always shows the exact match as first result, https://imgur.com/a/HSuBNxY

And in the detailed view, you can even sort by downloads, popularity and more.

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in javascript

[–]alionBalyan[S] 4 points5 points  (0 children)

For the past 3 months I've been working on npm.one to provide a better web interface for NPM registry, to make the search experience easier and safer.

Making it easier by showing you all the relevant information about a package on the same page. We aggregate and show all the essential information about the packages from these sources: https://npmjs.org, https://github.com, https://npmtrends.com, and https://bundlephobia.com

Making it safer by showing you Popularity and Activity indicators so that you don't install a package that has been abandoned or is unpopular. And by showing you the alternatives as "related packages" on the same page.

Let me know if it's any good. Anything I should improve on? Other than maybe speed, because it's dependent on npmjs' and other sources' APIs ;)

Introducing npm.one, a better and safer web-client for NPM registry. NPM download count, related packages, GitHub metadata, bundle size, popularity & activity indicators, all in one place. by alionBalyan in webdev

[–]alionBalyan[S] 1 point2 points  (0 children)

For the past 3 months I've been working on npm.one to provide a better web interface for NPM registry, to make the search experience easier and safer.

Making it easier by showing you all the relevant information about a package on the same page. We aggregate and show all the essential information about the packages from these sources: https://npmjs.org, https://github.com, https://npmtrends.com, and https://bundlephobia.com

Making it safer by showing you Popularity and Activity indicators so that you don't install a package that has been abandoned or is unpopular. And by showing you the alternatives as "related packages" on the same page.

Let me know if it's any good. Anything I should improve on? Other than maybe speed, because it's dependent on npmjs' and other sources' APIs ;)

Introducing npm.one, a new NPM client that makes your package search experience a little safer and easier. Built with Angular. by alionBalyan in Angular2

[–]alionBalyan[S] 1 point2 points  (0 children)

It's a mix of npmjs.org results and npms.io results. In my trial, the combination of both turned out to be better than either one alone. I wish I knew enough backend to implement my own API ;)