@webiny/i18n-react 0.0.0-ee-vpcs.549378cf03

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?: string;
+                children?: React.ReactNode;
+            };
+        }
+    }
+}
+declare const processor: Processor;
+export default processor;

package/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _trim = _interopRequireDefault(require("lodash/trim"));
+
+var processTextPart = function processTextPart(part, values, modifiers) {
+  if (part.startsWith("{") === false) {
+    return part;
+  }
+
+  part = (0, _trim.default)(part, "{}");
+  var parts = part.split("|");
+
+  var _parts = (0, _slicedToArray2.default)(parts, 2),
+      variable = _parts[0],
+      modifier = _parts[1];
+
+  if (!values[variable]) {
+    return variable;
+  }
+
+  var value = values[variable];
+
+  if (modifier) {
+    var parameters = modifier.split(":");
+    var name = parameters.shift();
+
+    if (!name) {
+      return value;
+    }
+
+    if (modifiers[name]) {
+      var _modifier = modifiers[name];
+      value = _modifier.execute(value, parameters);
+    }
+  }
+
+  return value;
+};
+
+var processor = {
+  name: "react",
+  canExecute: function canExecute(data) {
+    for (var key in data.values) {
+      var value = data.values[key];
+
+      if ( /*#__PURE__*/_react.default.isValidElement(value)) {
+        return true;
+      }
+    }
+
+    return false;
+  },
+  execute: function execute(data) {
+    var parts = data.translation.split(/({.*?})/);
+    return /*#__PURE__*/_react.default.createElement("i18n-text", null, parts.map(function (part, index) {
+      return /*#__PURE__*/_react.default.createElement("i18n-text-part", {
+        key: String(index)
+      }, processTextPart(part, data.values, data.i18n.modifiers));
+    }));
+  }
+};
+var _default = processor;
+exports.default = _default;

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processTextPart","part","values","modifiers","startsWith","lodashTrim","parts","split","variable","modifier","value","parameters","name","shift","execute","processor","canExecute","data","key","React","isValidElement","translation","map","index","String","i18n"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport lodashTrim from \"lodash/trim\";\nimport { I18NDataValues, Modifier, 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?: string;\n                children?: React.ReactNode;\n            };\n        }\n    }\n}\n\nconst processTextPart = (\n    part: string,\n    values: I18NDataValues,\n    modifiers: Record<string, Modifier>\n): string => {\n    if (part.startsWith(\"{\") === false) {\n        return part;\n    }\n\n    part = lodashTrim(part, \"{}\");\n\n    const parts: string[] = part.split(\"|\");\n\n    const [variable, modifier] = parts;\n\n    if (!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 (!name) {\n            return value;\n        }\n        if (modifiers[name]) {\n            const modifier = modifiers[name];\n            value = modifier.execute(value, parameters);\n        }\n    }\n\n    return value;\n};\n\nconst processor: Processor = {\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        return (\n            <i18n-text>\n                {parts.map((part, index) => (\n                    <i18n-text-part key={String(index)}>\n                        {processTextPart(part, data.values, data.i18n.modifiers)}\n                    </i18n-text-part>\n                ))}\n            </i18n-text>\n        );\n    }\n};\nexport default processor;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAmBA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CACpBC,IADoB,EAEpBC,MAFoB,EAGpBC,SAHoB,EAIX;EACT,IAAIF,IAAI,CAACG,UAAL,CAAgB,GAAhB,MAAyB,KAA7B,EAAoC;IAChC,OAAOH,IAAP;EACH;;EAEDA,IAAI,GAAG,IAAAI,aAAA,EAAWJ,IAAX,EAAiB,IAAjB,CAAP;EAEA,IAAMK,KAAe,GAAGL,IAAI,CAACM,KAAL,CAAW,GAAX,CAAxB;;EAEA,0CAA6BD,KAA7B;EAAA,IAAOE,QAAP;EAAA,IAAiBC,QAAjB;;EAEA,IAAI,CAACP,MAAM,CAACM,QAAD,CAAX,EAAuB;IACnB,OAAOA,QAAP;EACH;;EAED,IAAIE,KAAK,GAAGR,MAAM,CAACM,QAAD,CAAlB;;EACA,IAAIC,QAAJ,EAAc;IACV,IAAME,UAAU,GAAGF,QAAQ,CAACF,KAAT,CAAe,GAAf,CAAnB;IACA,IAAMK,IAAI,GAAGD,UAAU,CAACE,KAAX,EAAb;;IACA,IAAI,CAACD,IAAL,EAAW;MACP,OAAOF,KAAP;IACH;;IACD,IAAIP,SAAS,CAACS,IAAD,CAAb,EAAqB;MACjB,IAAMH,SAAQ,GAAGN,SAAS,CAACS,IAAD,CAA1B;MACAF,KAAK,GAAGD,SAAQ,CAACK,OAAT,CAAiBJ,KAAjB,EAAwBC,UAAxB,CAAR;IACH;EACJ;;EAED,OAAOD,KAAP;AACH,CAjCD;;AAmCA,IAAMK,SAAoB,GAAG;EACzBH,IAAI,EAAE,OADmB;EAEzBI,UAFyB,sBAEdC,IAFc,EAER;IACb,KAAK,IAAMC,GAAX,IAAkBD,IAAI,CAACf,MAAvB,EAA+B;MAC3B,IAAMQ,KAAK,GAAGO,IAAI,CAACf,MAAL,CAAYgB,GAAZ,CAAd;;MACA,kBAAIC,cAAA,CAAMC,cAAN,CAAqBV,KAArB,CAAJ,EAAiC;QAC7B,OAAO,IAAP;MACH;IACJ;;IAED,OAAO,KAAP;EACH,CAXwB;EAYzBI,OAZyB,mBAYjBG,IAZiB,EAYX;IACV,IAAMX,KAAK,GAAGW,IAAI,CAACI,WAAL,CAAiBd,KAAjB,CAAuB,SAAvB,CAAd;IACA,oBACI,gDACKD,KAAK,CAACgB,GAAN,CAAU,UAACrB,IAAD,EAAOsB,KAAP;MAAA,oBACP;QAAgB,GAAG,EAAEC,MAAM,CAACD,KAAD;MAA3B,GACKvB,eAAe,CAACC,IAAD,EAAOgB,IAAI,CAACf,MAAZ,EAAoBe,IAAI,CAACQ,IAAL,CAAUtB,SAA9B,CADpB,CADO;IAAA,CAAV,CADL,CADJ;EASH;AAvBwB,CAA7B;eAyBeY,S"}

package/package.json

@@ -0,0 +1,45 @@
+{
+	"name": "@webiny/i18n-react",
+	"version": "0.0.0-ee-vpcs.549378cf03",
+	"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.19.0",
+		"@webiny/i18n": "0.0.0-ee-vpcs.549378cf03",
+		"lodash": "4.17.21"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.19.3",
+		"@babel/core": "^7.19.3",
+		"@babel/preset-env": "^7.19.4",
+		"@babel/preset-react": "^7.16.0",
+		"@babel/preset-typescript": "^7.18.6",
+		"@webiny/cli": "^0.0.0-ee-vpcs.549378cf03",
+		"@webiny/project-utils": "^0.0.0-ee-vpcs.549378cf03",
+		"babel-plugin-lodash": "^3.3.4",
+		"rimraf": "^3.0.2",
+		"typescript": "4.7.4"
+	},
+	"peerDependencies": {
+		"react": "^17.0.2"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"gitHead": "549378cf03fcd27845fc3fa23d1dc6b32896f630"
+}