docs: update changelogs for release\n\nci: publish release

feat: update nix flake to not rely on buildFHSUserEnv

.envrc

@@ -0,0 +1 @@
+use flake

.gitignore

@@ -24,6 +24,7 @@ report-junit.xml
 # NixOS flake
 result
 hsperfdata_root
+.direnv/
 
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov

.syncpackrc.cjs

@@ -2,7 +2,7 @@
 
 /** @type {import('syncpack').RcFile} */
 const config = {
-  semverRange: '',
+  semverGroups: [{range: ''}],
   source: ['package.json', '**/package.json'],
   indent: '  ',
   sortFirst: [
@@ -49,7 +49,7 @@ const config = {
     {
       label: 'Packages should use workspace version',
       dependencies: ['@openstapps/**'],
-      dependencyTypes: ['prod', 'dev'],
+      dependencyTypes: ['prod', 'dev', 'peer'],
       packages: ['**'],
       pinVersion: 'workspace:*',
     },

.tool-versions

@@ -0,0 +1,3 @@
+nodejs 18.19.1
+pnpm 8.15.4
+python 3.11.5

backend/backend/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @openstapps/backend
 
+## 3.2.0
+
+### Minor Changes
+
+- 912ae422: Add the ability to filter by existence of a field
+
+### Patch Changes
+
+- 689ac68b: pin alpine version to 3.18 and add healthchecks
+- e8d72683: Backend unit tests break every year
+- Updated dependencies [912ae422]
+  - @openstapps/core@4.0.0
+  - @openstapps/core-tools@3.0.0
+  - @openstapps/logger@3.0.0
+
 ## 3.1.2
 
 ### Patch Changes

backend/backend/Dockerfile

@@ -9,4 +9,6 @@ ENV NODE_ENV=production
 WORKDIR /app
 
 EXPOSE 3000
+HEALTHCHECK --interval=10s --timeout=10s --start-period=10s --retries=12 CMD curl -s --fail --request POST --data '{}' --header 'Content-Type: application/json' http://localhost:3000/ >/dev/null || exit 1
+
 ENTRYPOINT ["node", "app.js"]

backend/backend/config/b-tu/elasticsearchrc.js

@@ -1,5 +1,3 @@
-// @ts-check
-
 /**
  * This is the database configuration for the technical university of berlin
  *

backend/backend/config/default/app/language-setting.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {SCSettingInputType, SCThingOriginType, SCThingType} from '@openstapps/core';
 
 /** @type {import('@openstapps/core').SCLanguageSetting}  */

backend/backend/config/default/app/menu.js

@@ -1,4 +1,3 @@
-// @ts-check
 /** @type {import('@openstapps/core').SCAppConfigurationMenuCategory[]} */
 const menus = [
   {

backend/backend/config/default/app/user-group-setting.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {SCSettingInputType, SCThingOriginType, SCThingType} from '@openstapps/core';
 
 /** @type {import('@openstapps/core').SCUserGroupSetting} */

backend/backend/config/default/backend/aggregations.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {SCThingType} from '@openstapps/core';
 
 /** @type {import('@openstapps/core').SCBackendAggregationConfiguration[]} */

backend/backend/config/default/backend/boostings.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {
   month,
   sommerRange,

backend/backend/config/default/backend/index.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {SCThingType} from '@openstapps/core';
 import aggregations from './aggregations.js';
 import boostings from './boostings.js';
@@ -17,7 +16,7 @@ export const backend = {
   hiddenTypes: [SCThingType.DateSeries, SCThingType.Diff, SCThingType.Floor],
   mappingIgnoredTags: ['minlength', 'pattern', 'see', 'tjs-format'],
   maxMultiSearchRouteQueries: 5,
-  maxRequestBodySize: 2 * 10 ** 6,
+  maxRequestBodySize: 2e6,
   name: 'Goethe-Universität Frankfurt am Main',
   namespace: '909a8cbc-8520-456c-b474-ef1525f14209',
   sortableFields: [

backend/backend/config/default/backendrc.js

@@ -1,4 +1,3 @@
-// @ts-check
 import app from './app/index.js';
 import {backend, internal} from './backend/index.js';
 

backend/backend/config/default/elasticsearchrc.js

@@ -1,5 +1,3 @@
-// @ts-check
-
 /**
  * This is the default configuration for elasticsearch (a database)
  *

backend/backend/config/default/tools/markdown.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {readFile} from 'fs/promises';
 import {SCAboutPageContentType} from '@openstapps/core';
 

backend/backend/config/default/tools/semester-acronym.js

@@ -1,4 +1,3 @@
-// @ts-check
 /**
  * Generates a range of numbers that represent consecutive calendar months
  *

backend/backend/config/default/tools/version.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {readFile, readdir} from 'fs/promises';
 import url from 'url';
 import path from 'path';

backend/backend/config/f-u/about-pages/about.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {SCAboutPageContentType} from '@openstapps/core';
 import {markdown} from '../../default/tools/markdown.js';
 

backend/backend/config/f-u/about-pages/imprint.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {SCAboutPageContentType} from '@openstapps/core';
 
 /** @type {import('@openstapps/core').SCAboutPage} */

backend/backend/config/f-u/about-pages/index.js

@@ -1,4 +1,3 @@
-// @ts-check
 import about from './about.js';
 import imprint from './imprint.js';
 import privacy from './privacy.js';

backend/backend/config/f-u/about-pages/privacy.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {markdown} from '../../default/tools/markdown.js';
 
 /** @type {import('@openstapps/core').SCAboutPage} */

backend/backend/config/f-u/backendrc.js

@@ -1,4 +1,3 @@
-// @ts-check
 import aboutPages from './about-pages/index.js';
 import defaultApp from '../default/app/index.js';
 import {backend as defaultBackend, internal as defaultInternal} from '../default/backend/index.js';

backend/backend/config/f-u/version-history/index.js

@@ -1,4 +1,3 @@
-// @ts-check
 import {versions} from '../../default/tools/version.js';
 
 /** @type {import('@openstapps/core').SCAppVersionInfo[]} */

backend/backend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/backend",
   "description": "A reference implementation for a StApps backend",
-  "version": "3.1.2",
+  "version": "3.2.0",
   "private": true,
   "type": "module",
   "license": "AGPL-3.0-only",
@@ -64,7 +64,7 @@
     "express-prom-bundle": "6.6.0",
     "express-promise-router": "4.1.1",
     "got": "12.6.0",
-    "moment": "2.29.4",
+    "moment": "2.30.1",
     "morgan": "1.10.0",
     "nock": "13.3.1",
     "node-cache": "5.1.2",
@@ -98,9 +98,9 @@
     "sinon": "15.0.4",
     "sinon-express-mock": "2.2.1",
     "supertest": "6.3.3",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
     "tsup": "6.7.0",
-    "typescript": "5.1.6"
+    "typescript": "5.4.2"
   },
   "tsup": {
     "entry": [

backend/backend/src/storage/elasticsearch/query/filters/value.ts

@@ -21,16 +21,31 @@ import {QueryDslSpecificQueryContainer} from '../../types/util.js';
  */
 export function buildValueFilter(
   filter: SCSearchValueFilter,
-): QueryDslSpecificQueryContainer<'term'> | QueryDslSpecificQueryContainer<'terms'> {
-  return Array.isArray(filter.arguments.value)
-    ? {
-        terms: {
-          [`${filter.arguments.field}.raw`]: filter.arguments.value,
+):
+  | QueryDslSpecificQueryContainer<'exists'>
+  | QueryDslSpecificQueryContainer<'term'>
+  | QueryDslSpecificQueryContainer<'terms'> {
+  switch (typeof filter.arguments.value) {
+    case 'undefined': {
+      return {
+        exists: {
+          field: filter.arguments.field,
         },
-      }
-    : {
+      };
+    }
+    case 'string': {
+      return {
         term: {
           [`${filter.arguments.field}.raw`]: filter.arguments.value,
         },
       };
+    }
+    case 'object': {
+      return {
+        terms: {
+          [`${filter.arguments.field}.raw`]: filter.arguments.value,
+        },
+      };
+    }
+  }
 }

backend/backend/test/routes/bulk-route.spec.ts

@@ -14,6 +14,7 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 import {
+  SCBook,
   SCBulkAddRoute,
   SCBulkDoneRoute,
   SCBulkRequest,
@@ -23,29 +24,30 @@ import {
 import {expect} from 'chai';
 import {bulk, DEFAULT_TEST_TIMEOUT} from '../common.js';
 import {testApp} from '../tests-setup.js';
-import {readFile} from 'fs/promises';
 import {v4} from 'uuid';
+import bookFile from '@openstapps/core/test/resources/indexable/Book.2.json' assert {type: 'json'};
 
-const book = JSON.parse(
-  await readFile('node_modules/@openstapps/core/test/resources/indexable/Book.2.json', 'utf8'),
-).instance;
+const book = bookFile.instance as SCBook;
 
 describe('Bulk routes', async function () {
   // increase timeout for the suite
   this.timeout(DEFAULT_TEST_TIMEOUT);
 
-  const request: SCBulkRequest = {
-    expiration: bulk.expiration,
-    source: bulk.source,
-    type: bulk.type,
-  };
-  const bulkRoute = new SCBulkRoute();
-  const bulkAddRoute = new SCBulkAddRoute();
-  const bulkDoneRoute = new SCBulkDoneRoute();
+  let request: SCBulkRequest;
+  let bulkRoute: SCBulkRoute;
+  let bulkAddRoute: SCBulkAddRoute;
+  let bulkDoneRoute: SCBulkDoneRoute;
 
-  // afterEach(async function() {
-  // TODO: Delete saved bulks
-  // });
+  before(function () {
+    request = {
+      expiration: bulk.expiration,
+      source: bulk.source,
+      type: bulk.type,
+    };
+    bulkRoute = new SCBulkRoute();
+    bulkAddRoute = new SCBulkAddRoute();
+    bulkDoneRoute = new SCBulkDoneRoute();
+  });
 
   it('should create bulk', async function () {
     const {status, body, error} = await testApp

backend/backend/test/routes/index-route.spec.ts

@@ -21,7 +21,12 @@ import {expect} from 'chai';
 describe('Index route', async function () {
   // increase timeout for the suite
   this.timeout(DEFAULT_TEST_TIMEOUT);
-  const indexRoute = new SCIndexRoute();
+
+  let indexRoute: SCIndexRoute;
+
+  before(function () {
+    indexRoute = new SCIndexRoute();
+  });
 
   it('should respond with both app and backend configuration', async function () {
     const request: SCIndexRequest = {};

backend/backend/test/routes/plugin-register-route.spec.ts

@@ -30,15 +30,11 @@ import chaiAsPromised from 'chai-as-promised';
 import {DEFAULT_TEST_TIMEOUT} from '../common.js';
 import {testApp} from '../tests-setup.js';
 import {backendConfig} from '../../src/config.js';
-import {readFile} from 'fs/promises';
+import registerRequest from '@openstapps/core/test/resources/PluginRegisterRequest.1.json' assert {type: 'json'};
 
 // for using promises in expectations (to.eventually.be...)
 use(chaiAsPromised);
 
-const registerRequest = JSON.parse(
-  await readFile('node_modules/@openstapps/core/test/resources/PluginRegisterRequest.1.json', 'utf8'),
-);
-
 // cast it because of "TS2322: Type 'string' is not assignable to type '"add"'"
 export const registerAddRequest: SCPluginAdd = registerRequest.instance as SCPluginAdd;
 

backend/backend/test/routes/route.spec.ts

@@ -47,8 +47,8 @@ describe('Create route', async function () {
   const statusCodeSuccess = 222;
   const bodySuccess = {foo: true};
   const sandbox = sinon.createSandbox();
-  const validationError = new SCValidationErrorResponse([]);
-  const internalServerError = new SCInternalServerErrorResponse();
+  let validationError: SCValidationErrorResponse;
+  let internalServerError: SCInternalServerErrorResponse;
 
   beforeEach(function () {
     app = express();
@@ -64,6 +64,9 @@ describe('Create route', async function () {
     handler = (_request, _app) => {
       return Promise.resolve(bodySuccess);
     };
+
+    validationError = new SCValidationErrorResponse([]);
+    internalServerError = new SCInternalServerErrorResponse();
   });
 
   afterEach(function () {

backend/backend/test/routes/search-route.spec.ts

@@ -29,11 +29,19 @@ import {backendConfig} from '../../src/config.js';
 describe('Search route', async function () {
   // increase timeout for the suite
   this.timeout(DEFAULT_TEST_TIMEOUT);
-  const searchRoute = new SCSearchRoute();
-  const multiSearchRoute = new SCMultiSearchRoute();
-  const syntaxError = new SCSyntaxErrorResponse('Foo Message');
-  const methodNotAllowedError = new SCMethodNotAllowedErrorResponse();
-  const tooManyRequestsError = new SCTooManyRequestsErrorResponse();
+  let searchRoute: SCSearchRoute;
+  let multiSearchRoute: SCMultiSearchRoute;
+  let syntaxError: SCSyntaxErrorResponse;
+  let methodNotAllowedError: SCMethodNotAllowedErrorResponse;
+  let tooManyRequestsError: SCTooManyRequestsErrorResponse;
+
+  before(function () {
+    searchRoute = new SCSearchRoute();
+    multiSearchRoute = new SCMultiSearchRoute();
+    syntaxError = new SCSyntaxErrorResponse('Foo Message');
+    methodNotAllowedError = new SCMethodNotAllowedErrorResponse();
+    tooManyRequestsError = new SCTooManyRequestsErrorResponse();
+  });
 
   it('should reject GET, PUT with a valid search query', async function () {
     // const expectedParams = JSON.parse(JSON.stringify(defaultParams));

backend/backend/test/routes/thing-update-route.spec.ts

@@ -13,23 +13,25 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
-import {SCThingUpdateRoute} from '@openstapps/core';
+import {SCBook, SCThingUpdateRoute} from '@openstapps/core';
 import chaiAsPromised from 'chai-as-promised';
 import {bulkStorageMock, DEFAULT_TEST_TIMEOUT} from '../common.js';
 import {expect, use} from 'chai';
 import {testApp} from '../tests-setup.js';
-import {readFile} from 'fs/promises';
+import bookFile from '@openstapps/core/test/resources/indexable/Book.1.json' assert {type: 'json'};
 
 use(chaiAsPromised);
 
-const book = JSON.parse(
-  await readFile('node_modules/@openstapps/core/test/resources/indexable/Book.1.json', 'utf8'),
-).instance;
+const book = bookFile.instance as SCBook;
 
 describe('Thing update route', async function () {
   // increase timeout for the suite
   this.timeout(DEFAULT_TEST_TIMEOUT);
-  const thingUpdateRoute = new SCThingUpdateRoute();
+  let thingUpdateRoute: SCThingUpdateRoute;
+
+  before(function () {
+    thingUpdateRoute = new SCThingUpdateRoute();
+  });
 
   it('should update a thing', async function () {
     const thingUpdateRouteurlPath = thingUpdateRoute.urlPath

backend/backend/test/storage/elasticsearch/elasticsearch.spec.ts

@@ -39,7 +39,6 @@ import {Elasticsearch} from '../../../src/storage/elasticsearch/elasticsearch.js
 import {bulk, DEFAULT_TEST_TIMEOUT, getTransport, getIndex} from '../../common.js';
 import fs from 'fs';
 import {backendConfig} from '../../../src/config.js';
-import {readFile} from 'fs/promises';
 import {
   ACTIVE_INDICES_ALIAS,
   getIndexUID,
@@ -50,6 +49,11 @@ import {
 } from '../../../src/storage/elasticsearch/util/index.js';
 import cron from 'node-cron';
 import {query} from './query.js';
+import messageFile from '@openstapps/core/test/resources/indexable/Message.1.json' assert {type: 'json'};
+import bookFile from '@openstapps/core/test/resources/indexable/Book.1.json' assert {type: 'json'};
+
+const message = messageFile.instance as SCMessage;
+const book = bookFile.instance as SCBook;
 
 use(chaiAsPromised);
 
@@ -60,13 +64,6 @@ function searchResponse<T>(...hits: SearchHit<T>[]): SearchResponse<T> {
   return {hits: {hits}, took: 0, timed_out: false, _shards: {total: 1, failed: 0, successful: 1}};
 }
 
-const message = JSON.parse(
-  await readFile('node_modules/@openstapps/core/test/resources/indexable/Message.1.json', 'utf8'),
-);
-const book = JSON.parse(
-  await readFile('node_modules/@openstapps/core/test/resources/indexable/Book.1.json', 'utf8'),
-);
-
 describe('Elasticsearch', function () {
   // increase timeout for the suite
   this.timeout(DEFAULT_TEST_TIMEOUT);
@@ -74,8 +71,15 @@ describe('Elasticsearch', function () {
 
   before(function () {
     // eslint-disable-next-line no-console
-    console.log('before');
     sandbox.stub(fs, 'readFileSync').returns('{}');
+    sandbox.stub(backendConfig.internal.boostings.default[0], 'fields').value({
+      'academicTerms.acronym': {
+        'SS 2023': 1.05,
+        'WS 2023/24': 1.1,
+        'SoSe 2023': 1.05,
+        'WiSe 2023/24': 1.1,
+      },
+    });
   });
   after(function () {
     sandbox.restore();
@@ -445,7 +449,7 @@ describe('Elasticsearch', function () {
           _id: '',
           _index: '',
           _score: 0,
-          _source: message as SCMessage,
+          _source: message,
         };
         sandbox.stub(es.client, 'search').resolves(searchResponse(foundObject));
 
@@ -475,7 +479,7 @@ describe('Elasticsearch', function () {
         const object: SearchHit<SCMessage> = {
           _id: '',
           _index: oldIndex,
-          _source: message as SCMessage,
+          _source: message,
         };
         sandbox.stub(es.client, 'search').resolves(searchResponse<SCMessage>(object));
         sandbox.stub(es, 'prepareBulkWrite').resolves(index);
@@ -489,7 +493,7 @@ describe('Elasticsearch', function () {
         sandbox.stub(es.client, 'create').resolves({result: 'not_found'} as CreateResponse);
 
         await es.init();
-        return expect(es.post(message as SCMessage, bulk)).to.rejectedWith('creation');
+        return expect(es.post(message, bulk)).to.rejectedWith('creation');
       });
 
       it('should create a new object', async function () {
@@ -502,7 +506,7 @@ describe('Elasticsearch', function () {
         });
 
         await es.init();
-        await es.post(message as SCMessage, bulk);
+        await es.post(message, bulk);
 
         expect(createStub.called).to.be.true;
         expect(caughtParameter.document).to.be.eql({
@@ -527,7 +531,7 @@ describe('Elasticsearch', function () {
           _id: '',
           _index: getIndex(),
           _score: 0,
-          _source: message as SCMessage,
+          _source: message,
         };
         sandbox.stub(es.client, 'search').resolves(searchResponse());
 
@@ -541,7 +545,7 @@ describe('Elasticsearch', function () {
           _id: '',
           _index: getIndex(),
           _score: 0,
-          _source: message as SCMessage,
+          _source: message,
         };
         sandbox.stub(es.client, 'search').resolves(searchResponse(object));
         // @ts-expect-error unused
@@ -564,13 +568,13 @@ describe('Elasticsearch', function () {
         _id: '123',
         _index: getIndex(),
         _score: 0,
-        _source: message as SCMessage,
+        _source: message,
       };
       const objectBook: SearchHit<SCBook> = {
         _id: '321',
         _index: getIndex(),
         _score: 0,
-        _source: book as SCBook,
+        _source: book,
       };
       const fakeEsAggregations = {
         '@all': {

backend/backend/tsconfig.json

@@ -2,9 +2,7 @@
   "extends": "@openstapps/tsconfig",
   "compilerOptions": {
     "resolveJsonModule": true,
-    "useUnknownInCatchVariables": false,
-    "allowJs": true,
-    "checkJs": true
+    "useUnknownInCatchVariables": false
   },
-  "exclude": ["app.js", "lib/"]
+  "exclude": ["lib", "app.js"]
 }

backend/database/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @openstapps/database
 
+## 3.2.0
+
+### Patch Changes
+
+- 689ac68b: pin alpine version to 3.18 and add healthchecks
+
 ## 3.0.0
 
 ### Patch Changes

backend/database/Dockerfile

@@ -14,4 +14,6 @@ RUN chown elasticsearch:elasticsearch config/elasticsearch.yml
 
 USER elasticsearch
 
+HEALTHCHECK --interval=10s --timeout=10s --start-period=60s --retries=12 CMD curl --fail -s http://localhost:9200/ >/dev/null || exit 1
+
 CMD ["/usr/share/elasticsearch/bin/elasticsearch"]

backend/database/config/elasticsearch.yml

@@ -3,3 +3,4 @@ discovery.type: "single-node"
 cluster.routing.allocation.disk.threshold_enabled: false
 network.bind_host: 0.0.0.0
 xpack.security.enabled: false
+ingest.geoip.downloader.enabled: false

backend/database/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstapps/database",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "private": true,
   "files": [
     "config",

backend/proxy/config/default.cjs

@@ -16,7 +16,7 @@
 
 // ESM is not supported, and cts is not detected, so we use type-checked cjs instead.
 /** @type {import('../src/common').ConfigFile} */
-const configFile = {
+module.exports = {
   activeVersions: ['1\\.0\\.\\d+', '2\\.0\\.\\d+'],
   hiddenRoutes: ['/bulk'],
   logFormat: 'default',
@@ -31,5 +31,3 @@ const configFile = {
     dhparam: '/etc/nginx/certs/dhparam.pem',
   },
 };
-
-export default configFile;

backend/proxy/package.json

@@ -50,8 +50,8 @@
     "dockerode": "3.3.5",
     "is-cidr": "4.0.2",
     "mustache": "4.2.0",
-    "semver": "7.5.4",
-    "typescript": "5.1.6"
+    "semver": "7.6.0",
+    "typescript": "5.4.2"
   },
   "devDependencies": {
     "@openstapps/api-cli": "workspace:*",
@@ -65,7 +65,7 @@
     "@types/mustache": "4.2.2",
     "@types/node": "18.15.3",
     "@types/proxyquire": "1.3.28",
-    "@types/semver": "7.5.6",
+    "@types/semver": "7.5.8",
     "@types/sha1": "1.1.3",
     "@types/sinon": "10.0.14",
     "@types/sinon-chai": "3.2.9",
@@ -75,7 +75,7 @@
     "mocha-junit-reporter": "2.2.0",
     "sinon": "15.0.4",
     "sinon-chai": "3.7.0",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
     "tsup": "6.7.0"
   },
   "tsup": {

backend/proxy/tsconfig.json

@@ -1,4 +1,4 @@
 {
   "extends": "@openstapps/tsconfig",
-  "exclude": ["./config/", "./lib/"]
+  "exclude": ["config", "lib", "app.js"]
 }

configuration/eslint-config/copyright-header-rule.js

@@ -1,4 +1,3 @@
-// @ts-check
 const fs = require("fs");
 const path = require("node:path");
 const child_process = require("child_process");

configuration/eslint-config/copyright-header-rule.spec.js

@@ -1,4 +1,3 @@
-// @ts-check
 "use strict"
 
 const rule = require('./copyright-header-rule')

configuration/eslint-config/index.js

@@ -1,5 +1,3 @@
-// @ts-check
-
 /** @type {import('eslint').Linter.Config} */
 const config = {
   root: true,

configuration/eslint-config/package.json

@@ -18,16 +18,15 @@
   "devDependencies": {
     "@openstapps/tsconfig": "workspace:*",
     "@types/node": "18.15.3",
-    "eslint": "8.43.0",
-    "typescript": "5.1.6"
+    "eslint": "8.57.0",
+    "typescript": "5.4.2"
   },
   "peerDependencies": {
-    "@typescript-eslint/eslint-plugin": "5.60.1",
-    "@typescript-eslint/parser": "5.60.1",
-    "eslint": "8.43.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-jsdoc": "46.4.2",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-unicorn": "47.0.0"
+    "@typescript-eslint/eslint-plugin": "7.2.0",
+    "@typescript-eslint/parser": "7.2.0",
+    "eslint": "8.57.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-jsdoc": "48.2.1",
+    "eslint-plugin-unicorn": "51.0.1"
   }
 }

configuration/prettier-config/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @openstapps/prettier-config
 
+## 3.2.0
+
+### Patch Changes
+
+- dbb55850: Update Prettier to 3.1.1
+
 ## 3.0.0
 
 ### Major Changes
@@ -30,7 +36,7 @@
 
   ```js
   #!/usr/bin/env node
-  import './lib/app.js';
+  import "./lib/app.js";
   ```
 
 - 64caebaf: Migrate to ESM
@@ -69,11 +75,14 @@
 - 64caebaf: Migrated changelogs to changeset format
 
   ```js
-  import fs from 'fs';
+  import fs from "fs";
 
-  const path = 'packages/logger/CHANGELOG.md';
+  const path = "packages/logger/CHANGELOG.md";
 
-  fs.writeFileSync(path, fs.readFileSync(path, 'utf8').replace(/^#+\s+\[/gm, '## ['));
+  fs.writeFileSync(
+    path,
+    fs.readFileSync(path, "utf8").replace(/^#+\s+\[/gm, "## ["),
+  );
   ```
 
 - 98546a97: Migrate away from @openstapps/configuration
@@ -115,7 +124,7 @@
 
   ```js
   #!/usr/bin/env node
-  import './lib/app.js';
+  import "./lib/app.js";
   ```
 
 - 64caebaf: Migrate to ESM
@@ -154,11 +163,14 @@
 - 64caebaf: Migrated changelogs to changeset format
 
   ```js
-  import fs from 'fs';
+  import fs from "fs";
 
-  const path = 'packages/logger/CHANGELOG.md';
+  const path = "packages/logger/CHANGELOG.md";
 
-  fs.writeFileSync(path, fs.readFileSync(path, 'utf8').replace(/^#+\s+\[/gm, '## ['));
+  fs.writeFileSync(
+    path,
+    fs.readFileSync(path, "utf8").replace(/^#+\s+\[/gm, "## ["),
+  );
   ```
 
 - 98546a97: Migrate away from @openstapps/configuration

configuration/prettier-config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/prettier-config",
   "description": "StApps Prettier Config",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "type": "module",
   "license": "GPL-3.0-only",
   "repository": "git@gitlab.com:openstapps/prettier-config.git",
@@ -19,9 +19,9 @@
     "test": "prettier --config index.js --check \"test/*.js\""
   },
   "devDependencies": {
-    "prettier": "3.1.0"
+    "prettier": "3.1.1"
   },
   "peerDependencies": {
-    "prettier": "3.1.0"
+    "prettier": "3.1.1"
   }
 }

configuration/projectmanagement/package.json

@@ -43,8 +43,8 @@
     "@openstapps/logger": "workspace:*",
     "@slack/web-api": "6.8.1",
     "commander": "10.0.0",
-    "date-fns": "2.30.0",
-    "glob": "10.2.7",
+    "date-fns": "3.6.0",
+    "glob": "10.3.10",
     "mustache": "4.2.0"
   },
   "devDependencies": {
@@ -53,7 +53,7 @@
     "@openstapps/tsconfig": "workspace:*",
     "@types/chai": "4.3.5",
     "@types/chai-as-promised": "7.1.5",
-    "@types/glob": "8.0.1",
+    "@types/glob": "8.1.0",
     "@types/mocha": "10.0.1",
     "@types/mustache": "4.2.2",
     "@types/node": "18.15.3",
@@ -63,9 +63,9 @@
     "chai-as-promised": "7.1.1",
     "mocha": "10.2.0",
     "mocha-junit-reporter": "2.2.0",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
     "tsup": "6.7.0",
-    "typescript": "5.1.6"
+    "typescript": "5.4.2"
   },
   "tsup": {
     "entry": [

configuration/projectmanagement/tsconfig.json

@@ -1,3 +1,4 @@
 {
-  "extends": "@openstapps/tsconfig"
+  "extends": "@openstapps/tsconfig",
+  "exclude": ["lib", "app.js"]
 }

configuration/tsconfig/tsconfig.json

@@ -14,6 +14,7 @@
     "noFallthroughCasesInSwitch": true,
     "isolatedModules": true,
     "allowJs": true,
+    "checkJs": true,
     "resolveJsonModule": true,
     "allowSyntheticDefaultImports": true,
     "noImplicitAny": true,

examples/minimal-connector/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @openstapps/minimal-connector
 
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [912ae422]
+  - @openstapps/core@4.0.0
+  - @openstapps/api@4.0.0
+  - @openstapps/logger@3.0.0
+
 ## 3.1.1
 
 ### Patch Changes

examples/minimal-connector/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/minimal-connector",
   "description": "This is a minimal connector which serves as an example",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "private": true,
   "type": "module",
   "license": "GPL-3.0-only",
@@ -53,9 +53,9 @@
     "mocha": "10.2.0",
     "mocha-junit-reporter": "2.2.0",
     "nock": "13.3.1",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
     "tsup": "6.7.0",
-    "typescript": "5.1.6"
+    "typescript": "5.4.2"
   },
   "tsup": {
     "entry": [

examples/minimal-connector/tsconfig.json

@@ -1,3 +1,4 @@
 {
-  "extends": "@openstapps/tsconfig"
+  "extends": "@openstapps/tsconfig",
+  "exclude": ["lib", "app.js"]
 }

examples/minimal-deployment/docker-compose.yml

@@ -1,44 +1,62 @@
 version: '3.7'
+
+x-development-variables: &development-variables
+  NODE_ENV: "development"
+  ALLOW_NO_TRANSPORT: "true"
+
 services:
   database:
-    image: registry.gitlab.com/openstapps/openstapps/database:2.0.0
-    volumes:
-      - ./database:/usr/share/elasticsearch/data
+    image: registry.gitlab.com/openstapps/openstapps/database:3.0.0
+    # If you need persistence for debugging purposes uncomment the following lines
+    #volumes:
+    #  - ./database:/usr/share/elasticsearch/data
     expose:
-      - "9200"
+      - 9200
+    ports:
+      - 127.0.0.1:9200:9200
+    environment:
+      - bootstrap.memory_lock=true
+      - "ES_JAVA_OPTS=-Xms2g -Xmx2g"
+      - discovery.type=single-node
+    ulimits:
+      memlock:
+        soft: -1
+        hard: -1
     restart: unless-stopped
 
   backend:
-    image: registry.gitlab.com/openstapps/openstapps/backend:3.0.0-next.0
+    image: registry.gitlab.com/openstapps/openstapps/backend:3.1.0
     environment:
+      <<: *development-variables
       ES_ADDR: "http://database:9200"
       NODE_CONFIG_ENV: "elasticsearch"
-      ALLOW_NO_TRANSPORT: "true"
+      NODE_APP_INSTANCE: "f-u"
+      PROMETHEUS_MIDDLEWARE: "false"
     expose:
       - 3000
     ports:
-      - 3000:3000
-    links:
-      - "database"
+      - 127.0.0.1:3000:3000
     labels:
-      - stapps.version=1.0.0
+      - stapps.version=4.1.0
     restart: unless-stopped
     depends_on:
       - database
-
-  api:
-    image: registry.gitlab.com/openstapps/openstapps/api:3.0.0-next.0
     links:
-      - "backend"
+      - database
 
-  minimal-connector:
-    image: registry.gitlab.com/openstapps/minimal-connector:core-0.23
-    container_name: minimal-connector-0.23
-    command: ["http://backend:3000", "minimal-connector", "f-u"]
+  # api:
+  #   image: registry.gitlab.com/openstapps/openstapps/api:3.0.0
+  #   links:
+  #     - backend
 
-  app:
-    image: registry.gitlab.com/openstapps/app/executable:core-0.23
-    expose:
-      - 8100
-    ports:
-      - 8100:8100
+  # minimal-connector:
+  #   image: registry.gitlab.com/openstapps/minimal-connector:core-0.23
+  #   container_name: minimal-connector-0.23
+  #   command: ["http://backend:3000", "minimal-connector", "f-u"]
+
+  # app:
+  #   image: registry.gitlab.com/openstapps/app/executable:core-0.23
+  #   expose:
+  #     - 8100
+  #   ports:
+  #     - 8100:8100

examples/minimal-plugin/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @openstapps/minimal-plugin
 
+## 3.2.0
+
+### Patch Changes
+
+- Updated dependencies [912ae422]
+  - @openstapps/core@4.0.0
+  - @openstapps/api@4.0.0
+  - @openstapps/api-plugin@4.0.0
+  - @openstapps/core-tools@3.0.0
+  - @openstapps/logger@3.0.0
+
 ## 3.1.1
 
 ### Patch Changes

examples/minimal-plugin/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/minimal-plugin",
   "description": "Minimal Plugin",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "private": true,
   "type": "module",
   "license": "GPL-3.0-only",
@@ -35,7 +35,7 @@
     "@openstapps/logger": "workspace:*",
     "commander": "10.0.0",
     "express": "4.18.2",
-    "ts-node": "10.9.1"
+    "ts-node": "10.9.2"
   },
   "devDependencies": {
     "@openstapps/eslint-config": "workspace:*",
@@ -44,7 +44,7 @@
     "@types/express": "4.17.17",
     "@types/node": "18.15.3",
     "tsup": "6.7.0",
-    "typescript": "5.1.6"
+    "typescript": "5.4.2"
   },
   "tsup": {
     "entry": [

examples/minimal-plugin/tsconfig.json

@@ -1,3 +1,4 @@
 {
-  "extends": "@openstapps/tsconfig"
+  "extends": "@openstapps/tsconfig",
+  "exclude": ["lib", "app.js"]
 }

flake.lock

@@ -1,5 +1,23 @@
 {
   "nodes": {
+    "flake-utils": {
+      "inputs": {
+        "systems": "systems"
+      },
+      "locked": {
+        "lastModified": 1701680307,
+        "narHash": "sha256-kAuep2h5ajznlPMD9rnQyffWG8EM/C73lejGofXvdM8=",
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "rev": "4022d587cbbfd70fe950c1e2083a02621806a725",
+        "type": "github"
+      },
+      "original": {
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "type": "github"
+      }
+    },
     "nixpkgs": {
       "locked": {
         "lastModified": 1701626906,
@@ -18,8 +36,24 @@
     },
     "root": {
       "inputs": {
+        "flake-utils": "flake-utils",
         "nixpkgs": "nixpkgs"
       }
+    },
+    "systems": {
+      "locked": {
+        "lastModified": 1681028828,
+        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
+        "owner": "nix-systems",
+        "repo": "default",
+        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nix-systems",
+        "repo": "default",
+        "type": "github"
+      }
     }
   },
   "root": "root",

flake.nix

@@ -1,77 +1,75 @@
 {
   description = "A Nix-flake-based development environment for OpenStApps";
-  inputs.nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
-  outputs = { self, nixpkgs }:
-    let
-      buildToolsVersion = "30.0.3";
-      overlays = [
-        (final: prev: rec {
-          nodejs = prev.nodejs-18_x;
-          pnpm = prev.nodePackages.pnpm;
-          chrome = prev.google-chrome;
-          firefox = prev.firefox;
-          webkit = prev.epiphany; # Safari-ish browser
-          android = prev.androidenv.composeAndroidPackages {
-            buildToolsVersions = [ "${buildToolsVersion}" ];
-            platformVersions = [ "33" ];
-          };
-          cypress = prev.cypress.overrideAttrs(cyPrev: rec {
-            version = "13.2.0";
-            src = prev.fetchzip {
-              url = "https://cdn.cypress.io/desktop/${version}/linux-x64/cypress.zip";
-              hash = "sha256-9o0nprGcJhudS1LNm+T7Vf0Dwd1RBauYKI+w1FBQ3ZM=";
+  inputs = {
+    nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
+    flake-utils.url = "github:numtide/flake-utils";
+  };
+  outputs = {
+    self,
+    nixpkgs,
+    flake-utils,
+  }: let
+    aapt2buildToolsVersion = "33.0.2";
+  in
+    flake-utils.lib.eachDefaultSystem (system: let
+      pkgs = import nixpkgs {
+        inherit system;
+        overlays = [
+          (final: prev: rec {
+            fontMin = prev.python311.withPackages (ps: with ps; [brotli fonttools] ++ (with fonttools.optional-dependencies; [woff]));
+            android = prev.androidenv.composeAndroidPackages {
+              buildToolsVersions = ["30.0.3" aapt2buildToolsVersion];
+              platformVersions = ["33"];
             };
-          });
-        })
-      ];
-      # TODO: aarch64-linux, x68_64-darwin, aarch64-darwin
-      supportedSystems = [ "x86_64-linux" ];
-      forEachSupportedSystem = f: nixpkgs.lib.genAttrs supportedSystems (system: f {
-        pkgs = import nixpkgs {
-          inherit overlays system;
-          config = {
-            allowUnfree = true;
-            android_sdk.accept_license = true;
-          };
+            cypress = prev.cypress.overrideAttrs (cyPrev: rec {
+              version = "13.2.0";
+              src = prev.fetchzip {
+                url = "https://cdn.cypress.io/desktop/${version}/linux-x64/cypress.zip";
+                hash = "sha256-9o0nprGcJhudS1LNm+T7Vf0Dwd1RBauYKI+w1FBQ3ZM=";
+              };
+            });
+          })
+        ];
+        config = {
+          allowUnfree = true;
+          android_sdk.accept_license = true;
         };
-      });
-    in
-    {
-      devShells = forEachSupportedSystem ({ pkgs }:
-      let
-        python = (pkgs.python311.withPackages(ps: with ps; [ brotli fonttools ] ++ (with fonttools.optional-dependencies; [ ufo lxml unicode woff ])));
-      in
-      {
-        default = (pkgs.buildFHSUserEnv {
-          name = "StApps Dev";
-          targetPkgs = pkgs: with pkgs; [
-            nodejs
-            pnpm
-            python
-            docker
-            # tools
-            curl
-            jq
-            # browsers
-            firefox
-            chrome
-            webkit
-            cypress
-            # android
-            jdk17
-            android.androidsdk
-            musl
-          ];
-          runScript = "bash";
-          profile = ''
-            export CYPRESS_INSTALL_BINARY=0
-            export CYPRESS_RUN_BINARY=${pkgs.cypress}/bin/Cypress
-            export ANDROID_SDK_ROOT=${pkgs.android.androidsdk}/libexec/android-sdk
-            export ANDROID_JAVA_HOME=${pkgs.jdk.home}
-            export DOCKER_HOST=unix:///run/user/1000/docker.sock
-            { dockerd-rootless & } 2>/dev/null
-          '';
-        }).env;
-      });
-    };
+      };
+      androidFhs = pkgs.buildFHSUserEnv {
+        name = "android-env";
+        targetPkgs = pkgs: with pkgs; [];
+        runScript = "bash";
+        profile = ''
+          export ALLOW_NINJA_ENV=true
+          export USE_CCACHE=1
+          export LD_LIBRARY_PATH=/usr/lib:/usr/lib32
+        '';
+      };
+    in {
+      devShell = pkgs.mkShell rec {
+        nativeBuildInputs = [androidFhs];
+        buildInputs = with pkgs; [
+          nodejs-18_x
+          nodePackages.pnpm
+          # tools
+          curl
+          jq
+          fontMin
+          # browsers
+          firefox
+          google-chrome
+          epiphany # Safari-ish browser
+          cypress
+          # android
+          jdk17
+          android.androidsdk
+          musl
+        ];
+        ANDROID_JAVA_HOME = "${pkgs.jdk.home}";
+        ANDROID_SDK_ROOT = "${pkgs.android.androidsdk}/libexec/android-sdk";
+        GRADLE_OPTS = "-Dorg.gradle.project.android.aapt2FromMavenOverride=${ANDROID_SDK_ROOT}/build-tools/${aapt2buildToolsVersion}/aapt2";
+        CYPRESS_INSTALL_BINARY = "0";
+        CYPRESS_RUN_BINARY = "${pkgs.cypress}/bin/Cypress";
+      };
+    });
 }

frontend/app/.browserslistrc

@@ -5,10 +5,4 @@
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-> 0.5%
-last 2 versions
-Firefox ESR
-not dead
-not kaios 2.5
-not op_mini all
-not IE 9-11
+> 0.5% in DE and last 2 major versions and supports es6 and not dead

frontend/app/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @openstapps/app
 
+## 3.2.0
+
+### Patch Changes
+
+- 689ac68b: pin alpine version to 3.18 and add healthchecks
+- Updated dependencies [912ae422]
+  - @openstapps/core@4.0.0
+  - @openstapps/api@4.0.0
+  - @openstapps/collection-utils@3.0.0
+
+## 3.1.2
+
+### Patch Changes
+
+- Fix for Android users not being able to log in
+
 ## 3.1.1
 
 ### Patch Changes

frontend/app/Dockerfile

@@ -1,7 +1,7 @@
 # Creates a docker image with only the app as an executable unit
 # Dependencies need to be installed beforehand
 # Needs to be build beforehand
-FROM node:18-alpine
+FROM node:18-alpine3.18
 
 WORKDIR /app
 COPY www/ /app/www

frontend/app/android/capacitor.settings.gradle

@@ -45,7 +45,7 @@ include ':capacitor-splash-screen'
 project(':capacitor-splash-screen').projectDir = new File('../../../node_modules/.pnpm/@capacitor+splash-screen@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/splash-screen/android')
 
 include ':transistorsoft-capacitor-background-fetch'
-project(':transistorsoft-capacitor-background-fetch').projectDir = new File('../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch/android')
+project(':transistorsoft-capacitor-background-fetch').projectDir = new File('../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@5.1.1_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch/android')
 
 include ':capacitor-secure-storage-plugin'
-project(':capacitor-secure-storage-plugin').projectDir = new File('../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.8.1_@capacitor+core@5.5.0/node_modules/capacitor-secure-storage-plugin/android')
+project(':capacitor-secure-storage-plugin').projectDir = new File('../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.9.0_@capacitor+core@5.5.0/node_modules/capacitor-secure-storage-plugin/android')

frontend/app/angular.json

@@ -97,20 +97,20 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "app:build"
+            "buildTarget": "app:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "app:build:production"
+              "buildTarget": "app:build:production"
             },
             "development": {
-              "browserTarget": "app:build:development"
+              "buildTarget": "app:build:development"
             },
             "ci": {
-              "browserTarget": "app:build"
+              "buildTarget": "app:build"
             },
             "fake": {
-              "browserTarget": "app:build:fake"
+              "buildTarget": "app:build:fake"
             }
           },
           "defaultConfiguration": "development"

frontend/app/cypress/integration/dashboard.spec.ts

@@ -173,7 +173,7 @@ describe('dashboard', async function () {
       cy.visit('/overview');
 
       cy.get('ion-searchbar').click({scrollBehavior: 'center'});
-      cy.url().should('eq', Cypress.config().baseUrl + '/search');
+      cy.url().should('include', '/search');
       cy.get('ion-searchbar').should('not.have.value');
       cy.get('ion-searchbar input.searchbar-input').should('have.focus');
 

frontend/app/ios/App/Podfile

@@ -25,7 +25,7 @@ def capacitor_pods
   pod 'CapacitorPreferences', :path => '../../../../node_modules/.pnpm/@capacitor+preferences@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/preferences'
   pod 'CapacitorShare', :path => '../../../../node_modules/.pnpm/@capacitor+share@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/share'
   pod 'CapacitorSplashScreen', :path => '../../../../node_modules/.pnpm/@capacitor+splash-screen@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/splash-screen'
-  pod 'TransistorsoftCapacitorBackgroundFetch', :path => '../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch'
+  pod 'TransistorsoftCapacitorBackgroundFetch', :path => '../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@5.1.1_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch'
   pod 'CapacitorSecureStoragePlugin', :path => '../../../../node_modules/.pnpm/capacitor-secure-storage-plugin@0.9.0_@capacitor+core@5.5.0/node_modules/capacitor-secure-storage-plugin'
   pod 'CordovaPlugins', :path => '../capacitor-cordova-ios-plugins'
 end

frontend/app/ios/App/Podfile.lock

@@ -36,7 +36,7 @@ PODS:
   - CordovaPlugins (5.5.0):
     - CapacitorCordova
   - SwiftKeychainWrapper (4.0.1)
-  - TransistorsoftCapacitorBackgroundFetch (1.0.2):
+  - TransistorsoftCapacitorBackgroundFetch (5.1.1):
     - Capacitor
 
 DEPENDENCIES:
@@ -58,7 +58,7 @@ DEPENDENCIES:
   - "CapacitorShare (from `../../../../node_modules/.pnpm/@capacitor+share@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/share`)"
   - "CapacitorSplashScreen (from `../../../../node_modules/.pnpm/@capacitor+splash-screen@5.0.6_@capacitor+core@5.5.0/node_modules/@capacitor/splash-screen`)"
   - CordovaPlugins (from `../capacitor-cordova-ios-plugins`)
-  - "TransistorsoftCapacitorBackgroundFetch (from `../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch`)"
+  - "TransistorsoftCapacitorBackgroundFetch (from `../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@5.1.1_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch`)"
 
 SPEC REPOS:
   trunk:
@@ -102,7 +102,7 @@ EXTERNAL SOURCES:
   CordovaPlugins:
     :path: "../capacitor-cordova-ios-plugins"
   TransistorsoftCapacitorBackgroundFetch:
-    :path: "../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@1.0.2_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch"
+    :path: "../../../../node_modules/.pnpm/@transistorsoft+capacitor-background-fetch@5.1.1_@capacitor+core@5.5.0/node_modules/@transistorsoft/capacitor-background-fetch"
 
 SPEC CHECKSUMS:
   Capacitor: 57890b363df14d5d2d5d8461aa23e886cb34da2a
@@ -124,8 +124,8 @@ SPEC CHECKSUMS:
   CapacitorSplashScreen: 5fa2ab5e46cf5cc530cf16a51c80c7a986579ccd
   CordovaPlugins: de5669381702d76ed5b1d442177a6a5fc3252a9d
   SwiftKeychainWrapper: 807ba1d63c33a7d0613288512399cd1eda1e470c
-  TransistorsoftCapacitorBackgroundFetch: 74ca62dae7ec78639eaf3d0d1e24c595ada213dd
+  TransistorsoftCapacitorBackgroundFetch: ce4b3e01b898cef516e68485d2160a078016ee97
 
-PODFILE CHECKSUM: 073b899f90bacc5049101cb9c562a168757d554e
+PODFILE CHECKSUM: 229278f2c257e8ab555325c7115b2e187e8e628d
 
 COCOAPODS: 1.13.0

frontend/app/karma.conf.js

@@ -1,4 +1,3 @@
-// @ts-check
 /*
  * Copyright (C) 2022 StApps
  * This program is free software: you can redistribute it and/or modify it

frontend/app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openstapps/app",
   "description": "The generic app tailored to fulfill needs of German universities, written using Ionic Framework.",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "private": true,
   "license": "GPL-3.0-only",
   "author": "Karl-Philipp Wulfert <krlwlfrt@gmail.com>",
@@ -21,7 +21,7 @@
     "build:prod": "ng build --configuration=production",
     "build:stats": "ng build --configuration=production --stats-json",
     "changelog": "conventional-changelog -p angular -i src/assets/about/CHANGELOG.md -s -r 0",
-    "check-icons": "ts-node-esm scripts/check-icon-correctness.ts",
+    "check-icons": "ts-node scripts/check-icon-correctness.ts",
     "chromium:no-cors": "chromium --disable-web-security --user-data-dir=\".browser-data/chromium\"",
     "chromium:virtual-host": "chromium --host-resolver-rules=\"MAP mobile.app.uni-frankfurt.de:* localhost:8100\" --ignore-certificate-errors",
     "cypress:open": "cypress open",
@@ -52,34 +52,34 @@
     "test:integration": "sh integration-test.sh"
   },
   "dependencies": {
-    "@angular/animations": "16.1.4",
-    "@angular/cdk": "16.1.4",
-    "@angular/common": "16.1.4",
-    "@angular/core": "16.1.4",
-    "@angular/forms": "16.1.4",
-    "@angular/platform-browser": "16.1.4",
-    "@angular/router": "16.1.4",
-    "@asymmetrik/ngx-leaflet": "16.0.1",
-    "@asymmetrik/ngx-leaflet-markercluster": "16.0.0",
-    "@awesome-cordova-plugins/calendar": "5.45.0",
-    "@awesome-cordova-plugins/core": "5.45.0",
-    "@capacitor/app": "5.0.6",
-    "@capacitor/browser": "5.1.0",
-    "@capacitor/clipboard": "5.0.6",
-    "@capacitor/core": "5.5.0",
-    "@capacitor/device": "5.0.6",
-    "@capacitor/dialog": "5.0.6",
-    "@capacitor/filesystem": "5.1.4",
-    "@capacitor/geolocation": "5.0.6",
-    "@capacitor/haptics": "5.0.6",
-    "@capacitor/keyboard": "5.0.6",
-    "@capacitor/local-notifications": "5.0.6",
-    "@capacitor/network": "5.0.6",
-    "@capacitor/preferences": "5.0.6",
-    "@capacitor/share": "5.0.6",
-    "@capacitor/splash-screen": "5.0.6",
+    "@angular/animations": "17.3.0",
+    "@angular/cdk": "17.3.0",
+    "@angular/common": "17.3.0",
+    "@angular/core": "17.3.0",
+    "@angular/forms": "17.3.0",
+    "@angular/platform-browser": "17.3.0",
+    "@angular/router": "17.3.0",
+    "@asymmetrik/ngx-leaflet": "17.0.0",
+    "@asymmetrik/ngx-leaflet-markercluster": "17.0.0",
+    "@awesome-cordova-plugins/calendar": "6.6.0",
+    "@awesome-cordova-plugins/core": "6.6.0",
+    "@capacitor/app": "5.0.7",
+    "@capacitor/browser": "5.2.0",
+    "@capacitor/clipboard": "5.0.7",
+    "@capacitor/core": "5.7.3",
+    "@capacitor/device": "5.0.7",
+    "@capacitor/dialog": "5.0.7",
+    "@capacitor/filesystem": "5.2.1",
+    "@capacitor/geolocation": "5.0.7",
+    "@capacitor/haptics": "5.0.7",
+    "@capacitor/keyboard": "5.0.8",
+    "@capacitor/local-notifications": "5.0.7",
+    "@capacitor/network": "5.0.7",
+    "@capacitor/preferences": "5.0.7",
+    "@capacitor/share": "5.0.7",
+    "@capacitor/splash-screen": "5.0.7",
     "@ionic-native/core": "5.36.0",
-    "@ionic/angular": "7.1.3",
+    "@ionic/angular": "7.8.0",
     "@ionic/storage-angular": "4.0.0",
     "@ngx-translate/core": "15.0.0",
     "@ngx-translate/http-loader": "8.0.0",
@@ -87,104 +87,104 @@
     "@openstapps/api": "workspace:*",
     "@openstapps/collection-utils": "workspace:*",
     "@openstapps/core": "workspace:*",
-    "@transistorsoft/capacitor-background-fetch": "5.1.1",
-    "@types/dom-view-transitions": "1.0.1",
+    "@transistorsoft/capacitor-background-fetch": "5.2.0",
+    "@types/dom-view-transitions": "1.0.4",
     "capacitor-secure-storage-plugin": "0.9.0",
     "cordova-plugin-calendar": "5.1.6",
-    "date-fns": "2.30.0",
+    "date-fns": "3.6.0",
     "deepmerge": "4.3.1",
     "form-data": "4.0.0",
     "geojson": "0.5.0",
     "ionic-appauth": "0.9.0",
     "jsonpath-plus": "6.0.1",
-    "leaflet": "1.9.3",
+    "leaflet": "1.9.4",
     "leaflet.markercluster": "1.5.3",
-    "material-symbols": "0.10.0",
-    "moment": "2.29.4",
-    "ngx-date-fns": "10.0.1",
+    "material-symbols": "0.17.0",
+    "moment": "2.30.1",
+    "ngx-date-fns": "11.0.0",
     "ngx-logger": "5.0.12",
-    "ngx-markdown": "16.0.0",
+    "ngx-markdown": "17.1.1",
     "ngx-moment": "6.0.2",
     "opening_hours": "3.8.0",
     "rxjs": "7.8.1",
-    "semver": "7.5.4",
+    "semver": "7.6.0",
     "swiper": "8.4.5",
-    "tslib": "2.4.1",
-    "zone.js": "0.13.1"
+    "tslib": "2.6.2",
+    "zone.js": "0.14.4"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "0.1601.4",
-    "@angular-devkit/build-angular": "16.1.4",
-    "@angular-devkit/core": "16.1.4",
-    "@angular-devkit/schematics": "16.1.4",
-    "@angular-eslint/builder": "16.1.0",
-    "@angular-eslint/eslint-plugin": "16.1.0",
-    "@angular-eslint/eslint-plugin-template": "16.1.0",
-    "@angular-eslint/schematics": "16.1.0",
-    "@angular-eslint/template-parser": "16.1.0",
-    "@angular/cli": "16.1.4",
-    "@angular/compiler": "16.1.4",
-    "@angular/compiler-cli": "16.1.4",
-    "@angular/language-service": "16.1.4",
-    "@angular/platform-browser-dynamic": "16.1.4",
-    "@capacitor/android": "5.5.0",
-    "@capacitor/assets": "3.0.1",
-    "@capacitor/cli": "5.5.0",
-    "@capacitor/ios": "5.5.0",
-    "@compodoc/compodoc": "1.1.19",
-    "@cypress/schematic": "1.7.0",
-    "@ionic/angular-toolkit": "10.0.0",
-    "@ionic/cli": "7.1.1",
+    "@angular-devkit/architect": "0.1703.0",
+    "@angular-devkit/build-angular": "17.3.0",
+    "@angular-devkit/core": "17.3.0",
+    "@angular-devkit/schematics": "17.3.0",
+    "@angular-eslint/builder": "17.3.0",
+    "@angular-eslint/eslint-plugin": "17.3.0",
+    "@angular-eslint/eslint-plugin-template": "17.3.0",
+    "@angular-eslint/schematics": "17.3.0",
+    "@angular-eslint/template-parser": "17.3.0",
+    "@angular/cli": "17.3.0",
+    "@angular/compiler": "17.3.0",
+    "@angular/compiler-cli": "17.3.0",
+    "@angular/language-server": "17.3.0",
+    "@angular/language-service": "17.3.0",
+    "@angular/platform-browser-dynamic": "17.3.0",
+    "@capacitor/android": "5.7.3",
+    "@capacitor/assets": "3.0.4",
+    "@capacitor/cli": "5.7.3",
+    "@capacitor/ios": "5.7.3",
+    "@compodoc/compodoc": "1.1.23",
+    "@cypress/schematic": "2.5.1",
+    "@ionic/angular-toolkit": "11.0.1",
+    "@ionic/cli": "7.2.0",
     "@openstapps/prettier-config": "workspace:*",
     "@openstapps/tsconfig": "workspace:*",
-    "@types/fontkit": "1.8.0",
+    "@types/fontkit": "2.0.7",
     "@types/geojson": "1.0.6",
-    "@types/glob": "8.0.1",
-    "@types/jasmine": "4.3.1",
-    "@types/jasminewd2": "2.0.10",
+    "@types/glob": "8.1.0",
+    "@types/jasmine": "5.1.4",
+    "@types/jasminewd2": "2.0.13",
     "@types/jsonpath": "0.2.0",
-    "@types/karma": "6.3.4",
-    "@types/karma-coverage": "2.0.1",
-    "@types/karma-jasmine": "4.0.2",
-    "@types/leaflet": "1.9.0",
-    "@types/leaflet.markercluster": "1.5.1",
+    "@types/karma": "6.3.8",
+    "@types/karma-coverage": "2.0.3",
+    "@types/karma-jasmine": "4.0.5",
+    "@types/leaflet": "1.9.8",
+    "@types/leaflet.markercluster": "1.5.4",
     "@types/node": "18.15.3",
-    "@types/semver": "7.5.6",
-    "@typescript-eslint/eslint-plugin": "5.60.1",
-    "@typescript-eslint/parser": "5.60.1",
+    "@types/semver": "7.5.8",
+    "@typescript-eslint/eslint-plugin": "7.2.0",
+    "@typescript-eslint/parser": "7.2.0",
     "cordova-res": "0.15.4",
-    "cypress": "13.2.0",
-    "eslint": "8.43.0",
-    "eslint-plugin-jsdoc": "46.4.2",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-unicorn": "47.0.0",
+    "cypress": "13.7.0",
+    "eslint": "8.57.0",
+    "eslint-plugin-jsdoc": "48.2.1",
+    "eslint-plugin-prettier": "5.1.3",
+    "eslint-plugin-unicorn": "51.0.1",
     "fast-deep-equal": "3.1.3",
     "fontkit": "2.0.2",
-    "glob": "10.2.7",
+    "glob": "10.3.10",
     "http-server": "14.1.1",
     "is-docker": "2.2.1",
-    "jasmine-core": "5.0.1",
+    "jasmine-core": "5.1.2",
     "jasmine-spec-reporter": "7.0.0",
     "jetifier": "2.0.0",
-    "junit-report-merger": "6.0.2",
-    "karma": "6.4.2",
+    "junit-report-merger": "6.0.3",
+    "karma": "6.4.3",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",
     "karma-jasmine": "5.1.0",
     "karma-junit-reporter": "2.0.1",
     "karma-mocha-reporter": "2.2.5",
     "license-checker": "25.0.1",
-    "stylelint": "15.10.1",
-    "stylelint-config-clean-order": "5.0.1",
+    "stylelint": "16.2.1",
+    "stylelint-config-clean-order": "5.4.1",
     "stylelint-config-prettier-scss": "1.0.0",
-    "stylelint-config-recommended-scss": "12.0.0",
-    "stylelint-config-standard-scss": "10.0.0",
+    "stylelint-config-recommended-scss": "14.0.0",
+    "stylelint-config-standard-scss": "13.0.0",
     "surge": "0.23.1",
-    "ts-node": "10.9.1",
-    "typescript": "5.1.6",
-    "webpack-bundle-analyzer": "4.7.0"
+    "ts-node": "10.9.2",
+    "typescript": "5.4.2",
+    "webpack-bundle-analyzer": "4.10.1"
   },
-  "prettier": "@openstapps/prettier-config",
   "cordova": {
     "plugins": {},
     "platforms": [

frontend/app/prettier.config.mjs

@@ -1,3 +1,4 @@
+// @ts-check
 /*
  * Copyright (C) 2022 StApps
  * This program is free software: you can redistribute it and/or modify it
@@ -25,7 +26,6 @@ const config = {
       },
     },
   ],
-  ignorePath: ['.prettierignore', '../../.gitignore'],
 };
 
 export default config;

frontend/app/src/app/_helpers/data/sample-configuration.ts

@@ -21,7 +21,7 @@ import {
   SCThingOriginType,
   SCThingType,
 } from '@openstapps/core';
-import packageInfo from '@openstapps/core/package.json';
+import {CORE_VERSION} from '@openstapps/core';
 import {Polygon} from 'geojson';
 
 // provides sample aggregations to be used in tests or backendless development
@@ -195,7 +195,7 @@ export const sampleIndexResponse: SCIndexResponse = {
   },
   auth: {},
   backend: {
-    SCVersion: packageInfo.version,
+    SCVersion: CORE_VERSION,
     externalRequestTimeout: 5000,
     hiddenTypes: [SCThingType.DateSeries, SCThingType.Diff, SCThingType.Floor],
     mappingIgnoredTags: [],

frontend/app/src/app/animation/fab-expand.ts

@@ -14,7 +14,7 @@
  */
 
 import {AnimationBuilder, AnimationController} from '@ionic/angular';
-import {AnimationOptions} from '@ionic/angular/providers/nav-controller';
+import {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 import {iosDuration, iosEasing, mdDuration, mdEasing} from './easings';
 
 /**

frontend/app/src/app/modules/about/about-licenses.html

@@ -1,17 +1,17 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <ion-header>
   <ion-toolbar color="primary" mode="ios">
@@ -24,28 +24,24 @@
 </ion-header>
 <ion-content parallax>
   <div class="licenses-content">
-    <ion-card
-      *ngFor="let license of licenses"
-      [href]="license.url || license.repository"
-      rel="external"
-      target="_blank"
-    >
-      <ion-card-header>
-        <ion-card-title>
-          {{ license.name }}
-          <ion-icon [size]="16" [weight]="300" class="supertext-icon" name="open_in_browser"></ion-icon>
-        </ion-card-title>
-
-        <ion-card-subtitle *ngIf="license.authors || license.publisher">
-          {{ license.authors || license.publisher }}
-        </ion-card-subtitle>
-      </ion-card-header>
-      <ion-card-content>
-        <ion-chip (click)="$event.preventDefault(); viewLicense(license)">
-          <ion-icon name="copyright"></ion-icon>
-          <ion-label>{{ license.licenses }} License</ion-label>
-        </ion-chip>
-      </ion-card-content>
-    </ion-card>
+    @for (license of licenses; track license) {
+      <ion-card [href]="license.url || license.repository" rel="external" target="_blank">
+        <ion-card-header>
+          <ion-card-title>
+            {{ license.name }}
+            <ion-icon [size]="16" [weight]="300" class="supertext-icon" name="open_in_browser"></ion-icon>
+          </ion-card-title>
+          @if (license.authors || license.publisher) {
+            <ion-card-subtitle> {{ license.authors || license.publisher }} </ion-card-subtitle>
+          }
+        </ion-card-header>
+        <ion-card-content>
+          <ion-chip (click)="$event.preventDefault(); viewLicense(license)">
+            <ion-icon name="copyright"></ion-icon>
+            <ion-label>{{ license.licenses }} License</ion-label>
+          </ion-chip>
+        </ion-card-content>
+      </ion-card>
+    }
   </div>
 </ion-content>

frontend/app/src/app/modules/about/about-page/about-page-content.html

@@ -1,41 +1,56 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
-<markdown *ngIf="content.type === 'markdown'" [data]="'value' | translateSimple : content"></markdown>
-<div *ngIf="content.type ==='section'">
-  <ion-card *ngIf="content.card; else noCard">
-    <ion-card-header>
-      <ion-card-title>{{ 'title' | translateSimple : content }}</ion-card-title>
-    </ion-card-header>
-    <ion-card-content>
+@if (content.type === 'markdown') {
+  <markdown [data]="'value' | translateSimple: content"></markdown>
+}
+@if (content.type === 'section') {
+  <div>
+    @if (content.card) {
+      <ion-card>
+        <ion-card-header>
+          <ion-card-title>{{ 'title' | translateSimple: content }}</ion-card-title>
+        </ion-card-header>
+        <ion-card-content>
+          <about-page-content [content]="content.content"></about-page-content>
+        </ion-card-content>
+      </ion-card>
+    } @else {
+      <h2>{{ 'title' | translateSimple: content }}</h2>
       <about-page-content [content]="content.content"></about-page-content>
-    </ion-card-content>
-  </ion-card>
-  <ng-template #noCard>
-    <h2>{{ 'title' | translateSimple : content }}</h2>
-    <about-page-content [content]="content.content"></about-page-content>
-  </ng-template>
-</div>
-<ion-grid *ngIf="content.type === 'table'">
-  <ion-row *ngFor="let row of content.rows">
-    <ion-col *ngFor="let col of row">
-      <about-page-content [content]="col"></about-page-content>
-    </ion-col>
-  </ion-row>
-</ion-grid>
-<ion-item *ngIf="content.type === 'router link'" [routerLink]="content.link">
-  <ion-icon *ngIf="content.icon" [name]="content.icon" slot="start"></ion-icon>
-  <ion-label>{{ 'title' | translateSimple : content }}</ion-label>
-</ion-item>
+    }
+  </div>
+}
+@if (content.type === 'table') {
+  <ion-grid>
+    @for (row of content.rows; track row) {
+      <ion-row>
+        @for (col of row; track col) {
+          <ion-col>
+            <about-page-content [content]="col"></about-page-content>
+          </ion-col>
+        }
+      </ion-row>
+    }
+  </ion-grid>
+}
+@if (content.type === 'router link') {
+  <ion-item [routerLink]="content.link">
+    @if (content.icon) {
+      <ion-icon [name]="content.icon" slot="start"></ion-icon>
+    }
+    <ion-label>{{ 'title' | translateSimple: content }}</ion-label>
+  </ion-item>
+}

frontend/app/src/app/modules/about/about-page/about-page.html

@@ -1,32 +1,37 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <ion-header>
   <ion-toolbar color="primary" mode="ios">
     <ion-buttons slot="start">
       <ion-back-button></ion-back-button>
     </ion-buttons>
-    <ion-title *ngIf="content; else titleLoading">{{ 'title' | translateSimple : content }}</ion-title>
-    <ng-template #titleLoading>
+    @if (content) {
+      <ion-title>{{ 'title' | translateSimple: content }}</ion-title>
+    } @else {
       <ion-title><ion-skeleton-text animated="true"></ion-skeleton-text></ion-title>
-    </ng-template>
+    }
   </ion-toolbar>
 </ion-header>
-<ion-content parallax *ngIf="content">
-  <ion-text>{{ 'about.VERSION_INFO' | translate: {name, version, stappsVersion} }}</ion-text>
-  <div class="page-content">
-    <about-page-content *ngFor="let element of content.content" [content]="element"></about-page-content>
-  </div>
-</ion-content>
+@if (content) {
+  <ion-content parallax>
+    <ion-text>{{ 'about.VERSION_INFO' | translate: {name, version, stappsVersion} }}</ion-text>
+    <div class="page-content">
+      @for (element of content.content; track element) {
+        <about-page-content [content]="element"></about-page-content>
+      }
+    </div>
+  </ion-content>
+}

frontend/app/src/app/modules/about/release-notes.component.ts

@@ -5,7 +5,6 @@ import {ThingTranslateModule} from '../../translation/thing-translate.module';
 import {IonicModule, ModalController} from '@ionic/angular';
 import {TranslateModule} from '@ngx-translate/core';
 import {UtilModule} from '../../util/util.module';
-import {CommonModule} from '@angular/common';
 
 @Component({
   selector: 'stapps-release-notes',
@@ -13,7 +12,7 @@ import {CommonModule} from '@angular/common';
   styleUrls: ['release-notes.scss'],
   standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [UtilModule, MarkdownModule, ThingTranslateModule, IonicModule, TranslateModule, CommonModule],
+  imports: [UtilModule, MarkdownModule, ThingTranslateModule, IonicModule, TranslateModule],
 })
 export class ReleaseNotesComponent {
   @Input() versionInfos: SCAppVersionInfo[];

frontend/app/src/app/modules/about/release-notes.html

@@ -1,18 +1,20 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title><span class="ion-text-wrap">{{'releaseNotes.TITLE_UPDATED' | translate}}</span></ion-title>
+    <ion-title
+      ><span class="ion-text-wrap">{{ 'releaseNotes.TITLE_UPDATED' | translate }}</span></ion-title
+    >
     <ion-buttons slot="end">
-      <ion-button [strong]="true" (click)="modalController.dismiss()"
-        >{{'modal.DISMISS_NEUTRAL' | translate}}</ion-button
-      >
+      <ion-button [strong]="true" (click)="modalController.dismiss()">{{
+        'modal.DISMISS_NEUTRAL' | translate
+      }}</ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
 <ion-content parallax>
-  <ng-container *ngFor="let versionInfo of versionInfos">
+  @for (versionInfo of versionInfos; track versionInfo) {
     <markdown
       class="content-card ion-padding"
       [data]="'releaseNotes' | translateSimple: versionInfo"
     ></markdown>
-  </ng-container>
+  }
 </ion-content>

frontend/app/src/app/modules/assessments/page/assessments-page.html

@@ -36,7 +36,7 @@
           class="ion-text-wrap"
           *ngIf="assessments[key].courseOfStudy | async as course; else defaultLabel"
         >
-          {{ 'name' | thingTranslate : course }} ({{ 'academicDegree' | thingTranslate : course }})
+          {{ 'name' | thingTranslate: course }} ({{ 'academicDegree' | thingTranslate: course }})
         </ion-label>
       </div>
       <ng-template #defaultLabel>

frontend/app/src/app/modules/assessments/types/assessment/assessment-base-info.html

@@ -14,8 +14,12 @@
   -->
 
 <ion-label [color]="passed ? undefined : 'danger'"
-  >{{ (_item.grade | isNumeric) ? (_item.grade | numberLocalized :
-  'minimumFractionDigits:1,maximumFractionDigits:1') : '' }} {{ 'status' | thingTranslate : _item | titlecase
-  }}, {{ 'attempt' | propertyNameTranslate : _item }} {{ _item.attempt }}
+  >{{
+    (_item.grade | isNumeric)
+      ? (_item.grade | numberLocalized: 'minimumFractionDigits:1,maximumFractionDigits:1')
+      : ''
+  }}
+  {{ 'status' | thingTranslate: _item | titlecase }}, {{ 'attempt' | propertyNameTranslate: _item }}
+  {{ _item.attempt }}
 </ion-label>
-<ion-note> {{ _item.ects }} {{ 'ects' | propertyNameTranslate : _item }}</ion-note>
+<ion-note> {{ _item.ects }} {{ 'ects' | propertyNameTranslate: _item }}</ion-note>

frontend/app/src/app/modules/assessments/types/assessment/assessment-detail.html

@@ -1,24 +1,28 @@
 <!--
-  ~ Copyright (C) 2022 StApps
-  ~  This program is free software: you can redistribute it and/or modify it
-  ~  under the terms of the GNU General Public License as published by the Free
-  ~  Software Foundation, version 3.
-  ~
-  ~  This program is distributed in the hope that it will be useful, but WITHOUT
-  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~  more details.
-  ~
-  ~  You should have received a copy of the GNU General Public License along with
-  ~  this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2022 StApps
+~  This program is free software: you can redistribute it and/or modify it
+~  under the terms of the GNU General Public License as published by the Free
+~  Software Foundation, version 3.
+~
+~  This program is distributed in the hope that it will be useful, but WITHOUT
+~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~  more details.
+~
+~  You should have received a copy of the GNU General Public License along with
+~  this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <ion-card>
   <ion-card-content>
-    <ion-note *ngIf="item.courseOfStudy as courseOfStudy">
-      {{ $any('courseOfStudy' | propertyNameTranslate : item) | titlecase }}: {{ 'name' | thingTranslate :
-      $any(courseOfStudy) }} ({{ 'academicDegree' | thingTranslate : $any(courseOfStudy) }})
-    </ion-note>
+    @if (item.courseOfStudy; as courseOfStudy) {
+      <ion-note>
+        {{ $any('courseOfStudy' | propertyNameTranslate: item) | titlecase }}:
+        {{ 'name' | thingTranslate: $any(courseOfStudy) }} ({{
+          'academicDegree' | thingTranslate: $any(courseOfStudy)
+        }})
+      </ion-note>
+    }
   </ion-card-content>
 </ion-card>
 <ion-list class="container">

frontend/app/src/app/modules/assessments/types/assessment/assessment-list-item.html

@@ -14,6 +14,6 @@
   -->
 
 <div class="container">
-  <h2 class="name">{{ 'name' | thingTranslate : item }} {{ item.date ? (item.date | amDateFormat) : '' }}</h2>
+  <h2 class="name">{{ 'name' | thingTranslate: item }} {{ item.date ? (item.date | amDateFormat) : '' }}</h2>
   <assessment-base-info [item]="item"></assessment-base-info>
 </div>

frontend/app/src/app/modules/auth/capacitor-requestor.ts

@@ -51,11 +51,7 @@ export class CapacitorRequestor extends Requestor {
   private async post<T>(url: string, data: any, headers: HttpHeaders) {
     return CapacitorHttp.post({
       url,
-      // Workaround for CapacitorHttp bug (JSONException when "x-www-form-urlencoded" text is provided)
-      data:
-        headers['Content-Type'] === 'application/x-www-form-urlencoded'
-          ? this.decodeURLSearchParams(data)
-          : data,
+      data,
       headers,
     }).then((response: HttpResponse) => {
       return response.data as T;
@@ -66,11 +62,7 @@ export class CapacitorRequestor extends Requestor {
   private async put<T>(url: string, data: any, headers: HttpHeaders) {
     return CapacitorHttp.put({
       url,
-      // Workaround for CapacitorHttp bug (JSONException when "x-www-form-urlencoded" text is provided)
-      data:
-        headers['Content-Type'] === 'application/x-www-form-urlencoded'
-          ? this.decodeURLSearchParams(data)
-          : data,
+      data,
       headers,
     }).then((response: HttpResponse) => response.data as T);
   }
@@ -78,14 +70,4 @@ export class CapacitorRequestor extends Requestor {
   private async delete<T>(url: string, headers: HttpHeaders) {
     return CapacitorHttp.delete({url, headers}).then((response: HttpResponse) => response.data as T);
   }
-
-  private decodeURLSearchParams(parameters: string): Record<string, unknown> {
-    const searchParameters = new URLSearchParams(parameters);
-    return Object.fromEntries(
-      [...searchParameters.keys()].map(k => [
-        k,
-        searchParameters.getAll(k).length === 1 ? searchParameters.get(k) : searchParameters.getAll(k),
-      ]),
-    );
-  }
 }

frontend/app/src/app/modules/calendar/add-event-review-modal.html

@@ -1,17 +1,17 @@
 <!--
-  ~ Copyright (C) 2022 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2022 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 <div>
   <ion-card-header>
     <ion-card-title>{{ 'schedule.toCalendar.reviewModal.TITLE' | translate }}</ion-card-title>
@@ -22,34 +22,46 @@
 
   <ion-card-content>
     <ion-list lines="none">
-      <ion-item-group *ngFor="let event of iCalEvents">
-        <ion-item-divider>
-          <ion-label>{{ event.title }}</ion-label>
-          <ion-note slot="start" *ngIf="event.events.length > 1">
-            <ion-icon name="insert_page_break"></ion-icon>
-          </ion-note>
-        </ion-item-divider>
-        <ion-item *ngFor="let iCalEvent of event.events">
-          <ion-label>
-            <s *ngIf="iCalEvent.cancelled; else date"
-              ><ng-container [ngTemplateOutlet]="date"></ng-container>
-            </s>
-            <ng-template #date> {{ moment(iCalEvent.start) | amDateFormat : 'll, HH:mm' }} </ng-template>
-          </ion-label>
-          <ion-note *ngIf="iCalEvent.rrule">
-            {{ iCalEvent.rrule.interval }} {{ iCalEvent.rrule.freq | sentencecase }}
-          </ion-note>
-          <ion-icon *ngIf="iCalEvent.rrule" name="event_repeat"></ion-icon>
-        </ion-item>
-      </ion-item-group>
+      @for (event of iCalEvents; track event) {
+        <ion-item-group>
+          <ion-item-divider>
+            <ion-label>{{ event.title }}</ion-label>
+            @if (event.events.length > 1) {
+              <ion-note slot="start">
+                <ion-icon name="insert_page_break"></ion-icon>
+              </ion-note>
+            }
+          </ion-item-divider>
+          @for (iCalEvent of event.events; track iCalEvent) {
+            <ion-item>
+              <ion-label>
+                @if (iCalEvent.cancelled) {
+                  <s><ng-container [ngTemplateOutlet]="date"></ng-container> </s>
+                } @else {
+                  {{ moment(iCalEvent.start) | amDateFormat: 'll, HH:mm' }}
+                }
+                <ng-template #date> {{ moment(iCalEvent.start) | amDateFormat: 'll, HH:mm' }} </ng-template>
+              </ion-label>
+              @if (iCalEvent.rrule) {
+                <ion-note>
+                  {{ iCalEvent.rrule.interval }} {{ iCalEvent.rrule.freq | sentencecase }}
+                </ion-note>
+              }
+              @if (iCalEvent.rrule) {
+                <ion-icon name="event_repeat"></ion-icon>
+              }
+            </ion-item>
+          }
+        </ion-item-group>
+      }
     </ion-list>
   </ion-card-content>
 
   <div class="horizontal-flex">
     <ion-item lines="none">
-      <ion-checkbox [(ngModel)]="includeCancelled"
-        >{{ 'schedule.toCalendar.reviewModal.INCLUDE_CANCELLED' | translate }}</ion-checkbox
-      >
+      <ion-checkbox [(ngModel)]="includeCancelled">{{
+        'schedule.toCalendar.reviewModal.INCLUDE_CANCELLED' | translate
+      }}</ion-checkbox>
     </ion-item>
   </div>
   <div class="horizontal-flex">
@@ -57,15 +69,16 @@
       {{ 'share' | translate }}
       <ion-icon slot="end" md="share" ios="ios_share"></ion-icon>
     </ion-button>
-    <ion-button fill="outline" (click)="download()" *ngIf="isWeb; else exportButton">
-      {{ 'schedule.toCalendar.reviewModal.DOWNLOAD' | translate }}
-      <ion-icon slot="end" name="download"></ion-icon>
-    </ion-button>
-    <ng-template #exportButton>
+    @if (isWeb) {
+      <ion-button fill="outline" (click)="download()">
+        {{ 'schedule.toCalendar.reviewModal.DOWNLOAD' | translate }}
+        <ion-icon slot="end" name="download"></ion-icon>
+      </ion-button>
+    } @else {
       <ion-button fill="outline" (click)="toCalendar()">
         {{ 'schedule.toCalendar.reviewModal.EXPORT' | translate }}
         <ion-icon slot="end" name="event_upcoming"></ion-icon>
       </ion-button>
-    </ng-template>
+    }
   </div>
 </div>

frontend/app/src/app/modules/catalog/catalog.component.html

@@ -1,17 +1,17 @@
 <!--
-  ~ Copyright (C) 2022 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2022 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <ion-header>
   <ion-toolbar color="primary" mode="ios">
@@ -23,33 +23,45 @@
   </ion-toolbar>
   <ion-toolbar color="primary" mode="md">
     <ion-segment (ionChange)="segmentChanged($event)" [value]="selectedSemesterUID" mode="md">
-      <ion-segment-button *ngFor="let semester of availableSemesters" [value]="semester.uid">
-        <ion-label>{{ semester.acronym }}</ion-label>
-      </ion-segment-button>
+      @for (semester of availableSemesters; track semester) {
+        <ion-segment-button [value]="semester.uid">
+          <ion-label>{{ semester.acronym }}</ion-label>
+        </ion-segment-button>
+      }
     </ion-segment>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  <ion-list *ngIf="catalogs && catalogs.length > 0">
-    <ion-item *ngFor="let catalog of catalogs" button="true" lines="inset" (click)="notifySelect(catalog)">
-      <ion-label>
-        <h2>{{ catalog.name }}</h2>
-      </ion-label>
-    </ion-item>
-  </ion-list>
-  <ion-list *ngIf="!catalogs">
-    <stapps-skeleton-list-item *ngFor="let skeleton of [].constructor(10)"> </stapps-skeleton-list-item>
-  </ion-list>
-  <ion-grid *ngIf="catalogs && catalogs.length === 0">
-    <ion-row>
-      <ion-col>
-        <div class="ion-text-center margin-top">
+  @if (catalogs && catalogs.length > 0) {
+    <ion-list>
+      @for (catalog of catalogs; track catalog) {
+        <ion-item button="true" lines="inset" (click)="notifySelect(catalog)">
           <ion-label>
-            {{ 'catalog.detail.EMPTY_SEMESTER' | translate }}
+            <h2>{{ catalog.name }}</h2>
           </ion-label>
-        </div>
-      </ion-col>
-    </ion-row>
-  </ion-grid>
+        </ion-item>
+      }
+    </ion-list>
+  }
+  @if (!catalogs) {
+    <ion-list>
+      @for (skeleton of [].constructor(10); track skeleton) {
+        <stapps-skeleton-list-item> </stapps-skeleton-list-item>
+      }
+    </ion-list>
+  }
+  @if (catalogs && catalogs.length === 0) {
+    <ion-grid>
+      <ion-row>
+        <ion-col>
+          <div class="ion-text-center margin-top">
+            <ion-label>
+              {{ 'catalog.detail.EMPTY_SEMESTER' | translate }}
+            </ion-label>
+          </div>
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  }
 </ion-content>

frontend/app/src/app/modules/config/config.provider.ts

@@ -15,7 +15,7 @@
 import {Injectable} from '@angular/core';
 import {Client} from '@openstapps/api';
 import {SCAppConfiguration, SCIndexResponse} from '@openstapps/core';
-import packageInfo from '@openstapps/core/package.json';
+import {CORE_VERSION} from '@openstapps/core';
 import {NGXLogger} from 'ngx-logger';
 import {environment} from '../../../environments/environment';
 import {StAppsWebHttpClient} from '../data/stapps-web-http-client.provider';
@@ -55,7 +55,7 @@ export class ConfigProvider {
   /**
    * Version of the @openstapps/core package that app is using
    */
-  scVersion = packageInfo.version;
+  scVersion = CORE_VERSION;
 
   /**
    * First session indicator (config not found in storage)

frontend/app/src/app/modules/dashboard/sections/favorites-section/favorites-section.component.html

@@ -1,32 +1,34 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <stapps-section [title]="'dashboard.favorites.title' | translate">
   <ion-button slot="button-end" fill="clear" color="medium" [routerLink]="['/favorites']">
     <ion-icon slot="icon-only" name="search" [size]="24"></ion-icon>
   </ion-button>
-  <simple-swiper *ngIf="items | async as items; else noItems" @fade>
-    <stapps-data-list-item
-      *ngFor="let item of items"
-      [hideThumbnail]="true"
-      [listItemEndInteraction]="false"
-      [item]="item"
-      appearance="square"
-    ></stapps-data-list-item>
-  </simple-swiper>
-  <ng-template #noItems>
+  @if (items | async; as items) {
+    <simple-swiper @fade>
+      @for (item of items; track item) {
+        <stapps-data-list-item
+          [hideThumbnail]="true"
+          [listItemEndInteraction]="false"
+          [item]="item"
+          appearance="square"
+        ></stapps-data-list-item>
+      }
+    </simple-swiper>
+  } @else {
     <ion-item class="nothing-selected" lines="none">
       <ion-label class="ion-text-wrap">
         {{ 'dashboard.favorites.no_favorite_prefix' | translate }}
@@ -34,5 +36,5 @@
         {{ 'dashboard.favorites.no_favorite_suffix' | translate }}
       </ion-label>
     </ion-item>
-  </ng-template>
+  }
 </stapps-section>

frontend/app/src/app/modules/dashboard/sections/jobs-section/job-section.component.html

@@ -1,43 +1,44 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <stapps-section [title]="'dashboard.jobs.title' | translate">
   <ion-button slot="button-end" fill="clear" color="medium" [routerLink]="['/jobs']">
     <ion-icon slot="icon-only" name="search" [size]="24"></ion-icon>
   </ion-button>
-  <simple-swiper *ngIf="jobs | async as jobs; else noItems" @fade>
-    <stapps-data-list-item
-      *ngFor="let item of jobs"
-      [hideThumbnail]="true"
-      [item]="item"
-      appearance="square"
-    ></stapps-data-list-item>
-    <ion-item [routerLink]="['/jobs']" class="more-jobs" lines="none">
-      <ion-label>{{ 'dashboard.jobs.title' | translate | titlecase }}</ion-label>
-      <ion-icon color="medium" name="read_more" [size]="40"></ion-icon>
-    </ion-item>
-  </simple-swiper>
-  <ng-template #noItems>
+  @if (jobs | async; as jobs) {
+    <simple-swiper @fade>
+      @for (item of jobs; track item) {
+        <stapps-data-list-item
+          [hideThumbnail]="true"
+          [item]="item"
+          appearance="square"
+        ></stapps-data-list-item>
+      }
+      <ion-item [routerLink]="['/jobs']" class="more-jobs" lines="none">
+        <ion-label>{{ 'dashboard.jobs.title' | translate | titlecase }}</ion-label>
+        <ion-icon color="medium" name="read_more" [size]="40"></ion-icon>
+      </ion-item>
+    </simple-swiper>
+  } @else {
     <ion-item class="nothing-selected" lines="none">
       <ion-label class="ion-text-wrap">
         {{ 'dashboard.jobs.noJobs' | translate }}
       </ion-label>
     </ion-item>
-
     <ion-button slot="button-end" fill="clear" color="medium" [routerLink]="['/jobs']">
       <ion-icon slot="icon-only" name="search" [size]="24"></ion-icon>
     </ion-button>
-  </ng-template>
+  }
 </stapps-section>

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section-content.component.html

@@ -1,33 +1,37 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
-<ng-container *ngIf="dishes | async as dishes; else loading">
-  <simple-swiper *ngIf="dishes.length > 0" @fade>
-    <stapps-data-list-item
-      *ngFor="let dish of dishes"
-      [hideThumbnail]="true"
-      [item]="dish"
-      appearance="square"
-    ></stapps-data-list-item>
-  </simple-swiper>
-  <ion-item class="no-dishes" *ngIf="!dishes || dishes.length === 0" lines="none">
-    <ion-label>
-      {{ 'dashboard.canteens.no_dishes_available' | translate }}
-    </ion-label>
-  </ion-item>
-</ng-container>
-<ng-template #loading>
+@if (dishes | async; as dishes) {
+  @if (dishes.length > 0) {
+    <simple-swiper @fade>
+      @for (dish of dishes; track dish) {
+        <stapps-data-list-item
+          [hideThumbnail]="true"
+          [item]="dish"
+          appearance="square"
+        ></stapps-data-list-item>
+      }
+    </simple-swiper>
+  }
+  @if (!dishes || dishes.length === 0) {
+    <ion-item class="no-dishes" lines="none">
+      <ion-label>
+        {{ 'dashboard.canteens.no_dishes_available' | translate }}
+      </ion-label>
+    </ion-item>
+  }
+} @else {
   <div class="placeholder"></div>
-</ng-template>
+}

frontend/app/src/app/modules/dashboard/sections/mensa-section/mensa-section.component.html

@@ -1,21 +1,21 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
-<ng-container *ngIf="items | async as items">
-  <ng-container *ngIf="items.length !== 0; else nothingSelected">
-    <ng-container *ngFor="let item of items">
+@if (items | async; as items) {
+  @if (items.length !== 0) {
+    @for (item of items; track item) {
       <stapps-section @fade [item]="item" [title]="'name' | thingTranslate: item">
         <ion-button slot="button-end" fill="clear" color="medium" (click)="favoritesService.delete(item)">
           <ion-icon slot="icon-only" name="delete" [size]="24"></ion-icon>
@@ -23,9 +23,8 @@
         <stapps-opening-hours slot="subtitle" [openingHours]="$any(item).openingHours"></stapps-opening-hours>
         <stapps-mensa-section-content [item]="item"></stapps-mensa-section-content>
       </stapps-section>
-    </ng-container>
-  </ng-container>
-  <ng-template #nothingSelected>
+    }
+  } @else {
     <stapps-section [title]="'dashboard.canteens.title' | translate">
       <ion-item class="nothing-selected" lines="none">
         <ion-label class="ion-text-wrap">
@@ -35,5 +34,5 @@
         </ion-label>
       </ion-item>
     </stapps-section>
-  </ng-template>
-</ng-container>
+  }
+}

frontend/app/src/app/modules/dashboard/sections/news-section/news-section.component.html

@@ -1,29 +1,33 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <stapps-section [title]="'dashboard.news.title' | translate">
   <ion-button size="small" slot="button-end" fill="clear" color="medium" [routerLink]="['/news']">
     <ion-icon slot="icon-only" name="read_more"></ion-icon>
   </ion-button>
-  <simple-swiper class="news-swiper card-swiper" *ngIf="news | async as news" @fade>
-    <stapps-news-item *ngFor="let newsItem of news" [item]="newsItem"> </stapps-news-item>
-    <ion-item [routerLink]="['/news']" class="more-news" lines="none">
-      <ion-label>{{ 'dashboard.news.moreNews' | translate | titlecase }}</ion-label>
-      <ion-thumbnail class="ion-margin-end">
-        <ion-icon color="medium" name="read_more" [size]="150"></ion-icon>
-      </ion-thumbnail>
-    </ion-item>
-  </simple-swiper>
+  @if (news | async; as news) {
+    <simple-swiper class="news-swiper card-swiper" @fade>
+      @for (newsItem of news; track newsItem) {
+        <stapps-news-item [item]="newsItem"> </stapps-news-item>
+      }
+      <ion-item [routerLink]="['/news']" class="more-news" lines="none">
+        <ion-label>{{ 'dashboard.news.moreNews' | translate | titlecase }}</ion-label>
+        <ion-thumbnail class="ion-margin-end">
+          <ion-icon color="medium" name="read_more" [size]="150"></ion-icon>
+        </ion-thumbnail>
+      </ion-item>
+    </simple-swiper>
+  }
 </stapps-section>

frontend/app/src/app/modules/dashboard/sections/news-section/news-section.component.scss

@@ -63,10 +63,10 @@ simple-swiper {
   .title {
     overflow: hidden;
     display: -webkit-box;
+    -webkit-box-orient: vertical;
 
     white-space: break-spaces;
 
-    -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
   }
 

frontend/app/src/app/modules/dashboard/sections/search-section/search-route-transition.ts

@@ -14,7 +14,7 @@
  */
 
 import {AnimationController} from '@ionic/angular';
-import {AnimationOptions} from '@ionic/angular/providers/nav-controller';
+import {AnimationOptions} from '@ionic/angular/common/providers/nav-controller';
 
 /**
  *

frontend/app/src/app/modules/data/chips/action-chip-list.html

@@ -1,19 +1,25 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
-<stapps-locate-action-chip *ngIf="applicable.locate" [item]="item"></stapps-locate-action-chip>
-<stapps-navigate-action-chip *ngIf="applicable.navigate" [item]="$any(item)"></stapps-navigate-action-chip>
+@if (applicable.locate) {
+  <stapps-locate-action-chip [item]="item"></stapps-locate-action-chip>
+}
+@if (applicable.navigate) {
+  <stapps-navigate-action-chip [item]="$any(item)"></stapps-navigate-action-chip>
+}
 <!-- Add Event Chip needs to load data and should be the last -->
-<stapps-add-event-action-chip *ngIf="applicable.event" [item]="item"></stapps-add-event-action-chip>
+@if (applicable.event) {
+  <stapps-add-event-action-chip [item]="item"></stapps-add-event-action-chip>
+}

frontend/app/src/app/modules/data/chips/data/add-event-action-chip.html

@@ -1,57 +1,57 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <div class="stack-children">
-  <ion-chip
-    *ngIf="associatedDateSeries | async as associatedDateSeries; else loading"
-    @chipTransition
-    [disabled]="disabled"
-    (click)="$event.stopPropagation(); editModal.present()"
-    [color]="color"
-    [outline]="true"
-  >
-    <ion-icon [name]="icon" [fill]="iconFill"></ion-icon>
-    <ion-label>{{ label | translate }}</ion-label>
-    <stapps-edit-modal #editModal (save)="selection.save()">
-      <ng-template>
-        <ion-content parallax [parallaxSize]="160" class="ion-padding modal-content">
-          <stapps-edit-event-selection
-            #selection
-            [items]="associatedDateSeries"
-            (modified)="editModal.pendingChanges = true"
-          ></stapps-edit-event-selection>
-        </ion-content>
-        <ion-footer mode="ios">
-          <ion-toolbar color="light">
-            <ion-button
-              slot="end"
-              fill="clear"
-              (click)="export()"
-              [disabled]="!(selection.selection.indeterminate || selection.selection.checked)"
-            >
-              {{ 'schedule.toCalendar.reviewModal.DOWNLOAD' | translate | titlecase }}
-              <ion-icon slot="end" name="download"></ion-icon>
-            </ion-button>
-          </ion-toolbar>
-        </ion-footer>
-      </ng-template>
-    </stapps-edit-modal>
-  </ion-chip>
-  <ng-template #loading>
+  @if (associatedDateSeries | async; as associatedDateSeries) {
+    <ion-chip
+      @chipTransition
+      [disabled]="disabled"
+      (click)="$event.stopPropagation(); editModal.present()"
+      [color]="color"
+      [outline]="true"
+    >
+      <ion-icon [name]="icon" [fill]="iconFill"></ion-icon>
+      <ion-label>{{ label | translate }}</ion-label>
+      <stapps-edit-modal #editModal (save)="selection.save()">
+        <ng-template>
+          <ion-content parallax [parallaxSize]="160" class="ion-padding modal-content">
+            <stapps-edit-event-selection
+              #selection
+              [items]="associatedDateSeries"
+              (modified)="editModal.pendingChanges = true"
+            ></stapps-edit-event-selection>
+          </ion-content>
+          <ion-footer mode="ios">
+            <ion-toolbar color="light">
+              <ion-button
+                slot="end"
+                fill="clear"
+                (click)="export()"
+                [disabled]="!(selection.selection.indeterminate || selection.selection.checked)"
+              >
+                {{ 'schedule.toCalendar.reviewModal.DOWNLOAD' | translate | titlecase }}
+                <ion-icon slot="end" name="download"></ion-icon>
+              </ion-button>
+            </ion-toolbar>
+          </ion-footer>
+        </ng-template>
+      </stapps-edit-modal>
+    </ion-chip>
+  } @else {
     <ion-chip @chipSkeletonTransition>
       <ion-skeleton-text animated="true"></ion-skeleton-text>
     </ion-chip>
-  </ng-template>
+  }
 </div>

frontend/app/src/app/modules/data/chips/data/add-event-action-chip.scss

@@ -23,8 +23,7 @@
 
 .stack-children {
   display: grid;
-  align-items: start;
-  justify-items: start;
+  place-items: start start;
 }
 
 .stack-children > * {

frontend/app/src/app/modules/data/chips/data/navigate-action-chip.html

@@ -14,5 +14,5 @@
   -->
 <ion-chip [color]="'primary'" [outline]="true" [geoNavigation]="place">
   <ion-icon name="directions"></ion-icon>
-  <ion-label>{{'map.directions.TITLE' | translate}}</ion-label>
+  <ion-label>{{ 'map.directions.TITLE' | translate }}</ion-label>
 </ion-chip>

frontend/app/src/app/modules/data/chips/edit-event-selection.html

@@ -1,17 +1,17 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
 <ion-item class="list-header" lines="none">
   <ion-checkbox
@@ -22,7 +22,7 @@
     <ion-list-header> {{ 'data.chips.add_events.popover.ALL' | translate }} </ion-list-header>
   </ion-checkbox>
 </ion-item>
-<ng-container *ngFor="let frequency of selection.children">
+@for (frequency of selection.children; track frequency) {
   <ion-list inset="true" lines="full">
     <ion-item lines="none" class="list-header">
       <ion-checkbox
@@ -31,48 +31,55 @@
         (ionChange)="modified.emit(); frequency.click()"
       >
         <ion-list-header>
-          {{ frequency.children[0].item.repeatFrequency ? (frequency.children[0].item.repeatFrequency |
-          durationLocalized: true | sentencecase) : ('data.chips.add_events.popover.SINGLE' | translate |
-          titlecase) }}
+          {{
+            frequency.children[0].item.repeatFrequency
+              ? (frequency.children[0].item.repeatFrequency | durationLocalized: true | sentencecase)
+              : ('data.chips.add_events.popover.SINGLE' | translate | titlecase)
+          }}
         </ion-list-header>
       </ion-checkbox>
     </ion-item>
-    <ion-item *ngFor="let date of frequency.children">
-      <ion-checkbox
-        [checked]="date.selected"
-        (ionChange)="modified.emit(); date.selected = !date.selected; frequency.notifyChildChanged()"
-      >
-        <ng-container *ngIf="date.item.dates.length > 1; else single_event">
-          <ion-text>
-            {{ date.item.dates[0] | amDateFormat: 'dddd, LT' }} - {{ date.item.dates[0] | amAdd:
-            date.item.duration | amDateFormat: 'LT' }}
-          </ion-text>
-          <br />
-          <ion-text>
-            {{ date.item.dates[0] | amDateFormat: 'LL' }} - {{ date.item.dates[date.item.dates.length - 1] |
-            amDateFormat: 'LL' }}
-          </ion-text>
-        </ng-container>
-        <ng-template #single_event>
-          <ion-text *ngIf="date.item.dates[0] as time; else noDates">
-            {{ time | amDateFormat: 'LL, LT' }} - {{ time | amAdd: date.item.duration | amDateFormat: 'LT' }}
-          </ion-text>
-          <ng-template #noDates>
-            <ion-text color="danger">{{ 'data.chips.add_events.popover.DATA_ERROR' | translate }}</ion-text>
-            <br />
-            <ion-text *ngFor="let id of date.item.identifiers | keyvalue">
-              {{ id.key }}: {{ id.value }}
+    @for (date of frequency.children; track date) {
+      <ion-item>
+        <ion-checkbox
+          [checked]="date.selected"
+          (ionChange)="modified.emit(); date.selected = !date.selected; frequency.notifyChildChanged()"
+        >
+          @if (date.item.dates.length > 1) {
+            <ion-text>
+              {{ date.item.dates[0] | amDateFormat: 'dddd, LT' }} -
+              {{ date.item.dates[0] | amAdd: date.item.duration | amDateFormat: 'LT' }}
             </ion-text>
-          </ng-template>
-        </ng-template>
-        <ng-container class="ion-align-items-center" *ngIf="date.item.inPlace">
-          <br />
-          <ion-text color="medium" class="place">
-            <ion-icon name="pin_drop"></ion-icon>
-            <span> {{ 'inPlace.name' | thingTranslate: date.item }}</span>
-          </ion-text>
-        </ng-container>
-      </ion-checkbox>
-    </ion-item>
+            <br />
+            <ion-text>
+              {{ date.item.dates[0] | amDateFormat: 'LL' }} -
+              {{ date.item.dates[date.item.dates.length - 1] | amDateFormat: 'LL' }}
+            </ion-text>
+          } @else {
+            @if (date.item.dates[0]; as time) {
+              <ion-text>
+                {{ time | amDateFormat: 'LL, LT' }} -
+                {{ time | amAdd: date.item.duration | amDateFormat: 'LT' }}
+              </ion-text>
+            } @else {
+              <ion-text color="danger">{{ 'data.chips.add_events.popover.DATA_ERROR' | translate }}</ion-text>
+              <br />
+              @for (id of date.item.identifiers | keyvalue; track id) {
+                <ion-text> {{ id.key }}: {{ id.value }} </ion-text>
+              }
+            }
+          }
+          @if (date.item.inPlace) {
+            <ng-container class="ion-align-items-center">
+              <br />
+              <ion-text color="medium" class="place">
+                <ion-icon name="pin_drop"></ion-icon>
+                <span> {{ 'inPlace.name' | thingTranslate: date.item }}</span>
+              </ion-text>
+            </ng-container>
+          }
+        </ion-checkbox>
+      </ion-item>
+    }
   </ion-list>
-</ng-container>
+}

frontend/app/src/app/modules/data/chips/filter/chip-filter.component.html

@@ -1,19 +1,23 @@
 <!--
-  ~ Copyright (C) 2022 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2022 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
-<ion-chip *ngIf="displayValue" [class.active]="active" (click)="emitToggle(value)">
-  <ion-icon class="ion-color" name="check_circle" [fill]="true" *ngIf="active"></ion-icon>
-  <ion-label>{{ displayValue }}</ion-label>
-</ion-chip>
+@if (displayValue) {
+  <ion-chip [class.active]="active" (click)="emitToggle(value)">
+    @if (active) {
+      <ion-icon class="ion-color" name="check_circle" [fill]="true"></ion-icon>
+    }
+    <ion-label>{{ displayValue }}</ion-label>
+  </ion-chip>
+}

frontend/app/src/app/modules/data/detail/data-detail-content.html

@@ -1,105 +1,112 @@
 <!--
-  ~ Copyright (C) 2023 StApps
-  ~ This program is free software: you can redistribute it and/or modify it
-  ~ under the terms of the GNU General Public License as published by the Free
-  ~ Software Foundation, version 3.
-  ~
-  ~ This program is distributed in the hope that it will be useful, but WITHOUT
-  ~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
-  ~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
-  ~ more details.
-  ~
-  ~ You should have received a copy of the GNU General Public License along with
-  ~ this program. If not, see <https://www.gnu.org/licenses/>.
-  -->
+~ Copyright (C) 2023 StApps
+~ This program is free software: you can redistribute it and/or modify it
+~ under the terms of the GNU General Public License as published by the Free
+~ Software Foundation, version 3.
+~
+~ This program is distributed in the hope that it will be useful, but WITHOUT
+~ ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+~ FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+~ more details.
+~
+~ You should have received a copy of the GNU General Public License along with
+~ this program. If not, see <https://www.gnu.org/licenses/>.
+-->
 
-<ion-header *ngIf="showModalHeader" translucent>
-  <ion-toolbar color="primary" mode="ios">
-    <ion-title>{{ 'name' | thingTranslate : item }}</ion-title>
-    <ion-buttons slot="end">
-      <ion-button (click)="modalController.dismiss()">{{ 'app.ui.CLOSE' | translate }}</ion-button>
-    </ion-buttons>
-  </ion-toolbar>
-</ion-header>
-
-<stapps-title-card *ngIf="!showModalHeader" [item]="item"> </stapps-title-card>
+@if (showModalHeader) {
+  <ion-header translucent>
+    <ion-toolbar color="primary" mode="ios">
+      <ion-title>{{ 'name' | thingTranslate: item }}</ion-title>
+      <ion-buttons slot="end">
+        <ion-button (click)="modalController.dismiss()">{{ 'app.ui.CLOSE' | translate }}</ion-button>
+      </ion-buttons>
+    </ion-toolbar>
+  </ion-header>
+}
+@if (!showModalHeader) {
+  <stapps-title-card [item]="item"> </stapps-title-card>
+}
 <ng-container *ngTemplateOutlet="contentTemplateRef || defaultContent; context: {$implicit: item}">
 </ng-container>
 <stapps-origin-detail [origin]="item.origin"></stapps-origin-detail>
 
 <ng-template #defaultContent>
-  <div [ngSwitch]="item.type" class="content-switch">
-    <stapps-article-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'article'"
-    ></stapps-article-detail-content>
-    <stapps-catalog-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'catalog'"
-    ></stapps-catalog-detail-content>
-    <stapps-date-series-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'date series'"
-    ></stapps-date-series-detail-content>
-    <stapps-dish-detail-content [item]="$any(item)" *ngSwitchCase="'dish'"></stapps-dish-detail-content>
-    <stapps-event-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'academic event'"
-    ></stapps-event-detail-content>
-    <stapps-event-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'sport course'"
-    ></stapps-event-detail-content>
-    <stapps-favorite-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'favorite'"
-    ></stapps-favorite-detail-content>
-    <stapps-message-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'message'"
-    ></stapps-message-detail-content>
-    <stapps-job-posting-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'job posting'"
-    ></stapps-job-posting-detail-content>
-    <stapps-person-detail-content [item]="$any(item)" *ngSwitchCase="'person'"></stapps-person-detail-content>
-    <stapps-place-detail-content [item]="$any(item)" *ngSwitchCase="'building'"></stapps-place-detail-content>
-    <stapps-place-detail-content [item]="$any(item)" *ngSwitchCase="'floor'"></stapps-place-detail-content>
-    <stapps-place-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'point of interest'"
-    ></stapps-place-detail-content>
-    <stapps-place-detail-content
-      [item]="$any(item)"
-      [openAsModal]="openAsModal"
-      *ngSwitchCase="'room'"
-    ></stapps-place-detail-content>
-    <stapps-semester-detail-content
-      [item]="$any(item)"
-      *ngSwitchCase="'semester'"
-    ></stapps-semester-detail-content>
-    <stapps-video-detail-content [item]="$any(item)" *ngSwitchCase="'video'"></stapps-video-detail-content>
-    <ng-container *ngSwitchDefault>
-      <ion-item class="ion-text-wrap" lines="inset">
-        <ion-thumbnail slot="start" class="ion-margin-end">
-          <ion-icon [name]="item.type | dataIcon"></ion-icon>
-        </ion-thumbnail>
-        <ion-grid>
-          <ion-row>
-            <ion-col>
-              <div class="ion-text-wrap">
-                <h2 class="name">{{ item.name }}</h2>
-                <ion-note>{{ item.type }}</ion-note>
-              </div>
-            </ion-col>
-          </ion-row>
-        </ion-grid>
-      </ion-item>
-      <stapps-simple-card
-        *ngIf="item.description"
-        [title]="$any('description' | propertyNameTranslate : item) | titlecase"
-        [content]="'description' | thingTranslate : item"
-      ></stapps-simple-card>
-    </ng-container>
+  <div class="content-switch">
+    @switch (item.type) {
+      @case ('article') {
+        <stapps-article-detail-content [item]="$any(item)"></stapps-article-detail-content>
+      }
+      @case ('catalog') {
+        <stapps-catalog-detail-content [item]="$any(item)"></stapps-catalog-detail-content>
+      }
+      @case ('date series') {
+        <stapps-date-series-detail-content [item]="$any(item)"></stapps-date-series-detail-content>
+      }
+      @case ('dish') {
+        <stapps-dish-detail-content [item]="$any(item)"></stapps-dish-detail-content>
+      }
+      @case ('academic event') {
+        <stapps-event-detail-content [item]="$any(item)"></stapps-event-detail-content>
+      }
+      @case ('sport course') {
+        <stapps-event-detail-content [item]="$any(item)"></stapps-event-detail-content>
+      }
+      @case ('favorite') {
+        <stapps-favorite-detail-content [item]="$any(item)"></stapps-favorite-detail-content>
+      }
+      @case ('message') {
+        <stapps-message-detail-content [item]="$any(item)"></stapps-message-detail-content>
+      }
+      @case ('job posting') {
+        <stapps-job-posting-detail-content [item]="$any(item)"></stapps-job-posting-detail-content>
+      }
+      @case ('person') {
+        <stapps-person-detail-content [item]="$any(item)"></stapps-person-detail-content>
+      }
+      @case ('building') {
+        <stapps-place-detail-content [item]="$any(item)"></stapps-place-detail-content>
+      }
+      @case ('floor') {
+        <stapps-place-detail-content [item]="$any(item)"></stapps-place-detail-content>
+      }
+      @case ('point of interest') {
+        <stapps-place-detail-content [item]="$any(item)"></stapps-place-detail-content>
+      }
+      @case ('room') {
+        <stapps-place-detail-content
+          [item]="$any(item)"
+          [openAsModal]="openAsModal"
+        ></stapps-place-detail-content>
+      }
+      @case ('semester') {
+        <stapps-semester-detail-content [item]="$any(item)"></stapps-semester-detail-content>
+      }
+      @case ('video') {
+        <stapps-video-detail-content [item]="$any(item)"></stapps-video-detail-content>
+      }
+      @default {
+        <ion-item class="ion-text-wrap" lines="inset">
+          <ion-thumbnail slot="start" class="ion-margin-end">
+            <ion-icon [name]="item.type | dataIcon"></ion-icon>
+          </ion-thumbnail>
+          <ion-grid>
+            <ion-row>
+              <ion-col>
+                <div class="ion-text-wrap">
+                  <h2 class="name">{{ item.name }}</h2>
+                  <ion-note>{{ item.type }}</ion-note>
+                </div>
+              </ion-col>
+            </ion-row>
+          </ion-grid>
+        </ion-item>
+        @if (item.description) {
+          <stapps-simple-card
+            [title]="$any('description' | propertyNameTranslate: item) | titlecase"
+            [content]="'description' | thingTranslate: item"
+          ></stapps-simple-card>
+        }
+      }
+    }
   </div>
 </ng-template>

frontend/app/src/app/modules/data/detail/data-detail-content.scss

@@ -41,8 +41,7 @@ stapps-origin-detail {
 
     width: 100%;
     height: fit-content;
-    margin-block-start: calc((var(--header-spacing-bottom) - var(--spacing-xl)) * -1);
-    margin-block-end: var(--spacing-xl);
+    margin-block: calc((var(--header-spacing-bottom) - var(--spacing-xl)) * -1) var(--spacing-xl);
 
     background-color: var(--ion-card-background);