@reformer/core 11.0.0-beta.2 → 11.0.0-beta.4

package/dist/strategy-DA3JwxsR.js

@@ -0,0 +1,170 @@
+import { signal as A, effect as M } from "@preact/signals-core";
+import { e as W } from "./create-model-Dxh9cfLp.js";
+import { g as v } from "./signal-node-registry-tiwel-TV.js";
+let g = null;
+function E(e, n) {
+  const t = g;
+  g = e;
+  try {
+    return n();
+  } finally {
+    g = t;
+  }
+}
+function u(e) {
+  if (!g)
+    throw new Error(
+      `[@reformer/core/validation] "${e}" вызван вне схемы валидации — операторы валидации можно вызывать только внутри прогона validateModel(...) (напрямую или через apply/each).`
+    );
+  return g;
+}
+function m(e, n) {
+  let t = e.errors.get(n);
+  return t || e.errors.set(n, t = []), t;
+}
+const b = (e) => e.whenStack.every((n) => n());
+function D(e, n) {
+  const t = u("validate"), r = m(t, e);
+  if (!b(t)) return;
+  const o = e.peek();
+  for (const a of n) {
+    const i = a(o, t.model, t.model);
+    i && r.push(i);
+  }
+}
+function N(e, n) {
+  const t = u("validateAsync"), r = m(t, e);
+  if (!b(t)) return;
+  const o = e.peek(), a = t.signal;
+  for (const i of n)
+    t.pending.push(
+      i(o, { signal: a }).then(
+        (s) => {
+          s && !a.aborted && r.push(s);
+        },
+        () => {
+        }
+      )
+    );
+}
+function R(e, n) {
+  const t = u("validateWhen");
+  t.whenStack.push(e);
+  try {
+    n();
+  } finally {
+    t.whenStack.pop();
+  }
+}
+function _(e, n) {
+  const t = u("cross"), r = m(t, e);
+  if (!b(t)) return;
+  const o = n(t.model.get());
+  o && r.push(o);
+}
+function $(e, n) {
+  u("each");
+  const t = e.length;
+  for (let r = 0; r < t; r++) n(e.at(r));
+}
+function j(...e) {
+  const t = u("apply").model;
+  for (const r of e) r({ model: t });
+}
+function z(e) {
+  return e;
+}
+const x = /* @__PURE__ */ new WeakMap();
+function L(e, n) {
+  let t = x.get(e);
+  t || x.set(e, t = /* @__PURE__ */ new WeakMap());
+  let r = t.get(n);
+  return r || t.set(n, r = { fields: /* @__PURE__ */ new Set(), ac: null }), r;
+}
+const P = (e) => {
+  for (const n of e.values()) for (const t of n) if (t.severity !== "warning") return !0;
+  return !1;
+};
+function T(e) {
+  return e.aborted ? Promise.resolve() : new Promise((n) => {
+    e.addEventListener("abort", () => n(), { once: !0 });
+  });
+}
+async function C(e, n, t) {
+  const r = L(e, n);
+  r.ac?.abort();
+  const o = new AbortController();
+  r.ac = o;
+  const a = {
+    model: e,
+    errors: /* @__PURE__ */ new Map(),
+    pending: [],
+    whenStack: [],
+    signal: o.signal
+  };
+  if (E(a, () => n({ model: e })), a.pending.length && await Promise.race([Promise.all(a.pending), T(o.signal)]), o.signal.aborted) return !1;
+  const i = new Set(a.errors.keys());
+  for (const s of r.fields) i.has(s) || v(s)?.setErrors([]);
+  for (const s of i) v(s)?.setErrors(a.errors.get(s) ?? []);
+  if (t?.touch) for (const s of i) v(s)?.markAsTouched();
+  return r.fields = i, !P(a.errors);
+}
+function G(e, n, t = {}) {
+  const { strategy: r = "submit", debounce: o = 0, liveAfterSubmit: a = "change" } = t, i = A(!1);
+  let s = 0, y = !1, f, c;
+  const w = async (l) => {
+    s++, i.value = !0;
+    try {
+      return await C(e, n, { touch: l });
+    } finally {
+      --s === 0 && (i.value = !1);
+    }
+  }, p = () => {
+    w(!1);
+  }, F = () => {
+    if (!o) {
+      p();
+      return;
+    }
+    c && clearTimeout(c), c = setTimeout(p, o);
+  }, k = (l, d) => {
+    let S = !0;
+    return M(() => {
+      if (W(e, l), S) {
+        S = !1;
+        return;
+      }
+      r === "afterFirstSubmit" && !y || d();
+    });
+  }, h = {
+    async validate() {
+      return y = !0, w(!0);
+    },
+    start() {
+      if (f) return () => h.dispose();
+      const l = r === "afterFirstSubmit" ? a : r;
+      return l === "change" ? f = k((d) => void d.value, F) : l === "blur" && (f = k((d) => void v(d)?.touched.value, p)), () => h.dispose();
+    },
+    dispose() {
+      c && (clearTimeout(c), c = void 0), f?.(), f = void 0;
+    },
+    get isValidating() {
+      return i.value;
+    },
+    get validating() {
+      return i;
+    }
+  };
+  return h;
+}
+export {
+  N as a,
+  R as b,
+  _ as c,
+  j as d,
+  $ as e,
+  z as f,
+  C as g,
+  G as h,
+  D as v
+};

