ngxtools / ngx.tools Goto Github PK
View Code? Open in Web Editor NEWDiscover Angular packages, libraries and schematics 🚀
Home Page: https://ngx.tools
License: Apache License 2.0
Discover Angular packages, libraries and schematics 🚀
Home Page: https://ngx.tools
License: Apache License 2.0
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.
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>
check for updates?
Expected behavior
Load Angular app, display home page
Desktop (please complete the following information):
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!
Describe the bug
The application freezes while loading (in Firefox)
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Desktop (please complete the following information):
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...
On mobile browser, Android (Chrome v67) after entering search text and tapping Next (Enter/RightArrow) on the soft keyboard, the keyboard remains open
Expected:
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
When I search for @collab-ui/angular, I do not find it available in ngx.tools, it even has a schematic available for it
See directive code: https://github.com/sfeir-open-source/angular-search-experience/blob/master/src/app/search-ui/search/infinite-scroll.directive.ts
The directive is used here: https://github.com/sfeir-open-source/angular-search-experience/blob/master/src/app/search-ui/search/search.component.html#L1
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.
cc @filipesilva
Describe the bug
The footer is hidden
To Reproduce
Steps to reproduce the behavior:
Expected behavior
That the footer is shown
Smartphone (please complete the following information):
Reference: Twitter thread
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:
Expected behavior
Expect to have the control of the virtual scroll
Desktop (please complete the following information):
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.
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.
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.
See expected result: https://github.com/xlayers/xlayers/pull/50/files
Note: The readme needs to be updated as well.
The current PWA configuration is unstable. The server worker seems not to cache all resources, which causes the app to break and gets stuck in the loading UI.
Related bug #23
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 ✨
As a person who has to problems with eyes. The colour of a page is too bright and bold. Makes my eyes not feeling comfortable. Mabe an option to change the colour schemas would be nice.
Describe the bug
If you get no result, you arrive on this view.
If you do a new search, nothing will appear, Not found view will stay.
In network tab, I can see results from Algolia, so I think it's a client error.
To Reproduce
Steps to reproduce the behavior:
datepicker-not-found
datepicker
Expected behavior
Get a new results list.
Desktop (please complete the following information):
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.
We should be able to search for -or- filter out the results for the Angular CLI "Schematics" only.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.