Assorted JS tweaks

build/build-pages.js

@@ -2,8 +2,8 @@
 
 'use strict'
 
-const fs = require('fs').promises
-const path = require('path')
+const fs = require('node:fs').promises
+const path = require('node:path')
 const picocolors = require('picocolors')
 
 const iconsDir = path.join(__dirname, '../icons/')
@@ -53,7 +53,7 @@ tags:
 
     const filesLength = files.length
 
-    console.log(picocolors.green('\nSuccess, %s page%s prepared!'), filesLength, filesLength !== 1 ? 's' : '')
+    console.log(picocolors.green('\nSuccess, %s page%s prepared!'), filesLength, filesLength === 1 ? '' : 's')
     console.timeEnd(timeLabel)
   } catch (error) {
     console.error(error)

build/build-svgs.js

@@ -2,9 +2,9 @@
 
 'use strict'
 
-const fs = require('fs').promises
-const path = require('path')
-const process = require('process')
+const fs = require('node:fs').promises
+const path = require('node:path')
+const process = require('node:process')
 const picocolors = require('picocolors')
 const { loadConfig, optimize } = require('svgo')
 
@@ -46,7 +46,7 @@ async function processFile(file, config) {
 
     const filesLength = files.length
 
-    console.log(picocolors.green('\nSuccess, prepared %s icon%s!'), filesLength, filesLength !== 1 ? 's' : '')
+    console.log(picocolors.green('\nSuccess, prepared %s icon%s!'), filesLength, filesLength === 1 ? '' : 's')
     console.timeEnd(timeLabel)
   } catch (error) {
     console.error(error)

build/vnu-jar.js

@@ -9,7 +9,7 @@
 
 'use strict'
 
-const { execFile, spawn } = require('child_process')
+const { execFile, spawn } = require('node:child_process')
 const vnu = require('vnu-jar')
 
 execFile('java', ['-version'], (error, stdout, stderr) => {

docs/assets/js/application.js

@@ -5,37 +5,37 @@
 (function () {
   'use strict'
 
-  var btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard"><i class="bi bi-clipboard" aria-hidden="true"></i></button></div>';
+  const btnHtml = '<div class="bd-clipboard"><button type="button" class="btn-clipboard" title="Copy to clipboard"><i class="bi bi-clipboard" aria-hidden="true"></i></button></div>'
 
-  [].slice.call(document.querySelectorAll('div.highlight'))
-    .forEach(function (element) {
+  Array.prototype.slice.call(document.querySelectorAll('div.highlight'))
+    .forEach(element => {
       element.insertAdjacentHTML('beforebegin', btnHtml)
     })
 
-  var clipboard = new ClipboardJS('.btn-clipboard', {
-    target: function (trigger) {
+  const clipboard = new ClipboardJS('.btn-clipboard', {
+    target(trigger) {
       return trigger.parentNode.nextElementSibling
     }
   })
 
-  clipboard.on('success', function (event) {
-    var icon = event.trigger.querySelector('.bi')
-    var originalTitle = event.trigger.title
+  clipboard.on('success', event => {
+    const icon = event.trigger.querySelector('.bi')
+    const originalTitle = event.trigger.title
 
     event.clearSelection()
     icon.classList.replace('bi-clipboard', 'bi-check2')
     event.trigger.title = 'Copied!'
 
-    setTimeout(function () {
+    setTimeout(() => {
       icon.classList.replace('bi-check2', 'bi-clipboard')
       event.trigger.title = originalTitle
     }, 2000)
   })
 
-  clipboard.on('error', function () {
-    var modifierKey = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
-    var fallbackMsg = 'Press ' + modifierKey + 'C to copy'
-    var errorElement = document.getElementById('copy-error-callout')
+  clipboard.on('error', () => {
+    const modifierKey = /mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
+    const fallbackMsg = `Press ${modifierKey}C to copy`
+    const errorElement = document.getElementById('copy-error-callout')
 
     if (!errorElement) {
       return
@@ -45,19 +45,19 @@
     errorElement.insertAdjacentHTML('afterbegin', fallbackMsg)
   })
 
-  var searchInput = document.getElementById('search')
+  const searchInput = document.getElementById('search')
   if (searchInput) {
-    searchInput.addEventListener('keydown', function (event) {
+    searchInput.addEventListener('keydown', event => {
       if (event.key === 'Enter') {
         event.preventDefault()
       }
     })
   }
 
   // Disable empty links in docs
-  [].slice.call(document.querySelectorAll('[href="#"]'))
-    .forEach(function (link) {
-      link.addEventListener('click', function (event) {
+  Array.prototype.slice.call(document.querySelectorAll('[href="#"]'))
+    .forEach(link => {
+      link.addEventListener('click', event => {
         event.preventDefault()
       })
     })

svgo.config.js

@@ -1,6 +1,6 @@
 'use strict'
 
-const path = require('path')
+const path = require('node:path')
 
 module.exports = {
   multipass: true,