chore: Formatted with Prettier

Author: tomek-ac

.circleci/config.yml

@@ -8,15 +8,15 @@ workflows:
       # End of Life (EOL): https://endoflife.date/nodejs
       - unit-tests:
           name: node16 # EOL 11 Sep 2023
-          version: "16.18.1"
+          version: '16.18.1'
       - unit-tests:
           name: node18 # EOL 30 Apr 2025
-          version: "18.17.1"
+          version: '18.17.1'
           requires:
             - node16
       - unit-tests:
           name: node20 # EOL 30 Apr 2026
-          version: "20.5.1"
+          version: '20.5.1'
           requires:
             - node18
 jobs:

.eslintrc.js

@@ -35,6 +35,6 @@ module.exports = {
     '@typescript-eslint/no-var-requires': 0,
     'prefer-const': 0,
     '@typescript-eslint/no-inferrable-types': 0,
-    'no-irregular-whitespace': 0
+    'no-irregular-whitespace': 0,
   },
 }

.mocharc.integration.json

@@ -1,9 +1,9 @@
 {
-    "diff": true,
-    "extension": ["test.ts"],
-    "require": "ts-node/register",
-    "spec": "test/integration",
-    "recursive": true,
-    "retries": 1,
-    "timeout": 10000
-}
+  "diff": true,
+  "extension": ["test.ts"],
+  "require": "ts-node/register",
+  "spec": "test/integration",
+  "recursive": true,
+  "retries": 1,
+  "timeout": 10000
+}

.mocharc.unit.json

@@ -1,7 +1,7 @@
 {
-    "diff": true,
-    "extension": ["test.ts"],
-    "require": "ts-node/register",
-    "spec": "test/unit",
-    "recursive": true
-}
+  "diff": true,
+  "extension": ["test.ts"],
+  "require": "ts-node/register",
+  "spec": "test/unit",
+  "recursive": true
+}

preview/assets/js/events.js

@@ -1,25 +1,25 @@
 var socket = io()
 
