Upgrade to Angular 17 (#58)

* chore: upgrade to v17
ngMorocco · Nov 25, 2023 · 31652bc · 31652bc
1 parent 7cf2c38
commit 31652bc
Show file tree

Hide file tree

Showing 34 changed files with 8,178 additions and 23,811 deletions.
diff --git a/.env b/.env
@@ -3,6 +3,8 @@
 YOUTUBE_PLAYLIST_ID=PLTCFcpZfnDoJxDofsnsNvvV_5djpEl4Bs
 ALGOLIA_APP_ID=GSQOLW7GQF
 ALGOLIA_INDEX_NAME=ngx-darija
+ALGOLIA_APP_KEY=
+GOOGLE_API_KEY=
 
 # Application Environment
 NG_APP_BASE_URL=http://localhost:8889

diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,32 +1,20 @@
 {
   "root": true,
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
   "overrides": [
     {
       "files": [
         "*.ts"
       ],
-      "parserOptions": {
-        "project": [
-          "tsconfig.json",
-          "e2e/tsconfig.json"
-        ],
-        "createDefaultProgram": true
-      },
       "extends": [
-        "plugin:@angular-eslint/ng-cli-compat",
-        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
-        "plugin:@angular-eslint/template/process-inline-templates",
-        "prettier"
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
-        "@angular-eslint/component-selector": [
-          "error",
-          {
-            "type": "element",
-            "prefix": "app",
-            "style": "kebab-case"
-          }
-        ],
         "@angular-eslint/directive-selector": [
           "error",
           {
@@ -35,34 +23,13 @@
             "style": "camelCase"
           }
         ],
-        "arrow-parens": [
-          "off",
-          "always"
-        ],
-        "brace-style": [
-          "off",
-          "off"
-        ],
-        "linebreak-style": "off",
-        "new-parens": "off",
-        "newline-per-chained-call": "off",
-        "no-extra-semi": "off",
-        "no-irregular-whitespace": "off",
-        "no-trailing-spaces": "off",
-        "jsdoc/newline-after-description": "off",
-        "react/jsx-curly-spacing": "off",
-        "react/jsx-equals-spacing": "off",
-        "react/jsx-tag-spacing": [
-          "off",
+        "@angular-eslint/component-selector": [
+          "error",
           {
-            "afterOpening": "allow",
-            "closingSlash": "allow"
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
           }
-        ],
-        "react/jsx-wrap-multilines": "off",
-        "space-in-parens": [
-          "off",
-          "never"
         ]
       }
     },
@@ -76,4 +43,4 @@
       "rules": {}
     }
   ]
-}
+}
diff --git a/angular.json b/angular.json
@@ -1,33 +1,24 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "cli": {
-    "analytics": false
-  },
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
     "ngx-darija": {
       "projectType": "application",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss",
-          "changeDetection": "OnPush"
-        },
-        "@schematics/angular:application": {
-          "strict": true
-        }
-      },
+      "schematics": {},
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@ngx-env/builder:browser",
+          "builder": "@ngx-env/builder:application",
           "options": {
-            "outputPath": "dist/ngx-darija/browser",
+            "outputPath": "dist/ngx-darija",
             "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -41,15 +32,18 @@
             "styles": [
               "src/styles.scss"
             ],
-            "scripts": [
-              "node_modules/marked/lib/marked.esm.js"
-            ],
-            "serviceWorker": false,
-            "ngswConfigPath": "ngsw-config.json"
+            "scripts": [],
+            "server": "src/main.server.ts",
+            "prerender": {
+              "routesFile": "content/generated/routes.txt"
+            },
+            "ssr": {
+              "entry": "server.ts"
+            }
           },
           "configurations": {
             "production": {
-              "sourceMap": true,
+              "optimization": false,
               "budgets": [
                 {
                   "type": "initial",
@@ -71,35 +65,52 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
+              "sourceMap": true
             }
           },
-          "defaultConfiguration": ""
+          "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@ngx-env/builder:dev-server",
           "options": {
-            "browserTarget": "ngx-darija:build"
+            "proxyConfig": "src/proxy.conf.json"
           },
           "configurations": {
             "production": {
-              "browserTarget": "ngx-darija:build:production"
+              "buildTarget": "ngx-darija:build:production"
             },
             "development": {
-              "browserTarget": "ngx-darija:build:development"
+              "buildTarget": "ngx-darija:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@ngx-env/builder:extract-i18n",
           "options": {
-            "browserTarget": "ngx-darija:build"
+            "buildTarget": "ngx-darija:build"
+          }
+        },
+        "test": {
+          "builder": "@ngx-env/builder:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.css"
+            ],
+            "sourceMap": false,
+            "scripts": []
           }
         },
         "lint": {
@@ -110,59 +121,13 @@
               "src/**/*.html"
             ]
           }
-        },
-        "server": {
-          "builder": "@ngx-env/builder:server",
-          "options": {
-            "inlineStyleLanguage": "scss",
-            "outputPath": "dist/ngx-darija/server",
-            "main": "server.ts",
-            "tsConfig": "tsconfig.server.json",
-            "sourceMap": true,
-            "optimization": false
-          },
-          "configurations": {
-            "production": {
-              "outputHashing": "media",
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "sourceMap": false,
-              "optimization": true
-            }
-          },
-          "defaultConfiguration": ""
-        },
-        "serve-ssr": {
-          "builder": "@nguniversal/builders:ssr-dev-server",
-          "options": {
-            "browserTarget": "ngx-darija:build",
-            "serverTarget": "ngx-darija:server"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "ngx-darija:build:production",
-              "serverTarget": "ngx-darija:server:production"
-            }
-          }
-        },
-        "prerender": {
-          "builder": "@nguniversal/builders:prerender",
-          "options": {
-            "browserTarget": "ngx-darija:build:production",
-            "serverTarget": "ngx-darija:server:production",
-            "routes": [
-              "/"
-            ]
-          },
-          "configurations": {
-            "production": {}
-          }
         }
       }
     }
+  },
+  "cli": {
+    "schematicCollections": [
+      "@angular-eslint/schematics"
+    ]
   }
-}
+}