@nerimity/solid-i18lite 1.5.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021-2023
+
+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,223 @@
+# i18next for Solid
+
+![npm (scoped)](https://img.shields.io/npm/v/@nerimity/solid-i18lite?color=seagreen)
+[![codecov](https://codecov.io/gh/nerimity/solid-i18lite/branch/main/graph/badge.svg?token=RGWEZWK8T2)](https://codecov.io/gh/nerimity/solid-i18lite)
+[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@nerimity/solid-i18lite)](https://bundlephobia.com/package/@nerimity/solid-i18lite)
+
+The purpose of this library is to provide ability to support [i18next](https://www.i18next.com/) library in Solid applications
+with `<TransProvider />` and `<Trans />` components.
+
+## Table of Contents
+
+1. [Usage](#usage)
+   1. [Simple Example](#simple-example)
+   1. [Add Resources](#add-resources)
+   1. [Change a Language](#change-a-language)
+   1. [T Function](#t-function)
+1. [Interpolation](#interpolation)
+   1. [Nested JSX](#nested-jsx)
+1. [API](#api)
+   1. [Components](#components)
+   1. [Utilities](#utilities)
+
+## Usage
+
+Installation:
+
+```sh
+npm install @nerimity/solid-i18lite i18next --save
+```
+
+### Simple Example
+
+`<TransProvider />` must wrap Solid application's most parent component (e.g. `<App />`). `<Trans />` component's `key` property is mandatory.
+
+Default value can be wrapped with `<Trans />` component or set with `options` or `children` property.
+
+```tsx
+// esm
+import { TransProvider, Trans } from '@nerimity/solid-i18lite';
+
+// cjs
+const { TransProvider, Trans } = require('@nerimity/solid-i18lite');
+
+render(() => (
+  <TransProvider>
+    <App>
+      <Trans key="greeting" />
+      {/* or */}
+      <Trans key="greeting">Hello!</Trans>
+      {/* or */}
+      <Trans key="greeting" options={{ defaultValue: 'Hello!' }} />
+      {/* or */}
+      <Trans key="greeting" options="Hello!" />
+      {/* or */}
+      <Trans key="greeting" children="Hello!" />
+    </App>
+  </TransProvider>
+));
+```
+
+### Add Resources
+
+Resources can be added on initialization with `options` property in `<TransProvider />` or
+by calling `addResources` method from `TransContext`, which can be got with `useTransContext()`.
+
+```tsx
+import { Trans, TransProvider, useTransContext } from '@nerimity/solid-18lite';
+
+const resources = {
+    lt: {...},
+    pl: {...},
+};
+
+render(() => <TransProvider options={{ resources }} children={<App />} />, container);
+
+{/* or */}
+
+const Component = () => {
+    const [, actions] = useTransContext();
+    actions.addResources('lt', 'translation', resources.lt);
+    actions.addResources('pl', 'translation', resources.pl);
+
+    return <Trans key="greeting">Hello!</Trans>;
+};
+```
+
+### Change a Language
+
+Default language can be provided to `<TransProvider />` with `lng` or `options` property.
+
+`options.lng` overrides `lng` property.
+
+```tsx
+<TransProvider lng="lt" children={...} />
+<TransProvider options={{lng: 'pl'}} children={...} />
+```
+
+To change a language you need to use `TransContext` and call `changeLanguage`.
+
+```tsx
+import { useTransContext } from '@nerimity/solid-18lite';
+
+const Component = () => {
+  const [, { changeLanguage }] = useTransContext();
+
+  return (
+    <article>
+      <button type="button" onClick={() => changeLanguage('en')}>
+        English
+      </button>
+      <button type="button" onClick={() => changeLanguage('lt')}>
+        Lietuvių
+      </button>
+    </article>
+  );
+};
+```
+
+### T Function
+
+**i18next** have `t` function, which is essential and sometimes there is need to use it without `<Trans />` component.
+`TransContext` provides it in case you need it.
+
+```tsx
+const Component = () => {
+  const [t] = useTransContext();
+  const messages = {
+    get greeting() {
+      return t('greeting', 'Hello!');
+    },
+    get bye() {
+      return t('bye', 'Bye!');
+    },
+  };
+
+  return <>{isLogin() ? messages.greeting : messages.bye}</>;
+};
+```
+
+## Interpolation
+
+Default interpolation uses `{{` and `}}` as prefix and suffix. Solid uses `{` and `}` for properties propagation. In that case
+messages with default interpolation must be put as string. Placeholder values should be provided
+through `options` property of `<Trans />` component.
+
+```tsx
+<Trans key="greeting" options={{ name: 'John Doe' }}>
+  {'Hello {{name}}!'}
+</Trans>
+```
+
+**i18next** also allows to define custom interpolation prefix and suffix.
+
+```tsx
+const resources = { lt: { greeting: 'Labas, ##name##!' } };
+const interpolation = { prefix: '##', suffix: '##' };
+
+<TransProvider options={{ interpolation, resources }}>
+  <Trans key="greeting" options={{ name: 'John Doe' }}>
+    Hello ##name##!
+  </Trans>
+</TransProvider>;
+```
+
+### Nested JSX
+
+This library supports nested JSX messages, like [react-i18next](https://react.i18next.com/latest/trans-component). If you want use this feature, you need to install [html-parse-string](https://github.com/ryansolid/html-parse-string) separately:
+
+```sh
+npm i html-parse-string
+```
+
+Then you can define your translation strings, like described in [How to get the correct translation string?](https://react.i18next.com/latest/trans-component#how-to-get-the-correct-translation-string).
+
+```tsx
+const resources = {
+  lt: { translation: { greeting_nested: '<0>Sveiki, {{fullName}}! </0><1>Tavo profilis</1>.' } },
+};
+
+<TransProvider options={{ interpolation, resources }}>
+  <Trans key="greeting_nested" options={{ name: 'John Doe' }}>
+    {'Hello {{ name }}! '}
+    <a href="/profile">Your Profile</a>.
+  </Trans>
+</TransProvider>;
+```
+
+Keep in mind that elements, with interpolation, must be a string, e.g: `'Hello {{name}}!'`.
+
+## API
+
+### Components
+
+#### `<TransProvider />`
+
+| Property | Description                                                                                      | Required |
+| -------- | ------------------------------------------------------------------------------------------------ | -------- |
+| instance | i18next instance, see: [i18n](https://www.i18next.com/overview/api)                              | No       |
+| lng      | default language, `options.lng` overrides it                                                     | No       |
+| options  | i18next init options, see: [InitOptions](https://www.i18next.com/overview/configuration-options) | No       |
+
+#### `<Trans />`
+
+| Property | Description                                                                                                               | Required |
+| -------- | ------------------------------------------------------------------------------------------------------------------------- | -------- |
+| key      | translation key or keys [TFunctionKeys](https://www.i18next.com/translation-function/essentials)                          | Yes      |
+| options  | t function's options, see: [TOptions \| string](https://www.i18next.com/translation-function/essentials#overview-options) | No       |
+
+### Utilities
+
+#### `useTransContext`
+
+`useTransContext` function returns `TransContext` as array: `[TFunction, TransProviderActions]`.
+
+The first item is `t` function, second - the list of actions, which are listed below.
+
+`TransProviderActions`
+
+| Function                                                                                                                                         | Description                                                                                                  |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ |
+| addResources(<br/>&nbsp;&nbsp;lng, <br/>&nbsp;&nbsp;ns, <br/>&nbsp;&nbsp;resources, <br/>&nbsp;&nbsp;bundleOptions?: { deep?; overwrite? }<br/>) | adds translation resources, see [addResourcesBundle](https://www.i18next.com/overview/api#addresourcebundle) |
+| changeLanguage(lng)                                                                                                                              | changes language and sets new t function                                                                     |
+| getI18next                                                                                                                                       | returns **i18next** instance, see [i18n](https://www.i18next.com/overview/api)                               |

package/dist/browser.mjs

@@ -0,0 +1,142 @@
+import { createComponent as I, memo as v } from "solid-js/web";
+import { useContext as P, createContext as w, createSignal as L, children as $ } from "solid-js";
+let S = {}, E = "translation", x = "";
+const T = { resources: {}, interpolation: { prefix: "{{", suffix: "}}" } };
+let f = T;
+const R = (t) => t.replace(/[-|\\{}()[\]^$+*?.]/g, (e) => e === "-" ? "\\x2d" : `\\${e}`), m = /* @__PURE__ */ new Map(), M = (t, e) => {
+  if (!t) return "";
+  const n = f?.interpolation, r = n?.prefix ?? "{{", s = n?.suffix ?? "}}", a = r + "|" + s;
+  let o = m.get(a);
+  if (!o) {
+    const i = R(r), u = R(s);
+    o = new RegExp(`${i}\\s*(\\w+)\\s*${u}`, "g"), m.set(a, o);
+  }
+  return t.replace(o, (i, u) => Object.prototype.hasOwnProperty.call(e, u) ? e[u] : i);
+}, h = (t, e, n) => {
+  let r = j(c.language, E, t) ?? (typeof e == "string" ? e : t);
+  return n || typeof e == "object" && e !== null ? M(r, n || e) : r;
+}, B = (t, e) => {
+  S[t] = e;
+}, F = (t, e) => {
+  f = T, t && (f = { ...t, interpolation: t?.interpolation || {} }, f.interpolation.prefix = t.interpolation?.prefix || "{{", f.interpolation.suffix = t.interpolation?.suffix || "}}"), x = t?.lng || "", c.store = { data: f.resources || {} }, f.resources = {}, e?.(null, h);
+}, J = (t) => (x = t, Promise.resolve(h)), b = (t, e, n = !0) => {
+  const r = t;
+  for (const s in e) {
+    const a = r[s], o = e[s];
+    o && typeof o == "object" && !Array.isArray(o) ? ((typeof a != "object" || Array.isArray(a)) && (r[s] = {}), b(r[s], o, n)) : (n || a === void 0) && (r[s] = o);
+  }
+  return t;
+}, V = (t, e, n, r = !0, s = !0) => {
+  c.store = c.store || { data: {} }, c.store.data = c.store.data || {}, c.store.data[t] = c.store.data[t] || {}, c.store.data[t][e] = c.store.data[t][e] || {};
+  const a = c.store.data[t][e], o = n;
+  return r ? b(a, o, s) : c.store.data[t][e] = s ? o : { ...o, ...a }, (S.loaded || (() => {
+  }))(t, e), c;
+}, j = (t, e, n, r) => {
+  const s = c.store;
+  if (!s) return;
+  const a = s.data?.[t];
+  if (!a) return;
+  const o = a[e];
+  if (!o || typeof o == "string") return;
+  const i = r?.keySeparator ?? c.options?.keySeparator ?? ".";
+  if (i === !1) return o[n];
+  const u = String(i);
+  if (n.indexOf(u) === -1) return o[n];
+  let l = o, y = 0;
+  for (let d = 0; d <= n.length; d++)
+    if (d === n.length || n[d] === u) {
+      const C = n.slice(y, d);
+      if (l == null || !(C in l)) return;
+      l = l[C], y = d + 1;
+    }
+  return l;
+}, X = () => c, c = {
+  get language() {
+    return x;
+  },
+  createInstance: X,
+  t: h,
+  on: B,
+  init: F,
+  changeLanguage: J,
+  addResourceBundle: V,
+  options: f,
+  getResource: j
+}, A = w();
+function H(t, e) {
+  const [n, r] = L(e.resources ? t.t : () => null);
+  t.on("loaded", () => r(() => t.t)), t.init(e, (o, i) => r(() => i));
+  async function s(o) {
+    const i = await t.changeLanguage(o);
+    r(() => i);
+  }
+  function a(o, i, u, l = {}) {
+    return t.addResourceBundle(o, i, u, l.deep, l.overwrite);
+  }
+  return [((...o) => n().apply(null, o)), {
+    addResources: a,
+    getI18next: () => t,
+    changeLanguage: s
+  }];
+}
+const K = () => P(A), Y = (t) => I(A.Provider, {
+  get value() {
+    return H(t.instance || c, {
+      lng: t.lng,
+      ...t.options
+    });
+  },
+  get children() {
+    return t.children;
+  }
+}), g = (t, { prefix: e, suffix: n }) => t.includes(e) && t.includes(n), W = (t, { interpolation: e }) => (n, r) => typeof n == "string" ? g(n, e) ? t.children[r].children?.[0].content : t.children[r].content : (n.textContent = t.children[r].children?.[0].content, n), _ = !globalThis.window, q = (t, e, n) => (r) => {
+  const s = typeof r;
+  if (s === "string" && g(r, e.interpolation)) return t(r, n.options);
+  if (s === "object") {
+    const a = r.textContent ?? r.t;
+    a && g(a, e.interpolation) && (r[_ ? "t" : "textContent"] = t(a, n.options));
+  }
+  return r;
+};
+let p;
+(async () => {
+  try {
+    p = (await import("html-parse-string")).parse;
+  } catch {
+  }
+})();
+const z = () => {
+  console.error(
+    "In order to use JSX nesting, install %chtml-parse-string",
+    "font-weight: 700",
+    "https://github.com/ryansolid/html-parse-string."
+  );
+}, G = ({ i18n: { options: t }, t: e, props: n }, r) => {
+  const s = e(n.key, n.options);
+  if (!n.children) return s;
+  if (s === n.key) return r.map(q(e, t, n));
+  if (!p) {
+    z();
+    return;
+  }
+  try {
+    const [a] = p(`<0>${s}</0>`);
+    return r.map(W(a, t));
+  } catch (a) {
+    console.error(a);
+  }
+}, Z = (t) => {
+  const [e, {
+    getI18next: n
+  }] = K();
+  return v(() => v(() => typeof t.children == "string")() ? e(t.key, t.children, t.options) : G({
+    i18n: n(),
+    t: e,
+    props: t
+  }, $(() => t.children)()));
+};
+export {
+  Z as Trans,
+  Y as TransProvider,
+  K as useTransContext
+};

package/dist/ssr.js

@@ -0,0 +1 @@
+"use strict";var L=Object.create;var T=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var J=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!E.call(t,o)&&o!==n&&T(t,o,{get:()=>e[o],enumerable:!(r=$(e,o))||r.enumerable});return t};var q=(t,e,n)=>(n=t!=null?L(M(t)):{},J(e||!t||!t.__esModule?T(n,"default",{value:t,enumerable:!0}):n,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("solid-js"),B=require("solid-js/web");let R={},F="translation",h="";const P={resources:{},interpolation:{prefix:"{{",suffix:"}}"}};let f=P;const S=t=>t.replace(/[-|\\{}()[\]^$+*?.]/g,e=>e==="-"?"\\x2d":`\\${e}`),b=new Map,V=(t,e)=>{if(!t)return"";const n=f?.interpolation,r=n?.prefix??"{{",o=n?.suffix??"}}",a=r+"|"+o;let s=b.get(a);if(!s){const i=S(r),u=S(o);s=new RegExp(`${i}\\s*(\\w+)\\s*${u}`,"g"),b.set(a,s)}return t.replace(s,(i,u)=>Object.prototype.hasOwnProperty.call(e,u)?e[u]:i)},y=(t,e,n)=>{let r=w(c.language,F,t)??(typeof e=="string"?e:t);return n||typeof e=="object"&&e!==null?V(r,n||e):r},X=(t,e)=>{R[t]=e},H=(t,e)=>{f=P,t&&(f={...t,interpolation:t?.interpolation||{}},f.interpolation.prefix=t.interpolation?.prefix||"{{",f.interpolation.suffix=t.interpolation?.suffix||"}}"),h=t?.lng||"",c.store={data:f.resources||{}},f.resources={},e?.(null,y)},K=t=>(h=t,Promise.resolve(y)),j=(t,e,n=!0)=>{const r=t;for(const o in e){const a=r[o],s=e[o];s&&typeof s=="object"&&!Array.isArray(s)?((typeof a!="object"||Array.isArray(a))&&(r[o]={}),j(r[o],s,n)):(n||a===void 0)&&(r[o]=s)}return t},W=(t,e,n,r=!0,o=!0)=>{c.store=c.store||{data:{}},c.store.data=c.store.data||{},c.store.data[t]=c.store.data[t]||{},c.store.data[t][e]=c.store.data[t][e]||{};const a=c.store.data[t][e],s=n;return r?j(a,s,o):c.store.data[t][e]=o?s:{...s,...a},(R.loaded||(()=>{}))(t,e),c},w=(t,e,n,r)=>{const o=c.store;if(!o)return;const a=o.data?.[t];if(!a)return;const s=a[e];if(!s||typeof s=="string")return;const i=r?.keySeparator??c.options?.keySeparator??".";if(i===!1)return s[n];const u=String(i);if(n.indexOf(u)===-1)return s[n];let l=s,v=0;for(let d=0;d<=n.length;d++)if(d===n.length||n[d]===u){const C=n.slice(v,d);if(l==null||!(C in l))return;l=l[C],v=d+1}return l},_=()=>c,c={get language(){return h},createInstance:_,t:y,on:X,init:H,changeLanguage:K,addResourceBundle:W,options:f,getResource:w},A=g.createContext();function z(t,e){const[n,r]=g.createSignal(e.resources?t.t:()=>null);t.on("loaded",()=>r(()=>t.t)),t.init(e,(s,i)=>r(()=>i));async function o(s){const i=await t.changeLanguage(s);r(()=>i)}function a(s,i,u,l={}){return t.addResourceBundle(s,i,u,l.deep,l.overwrite)}return[((...s)=>n().apply(null,s)),{addResources:a,getI18next:()=>t,changeLanguage:o}]}const I=()=>g.useContext(A),G=t=>B.createComponent(A.Provider,{get value(){return z(t.instance||c,{lng:t.lng,...t.options})},get children(){return t.children}}),x=(t,{prefix:e,suffix:n})=>t.includes(e)&&t.includes(n),Q=(t,{interpolation:e})=>(n,r)=>typeof n=="string"?x(n,e)?t.children[r].children?.[0].content:t.children[r].content:(n.textContent=t.children[r].children?.[0].content,n),U=!globalThis.window,Y=(t,e,n)=>r=>{const o=typeof r;if(o==="string"&&x(r,e.interpolation))return t(r,n.options);if(o==="object"){const a=r.textContent??r.t;a&&x(a,e.interpolation)&&(r[U?"t":"textContent"]=t(a,n.options))}return r};let p;(async()=>{try{p=(await import("html-parse-string")).parse}catch{}})();const Z=()=>{console.error("In order to use JSX nesting, install %chtml-parse-string","font-weight: 700","https://github.com/ryansolid/html-parse-string.")},k=({i18n:{options:t},t:e,props:n},r)=>{const o=e(n.key,n.options);if(!n.children)return o;if(o===n.key)return r.map(Y(e,t,n));if(!p){Z();return}try{const[a]=p(`<0>${o}</0>`);return r.map(Q(a,t))}catch(a){console.error(a)}},N=t=>{const[e,{getI18next:n}]=I();return typeof t.children=="string"?e(t.key,t.children,t.options):k({i18n:n(),t:e,props:t},g.children(()=>t.children)())};exports.Trans=N;exports.TransProvider=G;exports.useTransContext=I;

package/dist/ssr.mjs

@@ -0,0 +1,142 @@
+import { useContext as A, createContext as I, createSignal as P, children as w } from "solid-js";
+import { createComponent as L } from "solid-js/web";
+let S = {}, $ = "translation", x = "";
+const T = { resources: {}, interpolation: { prefix: "{{", suffix: "}}" } };
+let f = T;
+const v = (t) => t.replace(/[-|\\{}()[\]^$+*?.]/g, (e) => e === "-" ? "\\x2d" : `\\${e}`), R = /* @__PURE__ */ new Map(), E = (t, e) => {
+  if (!t) return "";
+  const n = f?.interpolation, r = n?.prefix ?? "{{", s = n?.suffix ?? "}}", a = r + "|" + s;
+  let o = R.get(a);
+  if (!o) {
+    const i = v(r), u = v(s);
+    o = new RegExp(`${i}\\s*(\\w+)\\s*${u}`, "g"), R.set(a, o);
+  }
+  return t.replace(o, (i, u) => Object.prototype.hasOwnProperty.call(e, u) ? e[u] : i);
+}, h = (t, e, n) => {
+  let r = m(c.language, $, t) ?? (typeof e == "string" ? e : t);
+  return n || typeof e == "object" && e !== null ? E(r, n || e) : r;
+}, M = (t, e) => {
+  S[t] = e;
+}, B = (t, e) => {
+  f = T, t && (f = { ...t, interpolation: t?.interpolation || {} }, f.interpolation.prefix = t.interpolation?.prefix || "{{", f.interpolation.suffix = t.interpolation?.suffix || "}}"), x = t?.lng || "", c.store = { data: f.resources || {} }, f.resources = {}, e?.(null, h);
+}, F = (t) => (x = t, Promise.resolve(h)), b = (t, e, n = !0) => {
+  const r = t;
+  for (const s in e) {
+    const a = r[s], o = e[s];
+    o && typeof o == "object" && !Array.isArray(o) ? ((typeof a != "object" || Array.isArray(a)) && (r[s] = {}), b(r[s], o, n)) : (n || a === void 0) && (r[s] = o);
+  }
+  return t;
+}, J = (t, e, n, r = !0, s = !0) => {
+  c.store = c.store || { data: {} }, c.store.data = c.store.data || {}, c.store.data[t] = c.store.data[t] || {}, c.store.data[t][e] = c.store.data[t][e] || {};
+  const a = c.store.data[t][e], o = n;
+  return r ? b(a, o, s) : c.store.data[t][e] = s ? o : { ...o, ...a }, (S.loaded || (() => {
+  }))(t, e), c;
+}, m = (t, e, n, r) => {
+  const s = c.store;
+  if (!s) return;
+  const a = s.data?.[t];
+  if (!a) return;
+  const o = a[e];
+  if (!o || typeof o == "string") return;
+  const i = r?.keySeparator ?? c.options?.keySeparator ?? ".";
+  if (i === !1) return o[n];
+  const u = String(i);
+  if (n.indexOf(u) === -1) return o[n];
+  let l = o, y = 0;
+  for (let d = 0; d <= n.length; d++)
+    if (d === n.length || n[d] === u) {
+      const C = n.slice(y, d);
+      if (l == null || !(C in l)) return;
+      l = l[C], y = d + 1;
+    }
+  return l;
+}, V = () => c, c = {
+  get language() {
+    return x;
+  },
+  createInstance: V,
+  t: h,
+  on: M,
+  init: B,
+  changeLanguage: F,
+  addResourceBundle: J,
+  options: f,
+  getResource: m
+}, j = I();
+function X(t, e) {
+  const [n, r] = P(e.resources ? t.t : () => null);
+  t.on("loaded", () => r(() => t.t)), t.init(e, (o, i) => r(() => i));
+  async function s(o) {
+    const i = await t.changeLanguage(o);
+    r(() => i);
+  }
+  function a(o, i, u, l = {}) {
+    return t.addResourceBundle(o, i, u, l.deep, l.overwrite);
+  }
+  return [((...o) => n().apply(null, o)), {
+    addResources: a,
+    getI18next: () => t,
+    changeLanguage: s
+  }];
+}
+const H = () => A(j), U = (t) => L(j.Provider, {
+  get value() {
+    return X(t.instance || c, {
+      lng: t.lng,
+      ...t.options
+    });
+  },
+  get children() {
+    return t.children;
+  }
+}), g = (t, { prefix: e, suffix: n }) => t.includes(e) && t.includes(n), K = (t, { interpolation: e }) => (n, r) => typeof n == "string" ? g(n, e) ? t.children[r].children?.[0].content : t.children[r].content : (n.textContent = t.children[r].children?.[0].content, n), W = !globalThis.window, _ = (t, e, n) => (r) => {
+  const s = typeof r;
+  if (s === "string" && g(r, e.interpolation)) return t(r, n.options);
+  if (s === "object") {
+    const a = r.textContent ?? r.t;
+    a && g(a, e.interpolation) && (r[W ? "t" : "textContent"] = t(a, n.options));
+  }
+  return r;
+};
+let p;
+(async () => {
+  try {
+    p = (await import("html-parse-string")).parse;
+  } catch {
+  }
+})();
+const q = () => {
+  console.error(
+    "In order to use JSX nesting, install %chtml-parse-string",
+    "font-weight: 700",
+    "https://github.com/ryansolid/html-parse-string."
+  );
+}, z = ({ i18n: { options: t }, t: e, props: n }, r) => {
+  const s = e(n.key, n.options);
+  if (!n.children) return s;
+  if (s === n.key) return r.map(_(e, t, n));
+  if (!p) {
+    q();
+    return;
+  }
+  try {
+    const [a] = p(`<0>${s}</0>`);
+    return r.map(K(a, t));
+  } catch (a) {
+    console.error(a);
+  }
+}, Y = (t) => {
+  const [e, {
+    getI18next: n
+  }] = H();
+  return typeof t.children == "string" ? e(t.key, t.children, t.options) : z({
+    i18n: n(),
+    t: e,
+    props: t
+  }, w(() => t.children)());
+};
+export {
+  Y as Trans,
+  U as TransProvider,
+  H as useTransContext
+};

package/dist/types/Trans.d.ts

@@ -0,0 +1,7 @@
+import { type ParentComponent } from 'solid-js';
+import type { TOptions } from './i18Lite';
+export type TransProps = {
+    key: string;
+    options?: TOptions;
+};
+export declare const Trans: ParentComponent<TransProps>;

package/dist/types/TransProvider.d.ts

@@ -0,0 +1,13 @@
+import { type ParentComponent } from 'solid-js';
+import { type InitOptions, type TFunction, type i18n } from './i18Lite';
+export type TransProviderActions = {
+    addResources(lng: string, ns: string, resources: any): i18n;
+    changeLanguage(lng: string): Promise<void>;
+    getI18next(): i18n;
+};
+export declare const useTransContext: () => [TFunction, TransProviderActions];
+export declare const TransProvider: ParentComponent<{
+    instance?: i18n;
+    lng?: string;
+    options?: InitOptions;
+}>;

package/dist/types/i18Lite.d.ts

@@ -0,0 +1,50 @@
+export type $Dictionary<T = unknown> = {
+    [key: string]: T;
+};
+export type ResourceKey = string | {
+    [key: string]: any;
+};
+export interface ResourceLanguage {
+    [namespace: string]: ResourceKey;
+}
+export interface Resource {
+    [language: string]: ResourceLanguage;
+}
+export interface InterpolationOptions {
+    prefix?: string;
+    suffix?: string;
+}
+export interface InitOptions {
+    resources: Resource;
+    lng?: string;
+    interpolation?: InterpolationOptions;
+    keySeparator?: false | string;
+    nsSeparator?: false | string;
+    defaultNS?: string;
+    ignoreJSONStructure?: boolean;
+}
+export interface TOptionsBase {
+    lng?: string;
+}
+export type TOptions<TInterpolationMap extends object = $Dictionary> = TOptionsBase & TInterpolationMap;
+export type TFunction = {
+    (key: string, options?: {}): string;
+    (key: string, defaultValue: string, options?: {}): string;
+    (key: string, arg2?: string | {}, arg3?: {}): string;
+};
+export interface i18n {
+    language: string;
+    getResource: (lng: string, ns: string, key: string, options?: any) => any;
+    createInstance: () => i18n;
+    t: TFunction;
+    on: (...args: any[]) => void;
+    init: (options?: InitOptions, callback?: (error: any, t: TFunction) => void) => void;
+    changeLanguage: (lng: string) => Promise<TFunction>;
+    addResourceBundle(lng: string, ns: string, resources: any, deep?: boolean, overwrite?: boolean): i18n;
+    store?: {
+        data: Resource;
+    };
+    options?: InitOptions;
+}
+declare const instance: i18n;
+export default instance;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { Trans, type TransProps } from './Trans';
+export { TransProvider, useTransContext, type TransProviderActions } from './TransProvider';

package/dist/types/utils/has-interpolation.d.ts

@@ -0,0 +1,2 @@
+import type { InterpolationOptions } from '../i18Lite';
+export declare const hasInterpolation: (value: string, { prefix, suffix }: InterpolationOptions) => boolean;

package/dist/types/utils/replace-elements.d.ts

@@ -0,0 +1,3 @@
+import type { IDom } from 'html-parse-string';
+import type { InitOptions } from '../i18Lite';
+export declare const replaceElements: (ast: IDom, { interpolation }: InitOptions) => (child: Node, index: number) => string | Node;

package/dist/types/utils/translate-jsx.d.ts

@@ -0,0 +1,10 @@
+import type { parse } from 'html-parse-string';
+import type { ParentProps } from 'solid-js';
+import type { TFunction, i18n } from '../i18Lite';
+import type { TransProps } from '../Trans';
+export declare let parseHTML: typeof parse;
+export declare const translateJSX: ({ i18n: { options }, t, props }: {
+    t: TFunction;
+    props: ParentProps<TransProps>;
+    i18n: i18n;
+}, children: Node[]) => string | any[];

package/dist/types/utils/translate-with-interpolation.d.ts

@@ -0,0 +1,3 @@
+import type { InitOptions, TFunction } from '../i18Lite';
+import type { TransProps } from '../Trans';
+export declare const translateWithInterpolation: (t: TFunction, options: InitOptions, props: TransProps) => (item: any) => any;

package/package.json

@@ -0,0 +1,74 @@
+{
+  "author": "SupertigerDev",
+  "description": "i18next for SolidJS",
+  "devDependencies": {
+    "@babel/plugin-transform-runtime": "^7.28.3",
+    "@babel/preset-typescript": "^7.27.1",
+    "@solidjs/testing-library": "^0.8.10",
+    "@types/jest": "^30.0.0",
+    "babel-preset-solid": "^1.9.9",
+    "html-parse-string": "^0.0.9",
+    "i18next-http-backend": "^3.0.2",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "solid-jest": "^0.2.0",
+    "solid-js": "^1.9.9",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.9",
+    "vite-plugin-solid": "^2.11.9"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "browser": {
+        "default": "./dist/browser.mjs"
+      },
+      "import": "./dist/ssr.mjs",
+      "require": "./dist/ssr.js"
+    }
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "keywords": [
+    "i18n",
+    "i18next",
+    "internationalization",
+    "intl",
+    "language",
+    "localization",
+    "solid",
+    "solid-js",
+    "solidjs",
+    "translate",
+    "translations"
+  ],
+  "license": "MIT",
+  "main": "./dist/ssr.js",
+  "module": "./dist/ssr.mjs",
+  "name": "@nerimity/solid-i18lite",
+  "peerDependencies": {
+    "html-parse-string": "<=1.x",
+    "solid-js": ">=1.8.x"
+  },
+  "peerDependenciesMeta": {
+    "html-parse-string": {
+      "optional": true
+    }
+  },
+  "repository": "github:nerimity/solid-i18lite",
+  "scripts": {
+    "build:browser": "vite build --config vite.browser.config.js",
+    "build:docs": "vite build --config vite.docs.config.js",
+    "build:ssr": "vite build --config vite.ssr.config.js",
+    "build:types": "tsc --project tsconfig.types.json",
+    "docs": "vite --config vite.docs.config.js",
+    "test": "jest --coverage",
+    "test:dev": "jest"
+  },
+  "sideEffects": false,
+  "type": "module",
+  "types": "./dist/types/index.d.ts",
+  "version": "1.5.0"
+}