@hairy/react-i18-lib 1.26.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-PRESENT Hairyf <https://github.com/antfu>
+
+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,36 @@
+# @hairy/react-lib
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![bundle][bundle-src]][bundle-href]
+[![JSDocs][jsdocs-src]][jsdocs-href]
+[![License][license-src]][license-href]
+
+## Install
+
+```
+ni @hairy/react-lib
+```
+
+## CDN
+
+```html
+<script src="https://unpkg.com/@hairy/react-lib"></script>
+```
+
+## License
+
+[MIT](./LICENSE) License © [Hairyf](https://github.com/hairyf)
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/@hairy/react-lib?style=flat&colorA=080f12&colorB=1fa669
+[npm-version-href]: https://npmjs.com/package/@hairy/react-lib
+[npm-downloads-src]: https://img.shields.io/npm/dm/@hairy/react-lib?style=flat&colorA=080f12&colorB=1fa669
+[npm-downloads-href]: https://npmjs.com/package/@hairy/react-lib
+[bundle-src]: https://img.shields.io/bundlephobia/minzip/@hairy/react-lib?style=flat&colorA=080f12&colorB=1fa669&label=minzip
+[bundle-href]: https://bundlephobia.com/result?p=@hairy/react-lib
+[license-src]: https://img.shields.io/github/license/hairyf/hairylib.svg?style=flat&colorA=080f12&colorB=1fa669
+[license-href]: https://github.com/hairyf/hairylib/blob/main/LICENSE
+[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
+[jsdocs-href]: https://www.jsdocs.io/package/@hairy/react-lib

package/dist/index.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Trans: () => Trans
+});
+module.exports = __toCommonJS(index_exports);
+var import_html_parse_stringify = __toESM(require("html-parse-stringify"), 1);
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+function Trans({ i18nKey, ...additionalProps }) {
+  const translation = (0, import_react_i18next.useTranslation)().t(i18nKey, additionalProps);
+  return renderNodes(import_html_parse_stringify.default.parse(translation), additionalProps);
+}
+function renderNodes(tokens, values) {
+  let index = 0;
+  return tokens.map((token) => {
+    if (token.type === "text")
+      return token.content;
+    index++;
+    const props = { ...token.attrs, key: index };
+    return token.voidElement ? values[token.name] ? (0, import_react.createElement)("span", { key: index }, values[token.name]) : (0, import_react.createElement)(token.name, props) : (0, import_react.createElement)(token.name, props, renderNodes(token.children, {}));
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Trans
+});

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+interface TransProps {
+    i18nKey: string;
+    [key: string]: ReactNode;
+}
+declare function Trans({ i18nKey, ...additionalProps }: TransProps): ReactNode[];
+
+export { Trans, type TransProps };

package/dist/index.global.js

@@ -0,0 +1,159 @@
+"use strict";
+var LibReact = (() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // ../../node_modules/.pnpm/void-elements@3.1.0/node_modules/void-elements/index.js
+  var require_void_elements = __commonJS({
+    "../../node_modules/.pnpm/void-elements@3.1.0/node_modules/void-elements/index.js"(exports, module) {
+      "use strict";
+      module.exports = {
+        "area": true,
+        "base": true,
+        "br": true,
+        "col": true,
+        "embed": true,
+        "hr": true,
+        "img": true,
+        "input": true,
+        "link": true,
+        "meta": true,
+        "param": true,
+        "source": true,
+        "track": true,
+        "wbr": true
+      };
+    }
+  });
+
+  // globals:react
+  var require_react = __commonJS({
+    "globals:react"(exports, module) {
+      "use strict";
+      module.exports = React;
+    }
+  });
+
+  // globals:react-i18next
+  var require_react_i18next = __commonJS({
+    "globals:react-i18next"(exports, module) {
+      "use strict";
+      module.exports = reactI18next;
+    }
+  });
+
+  // src/index.ts
+  var index_exports = {};
+  __export(index_exports, {
+    Trans: () => Trans
+  });
+
+  // ../../node_modules/.pnpm/html-parse-stringify@3.0.1/node_modules/html-parse-stringify/dist/html-parse-stringify.module.js
+  var import_void_elements = __toESM(require_void_elements());
+  var t = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+  function n(n2) {
+    var r2 = { type: "tag", name: "", voidElement: false, attrs: {}, children: [] }, i2 = n2.match(/<\/?([^\s]+?)[/\s>]/);
+    if (i2 && (r2.name = i2[1], (import_void_elements.default[i2[1]] || "/" === n2.charAt(n2.length - 2)) && (r2.voidElement = true), r2.name.startsWith("!--"))) {
+      var s2 = n2.indexOf("-->");
+      return { type: "comment", comment: -1 !== s2 ? n2.slice(4, s2) : "" };
+    }
+    for (var a2 = new RegExp(t), c2 = null; null !== (c2 = a2.exec(n2)); ) if (c2[0].trim()) if (c2[1]) {
+      var o = c2[1].trim(), l = [o, ""];
+      o.indexOf("=") > -1 && (l = o.split("=")), r2.attrs[l[0]] = l[1], a2.lastIndex--;
+    } else c2[2] && (r2.attrs[c2[2]] = c2[3].trim().substring(1, c2[3].length - 1));
+    return r2;
+  }
+  var r = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g;
+  var i = /^\s*$/;
+  var s = /* @__PURE__ */ Object.create(null);
+  function a(e2, t2) {
+    switch (t2.type) {
+      case "text":
+        return e2 + t2.content;
+      case "tag":
+        return e2 += "<" + t2.name + (t2.attrs ? function(e3) {
+          var t3 = [];
+          for (var n2 in e3) t3.push(n2 + '="' + e3[n2] + '"');
+          return t3.length ? " " + t3.join(" ") : "";
+        }(t2.attrs) : "") + (t2.voidElement ? "/>" : ">"), t2.voidElement ? e2 : e2 + t2.children.reduce(a, "") + "</" + t2.name + ">";
+      case "comment":
+        return e2 + "<!--" + t2.comment + "-->";
+    }
+  }
+  var c = { parse: function(e2, t2) {
+    t2 || (t2 = {}), t2.components || (t2.components = s);
+    var a2, c2 = [], o = [], l = -1, m = false;
+    if (0 !== e2.indexOf("<")) {
+      var u = e2.indexOf("<");
+      c2.push({ type: "text", content: -1 === u ? e2 : e2.substring(0, u) });
+    }
+    return e2.replace(r, function(r2, s2) {
+      if (m) {
+        if (r2 !== "</" + a2.name + ">") return;
+        m = false;
+      }
+      var u2, f = "/" !== r2.charAt(1), h = r2.startsWith("<!--"), p = s2 + r2.length, d = e2.charAt(p);
+      if (h) {
+        var v = n(r2);
+        return l < 0 ? (c2.push(v), c2) : ((u2 = o[l]).children.push(v), c2);
+      }
+      if (f && (l++, "tag" === (a2 = n(r2)).type && t2.components[a2.name] && (a2.type = "component", m = true), a2.voidElement || m || !d || "<" === d || a2.children.push({ type: "text", content: e2.slice(p, e2.indexOf("<", p)) }), 0 === l && c2.push(a2), (u2 = o[l - 1]) && u2.children.push(a2), o[l] = a2), (!f || a2.voidElement) && (l > -1 && (a2.voidElement || a2.name === r2.slice(2, -1)) && (l--, a2 = -1 === l ? c2 : o[l]), !m && "<" !== d && d)) {
+        u2 = -1 === l ? c2 : o[l].children;
+        var x = e2.indexOf("<", p), g = e2.slice(p, -1 === x ? void 0 : x);
+        i.test(g) && (g = " "), (x > -1 && l + u2.length >= 0 || " " !== g) && u2.push({ type: "text", content: g });
+      }
+    }), c2;
+  }, stringify: function(e2) {
+    return e2.reduce(function(e3, t2) {
+      return e3 + a("", t2);
+    }, "");
+  } };
+  var html_parse_stringify_module_default = c;
+
+  // src/index.ts
+  var import_react = __toESM(require_react(), 1);
+  var import_react_i18next = __toESM(require_react_i18next(), 1);
+  function Trans({ i18nKey, ...additionalProps }) {
+    const translation = (0, import_react_i18next.useTranslation)().t(i18nKey, additionalProps);
+    return renderNodes(html_parse_stringify_module_default.parse(translation), additionalProps);
+  }
+  function renderNodes(tokens, values) {
+    let index = 0;
+    return tokens.map((token) => {
+      if (token.type === "text")
+        return token.content;
+      index++;
+      const props = { ...token.attrs, key: index };
+      return token.voidElement ? values[token.name] ? (0, import_react.createElement)("span", { key: index }, values[token.name]) : (0, import_react.createElement)(token.name, props) : (0, import_react.createElement)(token.name, props, renderNodes(token.children, {}));
+    });
+  }
+  return __toCommonJS(index_exports);
+})();

