ember-cli-build.js

'use strict';

const {Webpack} = require('@embroider/webpack');
const EmberApp = require('ember-cli/lib/broccoli/ember-app');
const nodeSass = require('node-sass');
const browsers = require('./config/targets').browsers;
const {asBoolean} = require('./config/utils');

const IS_TEST_ENVIRONMENT = EmberApp.env() === 'test';
const IS_PRODUCTION_ENVIRONMENT = EmberApp.env() === 'production';

const buildFingerPrintPrepend = ({ASSETS_CDN_HOST, ASSETS_CDN_PROTOCOL, ASSETS_CDN_PATH}) => {
  if (!ASSETS_CDN_HOST || !ASSETS_CDN_PROTOCOL) return '';

  return `${ASSETS_CDN_PROTOCOL}://${ASSETS_CDN_HOST}/${ASSETS_CDN_PATH}/`;
};

const runtimeEnvironment = require('./config/runtime-environment');

module.exports = function (defaults) {
  const app = new EmberApp(defaults, {
    'hinting': false,
    'tests': IS_TEST_ENVIRONMENT,

    // NOTE: This is where `{{content-for "environment-variables"}}` in
    // `app/index.html` is replaced with the runtime environment. We have to do
    // this so that Ember.js default FastBoot server (`ember server`) has a
    // runtime environment.
    //
    // This requires the `ember-cli-inline-content` NPM package.
    'inlineContent': {
      'environment-variables': {
        content: runtimeEnvironment.html,
      },
    },

    'autoImport': {
      exclude: ['graphql-tag'],
    },

    'autoprefixer': {
      sourcemap: false,
      overrideBrowserslist: [...browsers],
    },

    'babel': {
      plugins: [require('ember-auto-import/babel-plugin')],
      sourceMaps: 'inline',
    },

    'cssModules': {
      intermediateOutputPath: 'app/styles/app.scss',
      extension: 'scss',
      postcssOptions: {
        syntax: require('postcss-scss'),
      },
    },

    'emberApolloClient': {
      keepGraphqlFileExtension: true,
    },

    'ember-fetch': {
      preferNative: true,
    },

    'fingerprint': {
      extensions: ['js', 'css', 'png', 'jpg', 'gif', 'map', 'svg'],
      generateAssetMap: true,
    },

    'sassOptions': {
      implementation: nodeSass,
    },

    'sourcemaps': {
      enabled: true,
      extensions: ['js'],
    },

    'svgJar': {
      optimizer: false,
      persist: false,
    },
  });

  app.import('node_modules/simple-css-reset/reset.css');
  app.import('node_modules/focus-visible/dist/focus-visible.js');

  return require('@embroider/compat').compatBuild(app, Webpack, {
    staticAddonTestSupportTrees: true,
    staticAddonTrees: true,
    staticHelpers: true,
    staticComponents: true,
    splitAtRoutes: [],

    packagerOptions: {
      publicAssetURL: buildFingerPrintPrepend(process.env),

      webpackConfig: {
        module: {
          rules: [
            {
              test: /\.(graphql|gql)$/,
              use: 'graphql-tag/loader',
            },
          ],
        },
      },
    },
  });
};