@webiny/i18n-react 5.15.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# @webiny/i18n-react
+[![](https://img.shields.io/npm/dw/@webiny/i18n-react.svg)](https://www.npmjs.com/package/@webiny/i18n-react) 
+[![](https://img.shields.io/npm/v/@webiny/i18n-react.svg)](https://www.npmjs.com/package/@webiny/i18n-react)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
+
+A simple [webiny-i18n](./../webiny-i18n) processor, recommended for 
+React apps.
+
+## Install
+```
+npm install --save @webiny/i18n-react
+```
+
+Or if you prefer yarn: 
+```
+yarn add @webiny/i18n-react
+```
+

package/index.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { Processor } from "@webiny/i18n/types";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "i18n-text": {
+                children?: React.ReactNode;
+            };
+            "i18n-text-part": {
+                key?: any;
+                children?: React.ReactNode;
+            };
+        }
+    }
+}
+declare const _default: Processor;
+export default _default;

package/index.js

@@ -0,0 +1,61 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _has from "lodash/has";
+import _trim from "lodash/trim";
+import _startsWith from "lodash/startsWith";
+import React from "react";
+
+var processTextPart = function processTextPart(part, values, modifiers) {
+  if (!_startsWith(part, "{")) {
+    return part;
+  }
+
+  part = _trim(part, "{}");
+  var parts = part.split("|");
+
+  var _parts = _slicedToArray(parts, 2),
+      variable = _parts[0],
+      modifier = _parts[1];
+
+  if (!_has(values, variable)) {
+    return variable;
+  }
+
+  var value = values[variable];
+
+  if (modifier) {
+    var parameters = modifier.split(":");
+    var name = parameters.shift();
+
+    if (modifiers[name]) {
+      var _modifier = modifiers[name];
+      value = _modifier.execute(value, parameters);
+    }
+  }
+
+  return value;
+};
+
+export default {
+  name: "react",
+  canExecute: function canExecute(data) {
+    for (var key in data.values) {
+      var value = data.values[key];
+
+      if ( /*#__PURE__*/React.isValidElement(value)) {
+        return true;
+      }
+    }
+
+    return false;
+  },
+  execute: function execute(data) {
+    var parts = data.translation.split(/({.*?})/); // @ts-ignore
+
+    return /*#__PURE__*/React.createElement("i18n-text", null, parts.map(function (part, index) {
+      return /*#__PURE__*/React.createElement("i18n-text-part", {
+        key: index
+      }, processTextPart(part, data.values, data.i18n.modifiers));
+    }));
+  }
+};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["React","processTextPart","part","values","modifiers","parts","split","variable","modifier","value","parameters","name","shift","execute","canExecute","data","key","isValidElement","translation","map","index","i18n"],"mappings":";;;;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAmBA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,IAAD,EAAeC,MAAf,EAA4BC,SAA5B,EAA+C;AACnE,MAAI,CAAC,YAAaF,IAAb,EAAmB,GAAnB,CAAL,EAA8B;AAC1B,WAAOA,IAAP;AACH;;AAEDA,EAAAA,IAAI,GAAG,MAAOA,IAAP,EAAa,IAAb,CAAP;AAEA,MAAMG,KAAK,GAAGH,IAAI,CAACI,KAAL,CAAW,GAAX,CAAd;;AAEA,8BAA6BD,KAA7B;AAAA,MAAOE,QAAP;AAAA,MAAiBC,QAAjB;;AAEA,MAAI,CAAC,KAAML,MAAN,EAAcI,QAAd,CAAL,EAA8B;AAC1B,WAAOA,QAAP;AACH;;AAED,MAAIE,KAAK,GAAGN,MAAM,CAACI,QAAD,CAAlB;;AACA,MAAIC,QAAJ,EAAc;AACV,QAAME,UAAU,GAAGF,QAAQ,CAACF,KAAT,CAAe,GAAf,CAAnB;AACA,QAAMK,IAAI,GAAGD,UAAU,CAACE,KAAX,EAAb;;AACA,QAAIR,SAAS,CAACO,IAAD,CAAb,EAAqB;AACjB,UAAMH,SAAQ,GAAGJ,SAAS,CAACO,IAAD,CAA1B;AACAF,MAAAA,KAAK,GAAGD,SAAQ,CAACK,OAAT,CAAiBJ,KAAjB,EAAwBC,UAAxB,CAAR;AACH;AACJ;;AAED,SAAOD,KAAP;AACH,CA1BD;;AA4BA,eAAe;AACXE,EAAAA,IAAI,EAAE,OADK;AAEXG,EAAAA,UAFW,sBAEAC,IAFA,EAEM;AACb,SAAK,IAAMC,GAAX,IAAkBD,IAAI,CAACZ,MAAvB,EAA+B;AAC3B,UAAMM,KAAK,GAAGM,IAAI,CAACZ,MAAL,CAAYa,GAAZ,CAAd;;AACA,wBAAIhB,KAAK,CAACiB,cAAN,CAAqBR,KAArB,CAAJ,EAAiC;AAC7B,eAAO,IAAP;AACH;AACJ;;AAED,WAAO,KAAP;AACH,GAXU;AAYXI,EAAAA,OAZW,mBAYHE,IAZG,EAYG;AACV,QAAMV,KAAK,GAAGU,IAAI,CAACG,WAAL,CAAiBZ,KAAjB,CAAuB,SAAvB,CAAd,CADU,CAEV;;AACA,wBACI,uCACKD,KAAK,CAACc,GAAN,CAAU,UAACjB,IAAD,EAAOkB,KAAP;AAAA,0BACP;AAAgB,QAAA,GAAG,EAAEA;AAArB,SACKnB,eAAe,CAACC,IAAD,EAAOa,IAAI,CAACZ,MAAZ,EAAoBY,IAAI,CAACM,IAAL,CAAUjB,SAA9B,CADpB,CADO;AAAA,KAAV,CADL,CADJ;AASH;AAxBU,CAAf","sourcesContent":["import _ from \"lodash\";\nimport React from \"react\";\nimport { Processor } from \"@webiny/i18n/types\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"i18n-text\": {\n                children?: React.ReactNode;\n            };\n\n            \"i18n-text-part\": {\n                key?: any;\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst processTextPart = (part: string, values: any, modifiers): any => {\n    if (!_.startsWith(part, \"{\")) {\n        return part;\n    }\n\n    part = _.trim(part, \"{}\");\n\n    const parts = part.split(\"|\");\n\n    const [variable, modifier] = parts;\n\n    if (!_.has(values, variable)) {\n        return variable;\n    }\n\n    let value = values[variable];\n    if (modifier) {\n        const parameters = modifier.split(\":\");\n        const name = parameters.shift();\n        if (modifiers[name]) {\n            const modifier = modifiers[name];\n            value = modifier.execute(value, parameters);\n        }\n    }\n\n    return value;\n};\n\nexport default {\n    name: \"react\",\n    canExecute(data) {\n        for (const key in data.values) {\n            const value = data.values[key];\n            if (React.isValidElement(value)) {\n                return true;\n            }\n        }\n\n        return false;\n    },\n    execute(data) {\n        const parts = data.translation.split(/({.*?})/);\n        // @ts-ignore\n        return (\n            <i18n-text>\n                {parts.map((part, index) => (\n                    <i18n-text-part key={index}>\n                        {processTextPart(part, data.values, data.i18n.modifiers)}\n                    </i18n-text-part>\n                ))}\n            </i18n-text>\n        );\n    }\n} as Processor;\n"],"file":"index.js"}

