adds common-js dist binary webpack build

adds mirador3-e2e-tests package

.gitignore

@@ -9,6 +9,7 @@ coverage
 # production
 lib
 build
+dist
 
 # misc
 .DS_Store

packages/mirador3-app/.eslintignore

@@ -1,4 +1,5 @@
 build/
 config/
+dist/
 scripts/
 coverage/

packages/mirador3-app/config/paths.js

@@ -65,9 +65,11 @@ module.exports = {
   dotenv: resolveApp('.env'),
   appPath: resolveApp('.'),
   appBuild: resolveApp('build'),
+  appDist: resolveApp('dist'),
   appPublic: resolveApp('public'),
   appHtml: resolveApp('public/index.html'),
   appIndexJs: resolveModule(resolveApp, 'src/index'),
+  appDistIndexJs: resolveModule(resolveApp, 'src/index-dist'),
   appPackageJson: resolveApp('package.json'),
   appSrc: resolveApp('src'),
   appTsConfig: resolveApp('tsconfig.json'),

packages/mirador3-app/config/webpack.config.dist.js

@@ -0,0 +1,50 @@
+process.env.BABEL_ENV = 'production';
+process.env.NODE_ENV = 'production';
+
+require('./env');
+const paths = require('./paths');
+
+module.exports = {
+  mode: 'production',
+  entry: [paths.appDistIndexJs],
+  output: {
+    path: paths.appDist,
+    filename: 'mirador.bundle.js',
+    libraryTarget: 'umd',
+    library: 'Mirador',
+    libraryExport: 'default',
+  },
+  resolve: { extensions: ['.js'] },
+  module: {
+    rules: [
+      {
+        oneOf: [
+          {
+            test: /\.js?$/,
+            exclude: /(node_modules)/,
+            loader: 'babel-loader',
+          },
+          {
+            test: /\.scss$/,
+            use: [
+              'style-loader', // creates style nodes from JS strings
+              'css-loader', // translates CSS into CommonJS
+              'sass-loader', // compiles Sass to CSS, using Node Sass by default
+            ],
+          },
+          {
+            loader: require.resolve('file-loader'),
+            // Exclude `js` files to keep "css" loader working as it injects
+            // it's runtime that would otherwise be processed through "file" loader.
+            // Also exclude `html` and `json` extensions so they get processed
+            // by webpacks internal loaders.
+            exclude: [/\.(js|mjs|jsx|ts|tsx)$/, /\.html$/, /\.json$/],
+            options: {
+              name: 'static/media/[name].[hash:8].[ext]',
+            },
+          },
+        ],
+      },
+    ],
+  },
+};

packages/mirador3-app/config/webpack.config.prod.js

@@ -206,7 +206,7 @@ module.exports = {
     // https://github.com/facebook/create-react-app/issues/253
     modules: ['node_modules'].concat(
       // It is guaranteed to exist because we tweak it in `env.js`
-      process.env.NODE_PATH.split(path.delimiter).filter(Boolean)
+      process.env.NODE_PATH.split(path.delimiter).filter(Boolean),
     ),
     // These are the reasonable defaults supported by the Node ecosystem.
     // We also include JSX as a common component filename extension to support
@@ -394,7 +394,7 @@ module.exports = {
                 modules: true,
                 getLocalIdent: getCSSModuleLocalIdent,
               },
-              'sass-loader'
+              'sass-loader',
             ),
           },
           // "file" loader makes sure assets end up in the `build` folder.