babel-plugin-app-decorators-component-register

babel-plugin-app-decorators-component-register

Babel Plugin for auto generating code

Installation

$ npm install babel-plugin-app-decorators-component-register --save

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["app-decorators-component-register"]
}

.babelrc options

"plugins": [
    ["app-decorators-component-register", {
        "imports": [
            { "IMPORT_NAME": "Register", "SOURCE": "app-decorators-helper/register-customelement" },
            { "IMPORT_NAME": "storage",  "SOURCE": "app-decorators-helper/random-storage" }
        ]
    }]
]

Via CLI

$ babel --plugins app-decorators-component-register script.js

Via Node API

require('babel').transform('code', {
  plugins: ['app-decorators-component-register']
});

The goal of this babel-plugin is for app-decorators @component:

Example 1

code:

@component()
class Foo {
 
}

transformed:

import * as _register from 'app-decorators-helper/register-document';
import * as _storage from 'app-decorators-helper/registry-storage';
 
@component()
class Foo {
 
}
 
_register.Register.customElement(Foo, _storage.storage);

Tests

git clone https://github.com/SerkanSipahi/app-decorators.git
cd app-decorators/packages/babel-plugin-app-decorators-component-register
make install
make test