Merge pull request #135 from transifex/webpack5

Nikos Vasileiou · web-flow · commit 2f73dbe6b2c8 · 2022-05-04T12:58:45.000+03:00
Update webpack and deps
diff --git a/.github/workflows/run-tests.yml b/.github/workflows/run-tests.yml
@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 16.x]
+        node-version: [14.x, 16.x, 18.x]
 
     steps:
     - uses: actions/checkout@v2
diff --git a/packages/api/package.json b/packages/api/package.json
@@ -25,23 +25,23 @@
     "publish-npm": "npm publish"
   },
   "dependencies": {
-    "core-js": "^3.17.2"
+    "core-js": "^3.22.4"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.4",
-    "@babel/core": "^7.17.8",
-    "@babel/preset-env": "^7.15.0",
+    "@babel/cli": "^7.17.10",
+    "@babel/core": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "@transifex/jsonapi": "^3.2.2",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.2",
+    "babel-loader": "^8.2.5",
     "eslint": "^7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-plugin-import": "^2.24.2",
-    "webpack": "^5.51.1",
+    "eslint-plugin-import": "^2.26.0",
+    "webpack": "^5.72.0",
     "webpack-cli": "^4.8.0"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "publishConfig": {
     "access": "public"
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -24,19 +24,19 @@
     "access": "public"
   },
   "dependencies": {
-    "@babel/parser": "^7.17.8",
-    "@babel/traverse": "^7.13.0",
+    "@babel/parser": "^7.17.10",
+    "@babel/traverse": "^7.17.10",
     "@colors/colors": "^1.5.0",
     "@oclif/command": "^1.8.0",
     "@oclif/config": "^1.17.0",
     "@oclif/errors": "^1.3.4",
     "@oclif/plugin-help": "^5.1.12",
     "@transifex/native": "^3.2.2",
     "angular-html-parser": "^1.7.1",
-    "axios": "^0.26.1",
+    "axios": "^0.27.2",
     "cli-ux": "^6.0.9",
-    "ejs": "^3.1.6",
-    "glob": "^7.1.6",
+    "ejs": "^3.1.7",
+    "glob": "^8.0.1",
     "lodash": "^4.17.21",
     "pug": "^3.0.2",
     "shelljs": "^0.8.4",
@@ -48,14 +48,14 @@
     "chai": "^4.3.3",
     "eslint": "^7.21.0",
     "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-plugin-import": "^2.22.1",
-    "globby": "^11.0.1",
-    "mocha": "^9.1.3",
+    "eslint-plugin-import": "^2.26.0",
+    "globby": "^11.1.0",
+    "mocha": "^10.0.0",
     "nock": "^13.0.11",
     "nyc": "^15.1.0"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "files": [
     "/bin",
diff --git a/packages/dom/README.md b/packages/dom/README.md
@@ -212,7 +212,9 @@ txdom.attachDOM(jsdom.window.document);
 await tx.setCurrentLocale('fr');
 
 // Translate DOM
-txdom.toLanguage(tx.getCurrentLocale(), tx.t);
+txdom.toLanguage(tx.getCurrentLocale(), (key) => {
+  return tx.cache.get(key, tx.getCurrentLocale());
+});
 
 // Get back translated HTML
 const translatedHTML = jsdom.serialize();
diff --git a/packages/dom/package.json b/packages/dom/package.json
@@ -31,7 +31,7 @@
     "url": "https://github.com/transifex/transifex-javascript/issues"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",
@@ -43,14 +43,13 @@
     "chai": "^4.3.4",
     "eslint": "^7.28.0",
     "eslint-config-airbnb-base": "^14.2.0",
-    "eslint-loader": "^4.0.2",
     "eslint-plugin-import": "^2.23.4",
-    "glob": "^7.1.7",
+    "glob": "^8.0.1",
     "linkedom": "^0.14.5",
-    "mocha": "^9.1.3",
+    "mocha": "^10.0.0",
     "nyc": "^15.1.0",
     "source-map-support": "^0.5.19",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2"
   }
 }
diff --git a/packages/dom/webpack.browser.js b/packages/dom/webpack.browser.js
@@ -21,22 +21,6 @@ module.exports = {
   ],
   module: {
     rules: [
-      {
-        test: /\.(js|jsx)$/,
-        enforce: 'pre',
-        use: [
-          {
-            options: {
-              cache: true,
-              configFile: '.eslintrc.json',
-              formatter: 'eslint-formatter-pretty',
-              emitWarning: true,
-              failOnError: true,
-            },
-            loader: 'eslint-loader',
-          },
-        ],
-      },
       {
         test: /\.(js|jsx)$/,
         exclude: /(node_modules)/,
diff --git a/packages/dom/webpack.node.js b/packages/dom/webpack.node.js
@@ -20,23 +20,6 @@ module.exports = {
     }),
   ],
   module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        enforce: 'pre',
-        use: [
-          {
-            options: {
-              cache: true,
-              configFile: '.eslintrc.json',
-              formatter: 'eslint-formatter-pretty',
-              emitWarning: true,
-              failOnError: true,
-            },
-            loader: 'eslint-loader',
-          },
-        ],
-      },
-    ],
+    rules: [],
   },
 };
diff --git a/packages/dom/webpack.test.js b/packages/dom/webpack.test.js
@@ -17,6 +17,9 @@ module.exports = {
       __VERSION__: JSON.stringify(version),
       __PLATFORM__: JSON.stringify('test'),
     }),
-    new IgnorePlugin(/canvas/, /commonjs$/),
+    new IgnorePlugin({
+      resourceRegExp: /canvas/,
+      contextRegExp: /commonjs$/,
+    }),
   ],
 };
