feat: development.wafrn environment

package.json

···
     "frontend:serve": "cd packages/frontend && ng serve",
     "frontend:develop": "cd packages/frontend && ng serve --configuration development",
     "frontend:develop:prod": "cd packages/frontend && ng serve --configuration devprod",
+    "frontend:develop:development": "cd packages/frontend && ng serve --configuration devdevelopment",
     "frontend:build": "cd packages/frontend && ng build",
     "frontend:deploy": "cd packages/frontend && ng build && rm -rf ../../frontend && mv dist/wafrn/browser ../../frontend",
     "frontend:test": "cd packages/frontend && jest",

packages/frontend/angular.json

···
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "cli": {
     "analytics": "2ed75e61-714f-4d01-bf90-aa49cf351d90",
-    "schematicCollections": [
-      "@angular-eslint/schematics"
-    ]
+    "schematicCollections": ["@angular-eslint/schematics"]
   },
   "version": 1,
   "newProjectRoot": "projects",
···
               "base": "dist/wafrn"
             },
             "index": "src/index.html",
-            "polyfills": [
-              "src/polyfills.ts"
-            ],
+            "polyfills": ["src/polyfills.ts"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "allowedCommonJsDependencies": [],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets",
-              "src/.htaccess",
-              "src/manifest.webmanifest",
-              "src/robots.txt"
-            ],
-            "styles": [
-              "../../node_modules/primeflex/primeflex.css",
-              "src/styles.scss"
-            ],
+            "assets": ["src/favicon.ico", "src/assets", "src/.htaccess", "src/manifest.webmanifest", "src/robots.txt"],
+            "styles": ["../../node_modules/primeflex/primeflex.css", "src/styles.scss"],
             "scripts": [],
             "serviceWorker": "ngsw-config.json",
             "browser": "src/main.ts"
···
                   "with": "src/environments/environment.devprod.ts"
                 }
               ]
+            },
+            "devdevelopment": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.devdevelopment.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"
···
             "devprod": {
               "buildTarget": "wafrn:build:devprod",
               "proxyConfig": "src/proxy.conf.prod.json"
+            },
+            "devdevelopment": {
+              "buildTarget": "wafrn:build:devdevelopment",
+              "proxyConfig": "src/proxy.conf.prod.json"
             }
           },
           "defaultConfiguration": "development"
···
           "builder": "@angular-devkit/build-angular:jest",
           "options": {
             "tsConfig": "tsconfig.spec.json",
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ]
+            "polyfills": ["zone.js", "zone.js/testing"]
           }
         },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "src/**/*.ts",
-              "src/**/*.html"
-            ]
+            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
           }
         }
       }

packages/frontend/src/environments/environment.devdevelopment.ts

···
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+//
+//
+// This is for development options TODO: add jsdocs.
+export const environment = {
+  production: false,
+  maxUploadSize: '250',
+  logo: '/assets/logo.png',
+  baseUrl: 'https://development.wafrn.net/api',
+  baseMediaUrl: 'https://development.wafrn.net/api/uploads',
+  externalCacheurl: 'https://development.wafrn.net/api/cache?media=',
+  frontUrl: 'http://localhost:4200',
+  shortenPosts: 3,
+  reviewRegistrations: true,
+  disablePWA: false,
+  maintenance: false
+}
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+import 'zone.js/plugins/zone-error' // Included with Angular CLI.

shell.nix

···
 
 pkgs.mkShell {
   buildInputs = with pkgs; [ nodejs_24 jq ];
-  shellHook = "echo \"Use \"npm run frontend:develop:prod\" to start the development server\"";
+  shellHook = "echo \"Use \"npm run frontend:develop:prod\" to start the development server, make sure to clear your cache if you run a switch servers!\"";
 }