index.js

'use strict';

const Funnel = require('broccoli-funnel');
const merge = require('merge');
const Webfont = require('./utils/webfont');
const p = require('path');
const escapeStringRegexp = require('escape-string-regexp');

const DEFAULT_CSS_DEST = 'ember-cli-webfont.css';

module.exports = {
  name: require('./package').name,

  options() {
    return merge(
      true,
      {},
      {
        files: ['**/*.svg'],
        dest: 'assets/webfonts/',
        fontName: 'iconfont',
        cssFontsUrl: 'webfonts/',
        cssTemplate: Webfont.templates.css,
        skipImport: false,
        templateOptions: {
          classPrefix: 'iconfont-',
          baseSelector: '.iconfont',
        },
      },
      this.app.options.webfont?.options ?? {},
    );
  },

  webfontPath() {
    let path = 'app/webfont-svg';
    if (this.app.options.webfont?.path) {
      path = this.app.options.webfont.path;
    }
    return path;
  },

  treeForPublic() {
    const path = new Funnel(this.webfontPath(), {
      include: this.options().files,
    });
    const options = merge(true, { css: false }, this.options());
    return new Webfont([path], options);
  },

  treeForVendor(tree) {
    if (this.app.options.webfont?.skipImport) {
      return tree;
    }

    return this._getStylesTree();
  },

  treeForStyles() {
    if (!this.app.options.webfont?.skipImport) {
      return;
    }

    return this._getStylesTree();
  },

  included(app) {
    this._super.included(app);
    this.app = app;

    if (this.app.options.webfont?.skipImport) {
      return;
    }

    const cssDest = this.options().cssDest ?? DEFAULT_CSS_DEST;
    app.import(p.join('vendor', cssDest));
  },

  _getStylesTree() {
    const path = new Funnel(this.webfontPath(), {
      include: this.options().files,
    });
    const options = merge(
      true,
      {
        css: true,
        cssDest: 'ember-cli-webfont.css',
      },
      this.options(),
    );
    const webfont = new Webfont([path], options);

    return new Funnel(webfont, {
      include: [new RegExp(escapeStringRegexp(options.cssDest) + '$')],
    });
  },
};