react-simple-i18n - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0-beta.0

.eslintrc.js

 module.exports = {
-  parser: 'babel-eslint',
+  parser: '@typescript-eslint/parser',
   env: {
@@ -9,6 +9,23 @@ es6: true,
   },
-  extends: ['eslint:recommended', 'plugin:react/recommended'],
+  globals: {},
+  plugins: [
+    'prettier',
+    // 'jsx-a11y',
+  ],
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:prettier/recommended', // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+  ],
   parserOptions: {
     sourceType: 'module',
+    project: ['./tsconfig.eslint.json'],
   },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
   rules: {
@@ -15,0 +32,0 @@ camelcase: [2, { properties: 'never' }],

CHANGELOG.md

@@ -0,1 +1,6 @@
+## 1.3.0
+
+- Add TypeScript support
+- Add React 18 as peerDependency
+
 ## 1.2.1
@@ -2,0 +7,0 @@

lib/context.js

@@ -6,8 +6,8 @@ "use strict";
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = require("react");
 
-var context = /*#__PURE__*/(0, _react.createContext)({});
+var context = (0, _react.createContext)(null);
 var _default = context;
-exports["default"] = _default;
+exports.default = _default;

lib/create-i18n.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = createI18n;
+exports.default = createI18n;
 exports.getNestedValue = void 0;
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -33,7 +35,7 @@ var getNestedValue = function getNestedValue(data, keyArr) {
 
-  if (data === null || _typeof(data) !== 'object') {
+  if (data === null || (0, _typeof2.default)(data) !== 'object') {
     throw new Error('React Simple I18n: Language data should be an object');
   }
 
-  if (options === null || _typeof(options) !== 'object') {
+  if (options === null || (0, _typeof2.default)(options) !== 'object') {
     throw new Error('React Simple I18n: Options should be an object');
@@ -85,3 +87,3 @@ }
     if (!data[lang]) {
-      return console.error("Language '".concat(lang, "' is not found.")); // eslint-disable-line no-console
+      return console.error("Language '".concat(lang, "' is not found."));
     }
@@ -88,0 +90,0 @@

lib/index.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
@@ -9,3 +11,3 @@ value: true
   get: function get() {
-    return _provider["default"];
+    return _provider.default;
   }
@@ -16,3 +18,3 @@ });
   get: function get() {
-    return _createI18n["default"];
+    return _createI18n.default;
   }
@@ -23,3 +25,3 @@ });
   get: function get() {
-    return _useI18n["default"];
+    return _useI18n.default;
   }
@@ -30,3 +32,3 @@ });
   get: function get() {
-    return _withI18n["default"];
+    return _withI18n.default;
   }
@@ -41,4 +43,2 @@ });
 
