@open-mercato/ui 0.6.6-develop.6465.1.019f0fb26f → 0.6.6-develop.6471.1.9ab5bdd79a

package/dist/backend/CrudForm.js

@@ -91,6 +91,7 @@ import { dispatchBackendMutationError } from "./injection/mutationEvents.js";
 import { VersionHistoryAction } from "./version-history/VersionHistoryAction.js";
 import { parseBooleanWithDefault } from "@open-mercato/shared/lib/boolean";
 import { cn } from "@open-mercato/shared/lib/utils";
+import { createLogger } from "@open-mercato/shared/lib/logger";
 import { useInjectionDataWidgets } from "./injection/useInjectionDataWidgets.js";
 import { CollapsibleGroup } from "./crud/CollapsibleGroup.js";
 import { SortableGroupHandleProvider } from "./crud/SortableGroupHandle.js";
@@ -101,6 +102,7 @@ import { evaluateInjectedVisibility } from "./injection/visibility-utils.js";
 import { ComponentReplacementHandles } from "@open-mercato/shared/modules/widgets/component-registry";
 import { RichEditor } from "../primitives/rich-editor.js";
 import MarkdownField from "./inputs/MarkdownField.js";
+const logger = createLogger("ui").child({ component: "CrudForm" });
 const EMPTY_OPTIONS = [];
 const SELECT_CLEAR_SENTINEL = "__crudform_select_clear__";
 const FOCUSABLE_SELECTOR = '[data-crud-focus-target], input:not([type="hidden"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
@@ -705,7 +707,7 @@ function CrudForm({
           Object.entries(transformed).map(([key, value]) => [key, String(value)])
         );
       } catch (err) {
-        console.error("[CrudForm] Error in transformValidation:", err);
+        logger.error("Error in transformValidation", { err });
         return fieldErrors;
       }
     },
