feat: add response interceptor on form definition

demo-element-plus/src/viewer/FTableViewer.vue

@@ -60,6 +60,12 @@ const form = useForm({
     url: 'artists/',
     title: '{{ Crear artista | Actualizar artista }}',
   },
+  responseInterceptor: {
+    // 201: (formId, response) => {
+    //   console.log('🚀 ~ file: FTableViewer.vue:65 ~ response:', response)
+    //   console.log(response)
+    // },
+  },
 })
 
 const table = useTable({

packages/core/src/forms/axioma/commands/create-form.ts

@@ -1,18 +1,25 @@
 import { meta } from '@fancy-crud/bus'
 import type { BaseCommand } from '@fancy-crud/bus'
+import type { ResponseInterceptorState } from '@packages/core/common/response-interceptor/axioma'
 import type { BaseObjectWithRawFields, Form, RawFormButtons, RawSetting } from '../typing'
 
 /**
  * A class that provides functionality to create a form from raw fields and settings.
  */
-export class CreateFormCommand<T extends BaseObjectWithRawFields, U extends RawSetting, V extends RawFormButtons> implements BaseCommand {
+export class CreateFormCommand<
+  T extends BaseObjectWithRawFields,
+  U extends RawSetting,
+  V extends RawFormButtons,
+  TypeResponseInterceptor extends ResponseInterceptorState,
+> implements BaseCommand {
   public readonly meta = meta(ICreateFormHandler)
 
   constructor(
     public readonly id: string,
     public readonly rawFields: T,
     public readonly rawButtons?: V,
     public readonly rawSettings?: U,
+    public readonly responseInterceptor?: TypeResponseInterceptor,
   ) {}
 }
 
@@ -25,5 +32,10 @@ export abstract class ICreateFormHandler {
    * @param rawSettings - An optional `RawSettings` object containing the raw settings to be normalized.
    * @returns A `Form` object containing the normalized fields and settings.
    */
-  abstract execute<T extends BaseObjectWithRawFields, U extends RawSetting, V extends RawFormButtons>({ id, rawFields, rawSettings, rawButtons }: CreateFormCommand<T, U, V>): Form<T, V>
+  abstract execute<
+    T extends BaseObjectWithRawFields,
+    U extends RawSetting,
+    V extends RawFormButtons,
+    TypeResponseInterceptor extends ResponseInterceptorState,
+  >({ id, rawFields, rawSettings, rawButtons }: CreateFormCommand<T, U, V, TypeResponseInterceptor>): Form<T, V>
 }

packages/core/src/forms/capabilities/create-form.ts

@@ -1,5 +1,6 @@
 import { Bus, inject } from '@fancy-crud/bus'
 import { INotificationStore } from '@packages/core/common/notifications/axioma'
+import type { ResponseInterceptorState } from '@packages/core/common/response-interceptor/axioma'
 import { IResponseInterceptorStore } from '@packages/core/common/response-interceptor/axioma'
 
 import type {
@@ -25,7 +26,12 @@ export class CreateFormHandler implements ICreateFormHandler {
     private ruleConfigStore: IRuleConfigStore = inject(IRuleConfigStore),
   ) {}
 
-  execute<T extends BaseObjectWithRawFields, U extends RawSetting, V extends RawFormButtons>({ id, rawFields, rawSettings, rawButtons }: CreateFormCommand<T, U, V>): Form<T, V> {
+  execute<
+    T extends BaseObjectWithRawFields,
+    U extends RawSetting,
+    V extends RawFormButtons,
+    TypeResponseInterceptor extends ResponseInterceptorState,
+  >({ id, rawFields, rawSettings, rawButtons, responseInterceptor }: CreateFormCommand<T, U, V, TypeResponseInterceptor>): Form<T, V> {
     const formId = Symbol(id)
     const bus = new Bus()
 
@@ -48,7 +54,10 @@ export class CreateFormHandler implements ICreateFormHandler {
     })
 
     this.notificationStore.save(formId, getDefaultNotificationHandler())
-    this.responseInterceptorStore.save(formId, getDefaultInterceptors())
+    this.responseInterceptorStore.save(formId, {
+      ...getDefaultInterceptors(),
+      ...(responseInterceptor || {}),
+    })
     this.ruleConfigStore.save(formId, {})
 
     return {

packages/vue/src/forms/composables/form.ts

@@ -5,6 +5,7 @@ import type {
   NormalizedSettings,
   RawFormButtons,
   RawSetting,
+  ResponseInterceptorState,
 } from '@fancy-crud/core'
 import { Bus, CreateFormCommand, IFormStore, IRuleConfigStore, rulesConfig } from '@fancy-crud/core'
 import type { Args, UseForm } from '../typing'
@@ -24,13 +25,15 @@ export function useForm<
   TypeFields extends BaseObjectWithRawFields,
   TypeButtons extends RawFormButtons,
   TypeSettings extends RawSetting,
->(args: Args<TypeFields, TypeButtons, TypeSettings>): UseForm<TypeFields, TypeButtons, TypeSettings> {
+  TypeResponseInterceptor extends ResponseInterceptorState,
+>(args: Args<TypeFields, TypeButtons, TypeSettings, TypeResponseInterceptor>): UseForm<TypeFields, TypeButtons, TypeSettings> {
   const {
     id: _id = '',
     fields: rawFields,
     buttons: rawButtons,
     settings: rawSettings,
     rulesConfig: customRulesConfig,
+    responseInterceptor = {},
   } = args
 
   const formStore: IFormStore = inject(IFormStore.name)!
@@ -44,7 +47,7 @@ export function useForm<
     normalizedButtons,
     normalizedSettings,
   } = bus.execute(
-    new CreateFormCommand(_id, rawFields, rawButtons, rawSettings),
+    new CreateFormCommand(_id, rawFields, rawButtons, rawSettings, responseInterceptor),
   )
 
   const fields = reactive(clonedNormalizedFields) as NormalizedFields<TypeFields>

packages/vue/src/forms/typing/form.ts

@@ -6,7 +6,7 @@ import type {
   NormalizedFields,
   NormalizedSettings,
   RuleConfig,
-} from '@fancy-crud/core';
+} from '@fancy-crud/core'
 
 export interface UseForm<T, U, S> {
   id: symbol
@@ -16,12 +16,13 @@ export interface UseForm<T, U, S> {
   bus: Bus
 }
 
-export interface Args<T, U, S> {
+export interface Args<T, U, S, TypeResponseInterceptor> {
   fields: T
   id?: string
   buttons?: U
   settings?: S
   rulesConfig?: RuleConfig
+  responseInterceptor?: TypeResponseInterceptor
 }
 
 export interface DefaultProps {