@nlabs/lex 1.27.0 → 1.30.0

package/dist/commands/build.js

@@ -93,15 +93,16 @@ ${cliName} Error: Environment variables option is not a valid JSON object.`, "er
   } else {
     webpackConfig = path.resolve(__dirname, "../../webpack.config.js");
   }
-  const webpackMode = mode || "production";
   const webpackOptions = [
     "--color",
     "--progress",
+    "--stats-error-details",
     "--config",
-    webpackConfig,
-    "--mode",
-    webpackMode
+    webpackConfig
   ];
+  if (mode) {
+    webpackOptions.push("--mode", mode);
+  }
   if (outputChunkFilename) {
     webpackOptions.push("--output-chunk-filename", outputChunkFilename);
   }

package/dist/commands/compile.js

@@ -124,7 +124,7 @@ ${cliName} Error: ${error.message}`, "error", quiet);
     "--outdir=lib",
     "--platform=node",
     "--sourcemap=inline",
-    "--target=esnext,node12"
+    "--target=esnext,node14"
   ];
   if (useTypescript) {
     esbuildOptions.push("--loader:.ts=ts", "--loader:.tsx=tsx");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nlabs/lex",
-  "version": "1.27.0",
+  "version": "1.30.0",
   "description": "Lex",
   "license": "MIT",
   "bin": {
@@ -46,27 +46,28 @@
   },
   "dependencies": {
     "@hot-loader/react-dom": "17.0.1",
-    "@nlabs/gothamjs": "^0.7.0",
+    "@nlabs/gothamjs": "^0.8.2",
     "@nlabs/webpack-plugin-static-site": "^0.1.1",
-    "acorn": "^8.4.1",
+    "acorn": "^8.5.0",
     "acorn-dynamic-import": "^4.0.0",
-    "boxen": "^5.0.1",
-    "caniuse-lite": "1.0.30001252",
+    "assert": "^2.0.0",
+    "boxen": "^5.1.2",
+    "caniuse-lite": "1.0.30001258",
     "chalk": "^4.1.2",
-    "commander": "^8.1.0",
+    "commander": "^8.2.0",
     "compare-versions": "^3.6.0",
-    "compression-webpack-plugin": "^8.0.1",
+    "compression-webpack-plugin": "^9.0.0",
     "config-webpack-plugin": "^1.1.0",
     "copy-webpack-plugin": "^9.0.1",
-    "core-js": "^3.16.4",
+    "core-js": "^3.18.0",
     "crypto-browserify": "^3.12.0",
-    "css-loader": "^6.2.0",
+    "css-loader": "^6.3.0",
     "cssnano": "^5.0.8",
     "dotenv-webpack": "^7.0.3",
     "download-npm-package": "^3.1.12",
     "esbuild-jest": "^0.5.0",
     "esbuild-loader": "^2.15.1",
-    "execa": "^5.1.1",
+    "execa": "5",
     "exports-loader": "^3.0.0",
     "favicons-webpack-plugin": "^5.0.2",
     "file-loader": "^6.2.0",
@@ -76,21 +77,23 @@
     "graphql-tag": "^2.12.5",
     "html-loader": "^2.1.2",
     "html-webpack-plugin": "^5.3.2",
+    "https-browserify": "^1.0.0",
     "imports-loader": "^3.0.0",
-    "jest": "^27.1.0",
-    "jest-cli": "^27.1.0",
+    "jest": "^27.2.1",
+    "jest-cli": "^27.2.1",
     "jest-transform-graphql": "^2.1.0",
     "json-d-ts": "^1.0.1",
-    "latest-version": "5",
+    "latest-version": "5.1.0",
     "lodash": "^4.17.21",
     "luxon": "^2.0.2",
-    "npm-check-updates": "^11.8.3",
-    "obsolete-webpack-plugin": "^0.5.6",
-    "ora": "5",
+    "net": "^1.0.2",
+    "npm-check-updates": "^11.8.5",
+    "ora": "5.4.1",
+    "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",
     "postcss-browser-reporter": "^0.6.0",
     "postcss-cli": "^8.3.1",
-    "postcss-custom-properties": "^11.0.0",
+    "postcss-custom-properties": "^12.0.0",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-for": "^2.1.1",
     "postcss-hash": "^3.0.0",
@@ -110,17 +113,19 @@
     "rimraf": "^3.0.2",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.0",
-    "source-map-support": "^0.5.19",
+    "source-map-support": "^0.5.20",
     "speed-measure-webpack-plugin": "^1.5.0",
     "static-site-generator-webpack-plugin": "^3.4.2",
     "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
     "style-loader": "^3.2.1",
-    "svg-spritemap-webpack-plugin": "^4.3.1",
-    "svgo": "2.5.0",
-    "typescript": "^4.4.2",
+    "svg-spritemap-webpack-plugin": "^4.3.2",
+    "svgo": "2.6.1",
+    "tls": "^0.0.1",
+    "typescript": "^4.4.3",
     "url-loader": "^4.1.1",
     "util": "^0.12.4",
-    "webpack": "5.51.1",
+    "webpack": "5.53.0",
     "webpack-bundle-analyzer": "^4.4.1",
     "webpack-cli": "^4.8.0",
     "webpack-merge": "^5.8.0",
@@ -128,16 +133,16 @@
     "webpack-plugin-serve": "^1.5.0"
   },
   "devDependencies": {
-    "@nlabs/execa-mock": "^1.27.0",
+    "@nlabs/execa-mock": "^1.29.0",
     "@types/jest": "^27.0.1",
-    "@types/luxon": "^2.0.2",
-    "@types/node": "^16.7.10",
+    "@types/luxon": "^2.0.4",
+    "@types/node": "^16.9.4",
     "@types/ora": "^3.2.0",
-    "@types/react": "^17.0.19",
+    "@types/react": "^17.0.22",
     "@types/webpack": "^5.28.0",
     "eslint": "^7.32.0",
     "eslint-config-styleguidejs": "^1.5.3",
     "lerna": "^4.0.0"
   },
-  "gitHead": "c53b9bc54be22cb5af49426ea6eeda91920a6bd3"
+  "gitHead": "e023bf2c59248b153aff3ac14d6411ba1ad176f5"
 }

