@ng-forge/dynamic-form-mcp 0.6.0 → 0.7.0

package/src/registry/ui-adapters.json

@@ -1,225 +0,0 @@
-[
-  {
-    "library": "material",
-    "package": "@ng-forge/dynamic-forms-material",
-    "providerFunction": "withMaterialFields()",
-    "fieldTypes": [
-      {
-        "type": "input",
-        "componentName": "MatInputFieldComponent",
-        "additionalProps": {
-          "appearance": {
-            "name": "appearance",
-            "type": "'fill' | 'outline'",
-            "description": "Material form field appearance",
-            "required": false,
-            "default": "outline"
-          },
-          "subscriptSizing": {
-            "name": "subscriptSizing",
-            "type": "'fixed' | 'dynamic'",
-            "description": "Error/hint text sizing",
-            "required": false,
-            "default": "dynamic"
-          },
-          "hint": {
-            "name": "hint",
-            "type": "DynamicText",
-            "description": "Hint text below the field",
-            "required": false
-          }
-        }
-      },
-      {
-        "type": "select",
-        "componentName": "MatSelectFieldComponent",
-        "additionalProps": {
-          "appearance": {
-            "name": "appearance",
-            "type": "'fill' | 'outline'",
-            "description": "Material form field appearance",
-            "required": false,
-            "default": "outline"
-          }
-        }
-      },
-      {
-        "type": "checkbox",
-        "componentName": "MatCheckboxFieldComponent",
-        "additionalProps": {
-          "color": {
-            "name": "color",
-            "type": "'primary' | 'accent' | 'warn'",
-            "description": "Checkbox color theme",
-            "required": false,
-            "default": "primary"
-          }
-        }
-      },
-      {
-        "type": "datepicker",
-        "componentName": "MatDatepickerFieldComponent",
-        "additionalProps": {
-          "startView": {
-            "name": "startView",
-            "type": "'month' | 'year' | 'multi-year'",
-            "description": "Initial calendar view",
-            "required": false,
-            "default": "month"
-          }
-        }
-      }
-    ]
-  },
-  {
-    "library": "bootstrap",
-    "package": "@ng-forge/dynamic-forms-bootstrap",
-    "providerFunction": "withBootstrapFields()",
-    "fieldTypes": [
-      {
-        "type": "input",
-        "componentName": "BootstrapInputComponent",
-        "additionalProps": {
-          "size": {
-            "name": "size",
-            "type": "'sm' | 'lg'",
-            "description": "Bootstrap input size",
-            "required": false
-          },
-          "floating": {
-            "name": "floating",
-            "type": "boolean",
-            "description": "Use floating labels",
-            "required": false,
-            "default": false
-          }
-        }
-      },
-      {
-        "type": "select",
-        "componentName": "BootstrapSelectComponent",
-        "additionalProps": {
-          "size": {
-            "name": "size",
-            "type": "'sm' | 'lg'",
-            "description": "Bootstrap select size",
-            "required": false
-          }
-        }
-      }
-    ]
-  },
-  {
-    "library": "primeng",
-    "package": "@ng-forge/dynamic-forms-primeng",
-    "providerFunction": "withPrimeNGFields()",
-    "fieldTypes": [
-      {
-        "type": "input",
-        "componentName": "PrimeInputComponent",
-        "additionalProps": {
-          "variant": {
-            "name": "variant",
-            "type": "'outlined' | 'filled'",
-            "description": "Input variant style",
-            "required": false,
-            "default": "outlined"
-          }
-        }
-      },
-      {
-        "type": "select",
-        "componentName": "PrimeDropdownComponent",
-        "additionalProps": {
-          "filter": {
-            "name": "filter",
-            "type": "boolean",
-            "description": "Enable dropdown filtering",
-            "required": false,
-            "default": false
-          },
-          "showClear": {
-            "name": "showClear",
-            "type": "boolean",
-            "description": "Show clear button",
-            "required": false,
-            "default": false
-          }
-        }
-      },
-      {
-        "type": "datepicker",
-        "componentName": "PrimeDatepickerComponent",
-        "additionalProps": {
-          "showIcon": {
-            "name": "showIcon",
-            "type": "boolean",
-            "description": "Show calendar icon",
-            "required": false,
-            "default": true
-          },
-          "dateFormat": {
-            "name": "dateFormat",
-            "type": "string",
-            "description": "Date format pattern",
-            "required": false,
-            "default": "mm/dd/yy"
-          }
-        }
-      }
-    ]
-  },
-  {
-    "library": "ionic",
-    "package": "@ng-forge/dynamic-forms-ionic",
-    "providerFunction": "withIonicFields()",
-    "fieldTypes": [
-      {
-        "type": "input",
-        "componentName": "IonicInputComponent",
-        "additionalProps": {
-          "fill": {
-            "name": "fill",
-            "type": "'solid' | 'outline'",
-            "description": "Input fill style",
-            "required": false,
-            "default": "solid"
-          },
-          "labelPlacement": {
-            "name": "labelPlacement",
-            "type": "'fixed' | 'stacked' | 'floating'",
-            "description": "Label placement style",
-            "required": false,
-            "default": "floating"
-          }
-        }
-      },
-      {
-        "type": "select",
-        "componentName": "IonicSelectComponent",
-        "additionalProps": {
-          "interface": {
-            "name": "interface",
-            "type": "'alert' | 'action-sheet' | 'popover'",
-            "description": "Selection interface style",
-            "required": false,
-            "default": "alert"
-          }
-        }
-      },
-      {
-        "type": "toggle",
-        "componentName": "IonicToggleComponent",
-        "additionalProps": {
-          "enableOnOffLabels": {
-            "name": "enableOnOffLabels",
-            "type": "boolean",
-            "description": "Show on/off labels",
-            "required": false,
-            "default": false
-          }
-        }
-      }
-    ]
-  }
-]

