feat(store-devtools): add redux dev tool trace support (#3517)

[zizifn]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/ngrx/platform/blob/master/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Documentation has been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

Add redux trace option support into dev tool, related to (#3517)

Below is the redux doc for trace option.
https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md#trace

[ ] Bugfix
[x ] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[x ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

No trace shown in the redux dev tools extension.
Closes #3517 #1868

What is the new behavior?

Trace shown in the redux dev tools extension if enable.

Does this PR introduce a breaking change?

[ ] Yes
[ X ] No

Other information

[netlify]

✅ Deploy Preview for ngrx-io canceled.

Built without sensitive environment variables

Name	Link
🔨 Latest commit	2180fed
🔍 Latest deploy log	https://app.netlify.com/sites/ngrx-io/deploys/63785a3232467400081cedb5

[zizifn]

@brandonroberts @timdeschryver I created PR related to #3517, could you help me review it. And this is my first PR, if you have any questions or comments, please let me know.

[timdeschryver]

Hi, thanks for creating this PR.
I do have two questions.

1. I added the trace: true config to our example app (npm run example:start), but the traces weren't coming through. I will take a closer look at this later, but could you reverify if it works on your end please? (

   platform/projects/example-app/src/app/app.module.ts

   Line 63 in 56bcaba

   StoreDevtoolsModule.instrument({

   ).

2. What's the reason why the tracelimit is sometimes set to 20?

[zizifn]

Hi, thanks for creating this PR.
I do have two questions.

1. I added the trace: true config to our example app (npm run example:start), but the traces weren't coming through. I will take a closer look at this later, but could you reverify if it works on your end please? (

   platform/projects/example-app/src/app/app.module.ts

   Line 63 in 56bcaba

   StoreDevtoolsModule.instrument({

   ).

2. What's the reason why the tracelimit is sometimes set to 20?

Thanks for review.

1. dev tool extension has little bug in there. Make sure not focus on trace tab in the beginning or switch to action tab then switch trace again.

2. I only set to 20 in the spec test. The default is 10 according to the redux document.

@timdeschryver add GIF below, in my example, I set the trace limit to 50, a small number may not be able show the full stack trace..

[timdeschryver]

Thanks for the elaboration, I left a few comments.

[zizifn]

Thanks for the elaboration, I left a few comments.

These comments make sense to me. And apply the suggested change. Thanks.

[zizifn]

@timdeschryver anything I can do for getting one more reviewer?

[brandonroberts]

Thanks @zizifn!