Typesafe CustomEvents on your Frontend - CustomEvent global augmentation example

globalAugmentationExample.ts

export const ClassifiedListFilterUpdate = "CL_FILTER_UPDATE";
export type ClassifiedListFilterUpdate = {
  searchUrls: {
    /**
     * Search url with legacy parameters
     */
    legacy: string;
    /**
     * Search url with newer `mmm` parameters
     */
    standard: string;
  };
};

// inform compiler of the as24 custom events
declare global {
  interface DocumentEventMap {
    [ClassifiedListFilterUpdate]: CustomEvent<ClassifiedListFilterUpdate>;
  }
}