@todoist/react-interpolate 0.0.0-stage → 2.2.5

package/dist/react-interpolate.min.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),PropTypes=require("prop-types"),_classCallCheck=require("@babel/runtime/helpers/classCallCheck"),_createClass=require("@babel/runtime/helpers/createClass"),_objectWithoutProperties=require("@babel/runtime/helpers/objectWithoutProperties");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),PropTypes__default=_interopDefaultLegacy(PropTypes),_classCallCheck__default=_interopDefaultLegacy(_classCallCheck),_createClass__default=_interopDefaultLegacy(_createClass),_objectWithoutProperties__default=_interopDefaultLegacy(_objectWithoutProperties),TOKEN_PLACEHOLDER="TOKEN_PLACEHOLDER",TOKEN_OPEN_TAG="TOKEN_OPEN_TAG",TOKEN_CLOSE_TAG="TOKEN_CLOSE_TAG",TOKEN_SELF_TAG="TOKEN_SELF_TAG",TOKEN_TEXT="TOKEN_TEXT",NODE_FRAGMENT="NODE_FRAGMENT",NODE_TAG_ELEMENT="NODE_TAG_ELEMENT",NODE_VOID_ELEMENT="NODE_VOID_ELEMENT",NODE_PLACEHOLDER="NODE_PLACEHOLDER",NODE_TEXT="NODE_TEXT",_excluded=["type","children"],Node=function(){function e(t){var r=t.type,n=t.children,a=_objectWithoutProperties__default.default(t,_excluded);for(var o in _classCallCheck__default.default(this,e),this.type=r,this.children=n||[],a)this[o]=a[o];a.token&&(this.string=a.token.string)}return _createClass__default.default(e,[{key:"appendChild",value:function(e){this.children.push(e)}},{key:"isLeaf",get:function(){return 0===this.children.length}}]),e}();Node.createTagNode=function(e,t){return new Node({type:NODE_TAG_ELEMENT,children:t,name:e.name,token:e})},Node.createFragmentNode=function(e){return new Node({type:NODE_FRAGMENT,children:e})},Node.createVoidNode=function(e){return new Node({type:NODE_VOID_ELEMENT,name:e.name,token:e})},Node.createTextNode=function(e){return new Node({type:NODE_TEXT,text:e.string,token:e})},Node.createPlaceholderNode=function(e){return new Node({type:NODE_PLACEHOLDER,name:e.name,token:e})};var SYNTAX_BUILT_IN=[{type:TOKEN_PLACEHOLDER,regex:/{\s*(\w+)\s*}/g},{type:TOKEN_OPEN_TAG,regex:/<(\w+)>/g},{type:TOKEN_CLOSE_TAG,regex:/<\/(\w+)>/g},{type:TOKEN_SELF_TAG,regex:/<(\w+)\s*\/>/g}],SYNTAX_I18NEXT=[{type:TOKEN_PLACEHOLDER,regex:/{{\s*(\w+)\s*}}/g},{type:TOKEN_OPEN_TAG,regex:/<(\w+)>/g},{type:TOKEN_CLOSE_TAG,regex:/<\/(\w+)>/g},{type:TOKEN_SELF_TAG,regex:/<(\w+)\s*\/>/g}];function _createForOfIteratorHelper(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}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 o,i=!0,u=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){u=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(u)throw o}}}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function lexer(e,t){var r,n=[],a=_createForOfIteratorHelper(t);try{for(a.s();!(r=a.n()).done;)for(var o,i=r.value,u=i.type,l=i.regex;null!==(o=l.exec(e));)n.push({type:u,string:o[0],name:o[1],start:o.index,end:o.index+o[0].length})}catch(e){a.e(e)}finally{a.f()}n.sort(function(e,t){return e.start-t.start});var c=[],s=0;n.forEach(function(t){if(t.start!==s){var r=t.start,n=e.substring(s,r);c.push({type:TOKEN_TEXT,string:n,text:n,start:s,end:r}),s=t.end}else s=t.end});var _=e.substring(s);return""!==_&&c.push({type:TOKEN_TEXT,string:_,start:s,end:e.length}),[].concat(c,n).sort(function(e,t){return e.start-t.start})}function parser(e,t){t||(t=SYNTAX_BUILT_IN);var r=lexer(e,t);return new Parser(r).parse()}var SYNTAX_ERROR="Syntax error. Please check if each open tag is closed correctly",EPSILON={type:"EPSILON"},Parser=function(){function e(t){_classCallCheck__default.default(this,e),this.tokens=[].concat(t),this.tags=[]}return _createClass__default.default(e,[{key:"parse",value:function(){var e=this.document();if(!this.predict(EPSILON.type))throw new Error(SYNTAX_ERROR);return e}},{key:"document",value:function(){var e=this.elementOrData();return Node.createFragmentNode(e)}},{key:"element",value:function(){var e=this.openTag(),t=this.elementOrData();return this.endTag(),Node.createTagNode(e,t)}},{key:"openTag",value:function(){if(!this.predict(TOKEN_OPEN_TAG))throw new Error(SYNTAX_ERROR);return this.pushTag(this.lookahead),this.match(TOKEN_OPEN_TAG)}},{key:"elementOrData",value:function(){var e=[];if(this.predict(TOKEN_OPEN_TAG)&&(e.push(this.element()),e=e.concat(this.elementOrData())),this.predict(TOKEN_SELF_TAG,TOKEN_TEXT,TOKEN_PLACEHOLDER)){var t,r=this.match(this.lookahead.type);switch(r.type){case TOKEN_SELF_TAG:t=Node.createVoidNode(r);break;case TOKEN_TEXT:t=Node.createTextNode(r);break;case TOKEN_PLACEHOLDER:t=Node.createPlaceholderNode(r)}e.push(t),e=e.concat(this.elementOrData())}return e}},{key:"endTag",value:function(){if(!this.predict(TOKEN_CLOSE_TAG))throw new Error(SYNTAX_ERROR);if(this.tags.pop().name!==this.lookahead.name)throw new Error(SYNTAX_ERROR);this.match(TOKEN_CLOSE_TAG)}},{key:"lookahead",get:function(){return 0===this.tokens.length?EPSILON:this.tokens[0]}},{key:"predict",value:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.includes(this.lookahead.type)}},{key:"match",value:function(e){if(!this.predict(e))throw new Error(SYNTAX_ERROR);return this.tokens.shift()}},{key:"pushTag",value:function(e){this.tags.push(e)}}]),e}(),createElement=function e(t,r,n){var a=t.children.map(function(t,a){return React__default.default.createElement(React__default.default.Fragment,{key:n+a},e(t,r,n))});switch(t.type){case NODE_TEXT:return t.text;case NODE_FRAGMENT:return React__default.default.createElement(React__default.default.Fragment,null,a);case NODE_VOID_ELEMENT:var o=r[t.name];return"function"==typeof o?o():o||React__default.default.createElement(t.name,null);case NODE_TAG_ELEMENT:var i=r[t.name];if(void 0===i)return React__default.default.createElement(t.name,null,a);if("function"==typeof i)return i(a);if(React__default.default.isValidElement(i)){if(0!==React__default.default.Children.count(i.props.children))throw new Error("when passing an element as value, the element should not contains children");return React__default.default.cloneElement(i,{children:a})}throw new Error('Invalid mapping value for "'.concat(t.name,'". Only element or render function are accepted'));case NODE_PLACEHOLDER:var u=r[t.name];return void 0===u?(console.warn('missing "'.concat(t.name,'" in mapping')),t.string):"function"==typeof u?u():u;default:return}};function Interpolate(e){var t=e.string,r=e.syntax,n=e.mapping,a=void 0===n?{}:n,o=e.graceful,i=void 0===o||o;try{var u=parser(t,r);return createElement(u,a,t)}catch(e){if(i)return console.error(e),t;throw e}}Interpolate.propTypes={string:PropTypes__default.default.string.isRequired,mapping:PropTypes__default.default.object,graceful:PropTypes__default.default.bool},exports.SYNTAX_BUILT_IN=SYNTAX_BUILT_IN,exports.SYNTAX_I18NEXT=SYNTAX_I18NEXT,exports.TOKEN_CLOSE_TAG=TOKEN_CLOSE_TAG,exports.TOKEN_OPEN_TAG=TOKEN_OPEN_TAG,exports.TOKEN_PLACEHOLDER=TOKEN_PLACEHOLDER,exports.TOKEN_SELF_TAG=TOKEN_SELF_TAG,exports.default=Interpolate;

