@regle/core 0.0.8 → 0.0.10

package/dist/index.js

@@ -266,6 +266,35 @@ function isEmpty(value) {
 // src/utils/composables.ts
 import { effectScope, getCurrentScope, onScopeDispose as onScopeDispose2 } from "vue";
 
+// src/utils/debounce.ts
+function debounce(func, wait, immediate) {
+  let timeout;
+  const debouncedFn = (...args) => new Promise((resolve) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      timeout = void 0;
+      if (!immediate) {
+        void Promise.resolve(func.apply(this, [...args])).then(resolve);
+      }
+    }, wait);
+    if (immediate && !timeout) {
+      void Promise.resolve(func.apply(this, [...args])).then(resolve);
+    }
+  });
+  debouncedFn.cancel = () => {
+    clearTimeout(timeout);
+    timeout = void 0;
+  };
+  debouncedFn.doImmediately = (...args) => new Promise((resolve) => {
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      timeout = void 0;
+      void Promise.resolve(func.apply(this, [...args])).then(resolve);
+    }, 0);
+  });
+  return debouncedFn;
+}
+
 // src/core/useRegle/guards/ruleDef.guards.ts
 function isNestedRulesDef(state, rule) {
   return isObject(state.value) && isObject(rule.value) && !Object.entries(rule.value).some((rule2) => isRuleDef(rule2));
@@ -571,8 +600,11 @@ function createReactiveFieldStatus({
   function createReactiveRulesResult() {
     const declaredRules = rulesDef.value;
     const storeResult = storage.checkRuleDeclEntry(path, declaredRules);
+    $localOptions.value = Object.fromEntries(
+      Object.entries(declaredRules).filter(([ruleKey]) => ruleKey.startsWith("$"))
+    );
     $rules.value = Object.fromEntries(
-      Object.entries(declaredRules).map(([ruleKey, rule]) => {
+      Object.entries(declaredRules).filter(([ruleKey]) => !ruleKey.startsWith("$")).map(([ruleKey, rule]) => {
         if (rule) {
           const ruleRef = toRef2(() => rule);
           return [
@@ -605,15 +637,17 @@ function createReactiveFieldStatus({
     storage.setDirtyEntry(path, $dirty.value);
   });
   const $unwatchState = watch2(state, () => {
-    if (unref2(options.autoDirty)) {
+    if (scopeState.$autoDirty.value) {
       if (!$dirty.value) {
         $dirty.value = true;
       }
     }
-    if (!unref2(options.lazy)) {
+    if (!scopeState.$lazy.value) {
       $commit();
+      if (!scopeState.$rewardEarly.value !== false) {
+        $clearExternalErrors();
+      }
     }
-    $externalErrors.value = [];
   });
   function $unwatch() {
     if ($rules.value) {
@@ -633,11 +667,32 @@ function createReactiveFieldStatus({
   }
   function $watch() {
     scopeState = scope.run(() => {
+      const $debounce = computed3(() => {
+        return $localOptions.value.$debounce;
+      });
+      const $lazy = computed3(() => {
+        if ($localOptions.value.$lazy) {
+          return $localOptions.value.$lazy;
+        }
+        return unref2(options.lazy);
+      });
+      const $rewardEarly = computed3(() => {
+        if ($localOptions.value.$rewardEarly) {
+          return $localOptions.value.$rewardEarly;
+        }
+        return unref2(options.rewardEarly);
+      });
+      const $autoDirty = computed3(() => {
+        if ($localOptions.value.$autoDirty) {
+          return $localOptions.value.$autoDirty;
+        }
+        return unref2(options.autoDirty);
+      });
       const $error = computed3(() => {
         return $invalid.value && !$pending.value && $dirty.value;
       });
       const $pending = computed3(() => {
-        if (triggerPunishment.value || !unref2(options.rewardEarly)) {
+        if (triggerPunishment.value || !$rewardEarly.value) {
           return Object.entries($rules.value).some(([key, ruleResult]) => {
             return ruleResult.$pending;
           });
@@ -645,7 +700,9 @@ function createReactiveFieldStatus({
         return false;
       });
       const $invalid = computed3(() => {
-        if (triggerPunishment.value || !unref2(options.rewardEarly)) {
+        if ($externalErrors.value?.length) {
+          return true;
+        } else if (triggerPunishment.value || !$rewardEarly.value) {
           return Object.entries($rules.value).some(([key, ruleResult]) => {
             return !ruleResult.$valid;
           });
@@ -653,7 +710,9 @@ function createReactiveFieldStatus({
         return false;
       });
       const $valid = computed3(() => {
-        if (unref2(options.rewardEarly)) {
+        if ($externalErrors.value?.length) {
+          return false;
+        } else if ($rewardEarly.value) {
           return Object.entries($rules.value).every(([key, ruleResult]) => {
             return ruleResult.$valid;
           });
@@ -665,14 +724,19 @@ function createReactiveFieldStatus({
         $error,
         $pending,
         $invalid,
-        $valid
+        $valid,
+        $debounce,
+        $lazy,
+        $rewardEarly,
+        $autoDirty
       };
     });
   }
   const $rules = ref2();
+  const $localOptions = ref2();
   createReactiveRulesResult();
   const $unwatchValid = watch2(scopeState.$valid, (valid) => {
-    if (unref2(options.rewardEarly) && valid) {
+    if (scopeState.$rewardEarly.value && valid) {
       triggerPunishment.value = false;
     }
   });
@@ -683,15 +747,18 @@ function createReactiveFieldStatus({
   function $touch() {
     $dirty.value = true;
   }
-  function $commit() {
+  const $commit = debounce($commitHandler, scopeState.$debounce.value ?? 0);
+  function $commitHandler() {
     Object.entries($rules.value).map(([key, rule]) => {
       return rule.$validate();
     });
   }
-  async function $validate() {
+  const $validate = debounce($validateHandler, scopeState.$debounce.value ?? 0);
+  async function $validateHandler() {
     try {
+      $clearExternalErrors();
       triggerPunishment.value = true;
-      const results = await Promise.all(
+      const results = await Promise.allSettled(
         Object.entries($rules.value).map(([key, rule]) => {
           return rule.$validate();
         })

package/package.json

@@ -1,15 +1,9 @@
 {
   "name": "@regle/core",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "Vue form validator",
-  "scripts": {
-    "lint": "eslint --ext .ts --ext .vue .",
-    "typecheck": "tsc --noEmit",
-    "release": "npm publish",
-    "build": "tsup",
-    "build:local": "tsup --clean false",
-    "dev": "tsup --config=tsup.dev.ts --watch",
-    "test": "echo 'no tests'"
+  "peerDependencies": {
+    "vue": "> 3.1.0"
   },
   "devDependencies": {
     "@total-typescript/ts-reset": "0.5.1",
@@ -51,5 +45,14 @@
     "name": "Victor Garcia",
     "url": "https://github.com/victorgarciaesgi"
   },
-  "license": "MIT"
-}
+  "license": "MIT",
+  "scripts": {
+    "lint": "eslint --ext .ts --ext .vue .",
+    "typecheck": "tsc --noEmit",
+    "release": "pnpm publish --report-summary",
+    "build": "tsup",
+    "build:local": "tsup --clean false",
+    "dev": "tsup --config=tsup.dev.ts --watch",
+    "test": "echo 'no tests'"
+  }
+}