-var _useI18n = _interopRequireDefault(require("./use-i18n"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _useI18n = _interopRequireDefault(require("./use-i18n"));

lib/provider.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("./context"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var I18nProvider = function I18nProvider(_ref) {
   var i18n = _ref.i18n,
       children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
+  return _react.default.createElement(_context.default.Provider, {
     value: i18n
@@ -24,7 +22,3 @@ }, children);
 
-I18nProvider.propTypes = {
-  children: _propTypes["default"].element.isRequired,
-  i18n: _propTypes["default"].object.isRequired
-};
 var _default = I18nProvider;
-exports["default"] = _default;
+exports.default = _default;

lib/use-i18n.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = useI18n;
+exports.default = useI18n;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = require("react");
@@ -12,27 +16,17 @@
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function useI18n() {
-  var i18n = (0, _react.useContext)(_context["default"]);
+  var i18n = (0, _react.useContext)(_context.default);
 
   var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       setForceUpdate = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    i18n.listen(setForceUpdate);
+    i18n.listen(function () {
+      setForceUpdate(undefined);
+    });
     return function () {
-      i18n.unlisten(setForceUpdate);
+      i18n.unlisten(function () {
+        setForceUpdate(undefined);
+      });
     };
@@ -39,0 +33,0 @@ }, []);

lib/with-i18n.js

 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = withI18n;
+exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _context = _interopRequireDefault(require("./context"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+var _react = _interopRequireWildcard(require("react"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _context = _interopRequireDefault(require("./context"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var withI18n = function withI18n(WrappedComp) {
+  return function (_Component) {
+    (0, _inherits2.default)(I18nComponent, _Component);
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function withI18n(WrappedComp) {
-  return /*#__PURE__*/function (_Component) {
-    _inherits(I18nComponent, _Component);
-
     var _super = _createSuper(I18nComponent);
@@ -53,3 +49,3 @@
 
-      _classCallCheck(this, I18nComponent);
+      (0, _classCallCheck2.default)(this, I18nComponent);
 
@@ -61,11 +57,9 @@ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "updateHandler", function () {
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateHandler", function () {
         _this.forceUpdate();
       });
-
       return _this;
     }
 
-    _createClass(I18nComponent, [{
+    (0, _createClass2.default)(I18nComponent, [{
       key: "componentDidMount",
@@ -85,5 +79,5 @@ value: function componentDidMount() {
 
-        return /*#__PURE__*/_react["default"].createElement(_context["default"].Consumer, null, function (i18n) {
+        return _react.default.createElement(_context.default.Consumer, null, function (i18n) {
           _this2.i18n = i18n;
-          return /*#__PURE__*/_react["default"].createElement(WrappedComp, _extends({}, _this2.props, {
+          return _react.default.createElement(WrappedComp, (0, _extends2.default)({}, _this2.props, {
             t: i18n.t,
@@ -95,5 +89,7 @@ i18n: i18n
     }]);
-
     return I18nComponent;
   }(_react.Component);
-}
+};
+
+var _default = withI18n;
+exports.default = _default;

package.json

 {
   "name": "react-simple-i18n",
-  "version": "1.2.1",
+  "version": "1.3.0-beta.0",
   "description": "React i18n solution with context API",
   "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
-    "build": "cross-env NODE_ENV=production babel src --out-dir lib",
-    "test": "jest --env=jsdom",
-    "cov": "jest --env=jsdom --coverage"
+    "build": "run-p build:cjs build:d.ts build:es",
+    "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib --extensions .tsx,.ts",
+    "build:es": "cross-env NODE_ENV=es babel src --out-dir es --extensions .tsx,.ts",
+    "build:d.ts": "tsc",
+    "test": "cross-env NODE_ENV=test jest --env=jsdom",
+    "cov": "cross-env NODE_ENV=test jest --env=jsdom --coverage"
   },
@@ -16,3 +21,3 @@ "jest": {
     "setupFilesAfterEnv": [
-      "./jest-setup.js"
+      "./jest/setup.js"
     ],
@@ -36,4 +41,4 @@ "verbose": true,
     "prop-types": "^15.6.0",
-    "react": "^16.3.0 || ^17.0.0",
-    "react-dom": "^16.3.0 || ^17.0.0"
+    "react": "^16.3.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.3.0 || ^17.0.0 || ^18.0.0"
   },
@@ -44,7 +49,13 @@ "devDependencies": {
     "@babel/plugin-proposal-class-properties": "^7.7.4",
+    "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.7.7",
     "@babel/preset-react": "^7.7.4",
+    "@babel/preset-typescript": "^7.16.7",
+    "@types/enzyme": "^3.10.12",
+    "@types/jest": "^27.4.1",
+    "@types/jsdom-global": "^3.0.2",
+    "@types/react": "^18.0.5",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.3",
-    "babel-jest": "^24.9.0",
+    "babel-jest": "^27.5.1",
     "cross-env": "^5.2.1",
@@ -56,7 +67,10 @@ "enzyme": "^3.11.0",
     "jest": "^27.5.1",
+    "npm-run-all": "^4.1.5",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "regenerator-runtime": "^0.13.9"
+    "regenerator-runtime": "^0.13.9",
+    "typescript": "^4.1.3",
+    "utility-types": "^3.10.0"
   }
 }

New alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Number of package files

41

increased by57.69%

Lines of code

1069

increased by69.95%

Worsened metrics

Total package byte prevSize

293267

decreased by-2.33%

Dev dependency count

27

increased by50%

Number of medium maintenance alerts

1

increased byInfinity%

Number of low quality alerts

2

increased by100%

No dependency changes