4565: Applied prettier styles to assets. Added changelog. Removed tests

Author: tuj

CHANGELOG.md

@@ -7,6 +7,7 @@ All notable changes to this project will be documented in this file.
 * Gathered all repositories in one Symfony application.
 * Changed to vite 7 and rolldown.
 * Added ADRs 008 and 009.
+* Cleaned up Github Actions workflows.
 
 ### NB! Prior to 3.x the project was split into separate repositories
 

assets/admin/components/slide/content/poster/poster-helper.js

@@ -11,7 +11,7 @@ const formatDate = (date, format) => {
   return capitalize(
     dayjs(date)
       .locale(localeDa)
-      .format(format ?? "LLLL")
+      .format(format ?? "LLLL"),
   );
 };
 
@@ -66,7 +66,7 @@ const loadDropdownOptionsPromise = (url, headers, inputValue, type) => {
 const getHeaders = () => {
   const apiToken = localStorage.getItem(localStorageKeys.API_TOKEN);
   const tenantKey = JSON.parse(
-    localStorage.getItem(localStorageKeys.SELECTED_TENANT)
+    localStorage.getItem(localStorageKeys.SELECTED_TENANT),
   );
 
   const headers = {

assets/admin/components/util/schedule/schedule-util.js

@@ -69,8 +69,8 @@ const createNewSchedule = () => {
         now.getMonth(),
         now.getDate(),
         now.getHours(),
-        now.getMinutes()
-      )
+        now.getMinutes(),
+      ),
     ),
     until: null,
     wkst: RRule.MO,

assets/admin/redux/dynamic-base-query.js

@@ -2,7 +2,7 @@ import { fetchBaseQuery } from "@reduxjs/toolkit/query/react";
 import localStorageKeys from "../components/util/local-storage-keys";
 
 const extendedBaseQuery = async (args, api, extraOptions) => {
-  const baseUrl = '/';
+  const baseUrl = "/";
 
   const newArgs = { ...args };
 
@@ -28,7 +28,7 @@ const extendedBaseQuery = async (args, api, extraOptions) => {
     if (newArgs.params["screenUser.latestRequest"]) {
       const key = Object.keys(newArgs.params["screenUser.latestRequest"])[0];
       const value = Object.values(
-        newArgs.params["screenUser.latestRequest"]
+        newArgs.params["screenUser.latestRequest"],
       )[0];
       newArgs.params[`screenUser.latestRequest[${key}]`] = `${value}`;
     }
@@ -65,7 +65,7 @@ const extendedBaseQuery = async (args, api, extraOptions) => {
 
   // Attach tenant key .
   const tenantKey = JSON.parse(
-    localStorage.getItem(localStorageKeys.SELECTED_TENANT)
+    localStorage.getItem(localStorageKeys.SELECTED_TENANT),
   );
 
   if (tenantKey) {
@@ -75,7 +75,7 @@ const extendedBaseQuery = async (args, api, extraOptions) => {
   const baseResult = await fetchBaseQuery({ baseUrl })(
     newArgs,
     api,
-    extraOptions
+    extraOptions,
   );
 
   // Handle authentication errors. Emit that the user should reauthenticate.

assets/client/app.js

@@ -1,3 +1,3 @@
 import "./app.css";
 
-console.log('Hello client');
+console.log("Hello client");

assets/client/data-sync/api-helper.js

@@ -1,8 +1,8 @@
-import logger from '../logger/logger';
-import appStorage from '../util/app-storage';
+import logger from "../logger/logger";
+import appStorage from "../util/app-storage";
 
 class ApiHelper {
-  endpoint = '';
+  endpoint = "";
 
   /**
    * Constructor.
@@ -21,44 +21,44 @@ class ApiHelper {
    */
   async getPath(path) {
     if (!path) {
-      throw new Error('No path');
+      throw new Error("No path");
     }
 
     let response;
 
     try {
       const url = new URL(window.location.href);
-      const previewToken = url.searchParams.get('preview-token');
-      const previewTenant = url.searchParams.get('preview-tenant');
+      const previewToken = url.searchParams.get("preview-token");
+      const previewTenant = url.searchParams.get("preview-tenant");
 
-      logger.log('info', `Fetching: ${this.endpoint + path}`);
+      logger.log("info", `Fetching: ${this.endpoint + path}`);
 
       const token = appStorage.getToken();
       const tenantKey = appStorage.getTenantKey();
 
       if ((!token || !tenantKey) && (!previewToken || !previewTenant)) {
-        logger.error('Token or tenantKey not set.');
+        logger.error("Token or tenantKey not set.");
 
         return null;
       }
 
       response = await fetch(this.endpoint + path, {
         headers: {
           authorization: `Bearer ${previewToken ?? token}`,
-          'Authorization-Tenant-Key': previewTenant ?? tenantKey,
+          "Authorization-Tenant-Key": previewTenant ?? tenantKey,
         },
       });
 
       if (response.ok === false) {
         // TODO: Change to a better strategy for triggering reauthenticate.
         if (response.status === 401) {
-          document.dispatchEvent(new Event('reauthenticate'));
+          document.dispatchEvent(new Event("reauthenticate"));
         }
 
         logger.error(
           `Failed to fetch (status: ${response.status}): ${
             this.endpoint + path
-          }`
+          }`,
         );
 
         return null;
@@ -89,8 +89,8 @@ class ApiHelper {
       try {
         // eslint-disable-next-line no-await-in-loop
         const responseData = await this.getPath(nextPath);
-        results = results.concat(responseData['hydra:member']);
-        if (results.length < responseData['hydra:totalItems']) {
+        results = results.concat(responseData["hydra:member"]);
+        if (results.length < responseData["hydra:totalItems"]) {
           page += 1;
           continueLoop = true;
           nextPath = `${path}?page=${page}`;

assets/client/data-sync/data-sync.js

@@ -1,4 +1,4 @@
-import PullStrategy from './pull-strategy';
+import PullStrategy from "./pull-strategy";
 
 /**
  * DataSync.

assets/client/data-sync/pull-strategy.js

@@ -1,7 +1,7 @@
-import cloneDeep from 'lodash.clonedeep';
-import isPublished from '../util/isPublished';
-import logger from '../logger/logger';
-import ApiHelper from './api-helper';
+import cloneDeep from "lodash.clonedeep";
+import isPublished from "../util/isPublished";
+import logger from "../logger/logger";
+import ApiHelper from "./api-helper";
 
 /**
  * PullStrategy.
@@ -18,7 +18,7 @@ class PullStrategy {
   interval;
 
   // Path to screen that should be loaded data for.
-  entryPoint = '';
+  entryPoint = "";
 
   /**
    * Constructor.
@@ -34,7 +34,7 @@ class PullStrategy {
     this.interval = config?.interval ?? 60000 * 5;
     this.entryPoint = config.entryPoint;
 
-    this.apiHelper = new ApiHelper(config.endpoint ?? '');
+    this.apiHelper = new ApiHelper(config.endpoint ?? "");
   }
 
   /**
@@ -49,16 +49,16 @@ class PullStrategy {
     try {
       const response = await this.apiHelper.getPath(screen.inScreenGroups);
 
-      if (Object.prototype.hasOwnProperty.call(response, 'hydra:member')) {
+      if (Object.prototype.hasOwnProperty.call(response, "hydra:member")) {
         const promises = [];
 
-        response['hydra:member'].forEach((group) => {
+        response["hydra:member"].forEach((group) => {
           promises.push(this.apiHelper.getAllResultsFromPath(group.campaigns));
         });
 
         await Promise.allSettled(promises).then((results) => {
           results.forEach((result) => {
-            if (result.status === 'fulfilled') {
+            if (result.status === "fulfilled") {
               result.value.results.forEach(({ campaign }) => {
                 screenGroupCampaigns.push(campaign);
               });
@@ -74,11 +74,11 @@ class PullStrategy {
 
     try {
       const screenCampaignsResponse = await this.apiHelper.getPath(
-        screen.campaigns
+        screen.campaigns,
       );
 
-      screenCampaigns = screenCampaignsResponse['hydra:member'].map(
-        ({ campaign }) => campaign
+      screenCampaigns = screenCampaignsResponse["hydra:member"].map(
+        ({ campaign }) => campaign,
       );
     } catch (err) {
       logger.error(err);
@@ -109,13 +109,13 @@ class PullStrategy {
       Promise.allSettled(promises)
         .then((results) => {
           results.forEach((result) => {
-            if (result.status === 'fulfilled') {
+            if (result.status === "fulfilled") {
               const members = result?.value?.results ?? [];
               const matches = result?.value?.path?.match(reg) ?? [];
 
               if (matches?.groups?.regionId) {
                 regionData[matches.groups.regionId] = members.map(
-                  ({ playlist }) => playlist
+                  ({ playlist }) => playlist,
                 );
               }
             }
@@ -150,8 +150,8 @@ class PullStrategy {
               {
                 regionKey,
                 playlistKey,
-              }
-            )
+              },
+            ),
           );
         }
       }
@@ -160,13 +160,13 @@ class PullStrategy {
         .then((results) => {
           results.forEach((result) => {
             if (
-              result.status === 'fulfilled' &&
-              Object.prototype.hasOwnProperty.call(result.value, 'keys')
+              result.status === "fulfilled" &&
+              Object.prototype.hasOwnProperty.call(result.value, "keys")
             ) {
               regionData[result.value.keys.regionKey][
                 result.value.keys.playlistKey
               ].slidesData = result.value.results.map(
-                (playlistSlide) => playlistSlide.slide
+                (playlistSlide) => playlistSlide.slide,
               );
             }
           });
@@ -189,7 +189,7 @@ class PullStrategy {
       screen = await this.apiHelper.getPath(screenPath);
     } catch (err) {
       logger.warn(
-        `Screen (${screenPath}) not loaded. Aborting content update.`
+        `Screen (${screenPath}) not loaded. Aborting content update.`,
       );
 
       return;
@@ -233,7 +233,7 @@ class PullStrategy {
       logger.info(`Has active campaign.`);
 
       // Create ulid to connect the campaign with the regions/playlists.
-      const campaignRegionId = '01G112XBWFPY029RYFB8X2H4KD';
+      const campaignRegionId = "01G112XBWFPY029RYFB8X2H4KD";
 
       // Campaigns are always in full screen layout, for simplicity.
       newScreen.layoutData = {
@@ -243,8 +243,8 @@ class PullStrategy {
         },
         regions: [
           {
-            '@id': `/v2/layouts/regions/${campaignRegionId}`,
-            gridArea: ['a'],
+            "@id": `/v2/layouts/regions/${campaignRegionId}`,
+            gridArea: ["a"],
           },
         ],
       };
@@ -255,7 +255,7 @@ class PullStrategy {
         `/v2/screens/01FV9K4K0Y0X0K1J88SQ6B64VT/regions/${campaignRegionId}/playlists`,
       ];
       newScreen.regionData = await this.getSlidesForRegions(
-        newScreen.regionData
+        newScreen.regionData,
       );
     } else {
       logger.info(`Has no active campaign.`);
@@ -317,7 +317,7 @@ class PullStrategy {
           ) {
             previousSlide = cloneDeep(
               this.lastestScreenData.regionData[regionKey][playlistKey]
-                .slidesData[slideKey]
+                .slidesData[slideKey],
             );
           } else {
             previousSlide = {};
@@ -331,13 +331,13 @@ class PullStrategy {
             oldSlideChecksums === null ||
             newSlideChecksums.templateInfo !== oldSlideChecksums.templateInfo
           ) {
-            const templatePath = slide.templateInfo['@id'];
+            const templatePath = slide.templateInfo["@id"];
 
             // Load template into slide.templateData.
             if (
               Object.prototype.hasOwnProperty.call(
                 fetchedTemplates,
-                templatePath
+                templatePath,
               )
             ) {
               slide.templateData = fetchedTemplates[templatePath];
@@ -356,7 +356,7 @@ class PullStrategy {
           // A slide cannot work without templateData. Mark as invalid.
           if (slide.templateData === null) {
             logger.warn(
-              `Template (${slide.templateInfo['@id']}) not loaded, slideId: ${slide['@id']}`
+              `Template (${slide.templateInfo["@id"]}) not loaded, slideId: ${slide["@id"]}`,
             );
             slide.invalid = true;
           }
@@ -400,7 +400,7 @@ class PullStrategy {
     this.lastestScreenData = newScreen;
 
     // Deliver result to rendering
-    const event = new CustomEvent('content', {
+    const event = new CustomEvent("content", {
       detail: {
         screen: newScreen,
       },
@@ -414,7 +414,7 @@ class PullStrategy {
 
   async getTemplateData(slide) {
     return new Promise((resolve) => {
-      const templatePath = slide.templateInfo['@id'];
+      const templatePath = slide.templateInfo["@id"];
 
       this.apiHelper.getPath(templatePath).then((data) => {
         resolve(data);
@@ -454,7 +454,7 @@ class PullStrategy {
       // Start interval for pull periodically.
       this.activeInterval = setInterval(
         () => this.getScreen(this.entryPoint),
-        this.interval
+        this.interval,
       );
     });
   }

assets/client/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './app';
+import React from "react";
+import { createRoot } from "react-dom/client";
+import App from "./app";
 
 const url = new URL(window.location.href);
-const preview = url.searchParams.get('preview');
-const previewId = url.searchParams.get('preview-id');
+const preview = url.searchParams.get("preview");
+const previewId = url.searchParams.get("preview-id");
 
-const container = document.getElementById('root');
+const container = document.getElementById("root");
 const root = createRoot(container);
 
 root.render(<App preview={preview} previewId={previewId} />);

assets/client/logger/logger.js

@@ -1,4 +1,4 @@
-import pino from 'pino';
+import pino from "pino";
 
 const logger = pino();