package/dist/react-interpolate.min.mjs

@@ -0,0 +1 @@
+import React from"react";import PropTypes from"prop-types";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",TOKEN_OPEN_TAG="TOKEN_OPEN_TAG",TOKEN_CLOSE_TAG="TOKEN_CLOSE_TAG",TOKEN_SELF_TAG="TOKEN_SELF_TAG",TOKEN_TEXT="TOKEN_TEXT",NODE_FRAGMENT="NODE_FRAGMENT",NODE_TAG_ELEMENT="NODE_TAG_ELEMENT",NODE_VOID_ELEMENT="NODE_VOID_ELEMENT",NODE_PLACEHOLDER="NODE_PLACEHOLDER",NODE_TEXT="NODE_TEXT",_excluded=["type","children"],Node=function(){function e(t){var r=t.type,n=t.children,a=_objectWithoutProperties(t,_excluded);for(var o in _classCallCheck(this,e),this.type=r,this.children=n||[],a)this[o]=a[o];a.token&&(this.string=a.token.string)}return _createClass(e,[{key:"appendChild",value:function(e){this.children.push(e)}},{key:"isLeaf",get:function(){return 0===this.children.length}}]),e}();Node.createTagNode=function(e,t){return new Node({type:NODE_TAG_ELEMENT,children:t,name:e.name,token:e})},Node.createFragmentNode=function(e){return new Node({type:NODE_FRAGMENT,children:e})},Node.createVoidNode=function(e){return new Node({type:NODE_VOID_ELEMENT,name:e.name,token:e})},Node.createTextNode=function(e){return new Node({type:NODE_TEXT,text:e.string,token:e})},Node.createPlaceholderNode=function(e){return new Node({type:NODE_PLACEHOLDER,name:e.name,token:e})};var SYNTAX_BUILT_IN=[{type:TOKEN_PLACEHOLDER,regex:/{\s*(\w+)\s*}/g},{type:TOKEN_OPEN_TAG,regex:/<(\w+)>/g},{type:TOKEN_CLOSE_TAG,regex:/<\/(\w+)>/g},{type:TOKEN_SELF_TAG,regex:/<(\w+)\s*\/>/g}],SYNTAX_I18NEXT=[{type:TOKEN_PLACEHOLDER,regex:/{{\s*(\w+)\s*}}/g},{type:TOKEN_OPEN_TAG,regex:/<(\w+)>/g},{type:TOKEN_CLOSE_TAG,regex:/<\/(\w+)>/g},{type:TOKEN_SELF_TAG,regex:/<(\w+)\s*\/>/g}];function _createForOfIteratorHelper(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=_unsupportedIterableToArray(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}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 o,i=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){c=!0,o=e},f:function(){try{i||null==r.return||r.return()}finally{if(c)throw o}}}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function lexer(e,t){var r,n=[],a=_createForOfIteratorHelper(t);try{for(a.s();!(r=a.n()).done;)for(var o,i=r.value,c=i.type,E=i.regex;null!==(o=E.exec(e));)n.push({type:c,string:o[0],name:o[1],start:o.index,end:o.index+o[0].length})}catch(e){a.e(e)}finally{a.f()}n.sort(function(e,t){return e.start-t.start});var s=[],u=0;n.forEach(function(t){if(t.start!==u){var r=t.start,n=e.substring(u,r);s.push({type:TOKEN_TEXT,string:n,text:n,start:u,end:r}),u=t.end}else u=t.end});var l=e.substring(u);return""!==l&&s.push({type:TOKEN_TEXT,string:l,start:u,end:e.length}),[].concat(s,n).sort(function(e,t){return e.start-t.start})}function parser(e,t){t||(t=SYNTAX_BUILT_IN);var r=lexer(e,t);return new Parser(r).parse()}var SYNTAX_ERROR="Syntax error. Please check if each open tag is closed correctly",EPSILON={type:"EPSILON"},Parser=function(){function e(t){_classCallCheck(this,e),this.tokens=[].concat(t),this.tags=[]}return _createClass(e,[{key:"parse",value:function(){var e=this.document();if(!this.predict(EPSILON.type))throw new Error(SYNTAX_ERROR);return e}},{key:"document",value:function(){var e=this.elementOrData();return Node.createFragmentNode(e)}},{key:"element",value:function(){var e=this.openTag(),t=this.elementOrData();return this.endTag(),Node.createTagNode(e,t)}},{key:"openTag",value:function(){if(!this.predict(TOKEN_OPEN_TAG))throw new Error(SYNTAX_ERROR);return this.pushTag(this.lookahead),this.match(TOKEN_OPEN_TAG)}},{key:"elementOrData",value:function(){var e=[];if(this.predict(TOKEN_OPEN_TAG)&&(e.push(this.element()),e=e.concat(this.elementOrData())),this.predict(TOKEN_SELF_TAG,TOKEN_TEXT,TOKEN_PLACEHOLDER)){var t,r=this.match(this.lookahead.type);switch(r.type){case TOKEN_SELF_TAG:t=Node.createVoidNode(r);break;case TOKEN_TEXT:t=Node.createTextNode(r);break;case TOKEN_PLACEHOLDER:t=Node.createPlaceholderNode(r)}e.push(t),e=e.concat(this.elementOrData())}return e}},{key:"endTag",value:function(){if(!this.predict(TOKEN_CLOSE_TAG))throw new Error(SYNTAX_ERROR);if(this.tags.pop().name!==this.lookahead.name)throw new Error(SYNTAX_ERROR);this.match(TOKEN_CLOSE_TAG)}},{key:"lookahead",get:function(){return 0===this.tokens.length?EPSILON:this.tokens[0]}},{key:"predict",value:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.includes(this.lookahead.type)}},{key:"match",value:function(e){if(!this.predict(e))throw new Error(SYNTAX_ERROR);return this.tokens.shift()}},{key:"pushTag",value:function(e){this.tags.push(e)}}]),e}(),createElement=function e(t,r,n){var a=t.children.map(function(t,a){return React.createElement(React.Fragment,{key:n+a},e(t,r,n))});switch(t.type){case NODE_TEXT:return t.text;case NODE_FRAGMENT:return React.createElement(React.Fragment,null,a);case NODE_VOID_ELEMENT:var o=r[t.name];return"function"==typeof o?o():o||React.createElement(t.name,null);case NODE_TAG_ELEMENT:var i=r[t.name];if(void 0===i)return React.createElement(t.name,null,a);if("function"==typeof i)return i(a);if(React.isValidElement(i)){if(0!==React.Children.count(i.props.children))throw new Error("when passing an element as value, the element should not contains children");return React.cloneElement(i,{children:a})}throw new Error('Invalid mapping value for "'.concat(t.name,'". Only element or render function are accepted'));case NODE_PLACEHOLDER:var c=r[t.name];return void 0===c?(console.warn('missing "'.concat(t.name,'" in mapping')),t.string):"function"==typeof c?c():c;default:return}};function Interpolate(e){var t=e.string,r=e.syntax,n=e.mapping,a=void 0===n?{}:n,o=e.graceful,i=void 0===o||o;try{var c=parser(t,r);return createElement(c,a,t)}catch(e){if(i)return console.error(e),t;throw e}}Interpolate.propTypes={string:PropTypes.string.isRequired,mapping:PropTypes.object,graceful:PropTypes.bool};export{SYNTAX_BUILT_IN,SYNTAX_I18NEXT,TOKEN_CLOSE_TAG,TOKEN_OPEN_TAG,TOKEN_PLACEHOLDER,TOKEN_SELF_TAG,Interpolate as default};

