ng-idle | Responding to idle users in AngularJS applications | Runtime Evironment library

I tried to follow every comment with a possible solution here to the letter. I relied on an example project on github as well which works perfectly.

This also started to happen to me after updating everything manually and when running the nx test command, occurrs this error.

My jest.config.js inside apps/my-app:

I use angular ng-idle, (core and keepalive) and I want to detect when user is active.
I search but cannot find any documentation that tell me when each ng-idle event occurs.
I can see examples of how to catch user inactivity,
But I want to catch the exact opposite - the times that the user performs actions, and then reset my timers.

How can I do it using ng-idle?
Which event can I use?

Thank you.

I have recently upgraded from angular 7 to angular 8.2.14, along with the PrimeNG version upgraded to 8.0.0, and the Application working in all the browsers except the internet explorer

Below is my package.json file

In react application, I am trying to do auto logout for inactive user(session) by referring https://medium.com/tinyso/how-to-detect-inactive-user-to-auto-logout-by-using-idle-timeout-in-javascript-react-angular-and-b6279663acf2

Now If I try to change class component's code to functional code, it will not work as it was working before.

Class component code will get it from https://codesandbox.io/s/suspicious-dream-w1cyc?from-embed

Function component code as is below

index.js

I have application where user, when not using application, gets session timeout dialog with countdown. When countdown is at 0, user is logged out and all dialogs are closed. When user closes dialog before time has expired the timeout time is reset. Now, when user has two or more browser tabs opened, then timeout warning and log out is happening at the same time, which is what is needed.

Problems come when user has two browser tabs opened with my application, gets session timeout and wants to continue to work. When clicking to continue in one tab, that button is clicked, the session timeout warning dialog closes, in other tab dialog stays opened, but timer has reset.

Question is, can I close dialog in all tabs with just clicking close in one of the tabs?

I am using ng-idle for session timeout if it helps.

Also, I created my own storage service, which watches localStorage changes, from which I can get if dialog has been closed in one of the tabs. With this piece of code I get localStorage changes in both tabs, with subscribing to watchStorage and setting item. But when setting item with a click on closing session timeout dialog it gets changes on one tab, but not others.

I'm trying to build angular project for production, I'm using 'docker build' task in Azure DevOps pipeline to build docker image from the dockerfile.

But I got the following error each time.

ERROR in ./node_modules/@angular-devkit/build-angular/node_modules/core-js/internals/define-well-known-symbol.js Module not found: Error: Can't resolve '../internals/well-known-symbol-wrapped' in '/app/node_modules/@angular-devkit/build-angular/node_modules/core-js/internals'

Here is my dockerfile

Getting syntax error in vendor.js file while running angular 9 application in IE 11. I've enabled all the polyfills and changed the target to "es5" in tsconfig.json as well.

any help will be appreciated!

package.json

I'm using the latest versions of all Angular-related packages (so Angular 10).

I want to add some code to a component, but I only want this code to exist in dev, never in a production build. It needs to be completely stripped in prod builds. I found this comment, which indicates that environments do this automatically (because they're const).

I tried using that exact code in my app, but the dev code is still there in a production build. I copied the code over to a new test app that I made with ng new, and it does work properly there.

What things should I be looking for, how can I fix this? Is this possibly because I have CommonJS dependencies, and if so, can I do anything about that (since I can't remove those dependencies)?

Some notes:

• An issue has been opened on the angular-cli repo here.
• The environment object is never written to anywhere in the codebase, I've searched thoroughly. (It's only used in a few places anyway.)
• Code bounded with if (false) { } is properly stripped.
• Removing the services export from the end of environment{.prod}.ts does not fix the problem.
• Removing all CommonJS dependencies does not fix the problem.

Here's environment.prod.ts (environment.ts is the same, just with false instead of true):

I have recently migrated the app from ionic 4 to 5 - Angular 7 to 9. Made all the migration specific changes to config & code. Ionic serve works well. Also no error while creating a production build. But app is not getting loaded! Also used service worker in application.

followed the migration guidelines provided by Ionic & Angular

Package.json -->