package/dist/validation.d.ts

@@ -1,2 +1,2 @@
-export * from './form/validation-schema'
+export * from './form/validation/index'
 export {}

package/dist/validation.js

@@ -1,167 +1,12 @@
-import { signal as M, effect as E } from "@preact/signals-core";
-import { e as L } from "./form-model-DhW2HZOB.js";
-import { g as p } from "./signal-node-registry-tiwel-TV.js";
-let v = null;
-function f(e) {
-  if (!v)
-    throw new Error(
-      `[@reformer/core/validation] "${e}" вызван вне схемы валидации — операторы валидации можно вызывать только внутри прогона validateModel(...) (напрямую или через apply/each).`
-    );
-  return v;
-}
-function b(e, r) {
-  let t = e.errors.get(r);
-  return t || e.errors.set(r, t = []), t;
-}
-const y = (e) => e.whenStack.every((r) => r());
-function D(e, r) {
-  const t = f("validate"), n = b(t, e);
-  if (!y(t)) return;
-  const o = e.peek();
-  for (const i of r) {
-    const s = i(o, t.model, t.model);
-    s && n.push(s);
-  }
-}
-function N(e, r) {
-  const t = f("validateAsync"), n = b(t, e);
-  if (!y(t)) return;
-  const o = e.peek(), i = t.signal;
-  for (const s of r)
-    t.pending.push(
-      s(o, { signal: i }).then(
-        (a) => {
-          a && !i.aborted && n.push(a);
-        },
-        () => {
-        }
-      )
-    );
-}
-function R(e, r) {
-  const t = f("validateWhen");
-  t.whenStack.push(e);
-  try {
-    r();
-  } finally {
-    t.whenStack.pop();
-  }
-}
-function _(e, r) {
-  const t = f("cross"), n = b(t, e);
-  if (!y(t)) return;
-  const o = r(t.model.get());
-  o && n.push(o);
-}
-function $(e, r) {
-  f("each");
-  const t = e.length;
-  for (let n = 0; n < t; n++) r(e.at(n));
-}
-function j(...e) {
-  const t = f("apply").model;
-  for (const n of e) n({ model: t });
-}
-function z(e) {
-  return e;
-}
-const F = /* @__PURE__ */ new WeakMap();
-function P(e, r) {
-  let t = F.get(e);
-  t || F.set(e, t = /* @__PURE__ */ new WeakMap());
-  let n = t.get(r);
-  return n || t.set(r, n = { fields: /* @__PURE__ */ new Set(), ac: null }), n;
-}
-const T = (e) => {
-  for (const r of e.values()) for (const t of r) if (t.severity !== "warning") return !0;
-  return !1;
-};
-function W(e) {
-  return e.aborted ? Promise.resolve() : new Promise((r) => {
-    e.addEventListener("abort", () => r(), { once: !0 });
-  });
-}
-async function V(e, r, t) {
-  const n = P(e, r);
-  n.ac?.abort();
-  const o = new AbortController();
-  n.ac = o;
-  const i = {
-    model: e,
-    errors: /* @__PURE__ */ new Map(),
-    pending: [],
-    whenStack: [],
-    signal: o.signal
-  }, s = v;
-  v = i;
-  try {
-    r({ model: e });
-  } finally {
-    v = s;
-  }
-  if (i.pending.length && await Promise.race([Promise.all(i.pending), W(o.signal)]), o.signal.aborted) return !1;
-  const a = new Set(i.errors.keys());
-  for (const c of n.fields) a.has(c) || p(c)?.setErrors([]);
-  for (const c of a) p(c)?.setErrors(i.errors.get(c) ?? []);
-  if (t?.touch) for (const c of a) p(c)?.markAsTouched();
-  return n.fields = a, !T(i.errors);
-}
-function G(e, r, t = {}) {
-  const { strategy: n = "submit", debounce: o = 0, liveAfterSubmit: i = "change" } = t, s = M(!1);
-  let a = 0, c = !1, w = !1, d, l;
-  const k = async (u) => {
-    a++, s.value = !0;
-    try {
-      return await V(e, r, { touch: u });
-    } finally {
-      --a === 0 && (s.value = !1);
-    }
-  }, h = () => {
-    k(!1);
-  }, A = () => {
-    if (!o) {
-      h();
-      return;
-    }
-    l && clearTimeout(l), l = setTimeout(h, o);
-  }, S = (u, g) => {
-    let x = !0;
-    return E(() => {
-      if (L(e, u), x) {
-        x = !1;
-        return;
-      }
-      n === "afterFirstSubmit" && !c || g();
-    });
-  }, m = {
-    async validate() {
-      return c = !0, k(!0);
-    },
-    start() {
-      if (w || d) return () => m.dispose();
-      const u = n === "afterFirstSubmit" ? i : n;
-      return u === "change" ? d = S((g) => void g.value, A) : u === "blur" && (d = S((g) => void p(g)?.touched.value, h)), () => m.dispose();
-    },
-    dispose() {
-      w = !0, l && (clearTimeout(l), l = void 0), d?.(), d = void 0;
-    },
-    get isValidating() {
-      return s.value;
-    },
-    get validating() {
-      return s;
-    }
-  };
-  return m;
-}
+import { d as s, h as d, c as i, f as l, e as t, v as o, a as c, g as n, b as r } from "./strategy-DA3JwxsR.js";
 export {
-  j as apply,
-  G as createFormValidation,
-  _ as cross,
-  z as defineValidationSchema,
-  $ as each,
-  D as validate,
-  N as validateAsync,
-  V as validateModel,
-  R as validateWhen
+  s as apply,
+  d as createFormValidation,
+  i as cross,
+  l as defineValidationSchema,
+  t as each,
+  o as validate,
+  c as validateAsync,
+  n as validateModel,
+  r as validateWhen
 };

