dwayne-inject-local-constants v2.0.0

dwayne-inject-local-constants

Why?

The plugin is needed for declaring constant locals without explicitly setting them in the constructor. It is especially useful when you need some constants (like moment, lodash, custom constants like i18n, etc) in multiple (if not even all) blocks and writing globals.moment or globals._ all the time is no pleasure at all.

Installation

$ npm install --save dwayne-inject-local-constants

Usage

<!-- User/index.html -->

<div class="user">
  <span class="name">
    {_.truncate(globals.user.name, { length: 15 })}
  </span>
  <span class="registration-date">
    {moment(globals.user.regDate).format('MMMM Do YYYY')}
  </span>
</div>

// User/index.js

import { Block } from 'dwayne';
import _ from 'lodash';
import moment from 'moment';
import html from './index.html';
import { injectConstantsWrapper } from 'dwayne-inject-local-constants';

class User extends Block {
  static html = html;
}

export default User.wrap(
  injectConstantsWrapper({
    _,
    moment
  })
);

or if you need them in all blocks (which is more likely):

// app/extends.js

import { Block } from 'dwayne';
import _ from 'lodash';
import moment from 'moment';
import { injectConstantsExtendFn } from 'dwayne-inject-local-constants';

Block.extend(
  injectLocalsExtendFn({
    _,
    moment
  })
);

Note that the constants are declared after Block#constructor, because they are constants and they don't need watching. But you still can use them in the html or any other class methods (Block#afterConstruct and later).