Add an OOP-based way of adding features

[cornusandu]

Overview

Add a way of defining features via class decorators.

How to?

Make a class

For your feature, make a class that has:

• A constructor that initialises state
• init(page) / async init(page): initialise feature
• onDOMLoaded(): runs on 'DOMContentLoaded'
• onPageLoaded(): runs on 'load'

Using the decorator

Use the decorator like this (importing it from core/defineFeature/defFeat.ts:

@feature({ paths: ["*"] })  // you can also just do @feature(), and it'll always get loaded
class MyFeature {
...
}

Load your feature

Add the following line to core/defineFeature/featList.ts:

export { YourClassNameHere } from "yourFeaturesPathHere";

Note

Please keep in mind that decorators will NOT be in the build output. They will get resolved to JavaScript code that Chrome supports entirely at build-time. Eslint was also configured to understand the syntax.