package/dist/react-interpolate.mjs

@@ -0,0 +1,426 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+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 _excluded = ["type", "children"];
+var Node = /*#__PURE__*/function () {
+  function Node(_ref) {
+    var type = _ref.type,
+      children = _ref.children,
+      fields = _objectWithoutProperties(_ref, _excluded);
+    _classCallCheck(this, Node);
+    this.type = type;
+    this.children = children || [];
+    for (var key in fields) {
+      this[key] = fields[key];
+    }
+    if (fields.token) {
+      this.string = fields.token.string;
+    }
+  }
+  _createClass(Node, [{
+    key: "appendChild",
+    value: function appendChild(child) {
+      this.children.push(child);
+    }
+  }, {
+    key: "isLeaf",
+    get: function get() {
+      return this.children.length === 0;
+    }
+  }]);
+  return Node;
+}();
+Node.createTagNode = function (token, children) {
+  return new Node({
+    type: NODE_TAG_ELEMENT,
+    children: children,
+    name: token.name,
+    token: token
+  });
+};
+Node.createFragmentNode = function (children) {
+  return new Node({
+    type: NODE_FRAGMENT,
+    children: children
+  });
+};
+Node.createVoidNode = function (token) {
+  return new Node({
+    type: NODE_VOID_ELEMENT,
+    name: token.name,
+    token: token
+  });
+};
+Node.createTextNode = function (token) {
+  return new Node({
+    type: NODE_TEXT,
+    text: token.string,
+    token: token
+  });
+};
+Node.createPlaceholderNode = function (token) {
+  return new Node({
+    type: NODE_PLACEHOLDER,
+    name: token.name,
+    token: token
+  });
+};
+
+var SYNTAX_BUILT_IN = [{
+  type: TOKEN_PLACEHOLDER,
+  regex: /{\s*(\w+)\s*}/g
+}, {
+  type: TOKEN_OPEN_TAG,
+  regex: /<(\w+)>/g
+}, {
+  type: TOKEN_CLOSE_TAG,
+  regex: /<\/(\w+)>/g
+}, {
+  type: TOKEN_SELF_TAG,
+  regex: /<(\w+)\s*\/>/g
+}];
+var SYNTAX_I18NEXT = [{
+  type: TOKEN_PLACEHOLDER,
+  regex: /{{\s*(\w+)\s*}}/g
+}, {
+  type: TOKEN_OPEN_TAG,
+  regex: /<(\w+)>/g
+}, {
+  type: TOKEN_CLOSE_TAG,
+  regex: /<\/(\w+)>/g
+}, {
+  type: TOKEN_SELF_TAG,
+  regex: /<(\w+)\s*\/>/g
+}];
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
+
+/*
+ * return a array of token object
+ */
+function lexer(string, syntax) {
+  var matches = [];
+  var _iterator = _createForOfIteratorHelper(syntax),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var rule = _step.value;
+      var type = rule.type,
+        regex = rule.regex;
+      var res;
+      while ((res = regex.exec(string)) !== null) {
+        matches.push({
+          type: type,
+          string: res[0],
+          name: res[1],
+          start: res.index,
+          end: res.index + res[0].length
+        });
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  matches.sort(function (a, b) {
+    return a.start - b.start;
+  });
+  var textTokens = [];
+  var start = 0;
+  matches.forEach(function (match) {
+    if (match.start === start) {
+      start = match.end;
+      return;
+    }
+    var end = match.start;
+    var text = string.substring(start, end);
+    textTokens.push({
+      type: TOKEN_TEXT,
+      string: text,
+      text: text,
+      start: start,
+      end: end
+    });
+    start = match.end;
+  });
+  var text = string.substring(start);
+  if (text !== '') {
+    textTokens.push({
+      type: TOKEN_TEXT,
+      string: text,
+      start: start,
+      end: string.length
+    });
+  }
+  var tokens = [].concat(textTokens, matches).sort(function (a, b) {
+    return a.start - b.start;
+  });
+  return tokens;
+}
+
+function parser(string, syntax) {
+  if (!syntax) {
+    syntax = SYNTAX_BUILT_IN;
+  }
+  var tokens = lexer(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 EPSILON = {
+  type: 'EPSILON'
+};
+
+/*
+ * A recursive descent parser that construct a syntax tree represeting
+ * the DOM hierarchy structure.
+ *
+ * For instance, the following token
+ * <h1>hi <b>{name}</b></h1>
+ *
+ * Would result in the following tree
+ *
+ * <h1>
+ * ├─ "hi"
+ * └─ <b>
+ *    ├─ {name}
+ *
+ * The parser is based on the following grammar:
+ *
+ *   document ::= elementOrData
+ *   elementOrData ::= element elementOrData
+ *   elementOrData ::= data elementOrData
+ *   element ::= <open_tag> elementOrData <close_tag>
+ *   data ::= <selfTag>
+ *   data ::= <text>
+ *   data ::= <placeholder>
+ *
+ * ref: https://github.com/amghannam/Mini-XML-Recursive-Descent-Parser
+ */
+var Parser = /*#__PURE__*/function () {
+  function Parser(tokens) {
+    _classCallCheck(this, Parser);
+    this.tokens = [].concat(tokens);
+    this.tags = [];
+  }
+  _createClass(Parser, [{
+    key: "parse",
+    value: function parse() {
+      var tree = this.document();
+      if (!this.predict(EPSILON.type)) {
+        throw new Error(SYNTAX_ERROR);
+      }
+      return tree;
+    }
+
+    /*
+     * @return {Node}
+     */
+  }, {
+    key: "document",
+    value: function document() {
+      var children = this.elementOrData();
+      return Node.createFragmentNode(children);
+    }
+
+    /*
+     * @return {Node}
+     */
+  }, {
+    key: "element",
+    value: function element() {
+      var tagToken = this.openTag();
+      var children = this.elementOrData();
+      this.endTag();
+      return Node.createTagNode(tagToken, children);
+    }
+
+    /*
+     * @return {Token}
+     */
+  }, {
+    key: "openTag",
+    value: function openTag() {
+      if (!this.predict(TOKEN_OPEN_TAG)) {
+        throw new Error(SYNTAX_ERROR);
+      }
+      this.pushTag(this.lookahead);
+      return this.match(TOKEN_OPEN_TAG);
+    }
+
+    /*
+     * @return {[]Node}
+     */
+  }, {
+    key: "elementOrData",
+    value: function elementOrData() {
+      var children = [];
+      if (this.predict(TOKEN_OPEN_TAG)) {
+        children.push(this.element());
+        children = children.concat(this.elementOrData());
+      }
+      if (this.predict(TOKEN_SELF_TAG, TOKEN_TEXT, TOKEN_PLACEHOLDER)) {
+        var token = this.match(this.lookahead.type);
+        var node;
+        switch (token.type) {
+          case TOKEN_SELF_TAG:
+            node = Node.createVoidNode(token);
+            break;
+          case TOKEN_TEXT:
+            node = Node.createTextNode(token);
+            break;
+          case TOKEN_PLACEHOLDER:
+            node = Node.createPlaceholderNode(token);
+            break;
+        }
+        children.push(node);
+        children = children.concat(this.elementOrData());
+      }
+      return children;
+    }
+  }, {
+    key: "endTag",
+    value: function endTag() {
+      if (!this.predict(TOKEN_CLOSE_TAG)) {
+        throw new Error(SYNTAX_ERROR);
+      }
+      var openTag = this.tags.pop();
+      if (openTag.name !== this.lookahead.name) {
+        throw new Error(SYNTAX_ERROR);
+      }
+      this.match(TOKEN_CLOSE_TAG);
+    }
+  }, {
+    key: "lookahead",
+    get: function get() {
+      return this.tokens.length === 0 ? EPSILON : this.tokens[0];
+    }
+  }, {
+    key: "predict",
+    value: function predict() {
+      for (var _len = arguments.length, types = new Array(_len), _key = 0; _key < _len; _key++) {
+        types[_key] = arguments[_key];
+      }
+      return types.includes(this.lookahead.type);
+    }
+  }, {
+    key: "match",
+    value: function match(type) {
+      if (!this.predict(type)) {
+        throw new Error(SYNTAX_ERROR);
+      }
+      var token = this.tokens.shift();
+      return token;
+    }
+  }, {
+    key: "pushTag",
+    value: function pushTag(token) {
+      this.tags.push(token);
+    }
+  }]);
+  return Parser;
+}();
+
+var createElement = function createElement(node, mapping, keyPrefix) {
+  var children = node.children.map(function (c, i) {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: keyPrefix + i
+    }, createElement(c, mapping, keyPrefix));
+  });
+  switch (node.type) {
+    case NODE_TEXT:
+      {
+        return node.text;
+      }
+    case NODE_FRAGMENT:
+      {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+      }
+    case NODE_VOID_ELEMENT:
+      {
+        var val = mapping[node.name];
+        if (typeof val === 'function') {
+          return val();
+        }
+        return val || /*#__PURE__*/React.createElement(node.name, null);
+      }
+    case NODE_TAG_ELEMENT:
+      {
+        var _val = mapping[node.name];
+        if (_val === undefined) {
+          return /*#__PURE__*/React.createElement(node.name, null, children);
+        }
+        if (typeof _val === 'function') {
+          return _val(children);
+        }
+        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');
+          }
+          return /*#__PURE__*/React.cloneElement(_val, {
+            children: children
+          });
+        }
+        throw new Error("Invalid mapping value for \"".concat(node.name, "\". Only element or render function are accepted"));
+      }
+    case NODE_PLACEHOLDER:
+      {
+        var _val2 = mapping[node.name];
+        if (_val2 === undefined) {
+          console.warn("missing \"".concat(node.name, "\" in mapping"));
+          return node.string;
+        }
+        if (typeof _val2 === 'function') {
+          return _val2();
+        }
+        return _val2;
+      }
+    default:
+      return;
+  }
+};
+function Interpolate(_ref) {
+  var string = _ref.string,
+    syntax = _ref.syntax,
+    _ref$mapping = _ref.mapping,
+    mapping = _ref$mapping === void 0 ? {} : _ref$mapping,
+    _ref$graceful = _ref.graceful,
+    graceful = _ref$graceful === void 0 ? true : _ref$graceful;
+  try {
+    var tree = parser(string, syntax);
+    return createElement(tree, mapping, string);
+  } catch (e) {
+    if (graceful) {
+      console.error(e);
+      return string;
+    } else {
+      throw e;
+    }
+  }
+}
+Interpolate.propTypes = {
+  string: PropTypes.string.isRequired,
+  mapping: PropTypes.object,
+  graceful: PropTypes.bool
+};
+
+export { SYNTAX_BUILT_IN, SYNTAX_I18NEXT, TOKEN_CLOSE_TAG, TOKEN_OPEN_TAG, TOKEN_PLACEHOLDER, TOKEN_SELF_TAG, Interpolate as default };

