cogsbox-shape 0.5.212 → 0.5.213

package/cogsbox-shape-state/dist/plugin.d.ts

@@ -37,6 +37,7 @@ type FormUpdateParams = {
     path: string[];
     event: {
         activityType: string;
+        details?: Record<string, unknown>;
     };
     getState: () => unknown;
     addZodErrors: (errors: Array<{
@@ -44,7 +45,7 @@ type FormUpdateParams = {
         message: string;
         code?: string;
     }>) => void;
-    clearZodErrors: (paths: string[][]) => void;
+    clearZodErrors?: (paths: string[][]) => void;
 };
 export declare function wireShapeValidationOptions(box: ShapeSchemaBox, params: TransformStateParams): void;
 /** Cross-field refine errors only — field rules are handled by state via setOptions. */

package/cogsbox-shape-state/dist/plugin.js

@@ -1,4 +1,4 @@
-import { createPluginContext } from "cogsbox-state";
+import { createPluginContext, getGlobalStore } from "cogsbox-state";
 import { z } from "zod";
 function pathKey(path) {
     return path.join("\0");
@@ -14,6 +14,100 @@ function mapZodIssues(issues) {
         code: issue.code,
     }));
 }
+function cloneStateForInputEvent(state, path, value) {
+    if (path.length === 0)
+        return value;
+    if (state === null || typeof state !== "object")
+        return state;
+    const root = Array.isArray(state)
+        ? [...state]
+        : { ...state };
+    let cursor = root;
+    for (let index = 0; index < path.length - 1; index++) {
+        const segment = path[index];
+        if (Array.isArray(cursor)) {
+            const arrayIndex = Number(segment);
+            if (!Number.isInteger(arrayIndex))
+                return root;
+            const next = cursor[arrayIndex];
+            const cloned = next && typeof next === "object"
+                ? Array.isArray(next)
+                    ? [...next]
+                    : { ...next }
+                : {};
+            cursor[arrayIndex] = cloned;
+            cursor = cloned;
+        }
+        else {
+            const next = cursor[segment];
+            const cloned = next && typeof next === "object"
+                ? Array.isArray(next)
+                    ? [...next]
+                    : { ...next }
+                : {};
+            cursor[segment] = cloned;
+            cursor = cloned;
+        }
+    }
+    const leaf = path[path.length - 1];
+    if (Array.isArray(cursor)) {
+        const arrayIndex = Number(leaf);
+        if (Number.isInteger(arrayIndex))
+            cursor[arrayIndex] = value;
+    }
+    else {
+        cursor[leaf] = value;
+    }
+    return root;
+}
+function getStateForValidation(params) {
+    const state = params.getState();
+    if (params.event.activityType !== "input" ||
+        !("details" in params.event) ||
+        !params.event.details ||
+        typeof params.event.details !== "object" ||
+        !("value" in params.event.details)) {
+        return state;
+    }
+    return cloneStateForInputEvent(state, params.path, params.event.details.value);
+}
+function notifyValidationPaths(stateKey, paths) {
+    const store = getGlobalStore.getState();
+    for (const path of paths) {
+        store.notifyPathSubscribers([stateKey, ...path].join("."), {
+            type: "VALIDATION_UPDATE",
+        });
+    }
+}
+function clearValidationPaths(params, paths) {
+    if (paths.length === 0)
+        return;
+    if (params.clearZodErrors) {
+        params.clearZodErrors(paths);
+        notifyValidationPaths(params.stateKey, paths);
+        return;
+    }
+    const store = getGlobalStore.getState();
+    for (const path of paths) {
+        const currentMeta = store.getShadowMetadata(params.stateKey, path) || {};
+        store.setShadowMetadata(params.stateKey, path, {
+            ...currentMeta,
+            validation: {
+                status: "NOT_VALIDATED",
+                errors: [],
+                lastValidated: Date.now(),
+                validatedValue: undefined,
+            },
+        });
+    }
+    notifyValidationPaths(params.stateKey, paths);
+}
+function addValidationIssues(params, issues) {
+    if (issues.length === 0)
+        return;
+    params.addZodErrors(issues);
+    notifyValidationPaths(params.stateKey, issues.map((issue) => issue.path));
+}
 function getRelatedFields(entry, field) {
     const groupIndexes = entry.refineInfo?.fieldToGroup[field];
     if (!groupIndexes?.length)
@@ -32,11 +126,23 @@ function issueMatchesRelatedFields(issue, relatedFields) {
     const leaf = String(issue.path.at(-1) ?? "");
     return relatedFields.has(leaf);
 }
-export function wireShapeValidationOptions(box, params) { }
+export function wireShapeValidationOptions(box, params) {
+    const entry = box[params.stateKey];
+    if (!entry)
+        return;
+    params.setOptions({
+        validation: {
+            zodSchemaV4: entry.validators?.client ?? entry.schemas.client,
+            onBlur: "error",
+        },
+    });
+}
 /** Cross-field refine errors only — field rules are handled by state via setOptions. */
 export function validateShapeRefines(box, params) {
-    if (params.event.activityType !== "blur")
+    if (params.event.activityType !== "blur" &&
+        params.event.activityType !== "input") {
         return;
+    }
     const entry = box[params.stateKey];
     const clientSchema = entry?.validators?.client ?? entry?.schemas.client;
     if (!entry || !clientSchema)
@@ -48,21 +154,17 @@ export function validateShapeRefines(box, params) {
     if (!relatedFields)
         return;
     const relatedPaths = resolveRelatedPaths(params.path, relatedFields);
-    const result = clientSchema.safeParse(params.getState());
+    const result = clientSchema.safeParse(getStateForValidation(params));
     if (result.success) {
-        params.clearZodErrors(relatedPaths);
+        clearValidationPaths(params, relatedPaths);
         return;
     }
     const issues = result.error.issues.filter((issue) => issueMatchesRelatedFields(issue, relatedFields));
     const mapped = mapZodIssues(issues);
     const activeKeys = new Set(mapped.map((entry) => pathKey(entry.path)));
     const stalePaths = relatedPaths.filter((targetPath) => !activeKeys.has(pathKey(targetPath)));
-    if (stalePaths.length > 0) {
-        params.clearZodErrors(stalePaths);
-    }
-    if (mapped.length > 0) {
-        params.addZodErrors(mapped);
-    }
+    clearValidationPaths(params, stalePaths);
+    addValidationIssues(params, mapped);
 }
 function buildInitialState(box) {
     const state = {};
@@ -84,15 +186,7 @@ export function createShapePlugin(box) {
     return createPlugin("shape")
         .initialState(() => buildInitialState(box))
         .transformState((params) => {
-        const entry = box[params.stateKey];
-        if (!entry)
-            return;
-        params.setOptions({
-            validation: {
-                zodSchemaV4: entry.validators?.client ?? entry.schemas.client,
-                onBlur: "error",
-            },
-        });
+        wireShapeValidationOptions(box, params);
     })
         .onFormUpdate((params) => {
         if (params.options?.logs) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cogsbox-shape",
-  "version": "0.5.212",
+  "version": "0.5.213",
   "description": "A TypeScript library for creating type-safe database schemas with Zod validation, SQL type definitions, and automatic client/server transformations. Unifies client, server, and database types through a single schema definition, with built-in support for relationships and serialization.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",