Update asset line-width to 100 instead of 80

Signed-off-by: Daniel Metzner <[email protected]> Signed-off-by: Daniel Metzner <[email protected]>
Catrobat · Aug 30, 2024 · 6585c23 · 6585c23
1 parent 95c5192
commit 6585c23
Show file tree

Hide file tree

Showing 53 changed files with 605 additions and 1,358 deletions.
diff --git a/.eslintrc.yaml b/.eslintrc.yaml
@@ -10,10 +10,4 @@ globals:
   SharedArrayBuffer: readonly
 parserOptions:
   ecmaVersion: 2020
-rules:
-  {
-    'no-new': 0,
-    'comma-dangle': 0,
-    'space-before-function-paren': 0,
-    'indent': 0,
-  }
+rules: { 'no-new': 0, 'comma-dangle': 0, 'space-before-function-paren': 0, 'indent': 0 }
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -1,4 +1,5 @@
 {
   "singleQuote": true,
-  "semi": false
+  "semi": false,
+  "printWidth": 100
 }
diff --git a/assets/Admin/PieChart.js b/assets/Admin/PieChart.js
@@ -19,9 +19,7 @@ export class PieChart {
 
   add(elementId, dataArray, title) {
     if (!this.isLoaded) {
-      console.warn(
-        'Google Charts is not loaded yet, queuing the chart rendering.',
-      )
+      console.warn('Google Charts is not loaded yet, queuing the chart rendering.')
       this.queue.push({ elementId, dataArray, title }) // Queue the request
       return
     }
@@ -31,18 +29,14 @@ export class PieChart {
 
   drawChart(elementId, dataArray, title) {
     // eslint-disable-next-line new-cap
-    const dataSpace = new GoogleCharts.api.visualization.arrayToDataTable(
-      dataArray,
-    )
+    const dataSpace = new GoogleCharts.api.visualization.arrayToDataTable(dataArray)
     const optionsSpace = {
       title,
       is3D: true,
     }
 
     // eslint-disable-next-line new-cap
-    const chart = new GoogleCharts.api.visualization.PieChart(
-      document.getElementById(elementId),
-    )
+    const chart = new GoogleCharts.api.visualization.PieChart(document.getElementById(elementId))
     chart.draw(dataSpace, optionsSpace)
   }
 }
diff --git a/assets/Admin/SystemManagement/Maintain.js b/assets/Admin/SystemManagement/Maintain.js
@@ -6,9 +6,5 @@ import './Maintain.scss'
 import { PieChart } from '../PieChart'
 
 const pieChart = new PieChart()
-pieChart.add(
-  'piechart_3d',
-  data_space_values,
-  'Disk Space (' + wholeSpace + ')',
-)
+pieChart.add('piechart_3d', data_space_values, 'Disk Space (' + wholeSpace + ')')
 pieChart.add('piechart_3d_mem', data_mem_values, 'RAM (' + wholeRam + ')')
diff --git a/assets/Api/ApiHelper.js b/assets/Api/ApiHelper.js
@@ -49,8 +49,7 @@ export class ApiFetch {
     if (response.ok) {
       return Promise.resolve(data)
     } else {
-      const errorMessage =
-        'ERROR ' + response.status + ': ' + JSON.stringify(data)
+      const errorMessage = 'ERROR ' + response.status + ': ' + JSON.stringify(data)
       return Promise.reject(new Error(errorMessage))
     }
   }
@@ -69,14 +68,10 @@ export class ApiPutFetch {
     this.url = url
     this.data = data
     this.componentName = componentName
-    if (
-      typeof unspecifiedErrorText === 'string' &&
-      unspecifiedErrorText.length > 0
-    ) {
+    if (typeof unspecifiedErrorText === 'string' && unspecifiedErrorText.length > 0) {
       this.unspecifiedErrorText = unspecifiedErrorText
     } else {
-      this.unspecifiedErrorText =
-        globalConfiguration.messages.unspecifiedErrorText
+      this.unspecifiedErrorText = globalConfiguration.messages.unspecifiedErrorText
     }
     this.successCallback = successCallback
     this.otherErrorMessages = otherErrorMessages
@@ -95,13 +90,8 @@ export class ApiPutFetch {
             break
           case 401:
             // Invalid credentials
-            console.error(
-              this.componentName + ' ERROR 401: Invalid credentials',
-              response,
-            )
-            MessageDialogs.showErrorMessage(
-              globalConfiguration.messages.authenticationErrorText,
-            )
+            console.error(this.componentName + ' ERROR 401: Invalid credentials', response)
+            MessageDialogs.showErrorMessage(globalConfiguration.messages.authenticationErrorText)
             break
           case 422:
             response.json().then((errors) => {
@@ -110,16 +100,8 @@ export class ApiPutFetch {
             })
             break
           default:
-            console.error(
-              this.componentName + ' ERROR ' + response.status,
-              response,
-            )
-            if (
-              Object.prototype.hasOwnProperty.call(
-                this.otherErrorMessages,
-                response.status,
-              )
-            ) {
+            console.error(this.componentName + ' ERROR ' + response.status, response)
+            if (Object.prototype.hasOwnProperty.call(this.otherErrorMessages, response.status)) {
               const errorHandler = this.otherErrorMessages[response.status]
               if (typeof errorHandler === 'function') {
                 errorHandler(response)
@@ -154,14 +136,10 @@ export class ApiDeleteFetch {
   ) {
     this.url = url
     this.componentName = componentName
-    if (
-      typeof unspecifiedErrorText === 'string' &&
-      unspecifiedErrorText.length > 0
-    ) {
+    if (typeof unspecifiedErrorText === 'string' && unspecifiedErrorText.length > 0) {
       this.unspecifiedErrorText = unspecifiedErrorText
     } else {
-      this.unspecifiedErrorText =
-        globalConfiguration.messages.unspecifiedErrorText
+      this.unspecifiedErrorText = globalConfiguration.messages.unspecifiedErrorText
     }
     this.successCallback = successCallback
     this.otherErrorMessages = otherErrorMessages
@@ -180,25 +158,12 @@ export class ApiDeleteFetch {
             break
           case 401:
             // Invalid credentials
-            console.error(
-              this.componentName + ' ERROR 401: Invalid credentials',
-              response,
-            )
-            MessageDialogs.showErrorMessage(
-              globalConfiguration.messages.authenticationErrorText,
-            )
+            console.error(this.componentName + ' ERROR 401: Invalid credentials', response)
+            MessageDialogs.showErrorMessage(globalConfiguration.messages.authenticationErrorText)
             break
           default:
-            console.error(
-              this.componentName + ' ERROR ' + response.status,
-              response,
-            )
-            if (
-              Object.prototype.hasOwnProperty.call(
-                this.otherErrorMessages,
-                response.status,
-              )
-            ) {
+            console.error(this.componentName + ' ERROR ' + response.status, response)
+            if (Object.prototype.hasOwnProperty.call(this.otherErrorMessages, response.status)) {
               const errorHandler = this.otherErrorMessages[response.status]
               if (typeof errorHandler === 'function') {
                 errorHandler(response)

diff --git a/assets/Api/CustomTranslationApi.js b/assets/Api/CustomTranslationApi.js
@@ -1,15 +1,9 @@
 export class CustomTranslationApi {
   constructor(programSection) {
-    this.programSection =
-      programSection === 'credits' ? 'credit' : programSection
+    this.programSection = programSection === 'credits' ? 'credit' : programSection
   }
 
-  async getCustomTranslation(
-    programId,
-    language,
-    successCallback,
-    errorCallback = () => {},
-  ) {
+  async getCustomTranslation(programId, language, successCallback, errorCallback = () => {}) {
     try {
       const response = await fetch(
         `../translate/custom/project/${programId}?field=${this.programSection}&language=${language}`,
@@ -51,13 +45,7 @@ export class CustomTranslationApi {
     })
   }
 
-  saveCustomTranslation(
-    programId,
-    text,
-    language,
-    successCallback,
-    errorCallback,
-  ) {
+  saveCustomTranslation(programId, text, language, successCallback, errorCallback) {
     const self = this
     return new Promise((resolve, reject) => {
       fetch(
@@ -82,12 +70,9 @@ export class CustomTranslationApi {
 
   async getCustomTranslationLanguages(programId) {
     try {
-      const response = await fetch(
-        `../translate/custom/project/${programId}/list`,
-        {
-          method: 'GET',
-        },
-      )
+      const response = await fetch(`../translate/custom/project/${programId}/list`, {
+        method: 'GET',
+      })
 
       if (!response.ok) {
         throw new Error(`Error: ${response.status}`)

diff --git a/assets/Api/ProjectApi.js b/assets/Api/ProjectApi.js
@@ -26,9 +26,7 @@ export default class ProjectApi {
               MessageDialogs.showErrorMessage(data.error)
             })
             .catch(function () {
-              MessageDialogs.showErrorMessage(
-                globalConfiguration.messages.unspecifiedErrorText,
-              )
+              MessageDialogs.showErrorMessage(globalConfiguration.messages.unspecifiedErrorText)
             })
         },
       },

diff --git a/assets/Components/MessageDialogs.js b/assets/Components/MessageDialogs.js
@@ -24,8 +24,7 @@ export default class MessageDialogs {
 
     return Swal.fire({
       title: globalConfiguration.messages.errorTitle,
-      html:
-        '<ul class="text-start"><li>' + errors.join('</li><li>') + '</li></ul>',
+      html: '<ul class="text-start"><li>' + errors.join('</li><li>') + '</li></ul>',
       icon: 'error',
       customClass: {
         confirmButton: 'btn btn-primary',

diff --git a/assets/Components/TextFillDefault.js b/assets/Components/TextFillDefault.js
@@ -2,9 +2,7 @@ import TextFill from 'textfilljs'
 
 export default function (container) {
   const containerElem =
-    typeof container === 'string'
-      ? document.querySelector(container)
-      : container
+    typeof container === 'string' ? document.querySelector(container) : container
 
   if (!containerElem) {
     console.error('Container element not found.')

diff --git a/assets/Index/MaintenanceHandler.js b/assets/Index/MaintenanceHandler.js
@@ -8,9 +8,7 @@ export class MaintenanceHandler {
   initCloseButtons() {
     const closeButtons = document.querySelectorAll('.close-button')
     closeButtons.forEach((closeButton) => {
-      closeButton.addEventListener('click', () =>
-        this.handleCloseButtonClick(closeButton),
-      )
+      closeButton.addEventListener('click', () => this.handleCloseButtonClick(closeButton))
     })
   }
 
@@ -47,23 +45,17 @@ export class MaintenanceHandler {
   initExpandButtons() {
     const expandButtons = document.querySelectorAll('.expand-button')
     expandButtons.forEach((expandButton) => {
-      expandButton.addEventListener('click', () =>
-        this.handleExpandButtonClick(expandButton),
-      )
+      expandButton.addEventListener('click', () => this.handleExpandButtonClick(expandButton))
     })
   }
 
   // Handle expand button click event
   handleExpandButtonClick(expandButton) {
     const dataId = expandButton.getAttribute('data-id')
-    const additionalInfoSection = document.getElementById(
-      `additional-info-${dataId}`,
-    )
+    const additionalInfoSection = document.getElementById(`additional-info-${dataId}`)
     if (additionalInfoSection) {
       const isCurrentlyVisible = additionalInfoSection.style.display === 'block'
-      additionalInfoSection.style.display = isCurrentlyVisible
-        ? 'none'
-        : 'block'
+      additionalInfoSection.style.display = isCurrentlyVisible ? 'none' : 'block'
       expandButton.classList.toggle('expanded')
     }
   }

diff --git a/assets/Layout/Base.js b/assets/Layout/Base.js
@@ -33,8 +33,7 @@ if (bugsnagApiKey) {
   BugsnagPerformance.start({ apiKey: bugsnagApiKey, appVersion })
 }
 
-const gtmContainerId =
-  document.getElementById('gtm-container-id').dataset.gtmContainerId
+const gtmContainerId = document.getElementById('gtm-container-id').dataset.gtmContainerId
 if (gtmContainerId) {
   const analytics = Analytics({
     app: 'share.catrob.at',
@@ -60,8 +59,7 @@ document.addEventListener('DOMContentLoaded', () => {
 })
 
 function showFlashSnackbar() {
-  const snackbarFlashMessages =
-    document.getElementsByClassName('js-flash-snackbar')
+  const snackbarFlashMessages = document.getElementsByClassName('js-flash-snackbar')
   Array.from(snackbarFlashMessages).forEach((jsMsgObj) => {
     showSnackbar('#share-snackbar', jsMsgObj.dataset.msg)
   })
@@ -70,11 +68,9 @@ function showFlashSnackbar() {
 function fitHeadingFontSizeToAvailableWidth() {
   // Adjust heading font size or break word
   ;['h1', '.h1', 'h2', '.h2', 'h3', '.h3'].forEach(function (element) {
-    document
-      .querySelectorAll(element + ':not(.no-textfill)')
-      .forEach(function (el) {
-        textFillDefault(el)
-      })
+    document.querySelectorAll(element + ':not(.no-textfill)').forEach(function (el) {
+      textFillDefault(el)
+    })
   })
 }
 

diff --git a/assets/Layout/Sidebar.js b/assets/Layout/Sidebar.js
@@ -5,9 +5,7 @@ import './Sidebar.scss'
 const sidebar = document.getElementById('sidebar')
 const sidebarJs = document.querySelector('.js-sidebar')
 
-const sidebarToggleBtn = document.getElementById(
-  'top-app-bar__btn-sidebar-toggle',
-)
+const sidebarToggleBtn = document.getElementById('top-app-bar__btn-sidebar-toggle')
 
 document.addEventListener('DOMContentLoaded', () => {
   initSidebarBadges()
@@ -16,9 +14,7 @@ document.addEventListener('DOMContentLoaded', () => {
 })
 
 function initSidebarBadges() {
-  if (
-    document.querySelector('.js-user-state').dataset.isUserLoggedIn === 'true'
-  ) {
+  if (document.querySelector('.js-user-state').dataset.isUserLoggedIn === 'true') {
     updateBadge(
       sidebarJs.dataset.baseUrl + '/api/notifications/count',
       'sidebar_badge--unseen-notifications',
@@ -53,10 +49,7 @@ function updateBadge(
       const count = apiToCall === 'new' ? data.total : data.count
       if (count > 0) {
         if (badgeText === null) {
-          badge.innerHTML =
-            count <= maxAmountToFetch
-              ? count.toString()
-              : maxAmountToFetch + '+'
+          badge.innerHTML = count <= maxAmountToFetch ? count.toString() : maxAmountToFetch + '+'
         } else {
           badge.innerHTML = badgeText
         }
@@ -129,9 +122,7 @@ function setClickListener() {
     }
   })
 
-  document
-    .getElementById('sidebar-overlay')
-    .addEventListener('click', fnCloseSidebar)
+  document.getElementById('sidebar-overlay').addEventListener('click', fnCloseSidebar)
 }
 
 function initSidebarSwipe() {
@@ -215,12 +206,7 @@ function initSidebarSwipe() {
   })
 
   document.addEventListener('touchend', function (e) {
-    if (
-      e.changedTouches.length === 1 &&
-      (closing || opening) &&
-      !!curX &&
-      startTime
-    ) {
+    if (e.changedTouches.length === 1 && (closing || opening) && !!curX && startTime) {
       const touchX = e.changedTouches[0].pageX
       const touchY = e.changedTouches[0].pageY
       const timeDiff = Date.now() - startTime
@@ -287,10 +273,7 @@ document.addEventListener('DOMContentLoaded', function () {
   const languageMenuOverlay = document.querySelector('.language-body-overlay')
 
   languageButton.addEventListener('click', function () {
-    if (
-      languageMenu.style.display === 'none' ||
-      languageMenu.style.display === ''
-    ) {
+    if (languageMenu.style.display === 'none' || languageMenu.style.display === '') {
       languageMenu.style.display = 'block'
       languageMenuOverlay.style.display = 'block'
       document.body.style.overflow = 'hidden'