ngxtools / ngx.tools Goto Github PK

View Code? Open in Web Editor NEW

73.0 8.0 10.0 4.7 MB

Discover Angular packages, libraries and schematics 🚀

Home Page: https://ngx.tools

License: Apache License 2.0

JavaScript 3.09% TypeScript 49.58% CSS 8.34% HTML 31.83% Shell 0.67% SCSS 6.49%

angular dependencies schematics npm packages algolia search builders ngx javascript

ngx.tools's Introduction

ngx.tools

This project is the source code of the https://ngx.tools search engine.

Contribute

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

ngx.tools's People

Contributors

Stargazers

Watchers

Forkers

haroenv parsyval pdesire nezhar tboccinfuso fidelepalouki thanhpd eduardoquelhas jefiozie adnanebrahimi

ngx.tools's Issues

Build: Cannot find module './search/search.module'

Describe the bug

vendor.js:83019 ERROR Error: Uncaught (in promise): Error: Cannot find module './search/search.module'
Error: Cannot find module './search/search.module'
    at main.js:48
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:5047)
    at Object.onInvoke (vendor.js:84578)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:5046)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:4797)
    at polyfills.js:5531
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:5080)
    at Object.onInvokeTask (vendor.js:84569)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:5079)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:4847)
    at main.js:48
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:5047)
    at Object.onInvoke (vendor.js:84578)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:5046)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:4797)
    at polyfills.js:5531
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:5080)
    at Object.onInvokeTask (vendor.js:84569)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:5079)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:4847)
    at resolvePromise (polyfills.js:5473)
    at resolvePromise (polyfills.js:5430)
    at polyfills.js:5532
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:5080)
    at Object.onInvokeTask (vendor.js:84569)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:5079)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:4847)
    at drainMicroTaskQueue (polyfills.js:5254)

To Reproduce
Build with angular v7.1.0 and cli v7.0.6

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots

cc @filipesilva

firebase

The app freezes while loading (on new deploys)

Describe the bug
The application freezes while loading (in Firefox)

To Reproduce
Steps to reproduce the behavior:

Go to 'https://ngx.tools'
App dies while loading...

Expected behavior
A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

OS: Win 10
Browser: Firefox
Version: 63 & 64b

Additional context
Notice it only happens with new versions of the app... if you make a full reload (ctrl+f5) the app starts working as expected...

Mobile (Android) Keyboard Remains Open after Enter/Next Tapped

On mobile browser, Android (Chrome v67) after entering search text and tapping Next (Enter/RightArrow) on the soft keyboard, the keyboard remains open

Expected:

The keyboard should close when next/enter tapped

Note:
You could possibly add the Search input to a Form, and add a 'submit' event listener. That should be triggered by the mobile keyboard enter/next, and then call blur() on the target - StackBlitz tested with Android Chrome

Open Links in Different Tabs/Windows

Is your feature request related to a problem? Please describe.
When I click on one of these links it opens up in the same tab/window as the previous one.

I was on StackBlitz and clicked the issues link and lost my place!

Describe the solution you'd like
Each link should open a new tab/window.

Img display issue on mat-button, overflow scroll on card content

Not sure exactly why i'm having these particular issues, but the img within the mat-buttons for the github icon and npm icon are being blown out to 100% width within card search results:

The ligature-based buttons have no issue.

img's have a global style of position: fixed and width: 100%. When I remove these two properties, display works as expected.

Additionally, .mat-card-content contains overflow of scroll, and the scroll bars are showing up. This seems to be resolved by removing overflow: scroll.

I'm on chrome, but it happens on firefox and edge for me as well.

Very cool tool!

Scrollbar Not Needed

Describe the bug
When I'm on this page, a scrollbar is shown when it shouldn't be.

To Reproduce
Steps to reproduce the behavior:

Go to here

Expected behavior
No scrollbar

Screenshots
See above

Desktop (please complete the following information):

OS: Win 10
Browser Chrome
Version 66

Feedback

The colors for the site are a bit overwhelming and hurt the eyes.

Also, what if I don't know a package name? Any plans to put in other search features such as most popular, downloaded, searched, etc.

Virtual Scroll problems

Describe the bug
When you are on the bottom of the page, the virtual scroll take the control and scrolls it infinitely

To Reproduce
Steps to reproduce the behavior:

Go to https://ngx.tools/#/search
Click on the search bar and type something
Scroll down to the bottom of the page
And it's scrolling without any action of your part

Expected behavior
Expect to have the control of the virtual scroll

Desktop (please complete the following information):

OS: macOS
Browser: chrome

ngx.tools doesn't load the angular application. Site displays loading icon

Describe the bug
ngx.tools doesn't load the angular application. Site displays loading icon

To Reproduce
I haven't been able to reproduce the issue in a private browsing window. I guess the behavior is related to my browser state: installed SW / cached assets... I hope, I am the only one facing it.

Go to 'ngx.tools'
loading icon displayed, error in console

Failed to load ‘https://ngx.tools/main.94a18d1d57f0cd44f36e.js’. A ServiceWorker passed a promise to FetchEvent.respondWith() that rejected with ‘Error: Response not Ok (fetchAndCacheOnce): request for https://ngx.tools/main.94a18d1d57f0cd44f36e.js returned response 404 Not Found’. ngsw-worker.js:589:31

<app-root>
    <img src="assets/loading.svg" alt="loading" class="loading">
  </app-root>

Hit refresh
Same issue with the same error in console
Hit cmd + shift + r
Home page is displayed. Console displays: check for updates?

Expected behavior
Load Angular app, display home page

Desktop (please complete the following information):

OS: macOS Mojave
Browser: Firefox
Version: 68

Contributions accepted?

Hi this is just a quick question, are you open to accepting contributions? I feel like this tool will become invaluable for third party libraries updating to latest angular features :).

Let me know I'd like to contribute when I have time in the future.

Footer Layout Issue

Describe the bug
The footer is hidden

To Reproduce
Steps to reproduce the behavior:

Go to https://ngx.tools/ on iPhone 5SE
Scroll down to the fotter
See error

Expected behavior
That the footer is shown

Screenshots

Smartphone (please complete the following information):

Device: iPhone 5SE
OS: iOS 11.3.1
Browser: safari

Reference: Twitter thread

Add Titles to Links

Is your feature request related to a problem? Please describe.
When I'm on this page I see the NPM and GitHub icons which I know what those are but what are the other 2?

Describe the solution you'd like
Add a tooltip/set the title property.

Search for Schematics

We should be able to search for -or- filter out the results for the Angular CLI "Schematics" only.

Change link icons

I was a bit lost at first, because I didn't know what the first two icons were for. I would change those for the sites logos.

More informations on packages cards

Is your feature request related to a problem? Please describe.
It could be nice to have the GitHub stars on the package card. Currently to check that, I have to open the GitHub repository before. I know GitHub stars are not very relevant, but it can indicate the package popularity, maintainability etc...

Maybe add the update at date on the card too.

Thanks for your work ✨