@irewind/web-utils 21.9.1 → 22.0.0

package/.husky/pre-commit

@@ -0,0 +1 @@
+yarn lint-staged

package/.oxfmtrc.json

@@ -1,4 +1,6 @@
 {
+  "ignorePatterns": ["qr/*/**"],
+
   "printWidth": 80,
   "arrowParens": "avoid",
   "bracketSpacing": true,

package/.oxlintrc.json

@@ -1,4 +1,10 @@
 {
+  "options": {
+    "maxWarnings": 10
+  },
+
+  "ignorePatterns": ["qr/*/**"],
+
   "env": {
     "browser": true
   },
@@ -89,10 +95,6 @@
     "require-post-message-target-origin": "off",
     "no-unexpected-multiline": "error",
 
-    // Following rule has a bug -> not accounting for options
-    // "no-unassigned-import": ["error", { "allow": ["*.sass"] }],
-    "no-unassigned-import": "off",
-
     /** Correctness rule overrides */
     "no-this-in-exported-function": "off",
     "no-unused-vars": [
@@ -153,6 +155,7 @@
     "import/export": "error",
     "import/named": "error",
     "oxc/branches-sharing-code": "error",
-    "promise/no-return-in-finally": "error"
+    "promise/no-return-in-finally": "error",
+    "no-unassigned-import": ["error", { "allow": ["**/*.{sass,scss,css}"] }]
   }
 }

package/.vscode/settings.json

@@ -1,11 +1,20 @@
 {
-  "oxc.fmt.experimental": true,
-  "oxc.unusedDisableDirectives": "deny",
-  "oxc.disableNestedConfig": true,
-  "oxc.lint.run": "onType",
   "editor.bracketPairColorization.enabled": true,
   "editor.guides.bracketPairs": true,
+
   "editor.formatOnSave": true,
   "editor.defaultFormatter": "oxc.oxc-vscode",
-  "editor.codeActionsOnSave": ["source.fixAll.oxc"]
+  "editor.codeActionsOnSave": ["source.fixAll.oxc"],
+
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode",
+    "editor.formatOnSave": true
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode",
+    "editor.formatOnSave": true
+  },
+
+  "oxc.unusedDisableDirectives": "deny",
+  "oxc.disableNestedConfig": true
 }

package/app-alert/AppAlertEntry.js

@@ -133,7 +133,7 @@ export default {
             {
               class: actionsClass.value
             },
-            actionPropList.value.map(props => h(QBtn, props))
+            actionPropList.value.map(itemProps => h(QBtn, itemProps))
           )
         )
       }

package/auth.js

