check-rule-mate 0.5.6 → 0.5.8

package/bin/generate-docs-playground-experimental.js

@@ -265,17 +265,31 @@ function renderSchemas(schemas) {
             `}).join("")}
             <div style="display: flex; flex-direction: column;">
               <label for="check-rule-mate-validators">VALIDATORS</label>
-              <input name="check-rule-mate-validators" placeholder="Add the validator object/function/class name - example: myValidator" required/>
+              <select name="check-rule-mate-validators" required>
+                ${
+                  OPTIONS?.validators ? Object.keys(OPTIONS.validators).map((key) => `
+                    <option value=${key}>${key}</option>
+                  `)
+                  : ''
+                }
+              </select>
             </div>
             <div style="display: flex; flex-direction: column;">
               <label for="check-rule-mate-rules">RULES</label>
-              <input name="check-rule-mate-rules" placeholder="Add the rule file name - example: myRules" required/>
+              <select name="check-rule-mate-rules" required>
+                ${
+                  rulesFiles ? rulesFiles.map((rulesFile) => `
+                    <option value=${rulesFile.name}>${rulesFile.name}</option>
+                  `)
+                  : ''
+                }
+              </select>
             </div>
             <button type="submit">Validate Schema</button>
           </form>
           <div class="schema-test-result">
             <span>Result:</span>
-            <textarea id="textarea-schema-${schema.name}"></textarea>
+            <textarea id="textarea-schema-${schema.name}" readonly></textarea>
           </div>
         </div>
       </details>
@@ -554,7 +568,8 @@ function generateCSS() {
     color: #e5e7eb;
   }
 
-  .schema-test input {
+  .schema-test input,
+  .schema-test select {
     min-height: 28px;
     padding: 4px 8px 4px 8px;
     margin-bottom: 16px;
@@ -564,6 +579,11 @@ function generateCSS() {
     border: none;
     border-bottom: 1px solid white;
   }
+
+  .schema-test select option {
+    background-color: #020617;
+    color: #e5e7eb;
+  }
   `;
 }
 
@@ -591,7 +611,7 @@ function generateClientJS() {
       formElements.forEach((formElement) => {
         formElement.addEventListener('submit', async (e) => {
           e.preventDefault();
-          const inputElements = formElement.querySelectorAll('input');
+          const inputElements = formElement.querySelectorAll('input, select');
           const formName = formElement.dataset.form.split('--')[1];
           const formData = {};
           inputElements.forEach((inputElement) => {

package/{src/index.d.ts → index.d.ts}

@@ -153,37 +153,35 @@ export interface ValidatorHooks {
   onValidateEnd?: onValidateEnd
 }
 
-export interface onValidateStart {
-  /** Returns the payload of hook */
+export type onValidateStart = (
   payload: onValidateStartPayload
-}
+) => void | Promise<void>
 
-export interface onValidateFieldStart {
-  /** Returns the payload of hook */
+export type onValidateFieldStart = (
   payload: onValidateFieldStartPayload
-}
+) => void | Promise<void>
 
-export interface onValidateFieldError {
-  /** Returns the payload of hook */
+export type onValidateFieldError = (
   payload: onValidateFieldErrorPayload
-}
+) => void | Promise<void>
 
-export interface onValidateFieldSuccess {
-  /** Returns the payload of hook */
+export type onValidateFieldSuccess = (
   payload: onValidateFieldSuccessPayload
-}
+) => void | Promise<void>
 
-export interface onValidateEnd {
-  /** Returns the payload of hook */
+export type onValidateEnd = (
   payload: onValidateEndPayload
-}
+) => void | Promise<void>
 
+/**
+ * Hook payloads
+ */
 export interface onValidateStartPayload {
   /** Form data object */
   data: Object
 }
 
-export interface onValidateFieldStart {
+export interface onValidateFieldStartPayload {
   /** Field name */
   field: string
 
@@ -194,7 +192,7 @@ export interface onValidateFieldStart {
   schemaField: SchemaRuleField
 }
 
-export interface onValidateFieldError {
+export interface onValidateFieldErrorPayload {
   /** Field name */
   field: string
 
@@ -208,7 +206,7 @@ export interface onValidateFieldError {
   error: CheckError
 }
 
-export interface onValidateFieldSuccess {
+export interface onValidateFieldSuccessPayload {
   /** Field name */
   field: string
 
@@ -226,3 +224,23 @@ export interface onValidateEndPayload {
   /** Form errors  */
   errors?: Record<string, CheckError>
 }
+
+export function createValidator(
+  data: Record<string, any>,
+  options: {
+    validationHelpers?: Record<string, any>
+    rules: Record<string, any>
+    schema: Record<string, any>
+    errorMessages?: Record<string, string>
+    hooks?: ValidatorHooks
+    options?: {
+      propertiesMustMatch?: boolean
+      abortEarly?: boolean
+      cache?: boolean
+    }
+  }
+): {
+  validate(): Promise<{ ok?: true; error?: true; errors?: any }>
+  validateField(field: string): Promise<any>
+  setData(data: Record<string, any>): void
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "check-rule-mate",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "description": "",
   "main": "./dist/main.cjs.js",
   "type": "commonjs",