@aienpah/nanoform 1.0.0

package/README.md

@@ -0,0 +1 @@
+just read me

package/dist/index.cjs

@@ -0,0 +1,103 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  VR: () => rules_default,
+  useForm: () => useForm_default,
+  validateForm: () => validateForm
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/useForm.ts
+var import_react = require("react");
+function useForm(initialValues, validate) {
+  const valuesRef = (0, import_react.useRef)({ ...initialValues });
+  const formRef = (0, import_react.useRef)(null);
+  const [errors, setErrors] = (0, import_react.useState)();
+  const [isSubmitting, setIsSubmitting] = (0, import_react.useState)(false);
+  function handleChange(e) {
+    const { name, value } = e.target;
+    valuesRef.current[name] = value;
+  }
+  function handleSubmit(onSubmit) {
+    return async (e) => {
+      e.preventDefault();
+      const currentValues = { ...valuesRef.current };
+      if (validate) {
+        const validateErrors = validate(currentValues);
+        setErrors(validateErrors);
+        if (Object.keys(validateErrors).length > 0) return;
+      }
+      try {
+        setIsSubmitting(true);
+        await onSubmit(currentValues);
+      } finally {
+        setIsSubmitting(false);
+        reset();
+      }
+    };
+  }
+  function reset() {
+    var _a;
+    valuesRef.current = { ...initialValues };
+    setErrors(void 0);
+    (_a = formRef.current) == null ? void 0 : _a.reset();
+  }
+  return {
+    formRef,
+    values: initialValues,
+    errors,
+    isSubmitting,
+    handleChange,
+    handleSubmit
+  };
+}
+var useForm_default = useForm;
+
+// src/validation/validateForm.ts
+function validateForm(schema, values) {
+  return Object.keys(schema).reduce(
+    (errors, key) => {
+      const rules = schema[key];
+      const value = values[key];
+      const error = rules.map((rule) => rule(value)).find(Boolean);
+      if (error) {
+        errors[key] = error;
+      }
+      return errors;
+    },
+    {}
+  );
+}
+
+// src/validation/rules.ts
+var VALIDATION_RULES = {
+  required: (message) => (val) => !val ? message || "\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0636\u0631\u0648\u0631\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F." : null,
+  phoneNumber: (message) => (val) => !/^[0-9]{10,15}$/.test(val) ? message || "\u0634\u0645\u0627\u0631\u0647\u200C\u062A\u0644\u0641\u0646 \u0645\u0639\u062A\u0628\u0631 \u0646\u0645\u06CC\u200C\u0628\u0627\u0634\u062F." : null,
+  email: (message) => (val) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val) || !val ? null : message || "\u0622\u062F\u0631\u0633 \u0627\u06CC\u0645\u06CC\u0644 \u0645\u0639\u062A\u0628\u0631 \u0646\u0645\u06CC\u200C\u0628\u0627\u0634\u062F."
+};
+var rules_default = VALIDATION_RULES;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VR,
+  useForm,
+  validateForm
+});

package/dist/index.d.cts

