@wheelroom/wheelroom-plugin-boilerplate v3.1.17

@wheelroom/wheelroom-plugin-boilerplate

This is a plugin for the @wheelroom/wheelroom package.

Have a look at the boilerplate to so see how to use this.

Commands

This plugin adds the create-boilerplate command which lets you create boilerplate code from component data.

wheelroom create-boilerplate <template-set> <path> [options]

Config

The plugin is configured by adding it to wheelroom-config.js

var templateSets = require('./wheelroom-template-sets')

module.exports = {
  components: {
      ...
  },
  plugins: [
    {
      resolve: '@wheelroom/wheelroom-plugin-boilerplate',
      options: {
        templateSets: templateSets,
      },
    },
  ],
}

Template sets

Using typescript, template sets are defined like this.

import { TemplateSets } from '@wheelroom/wheelroom-plugin-boilerplate'
import { component } from './component'
import { componentIndex } from './component-index'
import { componentReadme } from './component-readme'
import { componentVariation } from './component-variation'

export const templateSets: TemplateSets = {
  components: {
    component: {
      filterComponentSetting: 'asBoilerplate',
      path: '%component-name%/%component-name%.tsx',
      template: component,
    },
    componentBasicVar: {
      filterComponentSetting: 'asBoilerplate',
      path: '%component-name%/%component-name%-%variation-name%-var.tsx',
      template: componentVariation,
    },
    componentIndex: {
      filterComponentSetting: 'asBoilerplate',
      path: '%component-name%/index.ts',
      template: componentIndex,
    },
    componentReadme: {
      filterComponentSetting: 'asBoilerplate',
      path: '%component-name%/README.md',
      template: componentReadme,
    },
  },
}