bootstrap.loader.js

/* eslint-disable func-names, import/first */

import semver from 'semver';

// For Node <= v0.12.x Babel polyfill is required
if (semver.lt(process.version, '4.0.0') && !global._babelPolyfill) {
  try {
    // eslint-disable-next-line global-require
    require('babel-polyfill');
  } catch (e) {
    try {
      // eslint-disable-next-line global-require
      require('babel-core/polyfill');
    } catch (ee) {
      try {
        // eslint-disable-next-line global-require
        require('babel/polyfill');
      } catch (eee) {
        throw new Error(`
          For Node <= v0.12.x Babel polyfill is required.
          Make sure it's installed in your 'node_modules/' directory.
          ${eee}
        `);
      }
    }
  }
}

// Read more about the next line
// at https://github.com/shakacode/bootstrap-loader/pull/139
/* eslint-disable import/imports-first */
import path from 'path';
import loaderUtils from 'loader-utils';

import resolveModule from './utils/resolveModule';
import checkBootstrapVersion from './utils/checkBootstrapVersion';
import processStyleLoaders from './utils/processStyleLoaders';
import joinLoaders from './utils/joinLoaders';
import buildExtractStylesLoader from './utils/buildExtractStylesLoader';
import createRequire from './utils/createRequire';
import logger from './utils/logger';
import fileExists from './utils/fileExists';
import getEnvProp from './utils/getEnvProp';
import createConfig from './bootstrap.config';

module.exports = function() {};

/**
 * Bootstrap loader entry point
 *
 * @param {string} source - Path to dummy file with empty object.
 *                          Needed b/c we have to apply loader to some file.
 * @returns {string}
 */
module.exports.pitch = function(source) {
  if (this.cacheable) this.cacheable();

  const { extractStyles, configFilePath, bootstrapPath } = loaderUtils.getOptions(this) || {};

  if (configFilePath) {
    const fullPathToUserConfig = path.resolve(__dirname, configFilePath);
    if (!fileExists(fullPathToUserConfig)) {
      throw new Error(`
        Cannot find config file ${fullPathToUserConfig}. You might want to pass the full path.
      `);
    }
  }

  const config = createConfig({ extractStyles, customConfigFilePath: configFilePath });

  function isDebugEnabled() {
    if (config.loglevel === 'debug') {
      return true;
    }
    if (!process.env.DEBUG) {
      return false;
    }

    switch (process.env.DEBUG.toString().toLowerCase()) {
      case 'true':
      case 'yes':
      case '1':
        return true;
      default:
        return false;
    }
  }

  global.__DEBUG__ = isDebugEnabled();

  const whichWayDebugEnabledMsg = process.env.DEBUG
    ? 'DEBUG defined in your ENV.'
    : "your config log level set to 'debug'.";

  logger.debug(`bootstrap-loader is in DEBUG mode because you have ${whichWayDebugEnabledMsg}`);

  logger.debug(`Using config file ${config.configFilePath}`);

  logger.debug('Query from webpack config:', this.query || '*none*');

  const { bootstrapVersion } = config;

  // Resolve `bootstrap` package
  const bootstrapNPMModule = bootstrapVersion === 3 ? 'bootstrap-sass' : 'bootstrap';

  logger.debug('Using Bootstrap module:', bootstrapNPMModule);

  config.bootstrapPath = bootstrapPath || resolveModule(bootstrapNPMModule);
  logger.debug(`Bootstrap module location (abs): ${config.bootstrapPath}`);
  if (!config.bootstrapPath) {
    const msg = `Could not resolve module '${bootstrapNPMModule}' which must be installed when bootstrap version is configured to v${bootstrapVersion}.
You must install 'bootstrap' for bootstrap v4 or 'bootstrap-sass' for bootstrap v3.
You can also specify the location manually by specifying 'bootstrapPath' in bootstrap-loader's query string.
See https://github.com/shakacode/bootstrap-loader/blob/master/README.md#usage.`;
    throw new Error(msg);
  }

  config.bootstrapRelPath = path.relative(this.context, config.bootstrapPath);
  logger.debug(`Bootstrap module location (rel): ${config.bootstrapRelPath}`);

  logger.debug('Context:', this.context);
  logger.debug('Using Bootstrap version:', bootstrapVersion);

  if (!config.bootstrapPath) {
    throw new Error(`
      Could not find path to '${bootstrapNPMModule}' module.
      Make sure it's installed in your 'node_modules/' directory.
    `);
  }
  const bootstrapNPMVersion = checkBootstrapVersion(bootstrapVersion, config.bootstrapPath);

  if (!bootstrapNPMVersion.allGood) {
    throw new Error(`
      Looks like you have wrong version of Bootstrap.
      Loader wants: ${bootstrapVersion}.x.x
      Installed version: ${bootstrapNPMVersion.version}
    `);
  }

  logger.debug('Bootstrap NPM package version:', bootstrapNPMVersion.version);

  logger.debug('Normalized params:', '\n', config);

  const result = {};

  const dummySourceRel = loaderUtils.urlToRequest(path.relative(this.context, source));

  const bootstrapConfig = JSON.stringify(config);
  // Handle styles
  if (config.styles) {
    if (!getEnvProp('styleLoaders', config)) {
      throw new Error(`
Could not find 'styleLoaders' in your config.
You can use default ones:
  styleLoaders: ['style', 'css', 'sass']
      `);
    }

    const styleLoadersWithSourceMapsAndResolveUrlLoader = processStyleLoaders({
      loaders: config.styleLoaders,
      disableSassSourceMap: config.disableSassSourceMap,
      disableResolveUrlLoader: config.disableResolveUrlLoader,
    });

    const styleLoaders = config.extractStyles
      ? buildExtractStylesLoader(styleLoadersWithSourceMapsAndResolveUrlLoader)
      : joinLoaders(styleLoadersWithSourceMapsAndResolveUrlLoader);
    const bootstrapStylesLoader = `${loaderUtils.urlToRequest(
      path.relative(
        this.context,
        require.resolve(loaderUtils.urlToRequest('bootstrap.styles.loader.js')),
      ),
    )}?${bootstrapConfig}!`;
    const styles = styleLoaders + bootstrapStylesLoader + dummySourceRel;

    result.css = createRequire(styles);
  }

  // Handle scripts
  if (config.scripts) {
    const bootstrapScriptsLoader = `${loaderUtils.urlToRequest(
      path.relative(
        this.context,
        require.resolve(loaderUtils.urlToRequest('bootstrap.scripts.loader.js')),
      ),
    )}?${bootstrapConfig}!`;
    const scripts = bootstrapScriptsLoader + dummySourceRel;
    result.js = createRequire(scripts);
  }

  const resultOutput = Object.keys(result)
    .map(key => `module.exports.${key} = ${result[key]}\n`)
    .join('');

  logger.debug('Requiring:', '\n', resultOutput);

  return resultOutput;
};