package/src/registry/validators.json

@@ -1,210 +0,0 @@
-[
-  {
-    "type": "required",
-    "category": "built-in",
-    "description": "Validates that a field has a non-empty value",
-    "parameters": {},
-    "example": "{ type: 'required' }\n// or shorthand: required: true"
-  },
-  {
-    "type": "email",
-    "category": "built-in",
-    "description": "Validates email format",
-    "parameters": {},
-    "example": "{ type: 'email' }\n// or shorthand: email: true"
-  },
-  {
-    "type": "min",
-    "category": "built-in",
-    "description": "Validates minimum numeric value",
-    "parameters": {
-      "value": {
-        "name": "value",
-        "type": "number",
-        "description": "Minimum allowed value",
-        "required": true
-      }
-    },
-    "example": "{ type: 'min', value: 0 }\n// or shorthand: min: 0"
-  },
-  {
-    "type": "max",
-    "category": "built-in",
-    "description": "Validates maximum numeric value",
-    "parameters": {
-      "value": {
-        "name": "value",
-        "type": "number",
-        "description": "Maximum allowed value",
-        "required": true
-      }
-    },
-    "example": "{ type: 'max', value: 100 }\n// or shorthand: max: 100"
-  },
-  {
-    "type": "minLength",
-    "category": "built-in",
-    "description": "Validates minimum string length",
-    "parameters": {
-      "value": {
-        "name": "value",
-        "type": "number",
-        "description": "Minimum string length",
-        "required": true
-      }
-    },
-    "example": "{ type: 'minLength', value: 3 }\n// or shorthand: minLength: 3"
-  },
-  {
-    "type": "maxLength",
-    "category": "built-in",
-    "description": "Validates maximum string length",
-    "parameters": {
-      "value": {
-        "name": "value",
-        "type": "number",
-        "description": "Maximum string length",
-        "required": true
-      }
-    },
-    "example": "{ type: 'maxLength', value: 100 }\n// or shorthand: maxLength: 100"
-  },
-  {
-    "type": "pattern",
-    "category": "built-in",
-    "description": "Validates against a regular expression pattern",
-    "parameters": {
-      "value": {
-        "name": "value",
-        "type": "string | RegExp",
-        "description": "Regular expression pattern",
-        "required": true
-      }
-    },
-    "example": "{ type: 'pattern', value: '^[A-Z][a-z]+$' }\n// or shorthand: pattern: '^[A-Z][a-z]+$'"
-  },
-  {
-    "type": "custom",
-    "category": "custom",
-    "description": "Custom synchronous validator using registered function or expression. IMPORTANT: The validator returns { kind: 'errorKind' } on failure. The actual error MESSAGE is defined in 'validationMessages' at the FIELD level, NOT in the validator config.",
-    "parameters": {
-      "functionName": {
-        "name": "functionName",
-        "type": "string",
-        "description": "Name of registered validator function",
-        "required": false
-      },
-      "expression": {
-        "name": "expression",
-        "type": "string",
-        "description": "JavaScript expression to evaluate",
-        "required": false
-      },
-      "kind": {
-        "name": "kind",
-        "type": "string",
-        "description": "Error kind returned when validation fails. This kind maps to a message in field-level validationMessages.",
-        "required": false
-      },
-      "params": {
-        "name": "params",
-        "type": "Record<string, unknown>",
-        "description": "Parameters to pass to validator function",
-        "required": false
-      }
-    },
-    "example": "// Expression-based custom validator with error message\n// The validator:\n{\n  type: 'custom',\n  expression: 'fieldValue === formValue.password',\n  kind: 'passwordMismatch'  // Just the error KIND, not the message\n}\n\n// COMPLETE FIELD with validationMessages at FIELD level:\n{\n  key: 'confirmPassword',\n  type: 'input',\n  label: 'Confirm Password',\n  props: { type: 'password' },\n  validators: [\n    { type: 'custom', expression: 'fieldValue === formValue.password', kind: 'passwordMismatch' }\n  ],\n  validationMessages: {\n    passwordMismatch: 'Passwords do not match'  // Message goes HERE at field level\n  }\n}"
-  },
-  {
-    "type": "async",
-    "category": "async",
-    "description": "Async validator using registered async function (resource-based). Register the function via customFnConfig.asyncValidators.",
-    "parameters": {
-      "functionName": {
-        "name": "functionName",
-        "type": "string",
-        "description": "Name of registered async validator function",
-        "required": true
-      },
-      "params": {
-        "name": "params",
-        "type": "Record<string, unknown>",
-        "description": "Parameters to pass to validator function",
-        "required": false
-      }
-    },
-    "example": "{\n  type: 'async',\n  functionName: 'checkUsernameAvailability'\n}"
-  },
-  {
-    "type": "customAsync",
-    "category": "async",
-    "description": "DEPRECATED — use type: 'async' instead. Async validator using registered async function.",
-    "parameters": {
-      "functionName": {
-        "name": "functionName",
-        "type": "string",
-        "description": "Name of registered async validator function",
-        "required": true
-      },
-      "params": {
-        "name": "params",
-        "type": "Record<string, unknown>",
-        "description": "Parameters to pass to validator function",
-        "required": false
-      }
-    },
-    "example": "// DEPRECATED — use type: 'async' instead\n{\n  type: 'customAsync',\n  functionName: 'checkUsernameAvailability'\n}"
-  },
-  {
-    "type": "customHttp",
-    "category": "http",
-    "description": "DEPRECATED — use type: 'http' with functionName instead. HTTP-based validator with automatic request cancellation.",
-    "parameters": {
-      "functionName": {
-        "name": "functionName",
-        "type": "string",
-        "description": "Name of registered HTTP validator configuration",
-        "required": true
-      },
-      "params": {
-        "name": "params",
-        "type": "Record<string, unknown>",
-        "description": "Parameters to pass to HTTP validator",
-        "required": false
-      }
-    },
-    "example": "// DEPRECATED — use type: 'http' with functionName instead\n{\n  type: 'customHttp',\n  functionName: 'validateEmailExists'\n}"
-  },
-  {
-    "type": "http",
-    "category": "http",
-    "description": "HTTP validator — supports two modes: (1) Declarative (fully JSON-serializable, no function registration) using http + responseMapping properties, or (2) Function-based using functionName to reference a registered HTTP validator function. Query param values and (optionally) body values are expressions evaluated against the form context. Response mapping uses validWhen (truthy = valid) and errorKind (maps to field-level validationMessages).",
-    "parameters": {
-      "functionName": {
-        "name": "functionName",
-        "type": "string",
-        "description": "Name of registered HTTP validator function (function-based mode). Mutually exclusive with http + responseMapping.",
-        "required": false
-      },
-      "http": {
-        "name": "http",
-        "type": "HttpRequestConfig",
-        "description": "HTTP request configuration: { url, method?, queryParams?, body?, evaluateBodyExpressions?, headers?, debounceMs? }. queryParams values are expressions. When evaluateBodyExpressions is true, top-level string values in body are evaluated as expressions (shallow only). Required for declarative mode.",
-        "required": false
-      },
-      "responseMapping": {
-        "name": "responseMapping",
-        "type": "HttpValidationResponseMapping",
-        "description": "Response mapping: { validWhen, errorKind, errorParams? }. validWhen is an expression evaluated with { response } scope — truthy means valid. errorKind maps to field-level validationMessages. Required for declarative mode.",
-        "required": false
-      },
-      "params": {
-        "name": "params",
-        "type": "Record<string, unknown>",
-        "description": "Parameters to pass to HTTP validator function (function-based mode only).",
-        "required": false
-      }
-    },
-    "example": "// HTTP validator (fully JSON-serializable)\n{\n  type: 'http',\n  http: {\n    url: '/api/validate-username',\n    method: 'GET',\n    queryParams: {\n      username: 'fieldValue'\n    }\n  },\n  responseMapping: {\n    validWhen: 'response.available',\n    errorKind: 'usernameTaken',\n    errorParams: {\n      suggestion: 'response.suggestion'\n    }\n  }\n}\n\n// COMPLETE FIELD with validationMessages at FIELD level:\n{\n  key: 'username',\n  type: 'input',\n  label: 'Username',\n  validators: [\n    {\n      type: 'http',\n      http: {\n        url: '/api/validate-username',\n        method: 'GET',\n        queryParams: { username: 'fieldValue' }\n      },\n      responseMapping: {\n        validWhen: 'response.available',\n        errorKind: 'usernameTaken',\n        errorParams: { suggestion: 'response.suggestion' }\n      }\n    }\n  ],\n  validationMessages: {\n    usernameTaken: 'Username is taken. Try {{suggestion}}'\n  }\n}"
-  }
-]