fix: typescript issues fixed

.eslintrc.js

@@ -4,7 +4,7 @@ module.exports = {
   plugins: ['@typescript-eslint', 'node', 'prettier'],
   parserOptions: {
     tsconfigRootDir: __dirname,
-    project: ['./tsconfig.json'],
+    project: ['./tsconfig.json', './tsconfig.cli.json'],
   },
   extends: [
     'eslint:recommended',

cli/cli.ts

@@ -0,0 +1,55 @@
+#!/usr/bin/env node
+
+const nodemon = require('nodemon');
+import { program } from 'commander';
+import { readFileSync } from 'fs';
+import {
+  AllowedImageTypeList,
+  BlurHashMap,
+  ComponentRange,
+} from '../lib/blur-hash-map';
+
+interface CommanderActionOptions {
+  assets: string;
+  extensions: string;
+  componentX: string;
+  componentY: string;
+}
+const packageJson: Record<string, string> = JSON.parse(
+  readFileSync('./package.json', 'utf-8')
+);
+program
+  .version(packageJson.version)
+  .description(packageJson.description)
+  .option('-a, --assets <assets>', 'Required. Set path to your assets folder')
+  .option(
+    '-e, --extensions <extensions>',
+    'Optional. Define image file extensions. Default: jpg,jpeg,png,bmp,webp'
+  )
+  .option('-x, --componentX <componentX>', 'Optional. Default : 4')
+  .option('-y, --componentY <componentY>', 'Optional. Default : 3')
+  .action(async function (options: CommanderActionOptions) {
+    const blurHashGenerator = new BlurHashMap({
+      assetsRoot: options.assets,
+      imageExtensions: options.extensions.split(',') as AllowedImageTypeList,
+      components: {
+        x: parseInt(options.componentX) as ComponentRange,
+        y: parseInt(options.componentY) as ComponentRange,
+      },
+    });
+
+    await blurHashGenerator.init();
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+    nodemon({ watch: options.assets, ext: options.extensions + ',hash' })
+      .on('quit', function () {
+        throw 'nodemon exited';
+      })
+      .on('restart', function (changedFiles = []) {
+        for (const file of changedFiles) {
+          blurHashGenerator.generateOrDelete(file);
+        }
+      });
+  });
+
+program.parse(process.argv);

package.json

@@ -53,6 +53,7 @@
   "devDependencies": {
     "@ryansonshine/commitizen": "^4.2.8",
     "@ryansonshine/cz-conventional-changelog": "^3.3.4",
+    "@types/commander": "^2.12.2",
     "@types/glob": "^8.1.0",
     "@types/jest": "^27.5.2",
     "@types/node": "^12.20.11",

src/blur-hash-map.ts

@@ -8,7 +8,7 @@ import {
   renameSync,
 } from 'fs';
 import { extname, resolve } from 'path';
-type ComponentRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+export type ComponentRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 
 export type AllowedImageTypes = 'jpg' | 'jpeg' | 'png' | 'bmp' | 'webp';
 export type AllowedImageTypeList = AllowedImageTypes[];

src/index.ts

@@ -4,4 +4,5 @@ export type {
   BlurHashMapData,
   AllowedImageTypeList,
   DefaultComponentRatio,
+  ComponentRange,
 } from './blur-hash-map';

tsconfig.cli.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "CommonJS",
+    "outDir": "bin",
+    "rootDir": "./cli/",
+    "strict": true
+  },
+  "include": ["cli/*.ts"]
+}