Obtain a reference to a class using a method decorator

Question

Obtain a reference to a class using a method decorator

My goal is to implement the following syntax:


@Controller('/user')
class UserController {
  @Action('/')
  get() {

  }

}

Now in the definition of decorators:

function Controller (options) {
 return  function(target: any) {
   let id = generateUniqueId();
   target.__id = id;
   addToSet(id, target)
 }

}

function Action (options) {
  return function (target: any, propertyKey: string) {
    //I need to retrieve the __id set in its class
  }
}

How can I access the unique id that I am assigning in the controller?

typescript

Answer 1

Answer №1

In order to ensure that method decorators are called before class decorators in TypeScript, I successfully implemented the following code:


  export function Controller(options: PathType | ControllerOptions): ClassDecorator {
    const {...controllerOptions} = mapOptions(options);
      return  function(constructor: Function) {
        const actions = [];

        Object.entries(constructor.prototype["methods"]).forEach(([_key, methodConfig]) => {
          console.info('_key', _key)
          console.info('methodConfig', methodConfig);
          actions.push(methodConfig);
        })
        controllerRegistery.add({
          controllerOptions,
          actions
        })
      }
  }


export class Methods {
    static GET(options) {
        return function( target: any,
          propertyKey: string | symbol,
          descriptor: PropertyDescriptor) {
            (target["methods"] = target["methods"] || {})[propertyKey] = {
              options,
              methodName: propertyKey,
              method: descriptor.value,
            };
            return descriptor;
        }
    }
}

Answer 2

In order to ensure that method decorators are called before class decorators in TypeScript, I successfully implemented the following code:


  export function Controller(options: PathType | ControllerOptions): ClassDecorator {
    const {...controllerOptions} = mapOptions(options);
      return  function(constructor: Function) {
        const actions = [];

        Object.entries(constructor.prototype["methods"]).forEach(([_key, methodConfig]) => {
          console.info('_key', _key)
          console.info('methodConfig', methodConfig);
          actions.push(methodConfig);
        })
        controllerRegistery.add({
          controllerOptions,
          actions
        })
      }
  }


export class Methods {
    static GET(options) {
        return function( target: any,
          propertyKey: string | symbol,
          descriptor: PropertyDescriptor) {
            (target["methods"] = target["methods"] || {})[propertyKey] = {
              options,
              methodName: propertyKey,
              method: descriptor.value,
            };
            return descriptor;
        }
    }
}

Obtain a reference to a class using a method decorator

Answer №1

Similar questions

Angular is throwing an error stating that the type '{ }[]' cannot be assigned to the type '[{ }]'

Combining and Filtering Arrays of Objects with Angular

What is the best way to transpile TypeScript within the Astro framework?

Tips for creating an HTTP only cookie in NestJS

Converting JSON array to custom object array in TypeScript

Challenges with overwriting TailwindCSS classes within a React component library package

Encountering a TS2739 error while retrieving data in an Angular service function

Creating unique components with Angular2 and Ionic

Utilizing TypeScript's conditional return type with an object as a parameter, and incorporating default values

Adding Google Tag Manager to a NextJS TypeScript project can be tricky, especially when encountering the error message "window.dataLayer is not

Difficulty Converting Array of Objects to Proper Type with Q.Promise and KO.mapping

Retrieve the :id parameter from the URL as a numerical value in Node.js using Typescript

Find a string that matches an element in a list

Is it possible to extend the Object class in order to automatically initialize a property when it is being modified?

Creating unique random shapes within a larger shape on a canvas, as shown in the image

Encountering an Uncaught Error: MyModule type lacks the 'ɵmod' property

Is it possible to invoke a component's function within the click function of a Chartjs chart?

I am encountering difficulties while attempting to import Typescript files. Upon compiling them into Javascript, I am faced with errors in the web browser, specifically the issue of "exports is not defined"

Can we determine the data type of an object based on a property within an interface?

Encountering a NgForm provider error in Angular 4.4.6 development mode