@@ -607,7 +607,7 @@ export function impersonateAsUser(email) {
  * Debugging methods
  */
 
-if (process.env.DEBUGGING === true) {
+if (import.meta.env.QUASAR_DEV) {
   window.scrambleToken = () => {
     token.value = 'bogus'
   }

package/config/publish.js

@@ -314,12 +314,10 @@ export const channelIframeConfigDefaults = mergeProps(
     default_lang: 'en',
     title: {},
     subtitle1: {
-      // eslint-disable-next-line no-template-curly-in-string
       '*': '${concurrent_name}'
     },
     subtitle1Mobile: false,
     subtitle2: {
-      // eslint-disable-next-line no-template-curly-in-string
       '*': '<span>${race_name_translated}</span>${race_group_translated}'
     },
     subtitle2Mobile: false,

package/forked/asmcrypto.js

@@ -1,4 +1,4 @@
-/* eslint-disable */
+/* oxlint-disable */
 /*! FORKED!!!!! asmCrypto v0.0.11, (c) 2013 Artem S Vybornov, opensource.org/licenses/MIT */
 let result = {}
 

package/forked/confetti.js

@@ -13,7 +13,7 @@ let engine
       typeof requestAnimationFrame === 'function' &&
       typeof cancelAnimationFrame === 'function'
     ) {
-      frame = function frame(cb) {
+      frame = function frameFn(cb) {
         const id = Math.random()
 
         frames[id] = requestAnimationFrame(function onFrame(time) {
@@ -29,16 +29,16 @@ let engine
 
         return id
       }
-      cancel = function cancel(id) {
+      cancel = function cancelFn(id) {
         if (frames[id]) {
           cancelAnimationFrame(frames[id])
         }
       }
     } else {
-      frame = function frame(cb) {
+      frame = function frameFn(cb) {
         return setTimeout(cb, TIME)
       }
-      cancel = function cancel(timer) {
+      cancel = function cancelFn(timer) {
         return clearTimeout(timer)
       }
     }
@@ -51,16 +51,16 @@ let engine
     let prom
     const resolves = {}
 
-    function decorate(worker) {
+    function decorate(localWorker) {
       function execute(options, callback) {
-        worker.postMessage({ options: options || {}, callback })
+        localWorker.postMessage({ options: options || {}, callback })
       }
-      worker.init = function initWorker(canvas) {
+      localWorker.init = function initWorker(canvas) {
         const offscreen = canvas.transferControlToOffscreen()
-        worker.postMessage({ canvas: offscreen }, [offscreen])
+        localWorker.postMessage({ canvas: offscreen }, [offscreen])
       }
 
-      worker.fire = function fireWorker(options, size, done) {
+      localWorker.fire = function fireWorker(options, size, done) {
         if (prom) {
           execute(options, null)
           return prom
@@ -75,14 +75,14 @@ let engine
             }
 
             delete resolves[id]
-            worker.removeEventListener('message', workerDone)
+            localWorker.removeEventListener('message', workerDone)
 
             prom = null
             done()
             resolve()
           }
 
-          worker.addEventListener('message', workerDone)
+          localWorker.addEventListener('message', workerDone)
           execute(options, id)
 
           resolves[id] = workerDone.bind(null, { data: { callback: id } })
@@ -91,8 +91,8 @@ let engine
         return prom
       }
 
-      worker.reset = function resetWorker() {
-        worker.postMessage({ reset: true })
+      localWorker.reset = function resetWorker() {
+        localWorker.postMessage({ reset: true })
 
         for (const id in resolves) {
           resolves[id]()
@@ -101,7 +101,7 @@ let engine
       }
     }
 
-    return function getWorker() {
+    return function getWorkerFn() {
       if (worker) {
         return worker
       }
@@ -423,10 +423,8 @@ let engine
 
         context.clearRect(0, 0, size.width, size.height)
 
-        animatingFettis = animatingFettis.filter(
-          function animatingFettis(fetti) {
-            return updateFetti(context, fetti)
-          }
+        animatingFettis = animatingFettis.filter(fetti =>
+          updateFetti(context, fetti)
         )
 
         if (animatingFettis.length) {
@@ -441,9 +439,8 @@ let engine
     })
 
     return {
-      addFettis: function addFettis(fettis) {
-        animatingFettis = animatingFettis.concat(fettis)
-
+      addFettis(fettisToAdd) {
+        animatingFettis = animatingFettis.concat(fettisToAdd)
         return prom
       },
       canvas,

package/howTo/auth.js

@@ -2,7 +2,7 @@
  * Example of Quasar boot file to activate the auth service
  */
 
-import { defineBoot } from '#q-app/wrappers'
+import { defineBoot } from '#q-app'
 import {
   registerAuth0Options,
   registerLoginFn,
@@ -40,7 +40,7 @@ export default defineBoot(async opts => {
 
   const locationStore = useLocationStore()
 
-  opts.router.beforeEach((to, _from, next) => {
+  opts.router.beforeEach(to => {
     if (
       (to.name !== 'home' && isAuthenticated.value === false) ||
       (to.params.locationId !== void 0 &&
@@ -48,9 +48,7 @@ export default defineBoot(async opts => {
           Number(to.params.locationId)
         ) === false)
     ) {
-      next({ name: 'home' })
-    } else {
-      next()
+      return { name: 'home' }
     }
   })
 })

package/json/dialog/JsonDialog.vue

@@ -223,7 +223,8 @@ function onCopyContentClick() {
 
 function getValidFilename(str) {
   // characters forbidden on Windows and reserved everywhere
-  const invalidChars = /[<>:"/\\|?*\u0000-\u001F]/g // eslint-disable-line no-control-regex
+  // oxlint-disable-next-line no-control-regex
+  const invalidChars = /[<>:"/\\|?*\u0000-\u001F]/g
 
   return (
     str

package/jsonVideo/playerCanvas/PlayerVideoBase.vue

@@ -118,8 +118,8 @@ watch(currentSegment, (newSegment, oldSegment) => {
   }
 })
 
-function getPlayer(segmentIndex) {
-  return elementsRef.value.children[segmentIndex]
+function getPlayer(segIndex) {
+  return elementsRef.value.children[segIndex]
 }
 
 function pollCurrentTime() {

package/jsonVideo/playerCanvas/use-media-player.js

@@ -102,8 +102,8 @@ export function useMediaPlayer({
     }
   })
 
-  function getPlayer(segmentIndex) {
-    return elementsRef.value.children[segmentIndex]
+  function getPlayer(segIndex) {
+    return elementsRef.value.children[segIndex]
   }
 
   function seekPosition() {

package/jsonVideo/store/useJsonVideo.js

@@ -186,8 +186,8 @@ export default function useJsonVideo(props, emit) {
     const { skipMetadata } = props
 
     const segmentList = await Promise.all(
-      urlList.map(url =>
-        getRemoteFileCacheUrl(url).then(url => {
+      urlList.map(urlEntry =>
+        getRemoteFileCacheUrl(urlEntry).then(url => {
           if (url === null || signal.aborted) return null
           const promise =
             skipMetadata === true
@@ -473,8 +473,8 @@ export default function useJsonVideo(props, emit) {
       }
 
       if (isPlaying.value === true) {
-        const fn = newState === true ? pause : play
-        fn()
+        const mediaFn = newState === true ? pause : play
+        mediaFn()
 
         if (hasAnalytics === true) {
           if (newState === true) {

package/jsonVideo/store/utils.jsonVideo.js

@@ -936,8 +936,8 @@ export async function parseCompositionPlan({
           if (entry.start !== void 0) {
             acc.start = getSlotPosition(entry.start)
             acc.end = entry.end === -1 ? slotEnd : getSlotPosition(entry.end)
-          }
-          else { // legacy
+          } else {
+            // legacy
             acc.start = getSlotPosition(entry.delay)
             acc.end = Math.min(slotEnd, acc.start + entry.cut_duration)
           }
@@ -973,11 +973,9 @@ export async function parseCompositionPlan({
     if (slot.job_details === void 0) {
       chapters.segmentList.push(slotChapter)
     } else {
-      const compositionPlan = getCompositionPlan(slot.job_details)
-
       const parseCompositionPlanResponse = await parseCompositionPlan({
         videoSize,
-        compositionPlan,
+        compositionPlan: getCompositionPlan(slot.job_details),
         globalSoundTrackSrc: null,
         elementsOverlayIdMap: {},
         cropOverlayIdMap: {},
@@ -1005,13 +1003,13 @@ export async function parseCompositionPlan({
             const start = normalize(chapter.start)
             const end = normalize(chapter.end)
             const duration = end - start
-            const isCameraSlot =
+            const isCamSlot =
               String(Number(chapter.cameraId)) === chapter.cameraId
 
             return {
               cameraId: `${slotChapter.cameraId}|${chapter.cameraId}`,
               label:
-                isCameraSlot === true
+                isCamSlot === true
                   ? `Cam ${chapter.cameraId} (${duration.toString().replace(numberSeparatorRE, '_')})`
                   : `${capitalize(chapter.cameraId)}`,
               start: slotChapter.start + start,

package/loggly.js

@@ -4,7 +4,7 @@ import createGA from './ga.js'
 
 let isEnabled = false
 
-const ENABLE = process.env.PROD === true
+const ENABLE = !import.meta.env.QUASAR_DEV
 // const ENABLE = true
 
 const originalError = console.error
@@ -42,9 +42,9 @@ const send = ENABLE
         xmlHttp.open('POST', TARGET_URL, true) // true for asynchronous request
         xmlHttp.setRequestHeader('Content-Type', 'application/json')
         xmlHttp.send(JSON.stringify(data))
-      } catch (err) {
+      } catch (xhrErr) {
         console.log(
-          'Failed to log to loggly because of this exception:\n' + err
+          'Failed to log to loggly because of this exception:\n' + xhrErr
         )
         console.log('Failed log data:', data)
       }

package/media/showMediaDialog.js

@@ -40,8 +40,8 @@ export function getMediaType(componentProps) {
 
   if (componentProps.filename !== void 0) {
     const lowerCaseFilename = componentProps.filename.toLowerCase()
-    const match = lowerCaseFilename.match(mediaRegex)
-    if (match !== null) return mediaMap[match[1]]
+    const lowercaseMatch = lowerCaseFilename.match(mediaRegex)
+    if (lowercaseMatch !== null) return mediaMap[lowercaseMatch[1]]
   }
 }
 

package/ocr/utils.ocr.video.js

@@ -88,8 +88,8 @@ export function getFirstEventTimestamp(trackList, ocrFilter = {}) {
     const { searchByPropName, boxPropName } = ocrFilterPropMap[by]
 
     const track = trackList.find(
-      track =>
-        track[searchByPropName] === searchTerm && track[boxPropName]?.length > 0
+      item =>
+        item[searchByPropName] === searchTerm && item[boxPropName]?.length > 0
     )
 
     if (track !== void 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@irewind/web-utils",
-  "version": "21.9.1",
+  "version": "22.0.0",
   "license": "MIT",
   "author": "Razvan Stoenescu",
   "repository": "https://github.com/irewind/irewind-web-utils",
@@ -9,7 +9,9 @@
     "access": "public"
   },
   "scripts": {
-    "lint": "oxfmt --no-error-on-unmatched-pattern && oxlint --fix"
+    "lint": "oxfmt && oxlint --fix",
+    "lint:check": "oxfmt --check && oxlint",
+    "prepare": "husky"
   },
   "dependencies": {
     "@auth0/auth0-spa-js": "=1.14.0",
@@ -23,11 +25,20 @@
     "quill": "^1.3.7"
   },
   "devDependencies": {
-    "oxfmt": "^0.28.0",
-    "oxlint": "^1.43.0"
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
+    "oxfmt": "^0.42.0",
+    "oxlint": "^1.57.0"
   },
   "peerDependencies": {
-    "quasar": "^2.16.4",
+    "@quasar/app-vite": "^3.0.0-beta.3",
+    "quasar": "^2.19.3",
     "vue": "^3.0.0"
+  },
+  "lint-staged": {
+    "*.{js,ts,vue,json,css,sass,md}": [
+      "oxfmt --no-error-on-unmatched-pattern",
+      "oxlint --deny-warnings --fix"
+    ]
   }
 }

package/qr/scan.js

@@ -30,9 +30,9 @@ export async function getCameraList() {
 
 function decode(worker, payload) {
   return new Promise(resolve => {
-    function onMessage(payload) {
+    function onMessage(messagePayload) {
       worker.removeEventListener('message', onMessage)
-      resolve(payload.data || null)
+      resolve(messagePayload.data || null)
     }
 
     worker.addEventListener('message', onMessage)

package/rte/RichTextEditor.vue

@@ -40,13 +40,11 @@ const model = computed({
   set: val => emit('update:modelValue', val)
 })
 
-function decode(model) {
-  if (model === '') {
-    return null
-  }
+function decode(str) {
+  if (str === '') return null
 
   try {
-    return JSON.parse(model)
+    return JSON.parse(str)
   } catch (e) {
     return null
   }

package/table/filters.js

@@ -8,9 +8,9 @@ export function getFnCondition(filter) {
 
     const operationFn =
       filter.exact === true
-        ? content => ` ${filter.exclude === true ? '!' : '='}== '${content}'`
-        : content =>
-            `.indexOf('${content}') ${filter.exclude === true ? '===' : '!=='} -1`
+        ? val => ` ${filter.exclude === true ? '!' : '='}== '${val}'`
+        : val =>
+            `.indexOf('${val}') ${filter.exclude === true ? '===' : '!=='} -1`
 
     const values = content
       .split(filter.contentSeparator)
@@ -53,8 +53,8 @@ export function getFnCondition(filter) {
 
     const castLimit =
       filter.compare.type === 'number'
-        ? val => parseInt(val, 10)
-        : val => `'${val.replace("'", "\\'")}'`
+        ? valToParse => parseInt(valToParse, 10)
+        : valToParse => `'${valToParse.replace("'", "\\'")}'`
 
     if (filter.compare.lt.length !== 0) {
       cond.push(`(${rowVal} <${include} ${castLimit(filter.compare.lt)})`)
@@ -165,7 +165,6 @@ export function getFilterFnProps(filter) {
 }
 
 export function getFn(conditionString) {
-  // eslint-disable-next-line
   return new Function(`row`, `return ${conditionString}`)
 }
 

package/timing/validateTimingContent.js

@@ -21,12 +21,12 @@ export function validateTimingContent(rawContent, source) {
           new URL('./helpers/worker.validate-top-table.js', import.meta.url)
         )
 
-        function onMessage(payload) {
+        function onMessage(messagePayload) {
           worker.removeEventListener('message', onMessage)
           worker.terminate()
 
           Loading.hide()
-          resolve(payload.data)
+          resolve(messagePayload.data)
         }
 
         worker.addEventListener('message', onMessage)

package/transformers/latinize.js

@@ -1,4 +1,5 @@
-const latinRE = /[^A-Za-z0-9\[\]\-\. ]/g // eslint-disable-line no-useless-escape
+// oxlint-disable-next-line no-useless-escape
+const latinRE = /[^A-Za-z0-9\[\]\-\. ]/g
 
 const latinMap = {
   Á: 'A',

package/versioning/boot.js

@@ -1,4 +1,4 @@
-import { defineBoot } from '#q-app/wrappers'
+import { defineBoot } from '#q-app'
 import { Notify } from 'quasar'
 
 import currentVersion from 'app/public/version.json'

package/vueCroppa/VueCroppa.vue

@@ -717,12 +717,12 @@ function moveRightwards(amount = 1) {
   move({ x: amount, y: 0 })
 }
 
-function zoom(zoomIn = true, acceleration = 1) {
+function zoom(isZoomIn = true, acceleration = 1) {
   if (props.passive) return
   const realSpeed = props.zoomSpeed * acceleration
   const speed = outputWidthComputed.value * PCT_PER_ZOOM * realSpeed
   let x = 1
-  if (zoomIn) {
+  if (isZoomIn) {
     x = 1 + speed
   } else if (thisData.imgData.width > MIN_WIDTH) {
     x = 1 - speed
@@ -1106,7 +1106,7 @@ function _onVideoLoad(video, initial) {
   canvas.height = videoHeight
   const ctx = canvas.getContext('2d')
   thisData.loading = false
-  const drawFrame = initial => {
+  const drawFrame = isInitial => {
     if (!thisData.video) return
     ctx.drawImage(thisData.video, 0, 0, videoWidth, videoHeight)
     const frame = new Image()
@@ -1114,7 +1114,7 @@ function _onVideoLoad(video, initial) {
     frame.onload = () => {
       thisData.img = frame
       // _placeImage()
-      if (initial) {
+      if (isInitial) {
         _placeImage()
       } else {
         _draw()
@@ -1125,8 +1125,9 @@ function _onVideoLoad(video, initial) {
   const keepDrawing = () => {
     nextTick(() => {
       drawFrame()
-      if (!thisData.video || thisData.video.ended || thisData.video.paused)
-        {return}
+      if (!thisData.video || thisData.video.ended || thisData.video.paused) {
+        return
+      }
       requestAnimationFrame(keepDrawing)
     })
   }
@@ -1248,8 +1249,11 @@ function _fileTypeIsValid(file) {
     const type = types[i]
     const t = type.trim()
     if (t.charAt(0) === '.') {
-      if (file.name.toLowerCase().split('.').pop() === t.toLowerCase().slice(1))
-        {return true}
+      if (
+        file.name.toLowerCase().split('.').pop() === t.toLowerCase().slice(1)
+      ) {
+        return true
+      }
     } else if (t.endsWith('/*')) {
       const fileBaseType = file.type.replace(/\/.*$/, '')
       if (fileBaseType === baseMimetype) {
@@ -1263,7 +1267,7 @@ function _fileTypeIsValid(file) {
   return false
 }
 
-function _placeImage(applyMetadata) {
+function _placeImage(shouldApplyMetadata) {
   if (!thisData.img) return
   const imgData = thisData.imgData
 
@@ -1310,9 +1314,9 @@ function _placeImage(applyMetadata) {
     }
   }
 
-  if (applyMetadata) _applyMetadata()
+  if (shouldApplyMetadata) _applyMetadata()
 
-  if (applyMetadata && props.preventWhiteSpace) {
+  if (shouldApplyMetadata && props.preventWhiteSpace) {
     zoom(false, 0)
   } else {
     move({ x: 0, y: 0 })
@@ -1607,8 +1611,8 @@ function _preventZoomingToWhiteSpace() {
   }
 }
 
-function _setOrientation(orientation, applyMetadata) {
-  const useOriginal = applyMetadata
+function _setOrientation(orientation, shouldApplyMetadata) {
+  const useOriginal = shouldApplyMetadata
   if (orientation > 1 || useOriginal) {
     if (!thisData.img) return
     thisData.rotating = true
@@ -1619,10 +1623,10 @@ function _setOrientation(orientation, applyMetadata) {
     )
     _img.onload = () => {
       thisData.img = _img
-      _placeImage(applyMetadata)
+      _placeImage(shouldApplyMetadata)
     }
   } else {
-    _placeImage(applyMetadata)
+    _placeImage(shouldApplyMetadata)
   }
 
   if (orientation === 2) {