feat: change project structure to meet targeted architecture

angular.json

@@ -11,33 +11,28 @@
         }
       },
       "root": "",
-      "sourceRoot": "src",
+      "sourceRoot": "src/angular",
       "prefix": "app",
       "architect": {
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/electron-angular-quick-start",
+            "outputPath": "dist/angular",
-            "index": "src/index.html",
+            "index": "src/angular/index.html",
-            "main": "src/main.ts",
+            "main": "src/angular/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": "src/angular/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
             "aot": true,
-            "assets": [
+            "assets": ["src/angular/favicon.ico", "src/angular/assets"],
-              "src/favicon.ico",
+            "styles": ["src/angular/styles.scss"],
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
             "scripts": []
           },
           "configurations": {
             "production": {
               "fileReplacements": [
                 {
-                  "replace": "src/environments/environment.ts",
+                  "replace": "src/angular/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
+                  "with": "src/angular/environments/environment.prod.ts"
                 }
               ],
               "optimization": true,
@@ -83,17 +78,12 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "src/test.ts",
+            "main": "src/angular/test.ts",
-            "polyfills": "src/polyfills.ts",
+            "polyfills": "src/angular/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": [
+            "assets": ["src/angular/favicon.ico", "src/angular/assets"],
-              "src/favicon.ico",
+            "styles": ["src/angular/styles.scss"],
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.scss"
-            ],
             "scripts": []
           }
         },
@@ -103,17 +93,15 @@
             "tsConfig": [
               "tsconfig.app.json",
               "tsconfig.spec.json",
-              "e2e/tsconfig.json"
+              "e2e/angular/tsconfig.json"
             ],
-            "exclude": [
+            "exclude": ["**/node_modules/**"]
-              "**/node_modules/**"
-            ]
           }
         },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
+            "protractorConfig": "e2e/angular/protractor.conf.js",
             "devServerTarget": "electron-angular-quick-start:serve"
           },
           "configurations": {
@@ -123,6 +111,7 @@
           }
         }
       }
-    }},
+    }
+  },
   "defaultProject": "electron-angular-quick-start"
 }

e2e/angular/protractor.conf.js

@@ -0,0 +1,32 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require("jasmine-spec-reporter");
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: ["./src/**/*.e2e-spec.ts"],
+  capabilities: {
+    browserName: "chrome",
+  },
+  directConnect: true,
+  baseUrl: "http://localhost:4200/",
+  framework: "jasmine",
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function () {},
+  },
+  onPrepare() {
+    require("ts-node").register({
+      project: require("path").join(__dirname, "./tsconfig.json"),
+    });
+    jasmine
+      .getEnv()
+      .addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  },
+};

e2e/angular/tsconfig.json

@@ -1,13 +1,9 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../out-tsc/e2e",
     "module": "commonjs",
     "target": "es5",
-    "types": [
+    "types": ["jasmine", "jasminewd2", "node"]
-      "jasmine",
-      "jasminewd2",
-      "node"
-    ]
   }
 }

e2e/protractor.conf.js

@@ -1,32 +0,0 @@
-// @ts-check
-// Protractor configuration file, see link for more information
-// https://github.com/angular/protractor/blob/master/lib/config.ts
-
-const { SpecReporter } = require('jasmine-spec-reporter');
-
-/**
- * @type { import("protractor").Config }
- */
-exports.config = {
-  allScriptsTimeout: 11000,
-  specs: [
-    './src/**/*.e2e-spec.ts'
-  ],
-  capabilities: {
-    browserName: 'chrome'
-  },
-  directConnect: true,
-  baseUrl: 'http://localhost:4200/',
-  framework: 'jasmine',
-  jasmineNodeOpts: {
-    showColors: true,
-    defaultTimeoutInterval: 30000,
-    print: function() {}
-  },
-  onPrepare() {
-    require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.json')
-    });
-    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  }
-};

package.json

@@ -3,11 +3,11 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve",
+    "ng:test": "ng test",
-    "build": "ng build",
+    "ng:lint": "ng lint",
-    "test": "ng test",
+    "ng:e2e": "ng e2e",
-    "lint": "ng lint",
+    "ng:serve": "ng serve",
-    "e2e": "ng e2e"
+    "ng:build": "ng build --prod --base-href ./"
   },
   "private": true,
   "dependencies": {

tsconfig.app.json

@@ -4,11 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": [
+  "files": ["src/angular/main.ts", "src/angular/polyfills.ts"],
-    "src/main.ts",
+  "include": ["src/angular/**/*.d.ts"]
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
 }

tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
-    "baseUrl": "./",
+    "baseUrl": "./src/",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
@@ -11,10 +11,7 @@
     "moduleResolution": "node",
     "importHelpers": true,
     "target": "es2015",
-    "lib": [
+    "lib": ["es2018", "dom"]
-      "es2018",
-      "dom"
-    ]
   },
   "angularCompilerOptions": {
     "fullTemplateTypeCheck": true,

tsconfig.spec.json

@@ -2,17 +2,8 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
-    "types": [
+    "types": ["jasmine", "node"]
-      "jasmine",
-      "node"
-    ]
   },
-  "files": [
+  "files": ["src/angular/test.ts", "src/angular/polyfills.ts"],
-    "src/test.ts",
+  "include": ["src/angular/**/*.spec.ts", "src/angular/**/*.d.ts"]
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
 }