feat: initialize updated-demo app with Angular components and configu… (#78)

* feat: initialize updated-demo app with Angular components and configuration

* fix(package): fix broken packege in merge

* fix(breakpoint): fix broken breakpoint

* Update ci.yml

* Update ci.yml

* Update ci.yml

* Update ci.yml

* Update ci.yml

* Update ci.yml

* Update ci.yml

* Update ci.yml

Author: DuncanFaulkner

.github/workflows/ci.yml

@@ -155,9 +155,10 @@ jobs:
           pnpm build:universal-demo-app
 
   publish_snapshots:
+    environment: FLEX_LAYOUT_BUILDS_TOKEN
     runs-on: ubuntu-latest
     needs: [tests_local_browsers, integration_tests]
-    if: github.event_name == 'push' && github.event.pull_request == null
+    # if: github.event_name == 'push' && github.event.pull_request == null
     steps:
       - name: Checkout code
         uses: actions/checkout@v4

.prettierignore

@@ -0,0 +1,6 @@
+# Add files here to ignore them from prettier formatting
+/dist
+/coverage
+/.nx/cache
+/.nx/workspace-data
+.angular

eslint.config.cjs

@@ -0,0 +1,40 @@
+const nx = require('@nx/eslint-plugin');
+
+module.exports = [
+  ...nx.configs['flat/base'],
+  ...nx.configs['flat/typescript'],
+  ...nx.configs['flat/javascript'],
+  {
+    ignores: ['**/dist'],
+  },
+  {
+    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
+    rules: {
+      '@nx/enforce-module-boundaries': [
+        'error',
+        {
+          enforceBuildableLibDependency: true,
+          allow: ['^.*/eslint(\\.base)?\\.config\\.[cm]?js$'],
+          depConstraints: [
+            {
+              sourceTag: '*',
+              onlyDependOnLibsWithTags: ['*'],
+            },
+          ],
+        },
+      ],
+    },
+  },
+  {
+    files: [
+      '**/*.ts',
+      '**/*.tsx',
+      '**/*.js',
+      '**/*.jsx',
+      '**/*.cjs',
+      '**/*.mjs',
+    ],
+    // Override or add rules here
+    rules: {},
+  },
+];

migrations.json

@@ -0,0 +1,13 @@
+{
+  "migrations": [
+    {
+      "cli": "nx",
+      "version": "20.4.0-beta.1",
+      "requires": { "@angular/core": ">=19.1.0" },
+      "description": "Update the @angular/cli package version to ~19.1.0.",
+      "factory": "./src/migrations/update-20-4-0/update-angular-cli",
+      "package": "@nx/angular",
+      "name": "update-angular-cli-version-19-1-0"
+    }
+  ]
+}

nx.json

@@ -3,28 +3,31 @@
   "targetDefaults": {
     "build": {
       "cache": true,
-      "dependsOn": [
-        "^build"
-      ],
-      "inputs": [
-        "production",
-        "^production"
-      ]
+      "dependsOn": ["^build"],
+      "inputs": ["production", "^production"]
     },
     "test": {
+      "cache": true,
+      "inputs": ["default", "^production"]
+    },
+    "@angular-devkit/build-angular:application": {
+      "cache": true,
+      "dependsOn": ["^build"],
+      "inputs": ["production", "^production"]
+    },
+    "@nx/eslint:lint": {
       "cache": true,
       "inputs": [
         "default",
-        "^production"
+        "{workspaceRoot}/.eslintrc.json",
+        "{workspaceRoot}/.eslintignore",
+        "{workspaceRoot}/eslint.config.cjs"
       ]
     }
   },
   "namedInputs": {
     "sharedGlobals": [],
-    "default": [
-      "{projectRoot}/**/*",
-      "sharedGlobals"
-    ],
+    "default": ["{projectRoot}/**/*", "sharedGlobals"],
     "production": [
       "default",
       "!{projectRoot}/tsconfig.spec.json",

package.json

@@ -18,6 +18,7 @@
     "start": "nx serve demo-app",
     "build": "nx build @ngbracket/ngx-layout",
     "demo:serve": "nx serve demo-app",
+    "updated:demo": "nx serve updated-demo",
     "stamp": "ts-node tools/package-tools/version-placeholders.ts --module=commonjs",
     "build:demo-app": "nx run demo-app:build:production",
     "build:universal-demo-app": "nx run universal-demo-app:build:production",
@@ -32,42 +33,54 @@
   "private": true,
   "requiredAngularVersion": ">=19.0.0",
   "dependencies": {
-    "@angular/animations": "19.0.3",
-    "@angular/common": "19.0.3",
-    "@angular/compiler": "19.0.3",
-    "@angular/core": "19.0.3",
-    "@angular/forms": "19.0.3",
-    "@angular/material": "^19.0.2",
-    "@angular/platform-browser": "19.0.3",
-    "@angular/platform-browser-dynamic": "19.0.3",
-    "@angular/platform-server": "19.0.3",
-    "@angular/router": "19.0.3",
-    "@angular/ssr": "^19.0.4",
+    "@angular/animations": "19.1.6",
+    "@angular/common": "19.1.6",
+    "@angular/compiler": "19.1.6",
+    "@angular/core": "19.1.6",
+    "@angular/forms": "19.1.6",
+    "@angular/material": "19.1.4",
+    "@angular/platform-browser": "19.1.6",
+    "@angular/platform-browser-dynamic": "19.1.6",
+    "@angular/platform-server": "19.1.6",
+    "@angular/router": "19.1.6",
+    "@angular/ssr": "19.1.7",
     "express": "^4.21.2",
     "rxjs": "^7.8.1",
     "tslib": "^2.8.1",
     "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^19.0.4",
-    "@angular-devkit/core": "19.0.4",
-    "@angular-devkit/schematics": "19.0.4",
-    "@angular/cdk": "^19.0.2",
-    "@angular/cli": "19.0.4",
-    "@angular/compiler-cli": "19.0.3",
-    "@angular/language-service": "19.0.3",
-    "@ngtools/webpack": "19.0.4",
-    "@nx/angular": "20.3.2",
-    "@nx/workspace": "20.3.2",
-    "@schematics/angular": "19.0.4",
+    "@angular-devkit/build-angular": "19.1.7",
+    "@angular-devkit/core": "19.1.7",
+    "@angular-devkit/schematics": "19.1.7",
+    "@angular/cdk": "19.1.4",
+    "@angular/cli": "~19.1.7",
+    "@angular/compiler-cli": "19.1.6",
+    "@eslint/js": "^9.20.0",
+    "@angular/language-service": "19.1.6",
+    "@ngtools/webpack": "^19.1.7",
+    "@nx/angular": "20.4.4",
+    "@nx/eslint": "20.4.4",
+    "@nx/eslint-plugin": "20.4.4",
+    "@nx/js": "20.4.4",
+    "@nx/web": "20.4.4",
+    "@nx/workspace": "20.4.4",
+    "@schematics/angular": "19.1.7",
+    "@swc-node/register": "~1.9.2",
+    "@swc/core": "~1.5.29",
+    "@swc/helpers": "~0.5.15",
     "@types/express": "^4.17.21",
-    "@types/jasmine": "^5.1.5",
+    "@types/jasmine": "^5.1.6",
     "@types/minimatch": "^5.1.2",
-    "@types/node": "^20.17.9",
+    "@types/node": "^20.17.19",
+    "@typescript-eslint/utils": "^8.24.0",
+    "angular-eslint": "^19.1.0",
     "autoprefixer": "^10.4.0",
     "conventional-changelog-cli": "^4.1.0",
-    "jasmine": "^5.5.0",
-    "jasmine-core": "^5.5.0",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^9.1.0",
+    "jasmine": "^5.6.0",
+    "jasmine-core": "^5.6.0",
     "karma": "^6.4.4",
     "karma-browserstack-launcher": "^1.6.0",
     "karma-chrome-launcher": "^3.2.0",
@@ -78,18 +91,20 @@
     "karma-parallel": "^0.3.1",
     "karma-sauce-launcher": "^4.3.6",
     "minimatch": "^9.0.5",
-    "ng-packagr": "^19.0.1",
-    "nx": "20.3.2",
-    "postcss": "^8.4.49",
+    "ng-packagr": "19.1.2",
+    "nx": "20.4.4",
+    "postcss": "^8.5.2",
     "postcss-scss": "^4.0.9",
+    "prettier": "^2.8.8",
     "postcss-url": "~10.1.3",
     "protractor": "^7.0.0",
     "stylelint": "^15.11.0",
     "ts-node": "^10.9.2",
     "tslint": "^6.1.3",
     "tsutils": "^3.21.0",
-    "typescript": "^5.5.3",
-    "webpack": "^5.97.1",
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.24.0",
+    "webpack": "^5.98.0",
     "webpack-cli": "^5.1.4"
   },
   "pnpm": {