package/dist/validators/email.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/email'
+export * from '../form/validators/email'
 export {}

package/dist/validators/future-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/future-date'
+export * from '../form/validators/future-date'
 export {}

package/dist/validators/integer.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/integer'
+export * from '../form/validators/integer'
 export {}

package/dist/validators/is-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/is-date'
+export * from '../form/validators/is-date'
 export {}

package/dist/validators/is-number.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/is-number'
+export * from '../form/validators/is-number'
 export {}

package/dist/validators/max-age.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max-age'
+export * from '../form/validators/max-age'
 export {}

package/dist/validators/max-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max-date'
+export * from '../form/validators/max-date'
 export {}

package/dist/validators/max-length.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max-length'
+export * from '../form/validators/max-length'
 export {}

package/dist/validators/max.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/max'
+export * from '../form/validators/max'
 export {}

package/dist/validators/min-age.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min-age'
+export * from '../form/validators/min-age'
 export {}

package/dist/validators/min-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min-date'
+export * from '../form/validators/min-date'
 export {}

package/dist/validators/min-length.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min-length'
+export * from '../form/validators/min-length'
 export {}

package/dist/validators/min.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/min'
+export * from '../form/validators/min'
 export {}

package/dist/validators/multiple-of.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/multiple-of'
+export * from '../form/validators/multiple-of'
 export {}

package/dist/validators/non-negative.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/non-negative'
+export * from '../form/validators/non-negative'
 export {}

package/dist/validators/non-zero.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/non-zero'
+export * from '../form/validators/non-zero'
 export {}

package/dist/validators/past-date.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/past-date'
+export * from '../form/validators/past-date'
 export {}

package/dist/validators/pattern.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/pattern'
+export * from '../form/validators/pattern'
 export {}

package/dist/validators/phone.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/phone'
+export * from '../form/validators/phone'
 export {}

package/dist/validators/required.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/required'
+export * from '../form/validators/required'
 export {}

package/dist/validators/url.d.ts

@@ -1,2 +1,2 @@
-export * from '../form/validation/validators/url'
+export * from '../form/validators/url'
 export {}

package/dist/validators.d.ts

@@ -1,2 +1,2 @@
-export * from './form/validators'
+export * from './form/validators/index'
 export {}

package/docs/llms/02-quick-start.md

@@ -7,14 +7,15 @@
 > `Checkbox`-обёртки с `label`-prop'ами — это anti-pattern. См.
 > `find_recipe(package="@reformer/ui-kit", topic="form-field-integration")`.
 
