webpack.config.js

const path = require('path');

const webpack = require('webpack');
const dotenv = require('dotenv');
const glob = require('glob');
const {BannerPlugin, DefinePlugin, EnvironmentPlugin} = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');

const CircularDependencyPlugin = require('circular-dependency-plugin');
const {version} = require('./packages/webex/package.json');
const callingPackage = require('./packages/calling/package.json');

dotenv.config();
dotenv.config({path: '.env.default'});

/**
 * Webpack Config
 *
 * @param {object} [env]
 * @param {string} env.NODE_ENV
 * @returns {object}
 */
module.exports = (env = {NODE_ENV: process.env.NODE_ENV || 'production'}) => ({
  entry: {
    webex: {
      import:
        env && env.NODE_ENV === 'development'
          ? `${path.resolve(__dirname)}/packages/webex/src/index.js`
          : './packages/webex',
      library: {
        name: 'Webex',
        type: 'umd',
      },
    },
    meetings: {
      import: `${path.resolve(__dirname)}/packages/webex/src/meetings.js`,
      library: {
        name: 'Webex',
        type: 'umd',
      },
    },
    calling: {
      import: `${path.resolve(__dirname)}/packages/webex/src/calling.js`,
      library: {
        name: 'Calling',
        type: 'umd',
        export: 'default',
      },
    },
  },
  mode: env && env.NODE_ENV === 'development' ? 'development' : 'production',
  output: {
    filename: '[name].min.js',
    sourceMapFilename: '[file].map',
    path:
      env && env.umd
        ? `${path.resolve(__dirname)}/packages/webex/umd`
        : `${path.resolve(__dirname)}/docs/samples`,
  },
  devtool: env && env.NODE_ENV === 'development' ? 'eval-cheap-module-source-map' : 'source-map',
  devServer: {
    https: true,
    port: process.env.PORT || 8000,
    static: './docs',
  },
  resolve: {
    fallback: {
      fs: false,
      os: require.resolve('os-browserify'),
      stream: require.resolve('stream-browserify'),
      querystring: require.resolve('querystring-es3'),
      crypto: false,
    },
    extensions: ['.ts', '.js', '.json'],
    alias: glob
      .sync('**/package.json', {cwd: './packages'})
      .map((p) => path.dirname(p))
      .reduce((alias, packageName) => {
        // Always use src as the entry point for local files so that we have the
        // best opportunity for treeshaking; also makes developing easier since
        // we don't need to manually rebuild after changing code.
        alias[`./packages/${packageName}`] = path.resolve(
          __dirname,
          `./packages/${packageName}/src/index`
        );
        alias[`${packageName}`] = path.resolve(__dirname, `./packages/${packageName}/src/index`);

        return alias;
      }, {}),
  },
  module: {
    rules: [
      {
        test: /\.(js|tsx|ts)$/,
        include: [/packages/],
        use: {
          loader: 'babel-loader',
        },
      },
    ],
  },
  ...(env !== 'development' && {
    optimization: {
      minimize: true,
      minimizer: [
        new TerserPlugin({
          cache: true,
          extractComments: false,
          parallel: true,
          sourceMap: true,
          terserOptions: {
            output: {
              preamble: `/*! Webex JS SDK v${process.env.VERSION || version} */`,
              comments: false,
            },
          },
        }),
      ],
    },
  }),
  plugins: [
    // If in integration and building for production (not testing) use production URLS
    ...(env && env.NODE_ENV === 'test'
      ? [
          new webpack.ProvidePlugin({
            process: 'process/browser',
          }),
          // Environment Plugin doesn't override already defined Environment Variables (i.e. DotENV)
          new EnvironmentPlugin({
            WEBEX_LOG_LEVEL: 'log',
            DEBUG: '',
            NODE_ENV: 'production',
            // The following environment variables are specific to our continuous
            // integration process and should not be used in general
            ATLAS_SERVICE_URL: 'https://atlas-intb.ciscospark.com/admin/api/v1',
            CONVERSATION_SERVICE: 'https://conversation-intb.ciscospark.com/conversation/api/v1',
            ENCRYPTION_SERVICE_URL: 'https://encryption-intb.ciscospark.com/encryption/api/v1',
            HYDRA_SERVICE_URL: 'https://apialpha.ciscospark.com/v1/',
            IDBROKER_BASE_URL: 'https://idbrokerbts.webex.com',
            IDENTITY_BASE_URL: 'https://identitybts.webex.com',
            U2C_SERVICE_URL: 'https://u2c-intb.ciscospark.com/u2c/api/v1',
            WDM_SERVICE_URL: 'https://wdm-intb.ciscospark.com/wdm/api/v1',
            WHISTLER_API_SERVICE_URL: 'https://whistler.allnint.ciscospark.com/api/v1',
            WEBEX_CONVERSATION_DEFAULT_CLUSTER: 'urn:TEAM:us-east-1_int13:identityLookup',
          }),
        ]
      : [
          new webpack.ProvidePlugin({
            process: 'process/browser',
          }),
          new BannerPlugin({
            banner: `Webex JS SDK v${process.env.VERSION || version}`,
          }),
          new EnvironmentPlugin({
            WEBEX_LOG_LEVEL: 'log',
            DEBUG: '',
            NODE_ENV: env && env.NODE_ENV === 'development' ? 'development' : 'production',
          }),
          // This allows overwriting of process.env
          new DefinePlugin({
            'process.env': {
              // Use production URLs with samples
              ATLAS_SERVICE_URL: JSON.stringify('https://atlas-a.wbx2.com/admin/api/v1'),
              CONVERSATION_SERVICE: JSON.stringify('https://conv-a.wbx2.com/conversation/api/v1'),
              ENCRYPTION_SERVICE_URL: JSON.stringify('https://encryption-a.wbx2.com'),
              HYDRA_SERVICE_URL: JSON.stringify('https://api.ciscospark.com/v1'),
              IDBROKER_BASE_URL: JSON.stringify('https://idbroker.webex.com'),
              IDENTITY_BASE_URL: JSON.stringify('https://identity.webex.com'),
              U2C_SERVICE_URL: JSON.stringify('https://u2c.wbx2.com/u2c/api/v1'),
              WDM_SERVICE_URL: JSON.stringify('https://wdm-a.wbx2.com/wdm/api/v1'),
              WHISTLER_API_SERVICE_URL: JSON.stringify(
                'https://whistler-prod.allnint.ciscospark.com/api/v1'
              ),
              CALLING_SDK_VERSION: JSON.stringify(callingPackage.version),
            },
          }),
        ]),
    new CircularDependencyPlugin({
      // exclude detection of files based on a RegExp
      exclude: /a\.js|node_modules/,
      // add errors to webpack instead of warnings
      failOnError: true,
      // allow import cycles that include an asyncronous import,
      // e.g. via import(/* webpackMode: "weak" */ './file.js')
      allowAsyncCycles: false,
      // set the current working directory for displaying module paths
      cwd: process.cwd(),
    }),
  ],
});