@doist/react-interpolate 0.2.0 → 0.3.8

package/dist/react-interpolate.mjs

@@ -4,22 +4,24 @@ import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 
-var TOKEN_PLACEHOLDER = "TOKEN_PLACEHOLDER";
-var TOKEN_OPEN_TAG = "TOKEN_OPEN_TAG";
-var TOKEN_CLOSE_TAG = "TOKEN_CLOSE_TAG";
-var TOKEN_SELF_TAG = "TOKEN_SELF_TAG";
-var TOKEN_TEXT = "TOKEN_TEXT";
-var NODE_FRAGMENT = "NODE_FRAGMENT";
-var NODE_TAG_ELEMENT = "NODE_TAG_ELEMENT";
-var NODE_VOID_ELEMENT = "NODE_VOID_ELEMENT";
-var NODE_PLACEHOLDER = "NODE_PLACEHOLDER";
-var NODE_TEXT = "NODE_TEXT";
+var TOKEN_PLACEHOLDER = 'TOKEN_PLACEHOLDER';
+var TOKEN_OPEN_TAG = 'TOKEN_OPEN_TAG';
+var TOKEN_CLOSE_TAG = 'TOKEN_CLOSE_TAG';
+var TOKEN_SELF_TAG = 'TOKEN_SELF_TAG';
+var TOKEN_TEXT = 'TOKEN_TEXT';
+var NODE_FRAGMENT = 'NODE_FRAGMENT';
+var NODE_TAG_ELEMENT = 'NODE_TAG_ELEMENT';
+var NODE_VOID_ELEMENT = 'NODE_VOID_ELEMENT';
+var NODE_PLACEHOLDER = 'NODE_PLACEHOLDER';
+var NODE_TEXT = 'NODE_TEXT';
+
+var _excluded = ["type", "children"];
 
 var Node = /*#__PURE__*/function () {
   function Node(_ref) {
     var type = _ref.type,
         children = _ref.children,
-        fields = _objectWithoutProperties(_ref, ["type", "children"]);
+        fields = _objectWithoutProperties(_ref, _excluded);
 
     _classCallCheck(this, Node);
 
@@ -117,9 +119,9 @@ var SYNTAX_I18NEXT = [{
   regex: /<(\w+)\s*\/>/g
 }];
 
-function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 
-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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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; }
 /*
@@ -179,7 +181,7 @@ function lexer(string, syntax) {
   });
   var text = string.substring(start);
 
-  if (text !== "") {
+  if (text !== '') {
     textTokens.push({
       type: TOKEN_TEXT,
       string: text,
@@ -203,10 +205,10 @@ function parser(string, syntax) {
   var p = new Parser(tokens);
   return p.parse();
 }
-var SYNTAX_ERROR = "Syntax error. Please check if each open tag is closed correctly"; // A special token representing end of the tream
+var SYNTAX_ERROR = 'Syntax error. Please check if each open tag is closed correctly'; // A special token representing end of the tream
 
 var EPSILON = {
-  type: "EPSILON"
+  type: 'EPSILON'
 };
 /*
  * A recursive descent parser that construct a syntax tree represeting
@@ -343,6 +345,11 @@ var Parser = /*#__PURE__*/function () {
 
       this.match(TOKEN_CLOSE_TAG);
     }
+  }, {
+    key: "lookahead",
+    get: function get() {
+      return this.tokens.length === 0 ? EPSILON : this.tokens[0];
+    }
   }, {
     key: "predict",
     value: function predict() {
@@ -367,11 +374,6 @@ var Parser = /*#__PURE__*/function () {
     value: function pushTag(token) {
       this.tags.push(token);
     }
-  }, {
-    key: "lookahead",
-    get: function get() {
-      return this.tokens.length === 0 ? EPSILON : this.tokens[0];
-    }
   }]);
 
   return Parser;