diff --git a/packages/express/package.json b/packages/express/package.json
@@ -30,14 +30,14 @@
     "url": "https://github.com/transifex/transifex-javascript/issues"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "devDependencies": {
     "@transifex/native": "^3.2.2",
     "eslint": "^8.10.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.25.4",
-    "jest": "^27.5.1"
+    "jest": "^28.0.3"
   },
   "dependencies": {
     "type-is": "^1.6.18"
diff --git a/packages/jsonapi/package.json b/packages/jsonapi/package.json
@@ -27,24 +27,24 @@
     "url": "https://github.com/transifex/transifex-javascript/issues"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.15.4",
-    "@babel/preset-env": "^7.15.0",
+    "@babel/cli": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^27.0.6",
-    "babel-loader": "^8.2.2",
+    "babel-jest": "^28.0.3",
+    "babel-loader": "^8.2.5",
     "eslint": "^7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-plugin-import": "^2.24.2",
-    "jest": "^27.0.6",
-    "webpack": "^5.51.1",
+    "eslint-plugin-import": "^2.26.0",
+    "jest": "^28.0.3",
+    "webpack": "^5.72.0",
     "webpack-cli": "^4.8.0"
   },
   "dependencies": {
-    "axios": "^0.26.1",
-    "core-js": "^3.17.2",
+    "axios": "^0.27.2",
+    "core-js": "^3.22.4",
     "lodash": "^4.17.21",
     "regenerator-runtime": "^0.13.9"
   }
diff --git a/packages/native/README.md b/packages/native/README.md
@@ -22,7 +22,7 @@ A general purpose Javascript library for localizing web apps using [Transifex Na
 
 Requires a Transifex Native Project Token.
 
-Supported Node.js versions >= `12.x.x`
+Supported Node.js versions >= `14.x.x`
 
 Related packages:
 * [@transifex/react](https://www.npmjs.com/package/@transifex/react)
diff --git a/packages/native/package.json b/packages/native/package.json
@@ -31,31 +31,30 @@
     "url": "https://github.com/transifex/transifex-javascript/issues"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.17.8",
-    "@babel/plugin-transform-runtime": "^7.14.5",
-    "@babel/preset-env": "^7.14.5",
-    "@babel/runtime": "^7.17.8",
+    "@babel/core": "^7.17.10",
+    "@babel/plugin-transform-runtime": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
+    "@babel/runtime": "^7.17.9",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
+    "babel-loader": "^8.2.5",
     "chai": "^4.3.4",
     "eslint": "^7.28.0",
     "eslint-config-airbnb-base": "^14.2.0",
-    "eslint-loader": "^4.0.2",
-    "eslint-plugin-import": "^2.23.4",
-    "glob": "^7.1.7",
-    "mocha": "^9.1.3",
+    "eslint-plugin-import": "^2.26.0",
+    "glob": "^8.0.1",
+    "mocha": "^10.0.0",
     "nock": "^13.1.0",
     "nyc": "^15.1.0",
     "source-map-support": "^0.5.19",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^3.3.12"
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2"
   },
   "dependencies": {
     "@messageformat/core": "^3.0.0",
-    "axios": "^0.26.1",
+    "axios": "^0.27.2",
     "md5": "^2.3.0"
   }
 }
diff --git a/packages/native/webpack.browser.js b/packages/native/webpack.browser.js
@@ -21,22 +21,6 @@ module.exports = {
   ],
   module: {
     rules: [
-      {
-        test: /\.(js|jsx)$/,
-        enforce: 'pre',
-        use: [
-          {
-            options: {
-              cache: true,
-              configFile: '.eslintrc.json',
-              formatter: 'eslint-formatter-pretty',
-              emitWarning: true,
-              failOnError: true,
-            },
-            loader: 'eslint-loader',
-          },
-        ],
-      },
       {
         test: /\.(js|jsx)$/,
         exclude: /(node_modules)/,
diff --git a/packages/native/webpack.node.js b/packages/native/webpack.node.js
@@ -20,23 +20,6 @@ module.exports = {
     }),
   ],
   module: {
-    rules: [
-      {
-        test: /\.(js|jsx)$/,
-        enforce: 'pre',
-        use: [
-          {
-            options: {
-              cache: true,
-              configFile: '.eslintrc.json',
-              formatter: 'eslint-formatter-pretty',
-              emitWarning: true,
-              failOnError: true,
-            },
-            loader: 'eslint-loader',
-          },
-        ],
-      },
-    ],
+    rules: [],
   },
 };
diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  testEnvironment: 'jest-environment-jsdom',
+}
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -35,30 +35,31 @@
     "url": "https://github.com/transifex/transifex-javascript/issues"
   },
   "engines": {
-    "node": ">=12.0.0"
+    "node": ">=14.0.0"
   },
   "peerDependencies": {
     "@transifex/native": "^3.0.0",
     "prop-types": "^15.0.0",
-    "react": "^16.0.0 || ^17.0.0"
+    "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^10.4.9",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.2.0",
     "@transifex/native": "^3.2.2",
     "eslint": "^6.6.0",
     "eslint-config-airbnb": "^18.2.0",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
     "eslint-plugin-react": "^7.22.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "jest": "^26.6.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "jest": "^28.0.3",
+    "jest-environment-jsdom": "^28.0.2",
     "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
     "prop-types": "^15.7.2",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "react-scripts": "^4.0.3"
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-scripts": "^5.0.1"
   },
   "files": [
     "dist"
diff --git a/packages/vue2/package.json b/packages/vue2/package.json
