mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-06-26 22:31:54 +03:00
* use react-jsonschema-form for UI config * don't use properties wrapper when generating config i18n json * configure for full i18n support * section fields * add descriptions to all fields for i18n * motion i18n * fix nullable fields * sanitize internal fields * add switches widgets and use friendly names * fix nullable schema entries * ensure update_topic is added to api calls this needs further backend implementation to work correctly * add global sections, camera config overrides, and reset button * i18n * add reset logic to global config view * tweaks * fix sections and live validation * fix validation for schema objects that can be null * generic and custom per-field validation * improve generic error validation messages * remove show advanced fields switch * tweaks * use shadcn theme * fix array field template * i18n tweaks * remove collapsible around root section * deep merge schema for advanced fields * add array field item template and fix ffmpeg section * add missing i18n keys * tweaks * comment out api call for testing * add config groups as a separate i18n namespace * add descriptions to all pydantic fields * make titles more concise * new titles as i18n * update i18n config generation script to use json schema * tweaks * tweaks * rebase * clean up * form tweaks * add wildcards and fix object filter fields * add field template for additionalproperties schema objects * improve typing * add section description from schema and clarify global vs camera level descriptions * separate and consolidate global and camera i18n namespaces * clean up now obsolete namespaces * tweaks * refactor sections and overrides * add ability to render components before and after fields * fix titles * chore(sections): remove legacy single-section components replaced by template * refactor configs to use individual files with a template * fix review description * apply hidden fields after ui schema * move util * remove unused i18n * clean up error messages * fix fast refresh * add custom validation and use it for ffmpeg input roles * update nav tree * remove unused * re-add override and modified indicators * mark pending changes and add confirmation dialog for resets * fix red unsaved dot * tweaks * add docs links, readonly keys, and restart required per field * add special case and comments for global motion section * add section form special cases * combine review sections * tweaks * add audio labels endpoint * add audio label switches and input to filter list * fix type * remove key from config when resetting to default/global * don't show description for new key/val fields * tweaks * spacing tweaks * add activity indicator and scrollbar tweaks * add docs to filter fields * wording changes * fix global ffmpeg section * add review classification zones to review form * add backend endpoint and frontend widget for ffmpeg presets and manual args * improve wording * hide descriptions for additional properties arrays * add warning log about incorrectly nested model config * spacing and language tweaks * fix i18n keys * networking section docs and description * small wording tweaks * add layout grid field * refactor with shared utilities * field order * add individual detectors to schema add detector titles and descriptions (docstrings in pydantic are used for descriptions) and add i18n keys to globals * clean up detectors section and i18n * don't save model config back to yaml when saving detectors * add full detectors config to api model dump works around the way we use detector plugins so we can have the full detector config for the frontend * add restart button to toast when restart is required * add ui option to remove inner cards * fix buttons * section tweaks * don't zoom into text on mobile * make buttons sticky at bottom of sections * small tweaks * highlight label of changed fields * add null to enum list when unwrapping * refactor to shared utils and add save all button * add undo all button * add RJSF to dictionary * consolidate utils * preserve form data when changing cameras * add mono fonts * add popover to show what fields will be saved * fix mobile menu not re-rendering with unsaved dots * tweaks * fix logger and env vars config section saving use escaped periods in keys to retain them in the config file (eg "frigate.embeddings") * add timezone widget * role map field with validation * fix validation for model section * add another hidden field * add footer message for required restart * use rjsf for notifications view * fix config saving * add replace rules field * default column layout and add field sizing * clean up field template * refactor profile settings to match rjsf forms * tweaks * refactor frigate+ view and make tweaks to sections * show frigate+ model info in detection model settings when using a frigate+ model * update restartRequired for all fields * fix restart fields * tweaks and add ability enable disabled cameras more backend changes required * require restart when enabling camera that is disabled in config * disable save when form is invalid * refactor ffmpeg section for readability * change label * clean up camera inputs fields * misc tweaks to ffmpeg section - add raw paths endpoint to ensure credentials get saved - restart required tooltip * maintenance settings tweaks * don't mutate with lodash * fix description re-rendering for nullable object fields * hide reindex field * update rjsf * add frigate+ description to settings pane * disable save all when any section is invalid * show translated field name in validation error pane * clean up * remove unused * fix genai merge * fix genai
116 lines
2.9 KiB
TypeScript
116 lines
2.9 KiB
TypeScript
// Custom error messages for RJSF validation
|
|
// Maps JSON Schema validation keywords to user-friendly messages
|
|
|
|
import type { ErrorTransformer } from "@rjsf/utils";
|
|
import type { i18n as I18n } from "i18next";
|
|
|
|
/**
|
|
* Creates an error transformer function for RJSF
|
|
* Transforms technical JSON Schema errors into user-friendly messages
|
|
*/
|
|
export function createErrorTransformer(i18n: I18n): ErrorTransformer {
|
|
const t = i18n.t.bind(i18n);
|
|
|
|
const normalizeParams = (
|
|
params: Record<string, unknown> | undefined,
|
|
): Record<string, unknown> => {
|
|
if (!params) {
|
|
return {};
|
|
}
|
|
|
|
const allowedValues = params.allowedValues as unknown;
|
|
|
|
return {
|
|
...params,
|
|
allowedValues: Array.isArray(allowedValues)
|
|
? allowedValues.join(", ")
|
|
: allowedValues,
|
|
};
|
|
};
|
|
|
|
const getFieldPathFromProperty = (
|
|
property: string | undefined,
|
|
params: Record<string, unknown>,
|
|
errorType: string,
|
|
): string => {
|
|
const basePath = (property || "").replace(/^\./, "").trim();
|
|
const missingProperty = params.missingProperty as string | undefined;
|
|
|
|
if (errorType === "required" && missingProperty) {
|
|
return basePath ? `${basePath}.${missingProperty}` : missingProperty;
|
|
}
|
|
|
|
return basePath;
|
|
};
|
|
|
|
return (errors) =>
|
|
errors.map((error) => {
|
|
const errorType = error.name || "";
|
|
if (!errorType) {
|
|
return error;
|
|
}
|
|
|
|
const normalizedParams = normalizeParams(error.params);
|
|
const fieldPath = getFieldPathFromProperty(
|
|
error.property,
|
|
normalizedParams,
|
|
errorType,
|
|
);
|
|
|
|
let message: string | undefined;
|
|
|
|
// Try field-specific validation message first
|
|
if (fieldPath) {
|
|
const fieldKey = `${fieldPath}.validation.${errorType}`;
|
|
if (i18n.exists(fieldKey)) {
|
|
message = t(fieldKey, normalizedParams);
|
|
}
|
|
}
|
|
|
|
// Fall back to generic validation message
|
|
if (!message) {
|
|
const genericKey = errorType;
|
|
if (i18n.exists(genericKey, { ns: "config/validation" })) {
|
|
message = t(genericKey, {
|
|
...normalizedParams,
|
|
ns: ["config/validation"],
|
|
});
|
|
}
|
|
}
|
|
|
|
if (!message) {
|
|
return error;
|
|
}
|
|
|
|
return {
|
|
...error,
|
|
message,
|
|
};
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Extracts field path from a Pydantic validation error location
|
|
*/
|
|
export function extractFieldPath(loc: (string | number)[]): string {
|
|
// Skip the first element if it's 'body' (FastAPI adds this)
|
|
const startIndex = loc[0] === "body" ? 1 : 0;
|
|
return loc.slice(startIndex).join(".");
|
|
}
|
|
|
|
/**
|
|
* Transforms Pydantic validation errors into RJSF-compatible errors
|
|
*/
|
|
export function transformPydanticErrors(
|
|
pydanticErrors: Array<{
|
|
loc: (string | number)[];
|
|
msg: string;
|
|
type: string;
|
|
}>,
|
|
): Array<{ property: string; message: string }> {
|
|
return pydanticErrors.map((error) => ({
|
|
property: extractFieldPath(error.loc),
|
|
message: error.msg,
|
|
}));
|
|
}
|