package/package.json

@@ -0,0 +1,45 @@
+{
+	"name": "@webiny/i18n-react",
+	"version": "5.15.0-beta.0",
+	"main": "index.js",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"description": "A simple webiny-i18n processor, recommended for React apps.",
+	"contributors": [
+		"Pavel Denisjuk <pavel@webiny.com>",
+		"Sven Al Hamad <sven@webiny.com>",
+		"Adrian Smijulj <adrian@webiny.com>"
+	],
+	"license": "MIT",
+	"dependencies": {
+		"@babel/runtime": "7.15.3",
+		"@webiny/i18n": "5.15.0-beta.0",
+		"lodash": "4.17.21"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.5.5",
+		"@babel/core": "^7.5.5",
+		"@babel/preset-env": "^7.5.5",
+		"@babel/preset-react": "^7.0.0",
+		"@babel/preset-typescript": "^7.8.3",
+		"@webiny/cli": "^5.15.0-beta.0",
+		"@webiny/project-utils": "^5.15.0-beta.0",
+		"babel-plugin-lodash": "^3.3.4",
+		"rimraf": "^3.0.2",
+		"typescript": "^4.1.3"
+	},
+	"peerDependencies": {
+		"react": "16.14.0"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "baf2dbb8cae1b623b59d20fedc0cd0e11a310ca1"
+}