@glimmer/blueprint/index.js

Ember CLI blueprint for initializing a new Glimmer application.

'use strict';

const dasherize = require('ember-cli-string-utils').dasherize;
const classify = require('ember-cli-string-utils').classify;

module.exports = {
  description: 'Ember CLI blueprint for initializing a new Glimmer application',

  // filesToRemove: [
  //   'app/styles/.gitkeep',
  //   'app/templates/.gitkeep',
  // ],

  locals(options) {
    let name = dasherize(options.entity.name);
    let component = classify(name);
    let className = classify(options.entity.name);
    let blueprintVersion = require('./package').version;

    return {
      name,
      className,
      component,
      blueprintVersion
    };
  },

  fileMapTokens(options) {
    return {
      __component__() { return options.locals.component }
    }
  },

  files() {
    let files = this._super.files.apply(this, arguments);

    if (this._shouldIncludeYarnLockInFiles()) {
      files = files.filter((file) => file !== 'yarn.lock');
    }

    return files;
  },

  afterInstall(options) {
    if (options.webComponent) {
      this._validateWebComponentName(options);
      return this._installWebComponentSupport(options);
    }
  },

  _validateWebComponentName(options) {
    let customElementName = options.webComponent;

    if(typeof customElementName !== 'string') {
      throw 'You must provide a name for the web component, eg. `--web-component=button-list`';
    }

    if(!hasDash(customElementName)) {
      throw `The web component name must contain a dash. You provided "${customElementName}"` ;
    }
  },

  _installWebComponentSupport(options) {
    let customElementName = options.webComponent;
    let glimmerComponentName = classify(options.entity.name);

    let addPackagePromise = this.addPackageToProject('@glimmer/web-component');
    let indexTSPromise = this.insertIntoFile(
      'src/index.ts',
      "import initializeCustomElements from '@glimmer/web-component';",
      { after: "import { setPropertyDidChange } from '@glimmer/tracking';\n" }
    ).then(() => {
      return this.insertIntoFile(
        'src/index.ts',
        `initializeCustomElements(app, { '${customElementName}': '${glimmerComponentName}' });\n`
      );
    });

    return Promise.all([
      addPackagePromise,
      indexTSPromise
    ]);
  },

  _shouldIncludeYarnLockInFiles() {
    return !!this.project.pkg.name;
  }
};

function hasDash(string) {
  return string.indexOf('-') > -1;
}