Fix some ESLint aggressions. Fix typo on nearestColor file name.

Author: bernaferrari

src/nearest-color/nearesetColor.ts src/nearest-color/nearestColor.ts

@@ -82,6 +82,20 @@ function nearestColor(needle: RGB | string, colors: Array<ColorSpec>): string {
   return "";
 }
 
+/**
+ * Given either an array or object of colors, returns an array of
+ * {@link ColorSpec} objects (with {@link RGB} values).
+ *
+ * @private
+ * @param {Array.<string>|Object} colors An array of hex-based color strings, or
+ *     an object mapping color *names* to hex values.
+ * @return {Array.<ColorSpec>} An array of {@link ColorSpec} objects
+ *     representing the same colors passed in.
+ */
+function mapColors(colors: Array<string>): Array<ColorSpec> {
+  return colors.map((color) => createColorSpec(color));
+}
+
 /**
  * Provides a matcher to find the nearest color based on the provided list of
  * available colors.
@@ -136,30 +150,15 @@ function nearestColor(needle: RGB | string, colors: Array<ColorSpec>): string {
 export const nearestColorFrom = (
   availableColors: Array<string>
 ): ((hex: string) => string) => {
-  let colors = mapColors(availableColors);
-  var matcher = (hex: string) => nearestColor(hex, colors);
-  return matcher;
+  const colors = mapColors(availableColors);
+  return (hex: string) => nearestColor(hex, colors);
 };
 
 type ColorObject = {
   name: string;
   hex: string;
 };
 
-/**
- * Given either an array or object of colors, returns an array of
- * {@link ColorSpec} objects (with {@link RGB} values).
- *
- * @private
- * @param {Array.<string>|Object} colors An array of hex-based color strings, or
- *     an object mapping color *names* to hex values.
- * @return {Array.<ColorSpec>} An array of {@link ColorSpec} objects
- *     representing the same colors passed in.
- */
-function mapColors(colors: Array<string>): Array<ColorSpec> {
-  return colors.map((color) => createColorSpec(color));
-}
-
 /**
  * Parses a color from a string.
  *

src/tailwind/colors.ts

@@ -1,4 +1,4 @@
-import { nearestColorFrom } from "../nearest-color/nearesetColor";
+import { nearestColorFrom } from "../nearest-color/nearestColor";
 import { nearestValue } from "./conversionTables";
 
 // retrieve the SOLID color for tailwind

src/tailwind/conversionTables.ts

@@ -22,30 +22,6 @@ const pixelToTailwindValue = (
   ];
 };
 
-export const pxToMapLetterSpacing = (value: number) =>
-  pixelToTailwindValue(value, mapLetterSpacing);
-
-// visually, percent / 100 => rem works nicely
-export const percentToAbsoluteLineHeight = (value: number) =>
-  mapAbsoluteLineHeight[
-    nearestValue(
-      value / 100,
-      Object.keys(mapAbsoluteLineHeight).map((d) => +d)
-    )
-  ];
-
-export const pxToAbsoluteLineHeight = (value: number): string =>
-  pixelToTailwindValue(value, mapAbsoluteLineHeight);
-
-export const pxToFontSize = (value: number): string =>
-  pixelToTailwindValue(value, mapFontSize);
-
-export const pxToBorderRadius = (value: number): string =>
-  pixelToTailwindValue(value, mapBorderRadius);
-
-export const pxToLayoutSize = (value: number): string =>
-  pixelToTailwindValue(value, mapWidthHeightSize);
-
 const mapLetterSpacing: Record<number, string> = {
   "-0.05": "tighter",
   "-0.025": "tight",
@@ -110,3 +86,27 @@ const mapWidthHeightSize: Record<number, string> = {
   14: "56",
   16: "64",
 };
+
+export const pxToMapLetterSpacing = (value: number) =>
+  pixelToTailwindValue(value, mapLetterSpacing);
+
+// visually, percent / 100 => rem works nicely
+export const percentToAbsoluteLineHeight = (value: number) =>
+  mapAbsoluteLineHeight[
+    nearestValue(
+      value / 100,
+      Object.keys(mapAbsoluteLineHeight).map((d) => +d)
+    )
+  ];
+
+export const pxToAbsoluteLineHeight = (value: number): string =>
+  pixelToTailwindValue(value, mapAbsoluteLineHeight);
+
+export const pxToFontSize = (value: number): string =>
+  pixelToTailwindValue(value, mapFontSize);
+
+export const pxToBorderRadius = (value: number): string =>
+  pixelToTailwindValue(value, mapBorderRadius);
+
+export const pxToLayoutSize = (value: number): string =>
+  pixelToTailwindValue(value, mapWidthHeightSize);

webpack.config.js

@@ -6,7 +6,7 @@ const prod = mode === 'production';
 
 module.exports = {
     entry: './src/code.ts',
-    devtool: 'inline-source-map',
+    devtool: prod ? false : 'inline-source-map',
     resolve: {
         alias: {
             svelte: path.resolve('node_modules', 'svelte')
@@ -55,5 +55,4 @@ module.exports = {
             filename: '[name].css'
         })
     ],
-    devtool: prod ? false : 'source-map'
 };