@@ -392,18 +394,18 @@ var createElement = function createElement(node, mapping, keyPrefix) {
 
     case NODE_FRAGMENT:
       {
-        return React.createElement(React.Fragment, null, children);
+        return /*#__PURE__*/React.createElement(React.Fragment, null, children);
       }
 
     case NODE_VOID_ELEMENT:
       {
         var val = mapping[node.name];
 
-        if (typeof val === "function") {
+        if (typeof val === 'function') {
           return val();
         }
 
-        return val || React.createElement(node.name, null);
+        return val || /*#__PURE__*/React.createElement(node.name, null);
       }
 
     case NODE_TAG_ELEMENT:
@@ -411,19 +413,19 @@ var createElement = function createElement(node, mapping, keyPrefix) {
         var _val = mapping[node.name];
 
         if (_val === undefined) {
-          return React.createElement(node.name, null, children);
+          return /*#__PURE__*/React.createElement(node.name, null, children);
         }
 
-        if (typeof _val === "function") {
+        if (typeof _val === 'function') {
           return _val(children);
         }
 
-        if (React.isValidElement(_val)) {
+        if ( /*#__PURE__*/React.isValidElement(_val)) {
           if (React.Children.count(_val.props.children) !== 0) {
-            throw new Error("when passing an element as value, the element should not contains children");
+            throw new Error('when passing an element as value, the element should not contains children');
           }
 
-          return React.cloneElement(_val, {
+          return /*#__PURE__*/React.cloneElement(_val, {
             children: children
           });
         }
@@ -440,7 +442,7 @@ var createElement = function createElement(node, mapping, keyPrefix) {
           return node.string;
         }
 
-        if (typeof _val2 === "function") {
+        if (typeof _val2 === 'function') {
           return _val2();
         }
 
@@ -478,5 +480,4 @@ Interpolate.propTypes = {
   graceful: PropTypes.bool
 };
 
-export default Interpolate;
-export { SYNTAX_BUILT_IN, SYNTAX_I18NEXT, TOKEN_CLOSE_TAG, TOKEN_OPEN_TAG, TOKEN_PLACEHOLDER, TOKEN_SELF_TAG };
+export { SYNTAX_BUILT_IN, SYNTAX_I18NEXT, TOKEN_CLOSE_TAG, TOKEN_OPEN_TAG, TOKEN_PLACEHOLDER, TOKEN_SELF_TAG, Interpolate as default };

package/package.json

@@ -1,64 +1,75 @@
 {
-  "name": "@doist/react-interpolate",
-  "version": "0.2.0",
-  "description": "A string interpolation component that formats and interpolates a template string in a safe way",
-  "main": "dist/react-interpolate.cjs",
-  "module": "dist/react-interpolate.mjs",
-  "scripts": {
-    "test": "jest",
-    "lint": "eslint ./src ./__test__",
-    "build": "del dist && rollup -c && npm run mini-cjs && npm run mini-mjs && npm run gzip",
-    "mini-cjs": "uglifyjs dist/react-interpolate.cjs --compress --mangle --enclose --output  dist/react-interpolate.min.cjs",
-    "mini-mjs": "uglifyjs dist/react-interpolate.mjs --compress --mangle --enclose --output dist/react-interpolate.min.mjs",
-    "gzip": "gzip dist/**/*.min.*js --extension=gz",
-    "publish": "npm run build && npm publish"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/Doist/react-interpolate.git"
-  },
-  "keywords": [
-    "react",
-    "interpolate",
-    "template",
-    "format",
-    "text",
-    "string"
-  ],
-  "author": "Steven Kao",
-  "license": "ISC",
-  "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.9.0",
-    "@babel/plugin-transform-runtime": "^7.9.0",
-    "@babel/preset-env": "^7.9.0",
-    "@babel/preset-react": "^7.9.4",
-    "@testing-library/react": "^10.0.1",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^25.2.3",
-    "core-js": "^3.6.4",
-    "del-cli": "^3.0.0",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.10.1",
-    "eslint-plugin-compat": "^3.5.1",
-    "eslint-plugin-jest": "^23.8.2",
-    "eslint-plugin-prettier": "^3.1.2",
-    "eslint-plugin-react": "^7.19.0",
-    "eslint-plugin-react-hooks": "^3.0.0",
-    "gzip-cli": "^1.1.0",
-    "jest": "^25.2.3",
-    "prettier": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "rollup": "^2.3.3",
-    "rollup-plugin-babel": "^4.4.0",
-    "uglify-es": "^3.3.9"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.9.2"
-  }
+    "name": "@doist/react-interpolate",
+    "version": "0.3.8",
+    "description": "A string interpolation component that formats and interpolates a template string in a safe way",
+    "main": "dist/react-interpolate.cjs",
+    "module": "dist/react-interpolate.mjs",
+    "engines": {
+        "node": "16.13",
+        "npm": "8.1.0"
+    },
+    "files": [
+        "dist",
+        "src"
+    ],
+    "scripts": {
+        "test": "jest",
+        "lint": "eslint ./src ./__test__",
+        "build": "del dist && rollup -c && npm run mini-cjs && npm run mini-mjs",
+        "mini-cjs": "uglifyjs dist/react-interpolate.cjs --compress --mangle --enclose --output  dist/react-interpolate.min.cjs",
+        "mini-mjs": "uglifyjs dist/react-interpolate.mjs --compress --mangle --enclose --output dist/react-interpolate.min.mjs",
+        "prettify": "prettier --write ."
+    },
+    "prettier": "@doist/prettier-config",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Doist/react-interpolate.git"
+    },
+    "keywords": [
+        "react",
+        "interpolate",
+        "template",
+        "format",
+        "text",
+        "string"
+    ],
+    "author": "Steven Kao",
+    "license": "ISC",
+    "peerDependencies": {
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.16.0",
+        "@babel/core": "^7.16.0",
+        "@babel/eslint-parser": "^7.16.3",
+        "@babel/plugin-transform-runtime": "^7.16.4",
+        "@babel/preset-env": "^7.16.4",
+        "@babel/preset-react": "^7.16.0",
+        "@doist/eslint-config": "^7.0.0",
+        "@doist/prettier-config": "^3.0.5",
+        "@testing-library/react": "^12.1.2",
+        "babel-jest": "^27.4.1",
+        "core-js": "^3.19.2",
+        "del-cli": "^4.0.1",
+        "eslint": "^8.3.0",
+        "eslint-config-prettier": "^8.3.0",
+        "eslint-plugin-compat": "^4.0.0",
+        "eslint-plugin-import": "^2.25.3",
+        "eslint-plugin-jest": "^25.3.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "eslint-plugin-react": "^7.27.1",
+        "eslint-plugin-react-hooks": "^4.3.0",
+        "gzip-cli": "^1.2.0",
+        "jest": "^27.4.1",
+        "prettier": "^2.5.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "rollup": "^2.60.2",
+        "rollup-plugin-babel": "^4.4.0",
+        "uglify-es": "^3.3.9"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.16.3"
+    }
 }

package/src/constants.js

@@ -1,11 +1,11 @@
-export const TOKEN_PLACEHOLDER = "TOKEN_PLACEHOLDER"
-export const TOKEN_OPEN_TAG = "TOKEN_OPEN_TAG"
-export const TOKEN_CLOSE_TAG = "TOKEN_CLOSE_TAG"
-export const TOKEN_SELF_TAG = "TOKEN_SELF_TAG"
-export const TOKEN_TEXT = "TOKEN_TEXT"
+export const TOKEN_PLACEHOLDER = 'TOKEN_PLACEHOLDER'
+export const TOKEN_OPEN_TAG = 'TOKEN_OPEN_TAG'
+export const TOKEN_CLOSE_TAG = 'TOKEN_CLOSE_TAG'
+export const TOKEN_SELF_TAG = 'TOKEN_SELF_TAG'
+export const TOKEN_TEXT = 'TOKEN_TEXT'
 
-export const NODE_FRAGMENT = "NODE_FRAGMENT"
-export const NODE_TAG_ELEMENT = "NODE_TAG_ELEMENT"
-export const NODE_VOID_ELEMENT = "NODE_VOID_ELEMENT"
-export const NODE_PLACEHOLDER = "NODE_PLACEHOLDER"
-export const NODE_TEXT = "NODE_TEXT"
+export const NODE_FRAGMENT = 'NODE_FRAGMENT'
+export const NODE_TAG_ELEMENT = 'NODE_TAG_ELEMENT'
+export const NODE_VOID_ELEMENT = 'NODE_VOID_ELEMENT'
+export const NODE_PLACEHOLDER = 'NODE_PLACEHOLDER'
+export const NODE_TEXT = 'NODE_TEXT'

package/src/index.js

@@ -1,10 +1,5 @@
-import Interpolate from "./interpolate"
+import Interpolate from './interpolate'
 export default Interpolate
 
-export { SYNTAX_I18NEXT, SYNTAX_BUILT_IN } from "./syntax"
-export {
-    TOKEN_PLACEHOLDER,
-    TOKEN_OPEN_TAG,
-    TOKEN_CLOSE_TAG,
-    TOKEN_SELF_TAG
-} from "./constants"
+export { SYNTAX_I18NEXT, SYNTAX_BUILT_IN } from './syntax'
+export { TOKEN_PLACEHOLDER, TOKEN_OPEN_TAG, TOKEN_CLOSE_TAG, TOKEN_SELF_TAG } from './constants'

package/src/interpolate.js

@@ -1,19 +1,17 @@
-import React from "react"
-import PropTypes from "prop-types"
-import parser from "./parser"
+import React from 'react'
+import PropTypes from 'prop-types'
+import parser from './parser'
 import {
     NODE_FRAGMENT,
     NODE_TAG_ELEMENT,
     NODE_VOID_ELEMENT,
     NODE_PLACEHOLDER,
-    NODE_TEXT
-} from "./constants"
+    NODE_TEXT,
+} from './constants'
 
 const createElement = (node, mapping, keyPrefix) => {
     const children = node.children.map((c, i) => (
-        <React.Fragment key={keyPrefix + i}>
-            {createElement(c, mapping, keyPrefix)}
-        </React.Fragment>
+        <React.Fragment key={keyPrefix + i}>{createElement(c, mapping, keyPrefix)}</React.Fragment>
     ))
 
     switch (node.type) {
@@ -25,7 +23,7 @@ const createElement = (node, mapping, keyPrefix) => {
         }
         case NODE_VOID_ELEMENT: {
             const val = mapping[node.name]
-            if (typeof val === "function") {
+            if (typeof val === 'function') {
                 return val()
             }
 
@@ -38,14 +36,14 @@ const createElement = (node, mapping, keyPrefix) => {
                 return React.createElement(node.name, null, children)
             }
 
-            if (typeof val === "function") {
+            if (typeof val === 'function') {
                 return val(children)
             }
 
             if (React.isValidElement(val)) {
                 if (React.Children.count(val.props.children) !== 0) {
                     throw new Error(
-                        "when passing an element as value, the element should not contains children"
+                        'when passing an element as value, the element should not contains children',
                     )
                 }
 
@@ -53,7 +51,7 @@ const createElement = (node, mapping, keyPrefix) => {
             }
 
             throw new Error(
-                `Invalid mapping value for "${node.name}". Only element or render function are accepted`
+                `Invalid mapping value for "${node.name}". Only element or render function are accepted`,
             )
         }
         case NODE_PLACEHOLDER: {
@@ -63,7 +61,7 @@ const createElement = (node, mapping, keyPrefix) => {
                 return node.string
             }
 
-            if (typeof val === "function") {
+            if (typeof val === 'function') {
                 return val()
             }
 
@@ -74,12 +72,7 @@ const createElement = (node, mapping, keyPrefix) => {
     }
 }
 
-export default function Interpolate({
-    string,
-    syntax,
-    mapping = {},
-    graceful = true
-}) {
+export default function Interpolate({ string, syntax, mapping = {}, graceful = true }) {
     try {
         const tree = parser(string, syntax)
         return createElement(tree, mapping, string)
@@ -96,5 +89,5 @@ export default function Interpolate({
 Interpolate.propTypes = {
     string: PropTypes.string.isRequired,
     mapping: PropTypes.object,
-    graceful: PropTypes.bool
+    graceful: PropTypes.bool,
 }

package/src/lexer.js

@@ -1,5 +1,5 @@
-import { TOKEN_TEXT } from "./constants"
-export { SYNTAX_I18NEXT, SYNTAX_BUILT_IN } from "./syntax"
+import { TOKEN_TEXT } from './constants'
+export { SYNTAX_I18NEXT, SYNTAX_BUILT_IN } from './syntax'
 
 /*
  * return a array of token object
@@ -17,7 +17,7 @@ export default function lexer(string, syntax) {
                 string: res[0],
                 name: res[1],
                 start: res.index,
-                end: res.index + res[0].length
+                end: res.index + res[0].length,
             })
         }
     }
@@ -26,7 +26,7 @@ export default function lexer(string, syntax) {
     const textTokens = []
 
     let start = 0
-    matches.forEach(match => {
+    matches.forEach((match) => {
         if (match.start === start) {
             start = match.end
             return
@@ -40,25 +40,23 @@ export default function lexer(string, syntax) {
             string: text,
             text,
             start,
-            end
+            end,
         })
 
         start = match.end
     })
 
     const text = string.substring(start)
-    if (text !== "") {
+    if (text !== '') {
         textTokens.push({
             type: TOKEN_TEXT,
             string: text,
             start,
-            end: string.length
+            end: string.length,
         })
     }
 
-    const tokens = []
-        .concat(textTokens, matches)
-        .sort((a, b) => a.start - b.start)
+    const tokens = [].concat(textTokens, matches).sort((a, b) => a.start - b.start)
 
     return tokens
 }

package/src/node.js

@@ -3,8 +3,8 @@ import {
     NODE_TAG_ELEMENT,
     NODE_VOID_ELEMENT,
     NODE_PLACEHOLDER,
-    NODE_TEXT
-} from "./constants"
+    NODE_TEXT,
+} from './constants'
 
 export default class Node {
     constructor({ type, children, ...fields }) {
@@ -34,32 +34,32 @@ Node.createTagNode = (token, children) =>
         type: NODE_TAG_ELEMENT,
         children,
         name: token.name,
-        token
+        token,
     })
 
-Node.createFragmentNode = children =>
+Node.createFragmentNode = (children) =>
     new Node({
         type: NODE_FRAGMENT,
-        children
+        children,
     })
 
-Node.createVoidNode = token =>
+Node.createVoidNode = (token) =>
     new Node({
         type: NODE_VOID_ELEMENT,
         name: token.name,
-        token
+        token,
     })
 
-Node.createTextNode = token =>
+Node.createTextNode = (token) =>
     new Node({
         type: NODE_TEXT,
         text: token.string,
-        token
+        token,
     })
 
-Node.createPlaceholderNode = token =>
+Node.createPlaceholderNode = (token) =>
     new Node({
         type: NODE_PLACEHOLDER,
         name: token.name,
-        token
+        token,
     })

package/src/parser.js

@@ -3,11 +3,11 @@ import {
     TOKEN_OPEN_TAG,
     TOKEN_CLOSE_TAG,
     TOKEN_SELF_TAG,
-    TOKEN_TEXT
-} from "./constants"
-import Node from "./node.js"
-import lexer from "./lexer"
-import { SYNTAX_BUILT_IN } from "./syntax"
+    TOKEN_TEXT,
+} from './constants'
+import Node from './node.js'
+import lexer from './lexer'
+import { SYNTAX_BUILT_IN } from './syntax'
 
 export default function parser(string, syntax) {
     if (!syntax) {
@@ -19,12 +19,11 @@ export default function parser(string, syntax) {
     return p.parse()
 }
 
-const SYNTAX_ERROR =
-    "Syntax error. Please check if each open tag is closed correctly"
+const SYNTAX_ERROR = 'Syntax error. Please check if each open tag is closed correctly'
 
 // A special token representing end of the tream
 const EPSILON = {
-    type: "EPSILON"
+    type: 'EPSILON',
 }
 
 /*

package/src/syntax.js

@@ -1,38 +1,33 @@
-import {
-    TOKEN_PLACEHOLDER,
-    TOKEN_OPEN_TAG,
-    TOKEN_CLOSE_TAG,
-    TOKEN_SELF_TAG
-} from "./constants"
+import { TOKEN_PLACEHOLDER, TOKEN_OPEN_TAG, TOKEN_CLOSE_TAG, TOKEN_SELF_TAG } from './constants'
 
 export const SYNTAX_BUILT_IN = [
     {
         type: TOKEN_PLACEHOLDER,
-        regex: /{\s*(\w+)\s*}/g
+        regex: /{\s*(\w+)\s*}/g,
     },
     {
         type: TOKEN_OPEN_TAG,
-        regex: /<(\w+)>/g
+        regex: /<(\w+)>/g,
     },
     {
         type: TOKEN_CLOSE_TAG,
-        regex: /<\/(\w+)>/g
+        regex: /<\/(\w+)>/g,
     },
-    { type: TOKEN_SELF_TAG, regex: /<(\w+)\s*\/>/g }
+    { type: TOKEN_SELF_TAG, regex: /<(\w+)\s*\/>/g },
 ]
 
 export const SYNTAX_I18NEXT = [
     {
         type: TOKEN_PLACEHOLDER,
-        regex: /{{\s*(\w+)\s*}}/g
+        regex: /{{\s*(\w+)\s*}}/g,
     },
     {
         type: TOKEN_OPEN_TAG,
-        regex: /<(\w+)>/g
+        regex: /<(\w+)>/g,
     },
     {
         type: TOKEN_CLOSE_TAG,
-        regex: /<\/(\w+)>/g
+        regex: /<\/(\w+)>/g,
     },
-    { type: TOKEN_SELF_TAG, regex: /<(\w+)\s*\/>/g }
+    { type: TOKEN_SELF_TAG, regex: /<(\w+)\s*\/>/g },
 ]

package/.eslintrc.js

@@ -1,36 +0,0 @@
-const config = {
-    extends: [
-        "eslint:recommended",
-        "plugin:react/recommended",
-        "prettier",
-        "prettier/react",
-        "plugin:compat/recommended"
-    ],
-    env: {
-        browser: true,
-        "jest/globals": true
-    },
-    parserOptions: {
-        ecmaFeatures: {
-            jsx: true,
-            impliedStrict: true
-        },
-        sourceType: "module"
-    },
-    plugins: ["react", "prettier", "react-hooks", "jest"],
-    parser: "babel-eslint",
-    rules: {
-        semi: ["error", "never"],
-        "arrow-parens": ["error", "as-needed"],
-        "prettier/prettier": "error",
-        "react-hooks/rules-of-hooks": "error",
-        "react-hooks/exhaustive-deps": "error"
-    },
-    settings: {
-        react: {
-            version: "16.0"
-        }
-    }
-}
-
-module.exports = config