Introduce nx workspace (#46)

* introduce NX Workspace

* configure lint and test

* update workflows and scripts

Author: skynetigor

.browserslistrc

@@ -1,4 +1,4 @@
-# Editor configuration, see https://editorconfig.org
+# Editor configuration, see http://editorconfig.org
 root = true
 
 [*]
@@ -8,9 +8,6 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
-[*.ts]
-quote_type = single
-
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.editorconfig

@@ -1,71 +1,35 @@
 {
   "root": true,
+  "ignorePatterns": ["**/*"],
+  "plugins": ["@nrwl/nx"],
   "overrides": [
     {
-      "files": [
-        "*.ts",
-        "*.tsx"
-      ],
-      "extends": [
-        "plugin:@typescript-eslint/recommended",
-        "plugin:jasmine/recommended",
-        "eslint:recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript"
-      ],
-      "plugins": [
-        "jasmine",
-        "import"
-      ],
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
       "rules": {
-        "prefer-const": "off",
-        "@typescript-eslint/no-empty-function": "off", // temporary, should be ok for tests
-        "@typescript-eslint/no-explicit-any": "off", // temporary, should be ok for tests
-        "@typescript-eslint/explicit-function-return-type": [
+        "@nrwl/nx/enforce-module-boundaries": [
           "error",
           {
-            "allowExpressions": true
+            "enforceBuildableLibDependency": true,
+            "allow": [],
+            "depConstraints": [
+              {
+                "sourceTag": "*",
+                "onlyDependOnLibsWithTags": ["*"]
+              }
+            ]
           }
-        ],
-        "@typescript-eslint/ban-types": [
-          "error",
-          {
-            "types": {
-              "String": {
-                "message": "Use string instead",
-                "fixWith": "string"
-              },
-              "{}": false,
-              "object": false
-            }
-          }
-        ],
-        "no-console": "error",
-        "no-unused-vars": "off",
-        "no-undef": "off",
-        "no-prototype-builtins": "off",
-        "no-sparse-arrays": "off",
-        "no-redeclare": "off",
-        "getter-return": "off",
-        "no-extra-boolean-cast": "off",
-        "no-useless-escape": "off",
-        "no-empty": "off",
-        "semi": "error",
-        "import/no-unresolved": "off"
+        ]
       }
-    }
-  ],
-  "settings": { // https://github.com/alexgorbatchev/eslint-import-resolver-typescript
-    "import/parsers": {
-      "@typescript-eslint/parser": [
-        ".ts",
-        ".tsx"
-      ]
     },
-    "import/resolver": {
-      "typescript": {
-        "alwaysTryTypes": true // always try to resolve types under `<root>@types` directory even it doesn't contain any source code, like `@types/unist`
-      }
+    {
+      "files": ["*.ts", "*.tsx"],
+      "extends": ["plugin:@nrwl/nx/typescript"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "extends": ["plugin:@nrwl/nx/javascript"],
+      "rules": {}
     }
-  }
-}
+  ]
+}

.eslintrc.json

@@ -0,0 +1,14 @@
+{
+  "projects": {
+    "default": "anecdotes-mfe-poc"
+  },
+  "targets": {
+    "anecdotes-mfe-poc": {
+      "hosting": {
+        "develop": [
+          "anecdotes-mfe-poc"
+        ]
+      }
+    }
+  }
+}

.firebaserc

@@ -20,10 +20,10 @@ jobs:
         run: npm ci
 
       - name: Build
-        run: npm run build dynamic-form
+        run: npm run build
 
       - name: Lint
         run: npm run lint
 
       - name: Test
-        run: npm run test dynamic-form -- -c=single-run
+        run: npm run test-single-run

.github/workflows/build-dynamic-form-develop.yml

@@ -20,10 +20,10 @@ jobs:
         run: npm ci
 
       - name: Build
-        run: npm run build dynamic-form
+        run: npm run build
 
       - name: Lint
         run: npm run lint
 
       - name: Test
-        run: npm run test dynamic-form -- -c=single-run
+        run: npm run test-single-run

.github/workflows/dynamic-form-pr.yml

@@ -4,15 +4,10 @@
 /dist
 /tmp
 /out-tsc
-# Only exists if Bazel was run
-/bazel-out
 
 # dependencies
 /node_modules
 
-# profiling files
-chrome-profiler-events*.json
-
 # IDEs and editors
 /.idea
 .project
@@ -28,7 +23,6 @@ chrome-profiler-events*.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
-.history/*
 
 # misc
 /.sass-cache

.gitignore

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

.prettierignore

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

.prettierrc

@@ -1,27 +1,19 @@
-# FormRendererRoot
+# WebCompApp
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.5.
+The app demonstrates of microfrontend implementation using Angular with NgRx shared state between micro apps.
 
-## Development server
+## Installling dependencies
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+`npm i`
 
-## Code scaffolding
+## Run Shell app
 
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+`nx run shell:serve-mfe`
 
-## Build
+## Run Gallery app
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+`nx run gallery:serve`
 
-## Running unit tests
+## Enjoy!
 
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+If you learned anything new, follow me on [medium](https://medium.com/@easy-web) and [twitter](https://twitter.com/EasyWebOrg)