electrum-require-components

electrum-require-components

This tool synthesizes a source file with a list of requires.

electrum-require-components --wrap --crlf ./src widgets .component.js all.js

Produces file ./src/all.js while recursively exploring folder widgets found in the source folder ./src, looking for *.component.js.

• The --wrap option inserts calls to Electrum.wrap().
• The --crlf option uses CR+LF line endings (for Windows files).

Here is an example of a resulting source file with --wrap:

'use strict';
import Electrum from 'electrum';
import _CheckBox from './widgets/buttons/check-box.component.js'
import _Panel from './widgets/layout/panel.component.js';
export const CheckBox = Electrum.wrap ('CheckBox', _CheckBox);
export const Panel = Electrum.wrap ('Panel', _Panel);

And the same example without --wrap:

'use strict';
import _CheckBox from './widgets/buttons/check-box.component.js'
import _Panel from './widgets/layout/panel.component.js';
export const CheckBox = _CheckBox;
export const Panel = _Panel;

Note how check-box produces an export named CheckBox.

Companion files

If there are companion files (e.g. panel.styles.js located beside the panel.component.js file), then they will also get imported and provided to Electrum.wrap as an additional argument:

'use strict';
import Electrum from 'electrum';
import _Panel from './widgets/layout/Panel.component.js';
import _Panel$about from './widgets/layout/panel.about.js';
import _Panel$styles from './widgets/layout/panel.styles.js';
export const Panel = Electrum.wrap ('Panel', _Panel, {about: _Panel$about, styles: _Panel$styles});