package/package.json

@@ -1,6 +1,82 @@
 {
-  "name": "@todoist/react-interpolate",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@todoist/react-interpolate",
+    "version": "2.2.5",
+    "repository": "https://github.com/todoist/react-interpolate",
+    "license": "MIT",
+    "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",
+    "types": "dist/react-interpolate.d.ts",
+    "engines": {
+        "node": "^20.0.0 || ^22.0.0 || ^24.0.0 || ^26.0.0",
+        "npm": "^10.0.0 || ^11.0.0 || ^12.0.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 .",
+        "prepublishOnly": "node -e \"throw new Error('Use the reviewed retained-artifact publisher; see docs/releasing.md')\"",
+        "test:release": "node --test .github/scripts/*.test.mjs",
+        "test:package": "node .github/scripts/consumer-check.mjs"
+    },
+    "prettier": "@todoist/prettier-config",
+    "keywords": [
+        "react",
+        "interpolate",
+        "template",
+        "format",
+        "text",
+        "string"
+    ],
+    "peerDependencies": {
+        "prop-types": "15.8.1",
+        "react": ">=17.0.2",
+        "react-dom": ">=17.0.2"
+    },
+    "dependencies": {
+        "@babel/runtime": "7.18.6"
+    },
+    "devDependencies": {
+        "@babel/cli": "7.18.6",
+        "@babel/core": "7.29.6",
+        "@babel/eslint-parser": "7.18.2",
+        "@babel/plugin-transform-runtime": "7.18.6",
+        "@babel/preset-env": "7.18.6",
+        "@babel/preset-react": "7.18.6",
+        "@todoist/eslint-config": "13.1.2",
+        "@todoist/prettier-config": "4.0.2",
+        "@semantic-release/changelog": "6.0.3",
+        "@semantic-release/git": "10.0.1",
+        "@testing-library/react": "13.3.0",
+        "babel-jest": "28.1.2",
+        "conventional-changelog-conventionalcommits": "9.3.1",
+        "core-js": "3.23.3",
+        "del-cli": "4.0.1",
+        "eslint": "8.57.1",
+        "eslint-config-prettier": "10.1.8",
+        "eslint-plugin-compat": "4.0.2",
+        "eslint-plugin-import": "2.32.0",
+        "eslint-plugin-jest": "26.5.3",
+        "eslint-plugin-prettier": "5.5.4",
+        "eslint-plugin-react": "7.37.5",
+        "eslint-plugin-react-hooks": "7.0.1",
+        "gzip-cli": "1.2.0",
+        "jest": "28.1.2",
+        "jest-environment-jsdom": "28.1.2",
+        "prettier": "3.6.2",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "rollup": "2.80.0",
+        "rollup-plugin-babel": "4.4.0",
+        "rollup-plugin-copy": "3.5.0",
+        "semantic-release": "25.0.5",
+        "uglify-es": "3.3.9"
+    }
+}