-Архитектура M1: сначала создаётся **модель данных** (`createModel`), затем **форма**
-(`createForm({ model, schema })`), где схема привязывает поля к сигналам модели
-(`model.$.field`). Layout-схема НЕ несёт валидаторов — валидация живёт в отдельной
+Архитектура M1: **модель данных** — источник истины, схема привязывает поля к её сигналам
+(`model.$.field`), а сборка идёт ОДНИМ вызовом `createCoreForm` (для рендера ui-kit;
+в рендерерах — `createReactForm` / `createJsonForm`), который создаёт модель, строит форму,
+запускает поведение и собирает валидацию. Layout-схема НЕ несёт валидаторов — валидация живёт в отдельной
 схеме `defineValidationSchema` из `@reformer/core/validation` и запускается внешним
 раннером `validateModel(model, schema)`.
 
 ```typescript
-import { createModel, createForm, type FormProxy } from '@reformer/core';
+import { createCoreForm, createModel, useFormBundle, type FormProxy } from '@reformer/core';
 import { defineValidationSchema, validate, validateModel } from '@reformer/core/validation';
 import { required, email } from '@reformer/core/validators';
 import { FormField, Input, Button } from '@reformer/ui-kit';
@@ -49,8 +50,14 @@ const contactValidation = defineValidationSchema<ContactForm>(({ model }) => {
   validate(model.$.email, [required({ message: 'Email is required' }), email({ message: 'Invalid email' })]);
 });
 
-// 5. Form — ноды поверх сигналов модели
-const form = createForm<ContactForm>({ model, schema });
+// 5. Сборка ОДНИМ вызовом: модель + ноды поверх её сигналов + валидация.
+//    В React оборачивают в useFormBundle — ленивый useState, фабрика зовётся один раз.
+const contact = createCoreForm<ContactForm>({
+  model,
+  schema: buildSchema,          // билдер (model) => tree
+  validation: contactValidation,
+});
+const form = contact.form;
 
 // 6. Use in React component — thin JSX, FormField does ALL heavy lifting
 function ContactFormComponent() {
@@ -121,7 +128,7 @@ const schema = {
   properties: { array: model.properties, item: propertyItem },
 };
 
-const form = createForm<MyForm>({ model, schema });
+const { form } = createCoreForm<MyForm>({ model, schema: () => schema });
 
 // Операции над массивом — на модели:
 model.properties.push({ type: 'apartment', description: '', estimatedValue: 0 });

package/docs/llms/15-project-structure.md

@@ -15,7 +15,7 @@ src/
 │
 ├── forms/
 │   └── [form-name]/              # Form module — flat, one file per concern
-│       ├── index.tsx             # entry + whole form: createModel→createForm→<FormWizard> with all steps inline; arrays via FormArraySection
+│       ├── index.tsx             # entry + whole form: ONE createCoreForm call → <FormWizard> with all steps inline; arrays via FormArraySection
 │       ├── types.ts              # form type + enums + { value, label } option type + constant dictionaries
 │       ├── model.ts              # createModel + initial values + empty-array-element factories
 │       ├── form.schema.ts        # FormSchema: { value: model.$.x, component, componentProps }
@@ -60,11 +60,15 @@ export const creditApplicationBehavior = defineFormBehavior<CreditApplicationFor
 });
 
 // forms/credit-application/index.tsx — entry: assembles the form, renders <FormWizard> with all steps inline
-import { createForm } from '@reformer/core';
-export const createCreditApplicationForm = () => {
-  const model = createCreditApplicationModel();
-  return createForm({ model, schema: creditApplicationSchema(model), behavior: creditApplicationBehavior });
-};
+import { createCoreForm } from '@reformer/core';
+// ONE call: model + form + behavior + validation. In the page: useFormBundle(createCreditApplicationForm).
+export const createCreditApplicationForm = () =>
+  createCoreForm({
+    model: createCreditApplicationModel(),
+    schema: creditApplicationSchema,          // builder (model) => tree
+    behavior: creditApplicationBehavior,
+    validation: creditApplicationValidation,  // { steps, extras } → bundle.validation
+  });
 ```
 
 ### Scaling up: folders (large forms)
@@ -90,10 +94,10 @@ forms/
     │
     ├── schema/                   # The form definition
     │   ├── model.ts             # createModel factory + initial values + array-element factories
-    │   ├── schema.ts            # createForm schema tree ({ value: model.$.x, component })
+    │   ├── schema.ts            # schema builder (model) => tree ({ value: model.$.x, component })
     │   ├── validation.ts        # defineValidationSchema + validateModel config ({ validateStep, validateAll })
     │   ├── behavior.ts          # defineFormBehavior(...)
-    │   └── create-form.ts       # Assembly: createForm({ model, schema, behavior })
+    │   └── create-form.ts       # Assembly: createCoreForm({ model, schema, behavior, validation })
     │
     └── components/
         ├── steps/               # One component per wizard step