-socket.on('change', function() {
+socket.on('change', function () {
   console.log('Templates changed. Reloading preview.')
-  document.querySelector('.js-html').contentWindow.location.reload();
-  document.querySelector('.js-text').contentWindow.location.reload();
+  document.querySelector('.js-html').contentWindow.location.reload()
+  document.querySelector('.js-text').contentWindow.location.reload()
 
   var reloaded = document.querySelector('.js-reloaded')
   reloaded.classList.add('is-active')
 
-  setTimeout(function() {
+  setTimeout(function () {
     reloaded.classList.remove('is-active')
   }, 3000)
 })
 
-socket.on('subject', function(data) {
+socket.on('subject', function (data) {
   var subjectEl = document.querySelector('.js-subject')
-  var subjectErrorTooltip = document.querySelector('.js-subject-error');
+  var subjectErrorTooltip = document.querySelector('.js-subject-error')
 
   var errorTooltip = Popper.createPopper(subjectEl, subjectErrorTooltip, {
     placement: 'top-start',
-  });
+  })
 
   if (!isEmptyObject(data)) {
     if (data.ContentIsValid) {
@@ -32,18 +32,19 @@ socket.on('subject', function(data) {
     } else {
       // Show validation error indicator
       subjectEl.classList.add('has-error')
-      subjectEl.innerHTML = data.rawSubject + ' <span class="syntax-error">Syntax error</span>'
+      subjectEl.innerHTML =
+        data.rawSubject + ' <span class="syntax-error">Syntax error</span>'
 
       // Append each validation error to tooltip
       var subjectError = document.querySelector('.js-subject-error')
       subjectError.innerHTML = ''
-      data.ValidationErrors.forEach(function(error) {
+      data.ValidationErrors.forEach(function (error) {
         subjectError.innerHTML += '<p>' + error.Message + '</p>'
       })
     }
   }
 })
 
 function isEmptyObject(value) {
-  return Object.keys(value).length === 0 && value.constructor === Object;
+  return Object.keys(value).length === 0 && value.constructor === Object
 }

preview/assets/js/preview.js

@@ -6,10 +6,10 @@ var activeToggleClass = 'is-active'
 var mode = document.querySelectorAll('.js-mode')
 var currentMode = 'html'
 
-mode.forEach(function(toggle) {
-  toggle.addEventListener('click', function(event) {
+mode.forEach(function (toggle) {
+  toggle.addEventListener('click', function (event) {
     // Reset all classes
-    mode.forEach(function(modeToggle) {
+    mode.forEach(function (modeToggle) {
       // Remove active class from all toggles
       modeToggle.classList.remove(activeToggleClass)
 
@@ -36,14 +36,14 @@ mode.forEach(function(toggle) {
 var view = document.querySelectorAll('.js-view')
 var currentView = 'desktop'
 
-view.forEach(function(toggle) {
+view.forEach(function (toggle) {
   // Add click event
-  toggle.addEventListener('click', function(event) {
-    view.forEach(function(viewToggle) {
+  toggle.addEventListener('click', function (event) {
+    view.forEach(function (viewToggle) {
       // Remove active class from all toggles
       viewToggle.classList.remove(activeToggleClass)
 
-      document.querySelectorAll('.preview-iframe').forEach(function(item) {
+      document.querySelectorAll('.preview-iframe').forEach(function (item) {
         item.classList.remove('preview-iframe--mobile')
       })
     })
@@ -52,7 +52,7 @@ view.forEach(function(toggle) {
     this.classList.add(activeToggleClass)
 
     if (this.dataset.view === 'mobile') {
-      document.querySelectorAll('.preview-iframe').forEach(function(item) {
+      document.querySelectorAll('.preview-iframe').forEach(function (item) {
         item.classList.add('preview-iframe--mobile')
       })
     }
@@ -78,7 +78,7 @@ function keypress(e) {
 document.onkeydown = keypress
 
 // Manage state when HTML iframe is finished loading
-document.querySelector('.js-html').onload = function() {
+document.querySelector('.js-html').onload = function () {
   // Hide loading indicator
   document.querySelector('.js-loader').classList.add('is-hidden')
 
@@ -92,23 +92,25 @@ document.querySelector('.js-html').onload = function() {
 var tooltipTrigger = document.querySelectorAll('.js-tooltip-trigger')
 
 // Loop through each tooltip trigger
-tooltipTrigger.forEach(function(trigger) {
-  var showEvents = ['mouseenter', 'focus'];
-  var hideEvents = ['mouseleave', 'blur'];
+tooltipTrigger.forEach(function (trigger) {
+  var showEvents = ['mouseenter', 'focus']
+  var hideEvents = ['mouseleave', 'blur']
 
   // Show event
-  showEvents.forEach(function(event) {
-    trigger.addEventListener(event, function() {
-      var selector = '.js-tooltip[data-tooltip="' + trigger.dataset.tooltip + '"]'
+  showEvents.forEach(function (event) {
+    trigger.addEventListener(event, function () {
+      var selector =
+        '.js-tooltip[data-tooltip="' + trigger.dataset.tooltip + '"]'
       var tooltip = document.querySelector(selector)
       tooltip.setAttribute('data-show', '')
-   })
+    })
   })
 
   // Hide event
-  hideEvents.forEach(function(event) {
-    trigger.addEventListener(event, function() {
-      var selector = '.js-tooltip[data-tooltip="' + trigger.dataset.tooltip + '"]'
+  hideEvents.forEach(function (event) {
+    trigger.addEventListener(event, function () {
+      var selector =
+        '.js-tooltip[data-tooltip="' + trigger.dataset.tooltip + '"]'
       var tooltip = document.querySelector(selector)
       tooltip.removeAttribute('data-show')
     })

preview/assets/styles/reset.css

@@ -8,7 +8,7 @@
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  */
 
- html {
+html {
   line-height: 1.15; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
 }
@@ -174,7 +174,8 @@ textarea {
  */
 
 button,
-input { /* 1 */
+input {
+  /* 1 */
   overflow: visible;
 }
 
@@ -184,7 +185,8 @@ input { /* 1 */
  */
 
 button,
-select { /* 1 */
+select {
+  /* 1 */
   text-transform: none;
 }
 
@@ -193,9 +195,9 @@ select { /* 1 */
  */
 
 button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
+[type='button'],
+[type='reset'],
+[type='submit'] {
   -webkit-appearance: button;
 }
 
@@ -204,9 +206,9 @@ button,
  */
 
 button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
   border-style: none;
   padding: 0;
 }
@@ -216,9 +218,9 @@ button::-moz-focus-inner,
  */
 
 button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
+[type='button']:-moz-focusring,
+[type='reset']:-moz-focusring,
+[type='submit']:-moz-focusring {
   outline: 1px dotted ButtonText;
 }
 
@@ -267,8 +269,8 @@ textarea {
  * 2. Remove the padding in IE 10.
  */
 
-[type="checkbox"],
-[type="radio"] {
+[type='checkbox'],
+[type='radio'] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
 }
@@ -277,8 +279,8 @@ textarea {
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
 
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
   height: auto;
 }
 
@@ -287,7 +289,7 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 
-[type="search"] {
+[type='search'] {
   -webkit-appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -296,7 +298,7 @@ textarea {
  * Remove the inner padding in Chrome and Safari on macOS.
  */
 
-[type="search"]::-webkit-search-decoration {
+[type='search']::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
@@ -346,4 +348,4 @@ template {
 
 [hidden] {
   display: none;
-}
+}