package/src/constants.js

@@ -0,0 +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 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

@@ -0,0 +1,5 @@
+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'

package/src/interpolate.js

@@ -0,0 +1,93 @@
+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'
+
+const createElement = (node, mapping, keyPrefix) => {
+    const children = node.children.map((c, i) => (
+        <React.Fragment key={keyPrefix + i}>{createElement(c, mapping, keyPrefix)}</React.Fragment>
+    ))
+
+    switch (node.type) {
+        case NODE_TEXT: {
+            return node.text
+        }
+        case NODE_FRAGMENT: {
+            return React.createElement(React.Fragment, null, children)
+        }
+        case NODE_VOID_ELEMENT: {
+            const val = mapping[node.name]
+            if (typeof val === 'function') {
+                return val()
+            }
+
+            return val || React.createElement(node.name, null)
+        }
+        case NODE_TAG_ELEMENT: {
+            const val = mapping[node.name]
+
+            if (val === undefined) {
+                return React.createElement(node.name, null, children)
+            }
+
+            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',
+                    )
+                }
+
+                return React.cloneElement(val, { children })
+            }
+
+            throw new Error(
+                `Invalid mapping value for "${node.name}". Only element or render function are accepted`,
+            )
+        }
+        case NODE_PLACEHOLDER: {
+            const val = mapping[node.name]
+            if (val === undefined) {
+                console.warn(`missing "${node.name}" in mapping`)
+                return node.string
+            }
+
+            if (typeof val === 'function') {
+                return val()
+            }
+
+            return val
+        }
+        default:
+            return
+    }
+}
+
+export default function Interpolate({ string, syntax, mapping = {}, graceful = true }) {
+    try {
+        const tree = parser(string, syntax)
+        return createElement(tree, mapping, string)
+    } catch (e) {
+        if (graceful) {
+            console.error(e)
+            return string
+        } else {
+            throw e
+        }
+    }
+}
+
+Interpolate.propTypes = {
+    string: PropTypes.string.isRequired,
+    mapping: PropTypes.object,
+    graceful: PropTypes.bool,
+}