move to nx

Author: webmasterdevlin

.editorconfig

@@ -0,0 +1 @@
+node_modules

.eslintignore

@@ -0,0 +1,38 @@
+{
+  "root": true,
+  "ignorePatterns": ["!**/*"],
+  "plugins": ["@nx"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nx/typescript",
+        "plugin:@nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "modernAngular",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nx/angular-template"],
+      "rules": {}
+    }
+  ]
+}

.eslintrc.json

@@ -1,12 +1,12 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/dist
-/tmp
+dist
+tmp
 /out-tsc
 
 # dependencies
-/node_modules
+node_modules
 
 # IDEs and editors
 /.idea
@@ -25,7 +25,6 @@
 !.vscode/extensions.json
 
 # misc
-/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage
@@ -38,3 +37,5 @@ testem.log
 # System Files
 .DS_Store
 Thumbs.db
+
+.angular

.gitignore

@@ -1 +1,2 @@
-engine-strict=true
+strict-peer-dependencies=false
+auto-install-peers=true

.npmrc

@@ -0,0 +1,4 @@
+# Add files here to ignore them from prettier formatting
+/dist
+/coverage
+.angular

.prettierignore

@@ -1,12 +1,3 @@
 {
-  "printWidth": 120,
-  "bracketSpacing": true,
-  "tabWidth": 2,
-  "useTabs": false,
-  "semi": true,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "arrowParens": "avoid",
-  "plugins": ["prettier-plugin-tailwindcss"],
-  "endOfLine": "auto"
+  "singleQuote": true
 }

.prettierrc

@@ -1,4 +1,8 @@
 {
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template"]
+  "recommendations": [
+    "nrwl.angular-console",
+    "esbenp.prettier-vscode",
+    "firsttris.vscode-jest-runner",
+    "dbaeumer.vscode-eslint"
+  ]
 }

.vscode/extensions.json

@@ -1,12 +1,14 @@
 # ModernAngular
-- Global state management using Signals.
-- HTTP Requests using Axios and Signals.
-- RXJS in ReactiveForms only
-- Stand-alone components all the way.
-- LocalStorage in Signals to persist data.
 
-## CSS
-- Tailwind CSS (has CSS Class Utilities)
+```bash
+npm i -g nx
+npm i -g @nrwl/cli
+pnpx create-nx-workspace@latest
+```
 
-## E2E Testing
-- Playwright (can do parallel testing using web workers)
+- choose standalone angular app
+- application name, app
+- standalone components, yes
+- routing, yes
+- stylesheet format, css
+- caching, no

.vscode/launch.json

@@ -0,0 +1,16 @@
+{
+  "extends": ["plugin:cypress/recommended"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nx/javascript"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    }
+  ],
+  "plugins": ["@nx"]
+}

.vscode/tasks.json

@@ -0,0 +1,6 @@
+import { defineConfig } from 'cypress';
+import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
+
+export default defineConfig({
+  e2e: nxE2EPreset(__dirname),
+});

README.md

@@ -0,0 +1,33 @@
+{
+  "name": "e2e",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "e2e/src",
+  "projectType": "application",
+  "targets": {
+    "e2e": {
+      "executor": "@nx/cypress:cypress",
+      "options": {
+        "cypressConfig": "e2e/cypress.config.ts",
+        "devServerTarget": "modern-angular:serve:development",
+        "testingType": "e2e"
+      },
+      "configurations": {
+        "production": {
+          "devServerTarget": "modern-angular:serve:production"
+        },
+        "ci": {
+          "devServerTarget": "modern-angular:serve-static"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@nx/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["e2e/**/*.{js,ts}"]
+      }
+    }
+  },
+  "tags": [],
+  "implicitDependencies": ["modern-angular"]
+}

angular.json

@@ -0,0 +1,13 @@
+import { getGreeting } from '../support/app.po';
+
+describe('modern-angular', () => {
+  beforeEach(() => cy.visit('/'));
+
+  it('should display welcome message', () => {
+    // Custom command example, see `../support/commands.ts` file
+    cy.login('my-email@something.com', 'myPassword');
+
+    // Function helper example, see `../support/app.po.ts` file
+    getGreeting().contains('Welcome modern-angular');
+  });
+});

e2e/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io"
+}

e2e/cypress.config.ts

@@ -0,0 +1 @@
+export const getGreeting = () => cy.get('h1');