style: standardize code formatting and add husky pre-commit hooks

Author: ahnv

.vscode/settings.json

@@ -1,14 +1,13 @@
 {
-    "editor.tabSize": 2,
-    "typescript.preferences.importModuleSpecifier": "relative",
-    "prettier.bracketSpacing": false,
-    "editor.formatOnSave": true,
-    "editor.formatOnSaveMode": "file",
-    "editor.codeActionsOnSave": {
-      "source.addMissingImports.ts": "always",
-      "source.fixAll.eslint": "always",
-      "source.organizeImports": "always"
-    },
-    "typescript.tsdk": "node_modules/typescript/lib"
-  }
-  
+  "editor.tabSize": 2,
+  "typescript.preferences.importModuleSpecifier": "relative",
+  "prettier.bracketSpacing": false,
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+  "editor.codeActionsOnSave": {
+    "source.addMissingImports.ts": "always",
+    "source.fixAll.eslint": "always",
+    "source.organizeImports": "always"
+  },
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

admin/src/translations/en.ts

@@ -11,9 +11,9 @@ const en = {
           success: 'Successfully imported {successful} of {total} files',
           warning: 'Import completed with warnings: {message}',
           complete: 'Import process failed',
-          error: 'Error importing files: {message} {details}'
-        }
-      }
+          error: 'Error importing files: {message} {details}',
+        },
+      },
     },
     settings: {
       state: {

admin/src/utils/url.ts

@@ -1,12 +1,12 @@
 export function removeTrailingSlash(str: string) {
-  if (typeof str == "string" && str[str.length - 1] == "/") {
+  if (typeof str == 'string' && str[str.length - 1] == '/') {
     str = str.substring(0, str.length - 1);
   }
   return str;
 }
 
 export function removeLeadingSlash(str: string) {
-  if (typeof str == "string" && str[0] == "/") {
+  if (typeof str == 'string' && str[0] == '/') {
     str = str.slice(1);
   }
   return str;

common/pluginId.ts

@@ -1,3 +1 @@
-import * as pluginPkg from '../package.json';
-
-export const PLUGIN_ID = pluginPkg.strapi.name;
+export const PLUGIN_ID = 'imagekit';

common/tsconfig.json

@@ -3,6 +3,7 @@
   "include": ["./src", "./custom.d.ts"],
   "compilerOptions": {
     "rootDir": "../",
-    "baseUrl": "."
+    "baseUrl": ".",
+    "resolveJsonModule": true
   }
 }

package.json

@@ -23,7 +23,13 @@
     "dist"
   ],
   "scripts": {
-    "build": "strapi-plugin build",
+    "prepare": "husky install",
+    "publish:latest": "npm publish --tag latest",
+    "publish:beta": "npm publish --tag beta",
+    "build": "yarn clean && strapi-plugin build",
+    "clean": "rm -rf dist",
+    "lint": "prettier --check .",
+    "format": "prettier --write .",
     "watch": "strapi-plugin watch",
     "watch:link": "strapi-plugin watch:link",
     "verify": "strapi-plugin verify",
@@ -48,6 +54,7 @@
     "@strapi/upload": "^5.13.0",
     "@types/react": "^19.1.3",
     "@types/react-dom": "^19.1.4",
+    "husky": "^9.1.7",
     "prettier": "^3.5.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -88,5 +95,10 @@
       "email": "[email protected]"
     }
   ],
-  "packageManager": "[email protected]"
-}
+  "packageManager": "[email protected]",
+  "husky": {
+    "hooks": {
+      "pre-commit": "yarn format"
+    }
+  }
+}

server/src/controllers/webhook.ts

@@ -8,7 +8,7 @@ const webhookController = ({ strapi }: { strapi: Core.Strapi }) => ({
   async handleWebhook(ctx: any) {
     try {
       const { body } = ctx.request;
-      
+
       // Validate the webhook payload
       if (!body || !body.eventType || !body.data || !Array.isArray(body.data)) {
         return ctx.badRequest({
@@ -17,7 +17,7 @@ const webhookController = ({ strapi }: { strapi: Core.Strapi }) => ({
           details: 'The webhook payload must contain eventType and an array of data items',
         });
       }
-      
+
       if (body.data.length === 0) {
         return ctx.badRequest({
           status: 'error',
@@ -27,11 +27,8 @@ const webhookController = ({ strapi }: { strapi: Core.Strapi }) => ({
       }
 
       // Process the webhook data
-      const result = await strapi
-        .plugin('imagekit')
-        .service('webhook')
-        .processWebhook(body);
-      
+      const result = await strapi.plugin('imagekit').service('webhook').processWebhook(body);
+
       // Check if we got any successful imports
       if (result && result.length > 0) {
         // Add statistics for successful imports vs attempted imports
@@ -61,7 +58,7 @@ const webhookController = ({ strapi }: { strapi: Core.Strapi }) => ({
       }
     } catch (error: any) {
       strapi.log.error('[ImageKit Webhook Controller] Error handling webhook:', error);
-      
+
       // Return a structured error response
       return ctx.badRequest({
         status: 'error',

server/src/register.ts

@@ -9,6 +9,10 @@ import { getService } from './utils/getService';
 function toImageKitUrl(src: string, settings: Settings, client: ImageKit): string {
   const endpoint = settings.urlEndpoint;
 
+  if (!endpoint) {
+    return src;
+  }
+
   if (src.startsWith(endpoint)) {
     return client.url({
       src,

yarn.lock

@@ -8460,6 +8460,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"husky@npm:^9.1.7":
+  version: 9.1.7
+  resolution: "husky@npm:9.1.7"
+  bin:
+    husky: bin.js
+  checksum: 10c0/35bb110a71086c48906aa7cd3ed4913fb913823715359d65e32e0b964cb1e255593b0ae8014a5005c66a68e6fa66c38dcfa8056dbbdfb8b0187c0ffe7ee3a58f
+  languageName: node
+  linkType: hard
+
 "iconv-lite@npm:0.4.13":
   version: 0.4.13
   resolution: "iconv-lite@npm:0.4.13"
@@ -13325,6 +13334,7 @@ __metadata:
     "@types/react": "npm:^19.1.3"
     "@types/react-dom": "npm:^19.1.4"
     formik: "npm:^2.4.6"
+    husky: "npm:^9.1.7"
     imagekit: "npm:^6.0.0"
     imagekit-media-library-widget: "npm:^2.1.1"
     lodash: "npm:^4.17.21"