package/webpack.config.js

@@ -12,7 +12,6 @@ const fs = require('fs');
 const glob = require('glob');
 const HtmlWebPackPlugin = require('html-webpack-plugin');
 const isEmpty = require('lodash/isEmpty');
-const ObsoletePlugin = require('obsolete-webpack-plugin');
 const path = require('path');
 const SVGSpritemapPlugin = require('svg-spritemap-webpack-plugin');
 const webpack = require('webpack');
@@ -23,8 +22,7 @@ const {WebpackPluginServe} = require('webpack-plugin-serve');
 const {getNodePath, relativeFilePath} = require('./dist/utils');
 
 const {ProgressPlugin, ProvidePlugin} = webpack;
-const environment = process.env.NODE_ENV || 'development';
-const isProduction = environment === 'production';
+const isProduction = process.env.NODE_ENV === 'production';
 const lexConfig = JSON.parse(process.env.LEX_CONFIG) || {};
 
 const {
@@ -49,27 +47,19 @@ const plugins = [
     dependencies: true,
     percentBy: null
   }),
-  new ProvidePlugin({process: 'process/browser'}),
-  new DotenvPlugin({path: path.resolve(process.cwd(), '.env'), systemvars: true}),
-  new CompressionWebpackPlugin({algorithm: 'gzip'}),
-  new ObsoletePlugin({
-    name: 'obsolete',
-    promptOnNonTargetBrowser: true,
-    template: `
-      <div style="background-color: rgb(32, 41, 69); opacity: 0.8; height: 100%; width: 100%; margin: 0; padding: 0; position: absolute; text-align: center; left: 0; right: 0; bottom: 0; top: 0;">
-        <div style="color: white; font-size: 20px; margin-top: 10%">
-          Your browser is not supported.<br/><br/>
-          Please use a recent
-          <a href="https://www.microsoft.com/en-us/edge" style="color:white">Edge</a>,
-          <a href="https://www.mozilla.org/en-US/firefox/new/" style="color:white">Firefox</a>,
-          <a href="https://www.google.com/chrome/" style="color:white">Chrome</a> or
-          Safari.
-        </div>
-      </div>
-    `
-  })
+  new DotenvPlugin({path: path.resolve(process.cwd(), '.env'), systemvars: false})
 ];
 
+const target = preset || targetEnvironment;
+const isWeb = target === 'web';
+
+if(isWeb) {
+  plugins.push(
+    new CompressionWebpackPlugin({algorithm: 'gzip'}),
+    new ProvidePlugin({process: 'process/browser'})
+  );
+}
+
 // Add svg files
 const globOptions = {
   cwd: sourceFullPath,
@@ -131,7 +121,7 @@ let outputFilename = outputFile;
 
 if(outputFile) {
   outputFilename = outputFile;
-} else if(outputHash || isProduction) {
+} else if(outputHash || (isWeb && isProduction)) {
   outputFilename = '[name].[hash].js';
 } else {
   outputFilename = '[name].js';
@@ -173,12 +163,12 @@ module.exports = (webpackEnv, webpackOptions) => {
   const webpackConfig = {
     bail: true,
     cache: !isProduction,
-    devtool: isProduction ? 'cheap-module-source-map' : 'eval-cheap-module-source-map',
+    devtool: isProduction ? 'inline-cheap-module-source-map' : 'eval-cheap-module-source-map',
     entry: {
       index: `${sourceFullPath}/${lexConfig.entryJs}`
     },
     ignoreWarnings: [/Failed to parse source map/],
-    mode: environment,
+    mode: isProduction ? 'production' : 'development',
     module: {
       rules: [
         {
@@ -288,7 +278,7 @@ module.exports = (webpackEnv, webpackOptions) => {
         }
       ]
     },
-    optimization: !isProduction || libraryName ? {} : {
+    optimization: (isProduction && isWeb) ? {
       minimizer: [
         new ESBuildMinifyPlugin({
           css: true,
@@ -307,7 +297,7 @@ module.exports = (webpackEnv, webpackOptions) => {
         }
       },
       usedExports: true
-    },
+    } : {},
     output: {
       filename: outputFilename,
       library: libraryName,
@@ -321,7 +311,12 @@ module.exports = (webpackEnv, webpackOptions) => {
       alias,
       extensions: ['*', '.mjs', '.js', '.ts', '.tsx', '.jsx', '.json', '.gql', '.graphql'],
       fallback: {
+        assert: require.resolve('assert/'),
         crypto: require.resolve('crypto-browserify'),
+        fs: require.resolve('fs-extra'),
+        http: require.resolve('stream-http'),
+        https: require.resolve('https-browserify'),
+        os: require.resolve('os-browserify/browser'),
         path: require.resolve('path-browserify'),
         process: require.resolve('process/browser'),
         stream: require.resolve('stream-browserify'),
@@ -336,7 +331,7 @@ module.exports = (webpackEnv, webpackOptions) => {
     // stats: {
     //   warningsFilter: [/Failed to parse source map/]
     // },
-    target: preset || targetEnvironment
+    target
   };
 
   // Add development plugins