@@ -0,0 +1,27 @@
+import * as react from 'react';
+import { ChangeEvent, FormEvent } from 'react';
+
+type TErrors<T> = Partial<Record<keyof T, string>>;
+declare function useForm<T extends Record<string, string>>(initialValues: T, validate?: (values: T) => TErrors<T>): {
+    formRef: react.RefObject<HTMLFormElement | null>;
+    values: T;
+    errors: Partial<Record<keyof T, string>> | undefined;
+    isSubmitting: boolean;
+    handleChange: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleSubmit: (onSubmit: (values: T) => Promise<void> | void) => (e: FormEvent) => Promise<void>;
+};
+
+type TValidationRule = (val: string) => string | null;
+type TValidationSchema<T> = {
+    [K in keyof T]: TValidationRule[];
+};
+
+declare function validateForm<T extends Record<string, string>>(schema: TValidationSchema<T>, values: T): Partial<Record<keyof T, string>>;
+
+declare const VALIDATION_RULES: {
+    required: (message?: string) => TValidationRule;
+    phoneNumber: (message?: string) => TValidationRule;
+    email: (message?: string) => TValidationRule;
+};
+
+export { type TValidationSchema, VALIDATION_RULES as VR, useForm, validateForm };

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import * as react from 'react';
+import { ChangeEvent, FormEvent } from 'react';
+
+type TErrors<T> = Partial<Record<keyof T, string>>;
+declare function useForm<T extends Record<string, string>>(initialValues: T, validate?: (values: T) => TErrors<T>): {
+    formRef: react.RefObject<HTMLFormElement | null>;
+    values: T;
+    errors: Partial<Record<keyof T, string>> | undefined;
+    isSubmitting: boolean;
+    handleChange: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleSubmit: (onSubmit: (values: T) => Promise<void> | void) => (e: FormEvent) => Promise<void>;
+};
+
+type TValidationRule = (val: string) => string | null;
+type TValidationSchema<T> = {
+    [K in keyof T]: TValidationRule[];
+};
+
+declare function validateForm<T extends Record<string, string>>(schema: TValidationSchema<T>, values: T): Partial<Record<keyof T, string>>;
+
+declare const VALIDATION_RULES: {
+    required: (message?: string) => TValidationRule;
+    phoneNumber: (message?: string) => TValidationRule;
+    email: (message?: string) => TValidationRule;
+};
+
+export { type TValidationSchema, VALIDATION_RULES as VR, useForm, validateForm };

package/dist/index.js

@@ -0,0 +1,74 @@
+// src/useForm.ts
+import { useRef, useState } from "react";
+function useForm(initialValues, validate) {
+  const valuesRef = useRef({ ...initialValues });
+  const formRef = useRef(null);
+  const [errors, setErrors] = useState();
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  function handleChange(e) {
+    const { name, value } = e.target;
+    valuesRef.current[name] = value;
+  }
+  function handleSubmit(onSubmit) {
+    return async (e) => {
+      e.preventDefault();
+      const currentValues = { ...valuesRef.current };
+      if (validate) {
+        const validateErrors = validate(currentValues);
+        setErrors(validateErrors);
+        if (Object.keys(validateErrors).length > 0) return;
+      }
+      try {
+        setIsSubmitting(true);
+        await onSubmit(currentValues);
+      } finally {
+        setIsSubmitting(false);
+        reset();
+      }
+    };
+  }
+  function reset() {
+    var _a;
+    valuesRef.current = { ...initialValues };
+    setErrors(void 0);
+    (_a = formRef.current) == null ? void 0 : _a.reset();
+  }
+  return {
+    formRef,
+    values: initialValues,
+    errors,
+    isSubmitting,
+    handleChange,
+    handleSubmit
+  };
+}
+var useForm_default = useForm;
+
+// src/validation/validateForm.ts
+function validateForm(schema, values) {
+  return Object.keys(schema).reduce(
+    (errors, key) => {
+      const rules = schema[key];
+      const value = values[key];
+      const error = rules.map((rule) => rule(value)).find(Boolean);
+      if (error) {
+        errors[key] = error;
+      }
+      return errors;
+    },
+    {}
+  );
+}
+
+// src/validation/rules.ts
+var VALIDATION_RULES = {
+  required: (message) => (val) => !val ? message || "\u0627\u06CC\u0646 \u0641\u06CC\u0644\u062F \u0636\u0631\u0648\u0631\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F." : null,
+  phoneNumber: (message) => (val) => !/^[0-9]{10,15}$/.test(val) ? message || "\u0634\u0645\u0627\u0631\u0647\u200C\u062A\u0644\u0641\u0646 \u0645\u0639\u062A\u0628\u0631 \u0646\u0645\u06CC\u200C\u0628\u0627\u0634\u062F." : null,
+  email: (message) => (val) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(val) || !val ? null : message || "\u0622\u062F\u0631\u0633 \u0627\u06CC\u0645\u06CC\u0644 \u0645\u0639\u062A\u0628\u0631 \u0646\u0645\u06CC\u200C\u0628\u0627\u0634\u062F."
+};
+var rules_default = VALIDATION_RULES;
+export {
+  rules_default as VR,
+  useForm_default as useForm,
+  validateForm
+};

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@aienpah/nanoform",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsup src/index.ts --dts --format esm,cjs"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "keywords": [],
+  "author": "Aien Pahlevan",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.14",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}