@@ -777,7 +779,7 @@ function CrudForm({
       void triggerInjectionEvent("onAppEvent", valuesRef.current, injectionContextRef.current, {
         appEvent: customEvent.detail
       }).catch((err) => {
-        console.error("[CrudForm] Error in onAppEvent:", err);
+        logger.error("Error in onAppEvent", { err });
       });
     };
     window.addEventListener("om:event", handleEvent);
@@ -791,7 +793,7 @@ function CrudForm({
       void triggerInjectionEvent("onVisibilityChange", valuesRef.current, injectionContextRef.current, {
         visible: document.visibilityState === "visible"
       }).catch((err) => {
-        console.error("[CrudForm] Error in onVisibilityChange:", err);
+        logger.error("Error in onVisibilityChange", { err });
       });
     };
     document.addEventListener("visibilitychange", emitVisibility);
@@ -899,7 +901,7 @@ function CrudForm({
           }
           injectionRequestHeaders = result.requestHeaders;
         } catch (err) {
-          console.error("[CrudForm] Error in onBeforeDelete:", err);
+          logger.error("Error in onBeforeDelete", { err });
           flash(t("ui.forms.flash.saveBlocked", "Save blocked by validation"), "error");
           return;
         }
@@ -909,7 +911,7 @@ function CrudForm({
         try {
           await triggerInjectionEvent("onDelete", deletePayload, injectionContext);
         } catch (err) {
-          console.error("[CrudForm] Error in onDelete:", err);
+          logger.error("Error in onDelete", { err });
           flash(t("ui.forms.flash.saveBlocked", "Save blocked by validation"), "error");
           return;
         }
@@ -930,7 +932,7 @@ function CrudForm({
         try {
           await triggerInjectionEvent("onAfterDelete", deletePayload, injectionContext);
         } catch (err) {
-          console.error("[CrudForm] Error in onAfterDelete:", err);
+          logger.error("Error in onAfterDelete", { err });
         }
       }
       try {
@@ -945,7 +947,7 @@ function CrudForm({
         try {
           await triggerInjectionEvent("onDeleteError", deletePayload, injectionContext, { error: err });
         } catch (hookError) {
-          console.error("[CrudForm] Error in onDeleteError:", hookError);
+          logger.error("Error in onDeleteError", { err: hookError });
         }
       }
       try {
@@ -1480,7 +1482,7 @@ function CrudForm({
       const targetIndex = cloned.findIndex((group) => group.id === definition.group);
       const index = targetIndex >= 0 ? targetIndex : fallbackIndex;
       if (targetIndex < 0 && process.env.NODE_ENV !== "production") {
-        console.warn(`[CrudForm] Injected field "${definition.id}" targets group "${definition.group}" which does not exist. Appended to last group.`);
+        logger.warn("Injected field targets a group that does not exist; appended to last group", { fieldId: definition.id, group: definition.group });
       }
       if (index < 0) continue;
       const fieldEntries = cloned[index].fields ?? [];
@@ -1787,7 +1789,7 @@ function CrudForm({
         flash(message.text, message.severity);
       }
     }).catch((err) => {
-      console.error("[CrudForm] Error in onFieldChange:", err);
+      logger.error("Error in onFieldChange", { err });
     });
   }, [embedded, extendedInjectionEventsEnabled, flash, t, trackDirtyWhenEmbedded, translateValidationMessage, triggerInjectionEvent, updateEditedFieldMarker]);
   const onBlurRequest = React.useCallback((fieldId) => {
@@ -1886,7 +1888,7 @@ function CrudForm({
         dirtyBaselineValuesRef.current = { ...transformed };
         setValues(transformed);
       } catch (err) {
-        console.error("[CrudForm] Error in transformDisplayData:", err);
+        logger.error("Error in transformDisplayData", { err });
       }
     };
     void run();
@@ -1999,7 +2001,7 @@ function CrudForm({
       }
       if (Object.keys(requiredErrors).length) {
         if (process.env.NODE_ENV !== "production") {
-          console.debug("[crud-form] Required field errors prevented submit", requiredErrors);
+          logger.debug("Required field errors prevented submit", { requiredErrors });
         }
         const transformedErrors = await transformValidationErrors(requiredErrors);
         setErrors(transformedErrors);
@@ -2068,7 +2070,7 @@ function CrudForm({
             if (path) fieldErrors[path] = issue.message;
           });
           if (process.env.NODE_ENV !== "production") {
-            console.debug("[crud-form] Schema validation failed", res.error.issues);
+            logger.debug("Schema validation failed", { issues: res.error.issues });
           }
           const transformedErrors = await transformValidationErrors(fieldErrors);
           setErrors(translateValidationErrors(transformedErrors));
@@ -2102,7 +2104,7 @@ function CrudForm({
             }
           }
         } catch (err) {
-          console.error("[CrudForm] Error in transformFormData:", err);
+          logger.error("Error in transformFormData", { err });
         }
       }
       let injectionRequestHeaders;
@@ -2138,7 +2140,7 @@ function CrudForm({
           }
           injectionRequestHeaders = result.requestHeaders;
         } catch (err) {
-          console.error("[CrudForm] Error in onBeforeSave:", err);
+          logger.error("Error in onBeforeSave", { err });
           flash(t("ui.forms.flash.saveBlocked", "Save blocked by validation"), "error");
           setPending(false);
           return;
@@ -2160,7 +2162,7 @@ function CrudForm({
         try {
           await triggerInjectionEvent("onSave", submitValues, injectionContext);
         } catch (err) {
-          console.error("[CrudForm] Error in onSave:", err);
+          logger.error("Error in onSave", { err });
           flash(t("ui.forms.flash.saveBlocked", "Save blocked by validation"), "error");
           setPending(false);
           return;
@@ -2184,7 +2186,7 @@ function CrudForm({
           try {
             await triggerInjectionEvent("onAfterSave", submitValues, injectionContext);
           } catch (err) {
-            console.error("[CrudForm] Error in onAfterSave:", err);
+            logger.error("Error in onAfterSave", { err });
           }
         }
         markFormAsClean(valuesRef.current);
@@ -2222,7 +2224,7 @@ function CrudForm({
           const transformedErrors = await transformValidationErrors(combinedFieldErrors);
           setErrors(translateValidationErrors(transformedErrors));
           if (process.env.NODE_ENV !== "production") {
-            console.debug("[crud-form] Submission failed with field errors", transformedErrors);
+            logger.debug("Submission failed with field errors", { fieldErrors: transformedErrors });
           }
         }
         const optimisticLockConflict = extractOptimisticLockConflict(err);