package/dist/index.js

@@ -0,0 +1,21 @@
+// src/index.ts
+import HTML from "html-parse-stringify";
+import { createElement } from "react";
+import { useTranslation } from "react-i18next";
+function Trans({ i18nKey, ...additionalProps }) {
+  const translation = useTranslation().t(i18nKey, additionalProps);
+  return renderNodes(HTML.parse(translation), additionalProps);
+}
+function renderNodes(tokens, values) {
+  let index = 0;
+  return tokens.map((token) => {
+    if (token.type === "text")
+      return token.content;
+    index++;
+    const props = { ...token.attrs, key: index };
+    return token.voidElement ? values[token.name] ? createElement("span", { key: index }, values[token.name]) : createElement(token.name, props) : createElement(token.name, props, renderNodes(token.children, {}));
+  });
+}
+export {
+  Trans
+};

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@hairy/react-i18-lib",
+  "type": "module",
+  "version": "1.26.0",
+  "description": "Library for react",
+  "author": "Hairyf <wwu710632@gmail.com>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/hairyf",
+  "homepage": "https://github.com/hairyf/hairylib#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hairyf/hairylib.git"
+  },
+  "bugs": "https://github.com/hairyf/hairylib/issues",
+  "keywords": [],
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "publishConfig": {
+    "jsdelivr": "./dist/index.global.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^14.1.2"
+  },
+  "dependencies": {
+    "html-parse-stringify": "^3.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": "^14.1.2"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "start": "tsx src/index.ts"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/index.global.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./*": "./*"
+  }
+}