build: add Angular 20 support (#2342)

Author: arturovt

.bundlemonrc.integration.json

@@ -6,12 +6,12 @@
   "files": [
     {
       "friendlyName": "Main bundles",
-      "path": "./**/dist-integration/**/main{-,.}<hash>.js",
+      "path": "./**/dist-integration/browser/**/main{-,.}<hash>.js",
       "maxPercentIncrease": 1
     },
     {
       "friendlyName": "Main bundles(Gzip)",
-      "path": "./**/dist-integration/**/main{-,.}<hash>.js",
+      "path": "./**/dist-integration/browser/**/main{-,.}<hash>.js",
       "compression": "gzip",
       "maxPercentIncrease": 1
     }

.circleci/config.yml

@@ -7,7 +7,7 @@ orbs:
 job_defaults_var: &job_defaults
   working_directory: ~/workspace/app
   docker:
-    - image: cimg/node:18.20.0-browsers
+    - image: cimg/node:22.16.0-browsers
 
 # Yarn cache key
 cache_var: &cache_key yarn-packages-v5-{{ .Branch }}-{{ checksum "yarn.lock" }}
@@ -139,18 +139,18 @@ jobs:
           name: Run integration tests for the SSR build application
           command: yarn test:ci:integration:ssr
 
-  integration_ng19_tests:
+  integration_ng20_tests:
     <<: *job_defaults
     steps:
       - *attach_workspace
       - browser-tools/install-browser-tools
       - run:
-          name: Run integration tests for ng19 application
-          command: yarn integration:ng19
+          name: Run integration tests for ng20 application
+          command: yarn integration:ng20
       - persist_to_workspace:
           root: ~/workspace
           paths:
-            - app/integrations/hello-world-ng19/dist-integration
+            - app/integrations/hello-world-ng20/dist-integration
 
   integration_test_types:
     <<: *job_defaults
@@ -229,7 +229,7 @@ workflows:
       ###     requires:
       ###       - build
 
-      - integration_ng19_tests:
+      - integration_ng20_tests:
           requires:
             - build
 

.github/actions/setup/action.yml

@@ -13,7 +13,7 @@ inputs:
   node-version:
     description: Node version
     required: true
-    default: 18.x
+    default: 22.x
   github-ref-name:
     description: Branch name
     required: true
@@ -54,7 +54,7 @@ runs:
           ~/.cache
           ./node_modules
           ./@ngxs
-          ./integrations/hello-world-ng19/dist-integration
+          ./integrations/hello-world-ng20/dist-integration
         key: ${{ runner.os }}-node-${{ inputs.node-version }}-yarn-${{ hashFiles('**/yarn.lock') }}-branch-${{ inputs.github-ref-name }}-sha-${{ inputs.github-sha }}
         restore-keys: |
           ${{ runner.os }}-node-${{ inputs.node-version }}-yarn-${{ hashFiles('**/yarn.lock') }}-branch-${{ inputs.github-ref-name }}-sha-

.github/actions/upload-integration-test-artifact/action.yml

@@ -7,11 +7,11 @@
 # - ./.github/actions/upload-integration-test-artifact
 
 name: upload-integration-test-artifact
-description: Upload an integration test artifact with a name such as 'hello-world-ng19'.
+description: Upload an integration test artifact with a name such as 'hello-world-ng20'.
 
 inputs:
   script:
-    description: A script with a name such as 'integration:ng19' that generates an integration test artifact.
+    description: A script with a name such as 'integration:ng20' that generates an integration test artifact.
     required: true
 
 runs:
@@ -21,7 +21,7 @@ runs:
       id: artifact-name
       shell: bash
       run: |
-        echo "Replace colons with dashes, substring 'integration' with a substring 'hello-world'. Example result: hello-world-ng19"
+        echo "Replace colons with dashes, substring 'integration' with a substring 'hello-world'. Example result: hello-world-ng20"
         echo "value=$(echo ${SCRIPT} | sed -r "s/:/-/g" | sed -r "s/integration/hello-world/g")" >> $GITHUB_OUTPUT
       env:
         SCRIPT: ${{ inputs.script }}

.github/workflows/pr-validation.yml

@@ -8,7 +8,7 @@ on:
   pull_request:
 
 env:
-  NODE_VERSION: 18.x
+  NODE_VERSION: 22.x
   BASE_REF: ${{ format('remotes/origin/{0}', github.base_ref) }}
 
 defaults:
@@ -96,7 +96,7 @@ jobs:
     strategy:
       matrix:
         script:
-          - 'integration:ng19'
+          - 'integration:ng20'
           - 'test:types'
 
     steps:

.github/workflows/release.yml

@@ -10,7 +10,7 @@ on:
       - created
 
 env:
-  NODE_VERSION: 18.x
+  NODE_VERSION: 22.x
 
 defaults:
   run:
@@ -85,7 +85,7 @@ jobs:
     strategy:
       matrix:
         script:
-          - 'integration:ng19'
+          - 'integration:ng20'
           - 'test:types'
 
     steps:

.github/workflows/trunk.yml

@@ -10,7 +10,7 @@ on:
     tags-ignore: ['*']
 
 env:
-  NODE_VERSION: 18.x
+  NODE_VERSION: 22.x
 
 defaults:
   run:
@@ -85,7 +85,7 @@ jobs:
     strategy:
       matrix:
         script:
-          - 'integration:ng19'
+          - 'integration:ng20'
           - 'test:types'
 
     steps:

.gitignore

@@ -50,7 +50,6 @@ testem.log
 /typings
 .test-results.json
 /dist-lib
-/dist-integration
 **/_ignore
 .astro
 
@@ -69,8 +68,9 @@ Thumbs.db
 yarn-error.log
 .ng_pkg_build/
 package-lock.json
-dist-integration-server/
 .cache
 migrations.json
 .nx/cache
 .nx/workspace-data
+.cursor/rules/nx-rules.mdc
+.github/instructions/nx.instructions.md

CHANGELOG.md

@@ -6,6 +6,7 @@ $ npm install @ngxs/store@dev
 
 ### To become next patch version
 
+- Build: Add Angular 20 support [#2342](https://github.com/ngxs/store/pull/2342)
 - Feature(store): Implement `ActionDirector` [#2329](https://github.com/ngxs/store/pull/2329)
 - Feature(store): Add `lazyProvider` utility [#2326](https://github.com/ngxs/store/pull/2326)
 - Feature(devtools-plugin): Add `serialize` option [#2337](https://github.com/ngxs/store/pull/2337)