refactor: Minor cleanup

Author: tjtanjin

.prettierrc

@@ -0,0 +1,7 @@
+{
+	"useTabs": true,
+	"tabWidth": 4,
+	"printWidth": 120,
+	"singleQuote": true,
+	"trailingComma": "es5"
+}

CHANGELOG.md

@@ -1,3 +1,8 @@
+## v0.3.0 (11-06-2025)
+
+**Note:**
+Minor plugin update and keyword changes.
+
 ## v0.2.0 (26-02-2024)
 
 **Breaking Changes:**

package-lock.json

@@ -3,17 +3,15 @@
   "homepage": "https://github.com/React-ChatBotify-Plugins/input-validator",
   "keywords": [
     "react",
-    "chat",
-    "chatbot",
-    "conversational-bot",
-    "conversational-ui",
     "frontend-library",
-    "plugins"
+    "plugins",
+    "react-chatbotify",
+    "react-chatbotify-plugin"
   ],
   "files": [
     "./dist"
   ],
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A lightweight plugin to validate user input with visual feedbacks in React ChatBotify!",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -32,7 +30,8 @@
   "scripts": {
     "start": "vite serve",
     "build": "tsc -b && vite build",
-    "lint": "eslint .",
+    "lint": "eslint --fix \"**/*.{ts,tsx}\"",
+    "format": "prettier --write \"{src,test,types}/**/*.{ts,tsx,js,json,md}\"",
     "preview": "vite preview",
     "prepack": "tsc && vite build",
     "unit:test": "jest __tests__/"
@@ -45,6 +44,7 @@
   },
   "peerDependencies": {
     "react": "^18.3.1",
+    "react-chatbotify": "^2.0.0-beta.38",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
@@ -61,9 +61,9 @@
     "globals": "^15.9.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
-    "ts-jest": "^29.2.6",
     "jest-environment-jsdom": "^29.7.0",
-    "react-chatbotify": "^2.0.0-beta.24",
+    "prettier": "^3.5.3",
+    "ts-jest": "^29.2.6",
     "typescript": "^5.5.3",
     "typescript-eslint": "^8.7.0",
     "vite": "^5.4.8",

package.json

@@ -1,62 +1,57 @@
-import ChatBot, { Flow } from "react-chatbotify";
-
-import RcbPlugin from "./factory/RcbPluginFactory";
-import { InputValidatorBlock } from "./types/InputValidatorBlock";
-import { validateFile } from "./utils/validateFile";
-
-const App = () => {
-  // Initialize the plugin
-  const plugins = [RcbPlugin()];
-
-  // Example flow for testing
-  const flow: Flow = {
-    start: {
-      message: "Hey there! Please enter your age.",
-      path: "age_validation",
-      validateTextInput: (userInput?: string) => {
-        if (userInput && !Number.isNaN(Number(userInput))) {
-          return { success: true };
-        }
-        return {
-          success: false,
-          promptContent: "Age must be a number!",
-          promptDuration: 3000,
-          promptType: "error",
-          highlightTextArea: true,
-        };
-      },
-    } as InputValidatorBlock,
-
-    age_validation: {
-      message:
-        "Great! Now please upload a profile picture (JPEG or PNG) or provide a URL.",
-      path: "file_upload_validation",
-      chatDisabled: true, // Text input is disabled
-      validateFileInput: (file?: File) => {
-        return validateFile(file); // Validation is handled here
-      },
-      file: async ({ files }) => {
-        console.log("Files received:", files);
-    
-        if (files && files[0]) {
-          console.log("File uploaded successfully:", files[0]);
-        } else {
-          console.error("No file provided.");
-        }
-      },
-    } as InputValidatorBlock,
-    
-
-    file_upload_validation: {
-      message:
-        "Thank you! Your input has been received. You passed the validation!",
-      path: "start",
-    },
-  };
-
-  return (
-    <ChatBot id="chatbot-id" plugins={plugins} flow={flow}></ChatBot>
-  );
-};
-
-export default App;
+import ChatBot, { Flow } from 'react-chatbotify';
+
+import RcbPlugin from './factory/RcbPluginFactory';
+import { InputValidatorBlock } from './types/InputValidatorBlock';
+import { validateFile } from './utils/validateFile';
+
+const App = () => {
+	// Initialize the plugin
+	const plugins = [RcbPlugin()];
+
+	// Example flow for testing
+	const flow: Flow = {
+		start: {
+			message: 'Hey there! Please enter your age.',
+			path: 'age_validation',
+			validateTextInput: (userInput?: string) => {
+				if (userInput && !Number.isNaN(Number(userInput))) {
+					return { success: true };
+				}
+				return {
+					success: false,
+					promptContent: 'Age must be a number!',
+					promptDuration: 3000,
+					promptType: 'error',
+					highlightTextArea: true,
+				};
+			},
+		} as InputValidatorBlock,
+
+		age_validation: {
+			message: 'Great! Now please upload a profile picture (JPEG or PNG) or provide a URL.',
+			path: 'file_upload_validation',
+			chatDisabled: true, // Text input is disabled
+			validateFileInput: (file?: File) => {
+				return validateFile(file); // Validation is handled here
+			},
+			file: async ({ files }) => {
+				console.log('Files received:', files);
+
+				if (files && files[0]) {
+					console.log('File uploaded successfully:', files[0]);
+				} else {
+					console.error('No file provided.');
+				}
+			},
+		} as InputValidatorBlock,
+
+		file_upload_validation: {
+			message: 'Thank you! Your input has been received. You passed the validation!',
+			path: 'start',
+		},
+	};
+
+	return <ChatBot id="chatbot-id" plugins={plugins} flow={flow}></ChatBot>;
+};
+
+export default App;

src/App.tsx

@@ -4,21 +4,21 @@
 export const DefaultPluginConfig = {
 	autoConfig: true, // defaults to true to help users enable required events
 	promptBaseColors: {
-		"info": "#007bff",
-		"warning": "#ffc107",
-		"error": "#dc3545",
-		"success": "#28a745",
+		info: '#007bff',
+		warning: '#ffc107',
+		error: '#dc3545',
+		success: '#28a745',
 	},
 	promptHoveredColors: {
-		"info": "#0056b3",
-        "warning": "#d39e00",
-        "error": "#c82333",
-        "success": "#218838",
+		info: '#0056b3',
+		warning: '#d39e00',
+		error: '#c82333',
+		success: '#218838',
 	},
 	textAreaHighlightColors: {
-		"info": "#007bff",
-		"warning": "#ffc107",
-		"error": "#dc3545",
-		"success": "#28a745",
-	}
-}
+		info: '#007bff',
+		warning: '#ffc107',
+		error: '#dc3545',
+		success: '#28a745',
+	},
+};