Dependency updates

.eslintrc.json

@@ -1,17 +1,13 @@
 {
   "root": true,
-  "ignorePatterns": [
-    "projects/**/*"
-  ],
   "overrides": [
     {
       "files": [
         "*.ts"
       ],
       "parserOptions": {
         "project": [
-          "tsconfig.json",
-          "e2e/tsconfig.json"
+          "tsconfig.json"
         ],
         "createDefaultProgram": true
       },
@@ -46,8 +42,15 @@
       "extends": [
         "plugin:@angular-eslint/template/recommended"
       ],
+      "rules": {}
+    },    {
+      "files": ["*.stories.@(ts|tsx|js|jsx|mjs|cjs)"],
       "rules": {
+        "storybook/story-exports": "off"
       }
     }
+  ],
+  "extends": [
+    "plugin:storybook/recommended"
   ]
 }

.storybook/main.js

@@ -5,11 +5,10 @@ module.exports = {
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
   ],
-  framework: "@storybook/angular",
-  core: {
-    builder: {
-      name: "webpack5",
-      options: {
+  framework: {
+    name: "@storybook/angular",
+    options: {
+      builder: {
         lazyCompilation: true,
         fsCache: true,
       },

.storybook/preview.ts

@@ -0,0 +1,26 @@
+import "@angular/localize/init";
+import * as buffer from "buffer";
+import * as MockDate from "mockdate";
+import { Preview } from "@storybook/angular";
+import { environment } from "../src/environments/environment";
+import { SessionType } from "../src/app/core/session/session-type";
+
+// fixing a mocked "TODAY" to have persistent stories for visual regression testing
+MockDate.set(new Date("2023-06-09"));
+// polyfill buffer here as well
+window.Buffer = buffer.Buffer;
+environment.production = false;
+environment.session_type = SessionType.mock;
+environment.demo_mode = false;
+
+export const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    options: {
+      storySort: {
+        order: ["Core", "Features", "*"],
+        method: "alphabetical",
+      },
+    },
+  },
+};

.storybook/tsconfig.json

@@ -1,19 +1,9 @@
 {
-  "extends": "../src/tsconfig.app.json",
-  "compilerOptions": {
-    "types": [
-      "node",
-      "jasmine"
-    ],
-    "allowSyntheticDefaultImports": true
-  },
-  "exclude": [
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
+  "extends": "../tsconfig.json",
   "include": [
     "../src/**/*.stories.ts",
-    "../src/polyfills.ts"
+    "../src/polyfills.ts",
+    "preview.ts"
   ],
   "files": [
     "./typings.d.ts"

e2e/tsconfig.json

@@ -1,8 +1,8 @@
 {
   "extends": "../tsconfig.json",
-  "include": ["**/*.ts"],
+  "include": ["integration"],
   "compilerOptions": {
     "sourceMap": false,
-    "types": ["cypress", "node"]
+    "types": ["cypress"]
   }
 }

karma.conf.js

@@ -25,7 +25,6 @@ module.exports = function (config) {
     plugins: [
       require("karma-jasmine"),
       require("karma-chrome-launcher"),
-      require("karma-firefox-launcher"),
       require("karma-jasmine-html-reporter"),
       require("karma-coverage"),
       require("@angular-devkit/build-angular/plugins/karma"),