manual lint --fix

src/services/theme_data/iss_deserializer.js

@@ -45,7 +45,7 @@ export const deserializeShadow = string => {
       } else {
         return [mode, result[i]]
       }
-    }).filter(([k, v]) => v !== false).slice(1))
+    }).filter(([, v]) => v !== false).slice(1))
 
     return { x, y, blur, spread, color, alpha, inset, name }
   }

src/services/theme_data/iss_serializer.js

@@ -1,7 +1,7 @@
 import { unroll } from './iss_utils.js'
 import { deserializeShadow } from './iss_deserializer.js'
 
-export const serializeShadow = (s, throwOnInvalid) => {
+export const serializeShadow = (s) => {
   if (typeof s === 'object') {
     const inset = s.inset ? 'inset ' : ''
     const name = s.name ? ` #${s.name} ` : ''

src/services/theme_data/iss_utils.js

@@ -100,7 +100,7 @@ export const genericRuleToSelector = components => (rule, ignoreOutOfTreeSelecto
     let arraySelector = Array.isArray(selector) ? selector : [selector]
     if (ignoreOutOfTreeSelector || liteMode) arraySelector = [arraySelector[0]]
     arraySelector
-      .sort((a, b) => {
+      .sort((a) => {
         if (a.startsWith(':')) return 1
         if (/^[a-z]/.exec(a)) return -1
         else return 0

src/services/theme_data/theme3_slot_functions.js

@@ -131,7 +131,7 @@ export const shadowFunctions = {
       '[alpha]: (Optional) border opacity, defaults to 1 (fully opaque)',
       '[inset]: (Optional) whether border should be on the inside or outside, defaults to inside'
     ],
-    exec: (args, { findColor }) => {
+    exec: (args) => {
       const [color, side, alpha = '1', widthArg = '1', inset = 'inset'] = args
 
       const width = Number(widthArg)

src/services/theme_data/theme_data.service.js

@@ -218,7 +218,7 @@ export const getLayerSlot = (
  */
 export const SLOT_ORDERED = topoSort(
   Object.entries(SLOT_INHERITANCE)
-    .sort(([aK, aV], [bK, bV]) => ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0))
+    .sort(([, aV], [, bV]) => ((aV && aV.priority) || 0) - ((bV && bV.priority) || 0))
     .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
 )
 
@@ -226,7 +226,7 @@ export const SLOT_ORDERED = topoSort(
  * All opacity slots used in color slots, their default values and affected
  * color slots.
  */
-export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k, v]) => {
+export const OPACITIES = Object.entries(SLOT_INHERITANCE).reduce((acc, [k]) => {
   const opacity = getOpacitySlot(k, SLOT_INHERITANCE, getDependencies)
   if (opacity) {
     return {
@@ -489,7 +489,7 @@ export const generateColors = (themeData) => {
   return {
     rules: {
       colors: Object.entries(htmlColors.complete)
-        .filter(([k, v]) => v)
+        .filter(([, v]) => v)
         .map(([k, v]) => `--${k}: ${v}`)
         .join(';')
     },
@@ -506,10 +506,10 @@ export const generateRadii = (input) => {
   if (typeof input.btnRadius !== 'undefined') {
     inputRadii = Object
       .entries(input)
-      .filter(([k, v]) => k.endsWith('Radius'))
+      .filter(([k]) => k.endsWith('Radius'))
       .reduce((acc, e) => { acc[e[0].split('Radius')[0]] = e[1]; return acc }, {})
   }
-  const radii = Object.entries(inputRadii).filter(([k, v]) => v).reduce((acc, [k, v]) => {
+  const radii = Object.entries(inputRadii).filter(([, v]) => v).reduce((acc, [k, v]) => {
     acc[k] = v
     return acc
   }, {
@@ -526,7 +526,7 @@ export const generateRadii = (input) => {
 
   return {
     rules: {
-      radii: Object.entries(radii).filter(([k, v]) => v).map(([k, v]) => `--${k}Radius: ${v}px`).join(';')
+      radii: Object.entries(radii).filter(([, v]) => v).map(([k, v]) => `--${k}Radius: ${v}px`).join(';')
     },
     theme: {
       radii
@@ -535,8 +535,8 @@ export const generateRadii = (input) => {
 }
 
 export const generateFonts = (input) => {
-  const fonts = Object.entries(input.fonts || {}).filter(([k, v]) => v).reduce((acc, [k, v]) => {
-    acc[k] = Object.entries(v).filter(([k, v]) => v).reduce((acc, [k, v]) => {
+  const fonts = Object.entries(input.fonts || {}).filter(([, v]) => v).reduce((acc, [k, v]) => {
+    acc[k] = Object.entries(v).filter(([, v]) => v).reduce((acc, [k, v]) => {
       acc[k] = v
       return acc
     }, acc[k])
@@ -560,7 +560,7 @@ export const generateFonts = (input) => {
     rules: {
       fonts: Object
         .entries(fonts)
-        .filter(([k, v]) => v)
+        .filter(([, v]) => v)
         .map(([k, v]) => `--${k}Font: ${v.family}`).join(';')
     },
     theme: {

src/services/theme_data/theme_data_3.service.js

@@ -117,7 +117,7 @@ export const findColor = (color, { dynamicVars, staticVars }) => {
 Static:
 ${JSON.stringify(staticVars, null, 2)}
 Dynamic:
-${JSON.stringify(dynamicVars, null, 2)}`)
+${JSON.stringify(dynamicVars, null, 2)}`, e)
   }
 }
 
@@ -417,7 +417,7 @@ export const init = ({
         dynamicVars.stacked = stacked[selector]
         dynamicVars.background = computed[selector].background
 
-        const dynamicSlots = Object.entries(computedDirectives).filter(([k, v]) => k.startsWith('--'))
+        const dynamicSlots = Object.entries(computedDirectives).filter(([k]) => k.startsWith('--'))
 
         dynamicSlots.forEach(([k, v]) => {
           const [type, value] = v.split('|').map(x => x.trim()) // woah, Extreme!