How to access the object that used Decorator?

Question

I want to inject some HTML Elements that requires from many components by using decorator. This is the usage I want to implement:

const serializedCSS = '...';    // Serialized CSS

@injectStyle(serializedCSS);
class MyComponent extends HTMLElement {
   ...

I want to send serialized css to decorator, however I can't found how to access the "MyComponent" class, I have to access it's own property to create new style element and append as child.

function injectStyle(target: any) {
    console.log(target);

    // ??? HOW TO ACCESS THE OBJECT? ///

    function f(...args:any) {

    }

    return f;
}

I can't find any related solution about this. Any advice will very appreciate it!

Answer 1

Here's the my solution.

export function injectStyle(css:string, ...args:any) {
    return function(target:any) {
        // Now I can access target object with "target"!
        target.doSomething ... 
        ...
    };
}

Now I can use injectStyle decorator something like this:

@injectStyle(require('./style.css'))
class App extends HTMLElement {
    ...
}