@nerimity/solid-i18lite 1.8.0 → 1.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser.mjs +30 -31
- package/dist/browser.mjs.map +1 -1
- package/dist/ssr.js +1 -1
- package/dist/ssr.js.map +1 -1
- package/dist/ssr.mjs +30 -31
- package/dist/ssr.mjs.map +1 -1
- package/dist/types/TransProvider.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/browser.mjs
CHANGED
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
import { createComponent as
|
|
2
|
-
import { stringify as
|
|
3
|
-
import { useContext as
|
|
1
|
+
import { createComponent as d, memo as u, Dynamic as T } from "solid-js/web";
|
|
2
|
+
import { stringify as w } from "html-parse-string";
|
|
3
|
+
import { useContext as I, createContext as p, createSignal as E, children as L } from "solid-js";
|
|
4
4
|
import S from "@nerimity/i18lite";
|
|
5
|
-
const h =
|
|
5
|
+
const h = p();
|
|
6
6
|
function k(t, e) {
|
|
7
|
-
const [n, r] =
|
|
8
|
-
t.
|
|
7
|
+
const [n, r] = E(null);
|
|
8
|
+
t.init(e, () => r(() => t.language));
|
|
9
9
|
async function o(i) {
|
|
10
|
-
|
|
11
|
-
r(() => a);
|
|
10
|
+
await t.changeLanguage(i), r(() => i);
|
|
12
11
|
}
|
|
13
|
-
function c(i,
|
|
14
|
-
return t.addResourceBundle(i,
|
|
12
|
+
function c(i, x, C, f = {}) {
|
|
13
|
+
return t.addResourceBundle(i, x, C, f.deep, f.overwrite);
|
|
15
14
|
}
|
|
16
|
-
return [(
|
|
15
|
+
return [(...i) => (n(), t.t(...i)), {
|
|
17
16
|
addResources: c,
|
|
18
17
|
getI18next: () => t,
|
|
19
18
|
changeLanguage: o
|
|
20
19
|
}];
|
|
21
20
|
}
|
|
22
|
-
const v = () =>
|
|
21
|
+
const v = () => I(h), B = (t) => d(h.Provider, {
|
|
23
22
|
get value() {
|
|
24
23
|
return k(t.instance || S, {
|
|
25
24
|
lng: t.lng,
|
|
@@ -33,21 +32,21 @@ const v = () => p(h), j = (t) => g(h.Provider, {
|
|
|
33
32
|
function l(t) {
|
|
34
33
|
return m.innerHTML = t || "", m.value;
|
|
35
34
|
}
|
|
36
|
-
const
|
|
35
|
+
const g = (t, { prefix: e, suffix: n }) => t.includes(e) && t.includes(n), H = (t, { interpolation: e }) => (n, r) => typeof n == "string" ? g(n, e) ? l(t.children[r].children?.[0].content) : l(t.children[r].content) : (n.textContent = l(t.children[r].children?.[0].content), n), P = !globalThis.window, b = (t, e, n) => (r) => {
|
|
37
36
|
const o = typeof r;
|
|
38
|
-
if (o === "string" &&
|
|
37
|
+
if (o === "string" && g(r, e.interpolation))
|
|
39
38
|
return l(t(r, n.options));
|
|
40
39
|
if (o === "object") {
|
|
41
40
|
const c = r.textContent ?? r.t;
|
|
42
|
-
c &&
|
|
41
|
+
c && g(c, e.interpolation) && (r[P ? "t" : "textContent"] = t(c, n.options));
|
|
43
42
|
}
|
|
44
43
|
return r;
|
|
45
44
|
};
|
|
46
|
-
let s,
|
|
45
|
+
let s, J;
|
|
47
46
|
(async () => {
|
|
48
47
|
try {
|
|
49
48
|
const t = await import("html-parse-string");
|
|
50
|
-
s = t.parse,
|
|
49
|
+
s = t.parse, J = t.stringify;
|
|
51
50
|
} catch {
|
|
52
51
|
}
|
|
53
52
|
})();
|
|
@@ -57,10 +56,10 @@ const y = () => {
|
|
|
57
56
|
"font-weight: 700",
|
|
58
57
|
"https://github.com/ryansolid/html-parse-string."
|
|
59
58
|
);
|
|
60
|
-
},
|
|
59
|
+
}, M = ({ i18n: { options: t }, t: e, props: n }, r) => {
|
|
61
60
|
const o = e(n.key, n.options);
|
|
62
61
|
if (!n.children) return o;
|
|
63
|
-
if (o === n.key) return r.map(
|
|
62
|
+
if (o === n.key) return r.map(b(e, t, n));
|
|
64
63
|
if (!s) {
|
|
65
64
|
y();
|
|
66
65
|
return;
|
|
@@ -71,19 +70,19 @@ const y = () => {
|
|
|
71
70
|
} catch (c) {
|
|
72
71
|
console.error(c);
|
|
73
72
|
}
|
|
74
|
-
},
|
|
73
|
+
}, D = (t) => {
|
|
75
74
|
const [e, {
|
|
76
75
|
getI18next: n
|
|
77
76
|
}] = v();
|
|
78
|
-
return u(() => u(() => !!t.components)() ?
|
|
77
|
+
return u(() => u(() => !!t.components)() ? N({
|
|
79
78
|
t: e,
|
|
80
79
|
props: t
|
|
81
|
-
}) : u(() => typeof t.children == "string")() ? e(t.key, t.children, t.options) :
|
|
80
|
+
}) : u(() => typeof t.children == "string")() ? e(t.key, t.children, t.options) : M({
|
|
82
81
|
i18n: n(),
|
|
83
82
|
t: e,
|
|
84
83
|
props: t
|
|
85
|
-
},
|
|
86
|
-
},
|
|
84
|
+
}, L(() => t.children)()));
|
|
85
|
+
}, N = ({
|
|
87
86
|
t,
|
|
88
87
|
props: e
|
|
89
88
|
}) => {
|
|
@@ -96,18 +95,18 @@ const y = () => {
|
|
|
96
95
|
return r.children.map((o) => {
|
|
97
96
|
if (o.type === "text")
|
|
98
97
|
return o.content;
|
|
99
|
-
const c = o.name,
|
|
100
|
-
return
|
|
101
|
-
component:
|
|
98
|
+
const c = o.name, a = e.components?.[c];
|
|
99
|
+
return a ? typeof a == "function" ? d(T, {
|
|
100
|
+
component: a,
|
|
102
101
|
get children() {
|
|
103
|
-
return
|
|
102
|
+
return w(o.children);
|
|
104
103
|
}
|
|
105
|
-
}) :
|
|
104
|
+
}) : a : o.content;
|
|
106
105
|
});
|
|
107
106
|
};
|
|
108
107
|
export {
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
D as Trans,
|
|
109
|
+
B as TransProvider,
|
|
111
110
|
v as useTransContext
|
|
112
111
|
};
|
|
113
112
|
//# sourceMappingURL=browser.mjs.map
|
package/dist/browser.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"browser.mjs","sources":["../src/TransProvider.tsx","../src/utils/decodeHtmlEntities.ts","../src/utils/has-interpolation.ts","../src/utils/replace-elements.ts","../src/utils/translate-with-interpolation.ts","../src/utils/translate-jsx.ts","../src/Trans.tsx"],"sourcesContent":["import i18next, { type InitOptions, type TFunction, type i18n } from '@nerimity/i18lite';\r\nimport { createContext, createSignal, useContext, type ParentComponent } from 'solid-js';\r\n\r\nexport type TransProviderActions = {\r\n addResources(lng: string, ns: string, resources: any): i18n;\r\n changeLanguage(lng: string): Promise<void>;\r\n getI18next(): i18n;\r\n};\r\n\r\nconst TransContext = createContext<[TFunction, TransProviderActions]>();\r\n\r\nfunction createTransContext(instance: i18n, options: InitOptions): [TFunction, TransProviderActions] {\r\n const [translate, setTranslate] = createSignal<TFunction | (() => null)>(\r\n !!options.resources ? instance.t : () => null\r\n );\r\n\r\n instance.on('loaded', () => setTranslate(() => instance.t));\r\n instance.init(options, (_, t) => setTranslate(() => t));\r\n\r\n async function changeLanguage(lng: string) {\r\n const t = await instance.changeLanguage(lng);\r\n setTranslate(() => t);\r\n }\r\n\r\n function addResources(\r\n lng: string,\r\n ns: string,\r\n resources: any,\r\n bundleOptions: { deep?: boolean; overwrite?: boolean } = {}\r\n ): i18n {\r\n return instance.addResourceBundle(lng, ns, resources, bundleOptions.deep, bundleOptions.overwrite);\r\n }\r\n\r\n return [\r\n ((...args: Parameters<TFunction>) => translate().apply(null, args)) as TFunction,\r\n {\r\n addResources,\r\n getI18next: () => instance,\r\n changeLanguage,\r\n },\r\n ];\r\n}\r\n\r\nexport const useTransContext = () => useContext(TransContext);\r\n\r\nexport const TransProvider: ParentComponent<{ instance?: i18n; lng?: string; options?: InitOptions }> = (props) => {\r\n return (\r\n <TransContext.Provider\r\n value={createTransContext(props.instance || i18next, { lng: props.lng, ...props.options })}\r\n children={props.children}\r\n />\r\n );\r\n};\r\n","const tempElement = document.createElement('textarea');\r\nexport function decodeHtmlEntities(encodedText: string) {\r\n tempElement.innerHTML = encodedText || '';\r\n\r\n return tempElement.value;\r\n}\r\n","import type { InterpolationOptions } from '@nerimity/i18lite';\r\n\r\nexport const hasInterpolation = (value: string, { prefix, suffix }: InterpolationOptions) =>\r\n value.includes(prefix) && value.includes(suffix);\r\n","import type { InitOptions } from '@nerimity/i18lite';\r\nimport type { IDom } from 'html-parse-string';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nexport const replaceElements =\r\n (ast: IDom, { interpolation }: InitOptions) =>\r\n (child: Node, index: number) => {\r\n if (typeof child === 'string') {\r\n if (hasInterpolation(child, interpolation)) return decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return decodeHtmlEntities(ast.children[index].content);\r\n }\r\n\r\n child.textContent = decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return child;\r\n };\r\n","import type { InitOptions, TFunction } from '@nerimity/i18lite';\r\nimport type { TransProps } from '../Trans';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nconst isNode = !globalThis.window;\r\n\r\nexport const translateWithInterpolation = (t: TFunction, options: InitOptions, props: TransProps) => (item) => {\r\n const type = typeof item;\r\n\r\n if (type === 'string' && hasInterpolation(item, options.interpolation)) {\r\n return decodeHtmlEntities(t(item, props.options));\r\n }\r\n\r\n if (type === 'object') {\r\n const textContent = item.textContent ?? item.t;\r\n if (textContent && hasInterpolation(textContent, options.interpolation)) {\r\n item[isNode ? 't' : 'textContent'] = t(textContent, props.options);\r\n }\r\n }\r\n\r\n return item;\r\n};\r\n","import type { TFunction, i18n } from '@nerimity/i18lite';\r\nimport type { parse, stringify } from 'html-parse-string';\r\nimport type { ParentProps } from 'solid-js';\r\nimport type { TransProps } from '../Trans';\r\nimport { replaceElements } from './replace-elements';\r\nimport { translateWithInterpolation } from './translate-with-interpolation';\r\n\r\nexport let parseHTML: typeof parse;\r\nexport let stringifyHtml: typeof stringify;\r\n(async () => {\r\n try {\r\n // @ts-ignore\r\n const module = await import('html-parse-string');\r\n parseHTML = module.parse;\r\n stringifyHtml = module.stringify;\r\n } catch {}\r\n})();\r\n\r\nexport const htmlParseStringNotFoundError = () => {\r\n console.error(\r\n 'In order to use JSX nesting, install %chtml-parse-string',\r\n 'font-weight: 700',\r\n 'https://github.com/ryansolid/html-parse-string.'\r\n );\r\n};\r\nexport const translateJSX = (\r\n { i18n: { options }, t, props }: { t: TFunction; props: ParentProps<TransProps>; i18n: i18n },\r\n children: Node[]\r\n) => {\r\n const translation = t(props.key, props.options);\r\n\r\n if (!props.children) return translation;\r\n\r\n if (translation === props.key) return children.map(translateWithInterpolation(t, options, props));\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n try {\r\n const [ast] = parseHTML(`<0>${translation}</0>`);\r\n return children.map(replaceElements(ast, options));\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n};\r\n","import type { TFunction, TOptions } from '@nerimity/i18lite';\r\nimport { stringify } from 'html-parse-string';\r\nimport { children, type JSXElement, type ParentComponent, type ParentProps } from 'solid-js';\r\nimport { Dynamic } from 'solid-js/web';\r\nimport { useTransContext } from './TransProvider';\r\nimport { htmlParseStringNotFoundError, parseHTML, translateJSX } from './utils/translate-jsx';\r\n\r\nexport type TransProps = {\r\n key: string;\r\n options?: TOptions;\r\n components?: Record<string, JSXElement | ((props: any) => JSXElement)>;\r\n};\r\n\r\nexport const Trans: ParentComponent<TransProps> = (props) => {\r\n const [t, { getI18next }] = useTransContext();\r\n\r\n return (\r\n <>\r\n {props.components\r\n ? renderInterpolatedTranslation({ t, props })\r\n : typeof props.children === 'string'\r\n ? t(props.key, props.children, props.options)\r\n : translateJSX({ i18n: getI18next(), t, props }, children(() => props.children)() as Node[])}\r\n </>\r\n );\r\n};\r\n\r\nconst renderInterpolatedTranslation = ({ t, props }: { t: TFunction; props: ParentProps<TransProps> }) => {\r\n const translatedString = t(props.key, props.options);\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n\r\n const [ast] = parseHTML(`<0>${translatedString}</0>`);\r\n\r\n return ast.children.map((node) => {\r\n if (node.type === 'text') {\r\n return node.content;\r\n }\r\n\r\n const componentKey = node.name;\r\n const mappedComponent = props.components?.[componentKey];\r\n\r\n if (!mappedComponent) {\r\n return node.content;\r\n }\r\n\r\n if (typeof mappedComponent === 'function') {\r\n return <Dynamic component={mappedComponent} children={stringify(node.children)} />;\r\n }\r\n\r\n return mappedComponent;\r\n });\r\n};\r\n"],"names":["TransContext","createContext","createTransContext","instance","options","translate","setTranslate","createSignal","resources","t","on","init","_","changeLanguage","lng","addResources","ns","bundleOptions","addResourceBundle","deep","overwrite","args","apply","getI18next","useTransContext","useContext","TransProvider","props","_$createComponent","Provider","value","i18next","children","tempElement","decodeHtmlEntities","encodedText","hasInterpolation","prefix","suffix","replaceElements","ast","interpolation","child","index","isNode","translateWithInterpolation","item","type","textContent","parseHTML","stringifyHtml","module","htmlParseStringNotFoundError","translateJSX","translation","e","Trans","_$memo","components","renderInterpolatedTranslation","key","i18n","translatedString","map","node","content","componentKey","name","mappedComponent","Dynamic","component","stringify"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"browser.mjs","sources":["../src/TransProvider.tsx","../src/utils/decodeHtmlEntities.ts","../src/utils/has-interpolation.ts","../src/utils/replace-elements.ts","../src/utils/translate-with-interpolation.ts","../src/utils/translate-jsx.ts","../src/Trans.tsx"],"sourcesContent":["import i18next, { type InitOptions, type TFunction, type i18n } from '@nerimity/i18lite';\r\nimport { createContext, createSignal, useContext, type ParentComponent } from 'solid-js';\r\n\r\nexport type TransProviderActions = {\r\n addResources(lng: string, ns: string, resources: any): i18n;\r\n changeLanguage(lng: string): Promise<void>;\r\n getI18next(): i18n;\r\n};\r\n\r\nconst TransContext = createContext<[TFunction, TransProviderActions]>();\r\n\r\nfunction createTransContext(instance: i18n, options: InitOptions): [TFunction, TransProviderActions] {\r\n const [language, setLanguage] = createSignal(null);\r\n\r\n instance.init(options, () => setLanguage(() => instance.language));\r\n\r\n async function changeLanguage(lng: string) {\r\n await instance.changeLanguage(lng);\r\n setLanguage(() => lng);\r\n }\r\n\r\n function addResources(\r\n lng: string,\r\n ns: string,\r\n resources: any,\r\n bundleOptions: { deep?: boolean; overwrite?: boolean } = {},\r\n ): i18n {\r\n return instance.addResourceBundle(lng, ns, resources, bundleOptions.deep, bundleOptions.overwrite);\r\n }\r\n\r\n const t = (...args: Parameters<TFunction>) => {\r\n // Access the signal to track it - this ensures components re-render when language changes\r\n language();\r\n return instance.t(...args);\r\n };\r\n\r\n return [\r\n t,\r\n {\r\n addResources,\r\n getI18next: () => instance,\r\n changeLanguage,\r\n },\r\n ];\r\n}\r\n\r\nexport const useTransContext = () => useContext(TransContext);\r\n\r\nexport const TransProvider: ParentComponent<{ instance?: i18n; lng?: string; options?: InitOptions }> = (props) => {\r\n return (\r\n <TransContext.Provider\r\n value={createTransContext(props.instance || i18next, { lng: props.lng, ...props.options })}\r\n children={props.children}\r\n />\r\n );\r\n};\r\n","const tempElement = document.createElement('textarea');\r\nexport function decodeHtmlEntities(encodedText: string) {\r\n tempElement.innerHTML = encodedText || '';\r\n\r\n return tempElement.value;\r\n}\r\n","import type { InterpolationOptions } from '@nerimity/i18lite';\r\n\r\nexport const hasInterpolation = (value: string, { prefix, suffix }: InterpolationOptions) =>\r\n value.includes(prefix) && value.includes(suffix);\r\n","import type { InitOptions } from '@nerimity/i18lite';\r\nimport type { IDom } from 'html-parse-string';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nexport const replaceElements =\r\n (ast: IDom, { interpolation }: InitOptions) =>\r\n (child: Node, index: number) => {\r\n if (typeof child === 'string') {\r\n if (hasInterpolation(child, interpolation)) return decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return decodeHtmlEntities(ast.children[index].content);\r\n }\r\n\r\n child.textContent = decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return child;\r\n };\r\n","import type { InitOptions, TFunction } from '@nerimity/i18lite';\r\nimport type { TransProps } from '../Trans';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nconst isNode = !globalThis.window;\r\n\r\nexport const translateWithInterpolation = (t: TFunction, options: InitOptions, props: TransProps) => (item) => {\r\n const type = typeof item;\r\n\r\n if (type === 'string' && hasInterpolation(item, options.interpolation)) {\r\n return decodeHtmlEntities(t(item, props.options));\r\n }\r\n\r\n if (type === 'object') {\r\n const textContent = item.textContent ?? item.t;\r\n if (textContent && hasInterpolation(textContent, options.interpolation)) {\r\n item[isNode ? 't' : 'textContent'] = t(textContent, props.options);\r\n }\r\n }\r\n\r\n return item;\r\n};\r\n","import type { TFunction, i18n } from '@nerimity/i18lite';\r\nimport type { parse, stringify } from 'html-parse-string';\r\nimport type { ParentProps } from 'solid-js';\r\nimport type { TransProps } from '../Trans';\r\nimport { replaceElements } from './replace-elements';\r\nimport { translateWithInterpolation } from './translate-with-interpolation';\r\n\r\nexport let parseHTML: typeof parse;\r\nexport let stringifyHtml: typeof stringify;\r\n(async () => {\r\n try {\r\n // @ts-ignore\r\n const module = await import('html-parse-string');\r\n parseHTML = module.parse;\r\n stringifyHtml = module.stringify;\r\n } catch {}\r\n})();\r\n\r\nexport const htmlParseStringNotFoundError = () => {\r\n console.error(\r\n 'In order to use JSX nesting, install %chtml-parse-string',\r\n 'font-weight: 700',\r\n 'https://github.com/ryansolid/html-parse-string.'\r\n );\r\n};\r\nexport const translateJSX = (\r\n { i18n: { options }, t, props }: { t: TFunction; props: ParentProps<TransProps>; i18n: i18n },\r\n children: Node[]\r\n) => {\r\n const translation = t(props.key, props.options);\r\n\r\n if (!props.children) return translation;\r\n\r\n if (translation === props.key) return children.map(translateWithInterpolation(t, options, props));\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n try {\r\n const [ast] = parseHTML(`<0>${translation}</0>`);\r\n return children.map(replaceElements(ast, options));\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n};\r\n","import type { TFunction, TOptions } from '@nerimity/i18lite';\r\nimport { stringify } from 'html-parse-string';\r\nimport { children, type JSXElement, type ParentComponent, type ParentProps } from 'solid-js';\r\nimport { Dynamic } from 'solid-js/web';\r\nimport { useTransContext } from './TransProvider';\r\nimport { htmlParseStringNotFoundError, parseHTML, translateJSX } from './utils/translate-jsx';\r\n\r\nexport type TransProps = {\r\n key: string;\r\n options?: TOptions;\r\n components?: Record<string, JSXElement | ((props: any) => JSXElement)>;\r\n};\r\n\r\nexport const Trans: ParentComponent<TransProps> = (props) => {\r\n const [t, { getI18next }] = useTransContext();\r\n\r\n return (\r\n <>\r\n {props.components\r\n ? renderInterpolatedTranslation({ t, props })\r\n : typeof props.children === 'string'\r\n ? t(props.key, props.children, props.options)\r\n : translateJSX({ i18n: getI18next(), t, props }, children(() => props.children)() as Node[])}\r\n </>\r\n );\r\n};\r\n\r\nconst renderInterpolatedTranslation = ({ t, props }: { t: TFunction; props: ParentProps<TransProps> }) => {\r\n const translatedString = t(props.key, props.options);\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n\r\n const [ast] = parseHTML(`<0>${translatedString}</0>`);\r\n\r\n return ast.children.map((node) => {\r\n if (node.type === 'text') {\r\n return node.content;\r\n }\r\n\r\n const componentKey = node.name;\r\n const mappedComponent = props.components?.[componentKey];\r\n\r\n if (!mappedComponent) {\r\n return node.content;\r\n }\r\n\r\n if (typeof mappedComponent === 'function') {\r\n return <Dynamic component={mappedComponent} children={stringify(node.children)} />;\r\n }\r\n\r\n return mappedComponent;\r\n });\r\n};\r\n"],"names":["TransContext","createContext","createTransContext","instance","options","language","setLanguage","createSignal","init","changeLanguage","lng","addResources","ns","resources","bundleOptions","addResourceBundle","deep","overwrite","t","args","getI18next","useTransContext","useContext","TransProvider","props","_$createComponent","Provider","value","i18next","children","tempElement","decodeHtmlEntities","encodedText","hasInterpolation","prefix","suffix","replaceElements","ast","interpolation","child","index","isNode","translateWithInterpolation","item","type","textContent","parseHTML","stringifyHtml","module","htmlParseStringNotFoundError","translateJSX","translation","e","Trans","_$memo","components","renderInterpolatedTranslation","key","i18n","translatedString","map","node","content","componentKey","name","mappedComponent","Dynamic","component","stringify"],"mappings":"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"}
|
package/dist/ssr.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var w=Object.create;var h=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var E=(t,n,e,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of I(n))!b.call(t,o)&&o!==e&&h(t,o,{get:()=>n[o],enumerable:!(r=v(n,o))||r.enumerable});return t};var L=(t,n,e)=>(e=t!=null?w(P(t)):{},E(n||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("solid-js/web"),k=require("html-parse-string"),l=require("solid-js"),q=require("@nerimity/i18lite"),y=l.createContext();function H(t,n){const[e,r]=l.createSignal(null);t.init(n,()=>r(()=>t.language));async function o(i){await t.changeLanguage(i),r(()=>i)}function c(i,T,S,f={}){return t.addResourceBundle(i,T,S,f.deep,f.overwrite)}return[(...i)=>(e(),t.t(...i)),{addResources:c,getI18next:()=>t,changeLanguage:o}]}const x=()=>l.useContext(y),J=t=>g.createComponent(y.Provider,{get value(){return H(t.instance||q,{lng:t.lng,...t.options})},get children(){return t.children}}),m=document.createElement("textarea");function u(t){return m.innerHTML=t||"",m.value}const d=(t,{prefix:n,suffix:e})=>t.includes(n)&&t.includes(e),M=(t,{interpolation:n})=>(e,r)=>typeof e=="string"?d(e,n)?u(t.children[r].children?.[0].content):u(t.children[r].content):(e.textContent=u(t.children[r].children?.[0].content),e),j=!globalThis.window,p=(t,n,e)=>r=>{const o=typeof r;if(o==="string"&&d(r,n.interpolation))return u(t(r,e.options));if(o==="object"){const c=r.textContent??r.t;c&&d(c,n.interpolation)&&(r[j?"t":"textContent"]=t(c,e.options))}return r};let s,N;(async()=>{try{const t=await import("html-parse-string");s=t.parse,N=t.stringify}catch{}})();const C=()=>{console.error("In order to use JSX nesting, install %chtml-parse-string","font-weight: 700","https://github.com/ryansolid/html-parse-string.")},R=({i18n:{options:t},t:n,props:e},r)=>{const o=n(e.key,e.options);if(!e.children)return o;if(o===e.key)return r.map(p(n,t,e));if(!s){C();return}try{const[c]=s(`<0>${o}</0>`);return r.map(M(c,t))}catch(c){console.error(c)}},X=t=>{const[n,{getI18next:e}]=x();return t.components?$({t:n,props:t}):typeof t.children=="string"?n(t.key,t.children,t.options):R({i18n:e(),t:n,props:t},l.children(()=>t.children)())},$=({t,props:n})=>{const e=t(n.key,n.options);if(!s){C();return}const[r]=s(`<0>${e}</0>`);return r.children.map(o=>{if(o.type==="text")return o.content;const c=o.name,a=n.components?.[c];return a?typeof a=="function"?g.createComponent(g.Dynamic,{component:a,get children(){return k.stringify(o.children)}}):a:o.content})};exports.Trans=X;exports.TransProvider=J;exports.useTransContext=x;
|
|
2
2
|
//# sourceMappingURL=ssr.js.map
|
package/dist/ssr.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr.js","sources":["../src/TransProvider.tsx","../src/utils/decodeHtmlEntities.ts","../src/utils/has-interpolation.ts","../src/utils/replace-elements.ts","../src/utils/translate-with-interpolation.ts","../src/utils/translate-jsx.ts","../src/Trans.tsx"],"sourcesContent":["import i18next, { type InitOptions, type TFunction, type i18n } from '@nerimity/i18lite';\r\nimport { createContext, createSignal, useContext, type ParentComponent } from 'solid-js';\r\n\r\nexport type TransProviderActions = {\r\n addResources(lng: string, ns: string, resources: any): i18n;\r\n changeLanguage(lng: string): Promise<void>;\r\n getI18next(): i18n;\r\n};\r\n\r\nconst TransContext = createContext<[TFunction, TransProviderActions]>();\r\n\r\nfunction createTransContext(instance: i18n, options: InitOptions): [TFunction, TransProviderActions] {\r\n const [translate, setTranslate] = createSignal<TFunction | (() => null)>(\r\n !!options.resources ? instance.t : () => null\r\n );\r\n\r\n instance.on('loaded', () => setTranslate(() => instance.t));\r\n instance.init(options, (_, t) => setTranslate(() => t));\r\n\r\n async function changeLanguage(lng: string) {\r\n const t = await instance.changeLanguage(lng);\r\n setTranslate(() => t);\r\n }\r\n\r\n function addResources(\r\n lng: string,\r\n ns: string,\r\n resources: any,\r\n bundleOptions: { deep?: boolean; overwrite?: boolean } = {}\r\n ): i18n {\r\n return instance.addResourceBundle(lng, ns, resources, bundleOptions.deep, bundleOptions.overwrite);\r\n }\r\n\r\n return [\r\n ((...args: Parameters<TFunction>) => translate().apply(null, args)) as TFunction,\r\n {\r\n addResources,\r\n getI18next: () => instance,\r\n changeLanguage,\r\n },\r\n ];\r\n}\r\n\r\nexport const useTransContext = () => useContext(TransContext);\r\n\r\nexport const TransProvider: ParentComponent<{ instance?: i18n; lng?: string; options?: InitOptions }> = (props) => {\r\n return (\r\n <TransContext.Provider\r\n value={createTransContext(props.instance || i18next, { lng: props.lng, ...props.options })}\r\n children={props.children}\r\n />\r\n );\r\n};\r\n","const tempElement = document.createElement('textarea');\r\nexport function decodeHtmlEntities(encodedText: string) {\r\n tempElement.innerHTML = encodedText || '';\r\n\r\n return tempElement.value;\r\n}\r\n","import type { InterpolationOptions } from '@nerimity/i18lite';\r\n\r\nexport const hasInterpolation = (value: string, { prefix, suffix }: InterpolationOptions) =>\r\n value.includes(prefix) && value.includes(suffix);\r\n","import type { InitOptions } from '@nerimity/i18lite';\r\nimport type { IDom } from 'html-parse-string';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nexport const replaceElements =\r\n (ast: IDom, { interpolation }: InitOptions) =>\r\n (child: Node, index: number) => {\r\n if (typeof child === 'string') {\r\n if (hasInterpolation(child, interpolation)) return decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return decodeHtmlEntities(ast.children[index].content);\r\n }\r\n\r\n child.textContent = decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return child;\r\n };\r\n","import type { InitOptions, TFunction } from '@nerimity/i18lite';\r\nimport type { TransProps } from '../Trans';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nconst isNode = !globalThis.window;\r\n\r\nexport const translateWithInterpolation = (t: TFunction, options: InitOptions, props: TransProps) => (item) => {\r\n const type = typeof item;\r\n\r\n if (type === 'string' && hasInterpolation(item, options.interpolation)) {\r\n return decodeHtmlEntities(t(item, props.options));\r\n }\r\n\r\n if (type === 'object') {\r\n const textContent = item.textContent ?? item.t;\r\n if (textContent && hasInterpolation(textContent, options.interpolation)) {\r\n item[isNode ? 't' : 'textContent'] = t(textContent, props.options);\r\n }\r\n }\r\n\r\n return item;\r\n};\r\n","import type { TFunction, i18n } from '@nerimity/i18lite';\r\nimport type { parse, stringify } from 'html-parse-string';\r\nimport type { ParentProps } from 'solid-js';\r\nimport type { TransProps } from '../Trans';\r\nimport { replaceElements } from './replace-elements';\r\nimport { translateWithInterpolation } from './translate-with-interpolation';\r\n\r\nexport let parseHTML: typeof parse;\r\nexport let stringifyHtml: typeof stringify;\r\n(async () => {\r\n try {\r\n // @ts-ignore\r\n const module = await import('html-parse-string');\r\n parseHTML = module.parse;\r\n stringifyHtml = module.stringify;\r\n } catch {}\r\n})();\r\n\r\nexport const htmlParseStringNotFoundError = () => {\r\n console.error(\r\n 'In order to use JSX nesting, install %chtml-parse-string',\r\n 'font-weight: 700',\r\n 'https://github.com/ryansolid/html-parse-string.'\r\n );\r\n};\r\nexport const translateJSX = (\r\n { i18n: { options }, t, props }: { t: TFunction; props: ParentProps<TransProps>; i18n: i18n },\r\n children: Node[]\r\n) => {\r\n const translation = t(props.key, props.options);\r\n\r\n if (!props.children) return translation;\r\n\r\n if (translation === props.key) return children.map(translateWithInterpolation(t, options, props));\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n try {\r\n const [ast] = parseHTML(`<0>${translation}</0>`);\r\n return children.map(replaceElements(ast, options));\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n};\r\n","import type { TFunction, TOptions } from '@nerimity/i18lite';\r\nimport { stringify } from 'html-parse-string';\r\nimport { children, type JSXElement, type ParentComponent, type ParentProps } from 'solid-js';\r\nimport { Dynamic } from 'solid-js/web';\r\nimport { useTransContext } from './TransProvider';\r\nimport { htmlParseStringNotFoundError, parseHTML, translateJSX } from './utils/translate-jsx';\r\n\r\nexport type TransProps = {\r\n key: string;\r\n options?: TOptions;\r\n components?: Record<string, JSXElement | ((props: any) => JSXElement)>;\r\n};\r\n\r\nexport const Trans: ParentComponent<TransProps> = (props) => {\r\n const [t, { getI18next }] = useTransContext();\r\n\r\n return (\r\n <>\r\n {props.components\r\n ? renderInterpolatedTranslation({ t, props })\r\n : typeof props.children === 'string'\r\n ? t(props.key, props.children, props.options)\r\n : translateJSX({ i18n: getI18next(), t, props }, children(() => props.children)() as Node[])}\r\n </>\r\n );\r\n};\r\n\r\nconst renderInterpolatedTranslation = ({ t, props }: { t: TFunction; props: ParentProps<TransProps> }) => {\r\n const translatedString = t(props.key, props.options);\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n\r\n const [ast] = parseHTML(`<0>${translatedString}</0>`);\r\n\r\n return ast.children.map((node) => {\r\n if (node.type === 'text') {\r\n return node.content;\r\n }\r\n\r\n const componentKey = node.name;\r\n const mappedComponent = props.components?.[componentKey];\r\n\r\n if (!mappedComponent) {\r\n return node.content;\r\n }\r\n\r\n if (typeof mappedComponent === 'function') {\r\n return <Dynamic component={mappedComponent} children={stringify(node.children)} />;\r\n }\r\n\r\n return mappedComponent;\r\n });\r\n};\r\n"],"names":["TransContext","createContext","createTransContext","instance","options","translate","setTranslate","createSignal","resources","t","on","init","_","changeLanguage","lng","addResources","ns","bundleOptions","addResourceBundle","deep","overwrite","args","apply","getI18next","useTransContext","useContext","TransProvider","props","_$createComponent","Provider","value","i18next","children","tempElement","decodeHtmlEntities","encodedText","hasInterpolation","prefix","suffix","replaceElements","ast","interpolation","child","index","isNode","translateWithInterpolation","item","type","textContent","parseHTML","stringifyHtml","module","htmlParseStringNotFoundError","translateJSX","translation","e","Trans","components","renderInterpolatedTranslation","key","i18n","translatedString","map","node","content","componentKey","name","mappedComponent","Dynamic","component","stringify"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ssr.js","sources":["../src/TransProvider.tsx","../src/utils/decodeHtmlEntities.ts","../src/utils/has-interpolation.ts","../src/utils/replace-elements.ts","../src/utils/translate-with-interpolation.ts","../src/utils/translate-jsx.ts","../src/Trans.tsx"],"sourcesContent":["import i18next, { type InitOptions, type TFunction, type i18n } from '@nerimity/i18lite';\r\nimport { createContext, createSignal, useContext, type ParentComponent } from 'solid-js';\r\n\r\nexport type TransProviderActions = {\r\n addResources(lng: string, ns: string, resources: any): i18n;\r\n changeLanguage(lng: string): Promise<void>;\r\n getI18next(): i18n;\r\n};\r\n\r\nconst TransContext = createContext<[TFunction, TransProviderActions]>();\r\n\r\nfunction createTransContext(instance: i18n, options: InitOptions): [TFunction, TransProviderActions] {\r\n const [language, setLanguage] = createSignal(null);\r\n\r\n instance.init(options, () => setLanguage(() => instance.language));\r\n\r\n async function changeLanguage(lng: string) {\r\n await instance.changeLanguage(lng);\r\n setLanguage(() => lng);\r\n }\r\n\r\n function addResources(\r\n lng: string,\r\n ns: string,\r\n resources: any,\r\n bundleOptions: { deep?: boolean; overwrite?: boolean } = {},\r\n ): i18n {\r\n return instance.addResourceBundle(lng, ns, resources, bundleOptions.deep, bundleOptions.overwrite);\r\n }\r\n\r\n const t = (...args: Parameters<TFunction>) => {\r\n // Access the signal to track it - this ensures components re-render when language changes\r\n language();\r\n return instance.t(...args);\r\n };\r\n\r\n return [\r\n t,\r\n {\r\n addResources,\r\n getI18next: () => instance,\r\n changeLanguage,\r\n },\r\n ];\r\n}\r\n\r\nexport const useTransContext = () => useContext(TransContext);\r\n\r\nexport const TransProvider: ParentComponent<{ instance?: i18n; lng?: string; options?: InitOptions }> = (props) => {\r\n return (\r\n <TransContext.Provider\r\n value={createTransContext(props.instance || i18next, { lng: props.lng, ...props.options })}\r\n children={props.children}\r\n />\r\n );\r\n};\r\n","const tempElement = document.createElement('textarea');\r\nexport function decodeHtmlEntities(encodedText: string) {\r\n tempElement.innerHTML = encodedText || '';\r\n\r\n return tempElement.value;\r\n}\r\n","import type { InterpolationOptions } from '@nerimity/i18lite';\r\n\r\nexport const hasInterpolation = (value: string, { prefix, suffix }: InterpolationOptions) =>\r\n value.includes(prefix) && value.includes(suffix);\r\n","import type { InitOptions } from '@nerimity/i18lite';\r\nimport type { IDom } from 'html-parse-string';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nexport const replaceElements =\r\n (ast: IDom, { interpolation }: InitOptions) =>\r\n (child: Node, index: number) => {\r\n if (typeof child === 'string') {\r\n if (hasInterpolation(child, interpolation)) return decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return decodeHtmlEntities(ast.children[index].content);\r\n }\r\n\r\n child.textContent = decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return child;\r\n };\r\n","import type { InitOptions, TFunction } from '@nerimity/i18lite';\r\nimport type { TransProps } from '../Trans';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nconst isNode = !globalThis.window;\r\n\r\nexport const translateWithInterpolation = (t: TFunction, options: InitOptions, props: TransProps) => (item) => {\r\n const type = typeof item;\r\n\r\n if (type === 'string' && hasInterpolation(item, options.interpolation)) {\r\n return decodeHtmlEntities(t(item, props.options));\r\n }\r\n\r\n if (type === 'object') {\r\n const textContent = item.textContent ?? item.t;\r\n if (textContent && hasInterpolation(textContent, options.interpolation)) {\r\n item[isNode ? 't' : 'textContent'] = t(textContent, props.options);\r\n }\r\n }\r\n\r\n return item;\r\n};\r\n","import type { TFunction, i18n } from '@nerimity/i18lite';\r\nimport type { parse, stringify } from 'html-parse-string';\r\nimport type { ParentProps } from 'solid-js';\r\nimport type { TransProps } from '../Trans';\r\nimport { replaceElements } from './replace-elements';\r\nimport { translateWithInterpolation } from './translate-with-interpolation';\r\n\r\nexport let parseHTML: typeof parse;\r\nexport let stringifyHtml: typeof stringify;\r\n(async () => {\r\n try {\r\n // @ts-ignore\r\n const module = await import('html-parse-string');\r\n parseHTML = module.parse;\r\n stringifyHtml = module.stringify;\r\n } catch {}\r\n})();\r\n\r\nexport const htmlParseStringNotFoundError = () => {\r\n console.error(\r\n 'In order to use JSX nesting, install %chtml-parse-string',\r\n 'font-weight: 700',\r\n 'https://github.com/ryansolid/html-parse-string.'\r\n );\r\n};\r\nexport const translateJSX = (\r\n { i18n: { options }, t, props }: { t: TFunction; props: ParentProps<TransProps>; i18n: i18n },\r\n children: Node[]\r\n) => {\r\n const translation = t(props.key, props.options);\r\n\r\n if (!props.children) return translation;\r\n\r\n if (translation === props.key) return children.map(translateWithInterpolation(t, options, props));\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n try {\r\n const [ast] = parseHTML(`<0>${translation}</0>`);\r\n return children.map(replaceElements(ast, options));\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n};\r\n","import type { TFunction, TOptions } from '@nerimity/i18lite';\r\nimport { stringify } from 'html-parse-string';\r\nimport { children, type JSXElement, type ParentComponent, type ParentProps } from 'solid-js';\r\nimport { Dynamic } from 'solid-js/web';\r\nimport { useTransContext } from './TransProvider';\r\nimport { htmlParseStringNotFoundError, parseHTML, translateJSX } from './utils/translate-jsx';\r\n\r\nexport type TransProps = {\r\n key: string;\r\n options?: TOptions;\r\n components?: Record<string, JSXElement | ((props: any) => JSXElement)>;\r\n};\r\n\r\nexport const Trans: ParentComponent<TransProps> = (props) => {\r\n const [t, { getI18next }] = useTransContext();\r\n\r\n return (\r\n <>\r\n {props.components\r\n ? renderInterpolatedTranslation({ t, props })\r\n : typeof props.children === 'string'\r\n ? t(props.key, props.children, props.options)\r\n : translateJSX({ i18n: getI18next(), t, props }, children(() => props.children)() as Node[])}\r\n </>\r\n );\r\n};\r\n\r\nconst renderInterpolatedTranslation = ({ t, props }: { t: TFunction; props: ParentProps<TransProps> }) => {\r\n const translatedString = t(props.key, props.options);\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n\r\n const [ast] = parseHTML(`<0>${translatedString}</0>`);\r\n\r\n return ast.children.map((node) => {\r\n if (node.type === 'text') {\r\n return node.content;\r\n }\r\n\r\n const componentKey = node.name;\r\n const mappedComponent = props.components?.[componentKey];\r\n\r\n if (!mappedComponent) {\r\n return node.content;\r\n }\r\n\r\n if (typeof mappedComponent === 'function') {\r\n return <Dynamic component={mappedComponent} children={stringify(node.children)} />;\r\n }\r\n\r\n return mappedComponent;\r\n });\r\n};\r\n"],"names":["TransContext","createContext","createTransContext","instance","options","language","setLanguage","createSignal","init","changeLanguage","lng","addResources","ns","resources","bundleOptions","addResourceBundle","deep","overwrite","t","args","getI18next","useTransContext","useContext","TransProvider","props","_$createComponent","Provider","value","i18next","children","tempElement","decodeHtmlEntities","encodedText","hasInterpolation","prefix","suffix","replaceElements","ast","interpolation","child","index","isNode","translateWithInterpolation","item","type","textContent","parseHTML","stringifyHtml","module","htmlParseStringNotFoundError","translateJSX","translation","e","Trans","components","renderInterpolatedTranslation","key","i18n","translatedString","map","node","content","componentKey","name","mappedComponent","Dynamic","component","stringify"],"mappings":"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"}
|
package/dist/ssr.mjs
CHANGED
|
@@ -1,27 +1,26 @@
|
|
|
1
|
-
import { createComponent as
|
|
2
|
-
import { stringify as
|
|
3
|
-
import { useContext as
|
|
4
|
-
import
|
|
5
|
-
const m =
|
|
1
|
+
import { createComponent as d, Dynamic as C } from "solid-js/web";
|
|
2
|
+
import { stringify as T } from "html-parse-string";
|
|
3
|
+
import { useContext as w, createContext as I, createSignal as p, children as E } from "solid-js";
|
|
4
|
+
import L from "@nerimity/i18lite";
|
|
5
|
+
const m = I();
|
|
6
6
|
function S(t, e) {
|
|
7
|
-
const [n, r] =
|
|
8
|
-
t.
|
|
7
|
+
const [n, r] = p(null);
|
|
8
|
+
t.init(e, () => r(() => t.language));
|
|
9
9
|
async function o(i) {
|
|
10
|
-
|
|
11
|
-
r(() => a);
|
|
10
|
+
await t.changeLanguage(i), r(() => i);
|
|
12
11
|
}
|
|
13
|
-
function c(i,
|
|
14
|
-
return t.addResourceBundle(i,
|
|
12
|
+
function c(i, y, x, g = {}) {
|
|
13
|
+
return t.addResourceBundle(i, y, x, g.deep, g.overwrite);
|
|
15
14
|
}
|
|
16
|
-
return [(
|
|
15
|
+
return [(...i) => (n(), t.t(...i)), {
|
|
17
16
|
addResources: c,
|
|
18
17
|
getI18next: () => t,
|
|
19
18
|
changeLanguage: o
|
|
20
19
|
}];
|
|
21
20
|
}
|
|
22
|
-
const k = () =>
|
|
21
|
+
const k = () => w(m), j = (t) => d(m.Provider, {
|
|
23
22
|
get value() {
|
|
24
|
-
return S(t.instance ||
|
|
23
|
+
return S(t.instance || L, {
|
|
25
24
|
lng: t.lng,
|
|
26
25
|
...t.options
|
|
27
26
|
});
|
|
@@ -33,7 +32,7 @@ const k = () => T(m), $ = (t) => g(m.Provider, {
|
|
|
33
32
|
function l(t) {
|
|
34
33
|
return f.innerHTML = t || "", f.value;
|
|
35
34
|
}
|
|
36
|
-
const u = (t, { prefix: e, suffix: n }) => t.includes(e) && t.includes(n), v = (t, { interpolation: e }) => (n, r) => typeof n == "string" ? u(n, e) ? l(t.children[r].children?.[0].content) : l(t.children[r].content) : (n.textContent = l(t.children[r].children?.[0].content), n), H = !globalThis.window,
|
|
35
|
+
const u = (t, { prefix: e, suffix: n }) => t.includes(e) && t.includes(n), v = (t, { interpolation: e }) => (n, r) => typeof n == "string" ? u(n, e) ? l(t.children[r].children?.[0].content) : l(t.children[r].content) : (n.textContent = l(t.children[r].children?.[0].content), n), H = !globalThis.window, P = (t, e, n) => (r) => {
|
|
37
36
|
const o = typeof r;
|
|
38
37
|
if (o === "string" && u(r, e.interpolation))
|
|
39
38
|
return l(t(r, n.options));
|
|
@@ -43,11 +42,11 @@ const u = (t, { prefix: e, suffix: n }) => t.includes(e) && t.includes(n), v = (
|
|
|
43
42
|
}
|
|
44
43
|
return r;
|
|
45
44
|
};
|
|
46
|
-
let s,
|
|
45
|
+
let s, b;
|
|
47
46
|
(async () => {
|
|
48
47
|
try {
|
|
49
48
|
const t = await import("html-parse-string");
|
|
50
|
-
s = t.parse,
|
|
49
|
+
s = t.parse, b = t.stringify;
|
|
51
50
|
} catch {
|
|
52
51
|
}
|
|
53
52
|
})();
|
|
@@ -57,10 +56,10 @@ const h = () => {
|
|
|
57
56
|
"font-weight: 700",
|
|
58
57
|
"https://github.com/ryansolid/html-parse-string."
|
|
59
58
|
);
|
|
60
|
-
},
|
|
59
|
+
}, J = ({ i18n: { options: t }, t: e, props: n }, r) => {
|
|
61
60
|
const o = e(n.key, n.options);
|
|
62
61
|
if (!n.children) return o;
|
|
63
|
-
if (o === n.key) return r.map(
|
|
62
|
+
if (o === n.key) return r.map(P(e, t, n));
|
|
64
63
|
if (!s) {
|
|
65
64
|
h();
|
|
66
65
|
return;
|
|
@@ -71,19 +70,19 @@ const h = () => {
|
|
|
71
70
|
} catch (c) {
|
|
72
71
|
console.error(c);
|
|
73
72
|
}
|
|
74
|
-
},
|
|
73
|
+
}, B = (t) => {
|
|
75
74
|
const [e, {
|
|
76
75
|
getI18next: n
|
|
77
76
|
}] = k();
|
|
78
|
-
return t.components ?
|
|
77
|
+
return t.components ? M({
|
|
79
78
|
t: e,
|
|
80
79
|
props: t
|
|
81
|
-
}) : typeof t.children == "string" ? e(t.key, t.children, t.options) :
|
|
80
|
+
}) : typeof t.children == "string" ? e(t.key, t.children, t.options) : J({
|
|
82
81
|
i18n: n(),
|
|
83
82
|
t: e,
|
|
84
83
|
props: t
|
|
85
|
-
},
|
|
86
|
-
},
|
|
84
|
+
}, E(() => t.children)());
|
|
85
|
+
}, M = ({
|
|
87
86
|
t,
|
|
88
87
|
props: e
|
|
89
88
|
}) => {
|
|
@@ -96,18 +95,18 @@ const h = () => {
|
|
|
96
95
|
return r.children.map((o) => {
|
|
97
96
|
if (o.type === "text")
|
|
98
97
|
return o.content;
|
|
99
|
-
const c = o.name,
|
|
100
|
-
return
|
|
101
|
-
component:
|
|
98
|
+
const c = o.name, a = e.components?.[c];
|
|
99
|
+
return a ? typeof a == "function" ? d(C, {
|
|
100
|
+
component: a,
|
|
102
101
|
get children() {
|
|
103
|
-
return
|
|
102
|
+
return T(o.children);
|
|
104
103
|
}
|
|
105
|
-
}) :
|
|
104
|
+
}) : a : o.content;
|
|
106
105
|
});
|
|
107
106
|
};
|
|
108
107
|
export {
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
B as Trans,
|
|
109
|
+
j as TransProvider,
|
|
111
110
|
k as useTransContext
|
|
112
111
|
};
|
|
113
112
|
//# sourceMappingURL=ssr.mjs.map
|
package/dist/ssr.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr.mjs","sources":["../src/TransProvider.tsx","../src/utils/decodeHtmlEntities.ts","../src/utils/has-interpolation.ts","../src/utils/replace-elements.ts","../src/utils/translate-with-interpolation.ts","../src/utils/translate-jsx.ts","../src/Trans.tsx"],"sourcesContent":["import i18next, { type InitOptions, type TFunction, type i18n } from '@nerimity/i18lite';\r\nimport { createContext, createSignal, useContext, type ParentComponent } from 'solid-js';\r\n\r\nexport type TransProviderActions = {\r\n addResources(lng: string, ns: string, resources: any): i18n;\r\n changeLanguage(lng: string): Promise<void>;\r\n getI18next(): i18n;\r\n};\r\n\r\nconst TransContext = createContext<[TFunction, TransProviderActions]>();\r\n\r\nfunction createTransContext(instance: i18n, options: InitOptions): [TFunction, TransProviderActions] {\r\n const [translate, setTranslate] = createSignal<TFunction | (() => null)>(\r\n !!options.resources ? instance.t : () => null\r\n );\r\n\r\n instance.on('loaded', () => setTranslate(() => instance.t));\r\n instance.init(options, (_, t) => setTranslate(() => t));\r\n\r\n async function changeLanguage(lng: string) {\r\n const t = await instance.changeLanguage(lng);\r\n setTranslate(() => t);\r\n }\r\n\r\n function addResources(\r\n lng: string,\r\n ns: string,\r\n resources: any,\r\n bundleOptions: { deep?: boolean; overwrite?: boolean } = {}\r\n ): i18n {\r\n return instance.addResourceBundle(lng, ns, resources, bundleOptions.deep, bundleOptions.overwrite);\r\n }\r\n\r\n return [\r\n ((...args: Parameters<TFunction>) => translate().apply(null, args)) as TFunction,\r\n {\r\n addResources,\r\n getI18next: () => instance,\r\n changeLanguage,\r\n },\r\n ];\r\n}\r\n\r\nexport const useTransContext = () => useContext(TransContext);\r\n\r\nexport const TransProvider: ParentComponent<{ instance?: i18n; lng?: string; options?: InitOptions }> = (props) => {\r\n return (\r\n <TransContext.Provider\r\n value={createTransContext(props.instance || i18next, { lng: props.lng, ...props.options })}\r\n children={props.children}\r\n />\r\n );\r\n};\r\n","const tempElement = document.createElement('textarea');\r\nexport function decodeHtmlEntities(encodedText: string) {\r\n tempElement.innerHTML = encodedText || '';\r\n\r\n return tempElement.value;\r\n}\r\n","import type { InterpolationOptions } from '@nerimity/i18lite';\r\n\r\nexport const hasInterpolation = (value: string, { prefix, suffix }: InterpolationOptions) =>\r\n value.includes(prefix) && value.includes(suffix);\r\n","import type { InitOptions } from '@nerimity/i18lite';\r\nimport type { IDom } from 'html-parse-string';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nexport const replaceElements =\r\n (ast: IDom, { interpolation }: InitOptions) =>\r\n (child: Node, index: number) => {\r\n if (typeof child === 'string') {\r\n if (hasInterpolation(child, interpolation)) return decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return decodeHtmlEntities(ast.children[index].content);\r\n }\r\n\r\n child.textContent = decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return child;\r\n };\r\n","import type { InitOptions, TFunction } from '@nerimity/i18lite';\r\nimport type { TransProps } from '../Trans';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nconst isNode = !globalThis.window;\r\n\r\nexport const translateWithInterpolation = (t: TFunction, options: InitOptions, props: TransProps) => (item) => {\r\n const type = typeof item;\r\n\r\n if (type === 'string' && hasInterpolation(item, options.interpolation)) {\r\n return decodeHtmlEntities(t(item, props.options));\r\n }\r\n\r\n if (type === 'object') {\r\n const textContent = item.textContent ?? item.t;\r\n if (textContent && hasInterpolation(textContent, options.interpolation)) {\r\n item[isNode ? 't' : 'textContent'] = t(textContent, props.options);\r\n }\r\n }\r\n\r\n return item;\r\n};\r\n","import type { TFunction, i18n } from '@nerimity/i18lite';\r\nimport type { parse, stringify } from 'html-parse-string';\r\nimport type { ParentProps } from 'solid-js';\r\nimport type { TransProps } from '../Trans';\r\nimport { replaceElements } from './replace-elements';\r\nimport { translateWithInterpolation } from './translate-with-interpolation';\r\n\r\nexport let parseHTML: typeof parse;\r\nexport let stringifyHtml: typeof stringify;\r\n(async () => {\r\n try {\r\n // @ts-ignore\r\n const module = await import('html-parse-string');\r\n parseHTML = module.parse;\r\n stringifyHtml = module.stringify;\r\n } catch {}\r\n})();\r\n\r\nexport const htmlParseStringNotFoundError = () => {\r\n console.error(\r\n 'In order to use JSX nesting, install %chtml-parse-string',\r\n 'font-weight: 700',\r\n 'https://github.com/ryansolid/html-parse-string.'\r\n );\r\n};\r\nexport const translateJSX = (\r\n { i18n: { options }, t, props }: { t: TFunction; props: ParentProps<TransProps>; i18n: i18n },\r\n children: Node[]\r\n) => {\r\n const translation = t(props.key, props.options);\r\n\r\n if (!props.children) return translation;\r\n\r\n if (translation === props.key) return children.map(translateWithInterpolation(t, options, props));\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n try {\r\n const [ast] = parseHTML(`<0>${translation}</0>`);\r\n return children.map(replaceElements(ast, options));\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n};\r\n","import type { TFunction, TOptions } from '@nerimity/i18lite';\r\nimport { stringify } from 'html-parse-string';\r\nimport { children, type JSXElement, type ParentComponent, type ParentProps } from 'solid-js';\r\nimport { Dynamic } from 'solid-js/web';\r\nimport { useTransContext } from './TransProvider';\r\nimport { htmlParseStringNotFoundError, parseHTML, translateJSX } from './utils/translate-jsx';\r\n\r\nexport type TransProps = {\r\n key: string;\r\n options?: TOptions;\r\n components?: Record<string, JSXElement | ((props: any) => JSXElement)>;\r\n};\r\n\r\nexport const Trans: ParentComponent<TransProps> = (props) => {\r\n const [t, { getI18next }] = useTransContext();\r\n\r\n return (\r\n <>\r\n {props.components\r\n ? renderInterpolatedTranslation({ t, props })\r\n : typeof props.children === 'string'\r\n ? t(props.key, props.children, props.options)\r\n : translateJSX({ i18n: getI18next(), t, props }, children(() => props.children)() as Node[])}\r\n </>\r\n );\r\n};\r\n\r\nconst renderInterpolatedTranslation = ({ t, props }: { t: TFunction; props: ParentProps<TransProps> }) => {\r\n const translatedString = t(props.key, props.options);\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n\r\n const [ast] = parseHTML(`<0>${translatedString}</0>`);\r\n\r\n return ast.children.map((node) => {\r\n if (node.type === 'text') {\r\n return node.content;\r\n }\r\n\r\n const componentKey = node.name;\r\n const mappedComponent = props.components?.[componentKey];\r\n\r\n if (!mappedComponent) {\r\n return node.content;\r\n }\r\n\r\n if (typeof mappedComponent === 'function') {\r\n return <Dynamic component={mappedComponent} children={stringify(node.children)} />;\r\n }\r\n\r\n return mappedComponent;\r\n });\r\n};\r\n"],"names":["TransContext","createContext","createTransContext","instance","options","translate","setTranslate","createSignal","resources","t","on","init","_","changeLanguage","lng","addResources","ns","bundleOptions","addResourceBundle","deep","overwrite","args","apply","getI18next","useTransContext","useContext","TransProvider","props","_$createComponent","Provider","value","i18next","children","tempElement","decodeHtmlEntities","encodedText","hasInterpolation","prefix","suffix","replaceElements","ast","interpolation","child","index","isNode","translateWithInterpolation","item","type","textContent","parseHTML","stringifyHtml","module","htmlParseStringNotFoundError","translateJSX","translation","e","Trans","components","renderInterpolatedTranslation","key","i18n","translatedString","map","node","content","componentKey","name","mappedComponent","Dynamic","component","stringify"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ssr.mjs","sources":["../src/TransProvider.tsx","../src/utils/decodeHtmlEntities.ts","../src/utils/has-interpolation.ts","../src/utils/replace-elements.ts","../src/utils/translate-with-interpolation.ts","../src/utils/translate-jsx.ts","../src/Trans.tsx"],"sourcesContent":["import i18next, { type InitOptions, type TFunction, type i18n } from '@nerimity/i18lite';\r\nimport { createContext, createSignal, useContext, type ParentComponent } from 'solid-js';\r\n\r\nexport type TransProviderActions = {\r\n addResources(lng: string, ns: string, resources: any): i18n;\r\n changeLanguage(lng: string): Promise<void>;\r\n getI18next(): i18n;\r\n};\r\n\r\nconst TransContext = createContext<[TFunction, TransProviderActions]>();\r\n\r\nfunction createTransContext(instance: i18n, options: InitOptions): [TFunction, TransProviderActions] {\r\n const [language, setLanguage] = createSignal(null);\r\n\r\n instance.init(options, () => setLanguage(() => instance.language));\r\n\r\n async function changeLanguage(lng: string) {\r\n await instance.changeLanguage(lng);\r\n setLanguage(() => lng);\r\n }\r\n\r\n function addResources(\r\n lng: string,\r\n ns: string,\r\n resources: any,\r\n bundleOptions: { deep?: boolean; overwrite?: boolean } = {},\r\n ): i18n {\r\n return instance.addResourceBundle(lng, ns, resources, bundleOptions.deep, bundleOptions.overwrite);\r\n }\r\n\r\n const t = (...args: Parameters<TFunction>) => {\r\n // Access the signal to track it - this ensures components re-render when language changes\r\n language();\r\n return instance.t(...args);\r\n };\r\n\r\n return [\r\n t,\r\n {\r\n addResources,\r\n getI18next: () => instance,\r\n changeLanguage,\r\n },\r\n ];\r\n}\r\n\r\nexport const useTransContext = () => useContext(TransContext);\r\n\r\nexport const TransProvider: ParentComponent<{ instance?: i18n; lng?: string; options?: InitOptions }> = (props) => {\r\n return (\r\n <TransContext.Provider\r\n value={createTransContext(props.instance || i18next, { lng: props.lng, ...props.options })}\r\n children={props.children}\r\n />\r\n );\r\n};\r\n","const tempElement = document.createElement('textarea');\r\nexport function decodeHtmlEntities(encodedText: string) {\r\n tempElement.innerHTML = encodedText || '';\r\n\r\n return tempElement.value;\r\n}\r\n","import type { InterpolationOptions } from '@nerimity/i18lite';\r\n\r\nexport const hasInterpolation = (value: string, { prefix, suffix }: InterpolationOptions) =>\r\n value.includes(prefix) && value.includes(suffix);\r\n","import type { InitOptions } from '@nerimity/i18lite';\r\nimport type { IDom } from 'html-parse-string';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nexport const replaceElements =\r\n (ast: IDom, { interpolation }: InitOptions) =>\r\n (child: Node, index: number) => {\r\n if (typeof child === 'string') {\r\n if (hasInterpolation(child, interpolation)) return decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return decodeHtmlEntities(ast.children[index].content);\r\n }\r\n\r\n child.textContent = decodeHtmlEntities(ast.children[index].children?.[0].content);\r\n\r\n return child;\r\n };\r\n","import type { InitOptions, TFunction } from '@nerimity/i18lite';\r\nimport type { TransProps } from '../Trans';\r\nimport { decodeHtmlEntities } from './decodeHtmlEntities';\r\nimport { hasInterpolation } from './has-interpolation';\r\n\r\nconst isNode = !globalThis.window;\r\n\r\nexport const translateWithInterpolation = (t: TFunction, options: InitOptions, props: TransProps) => (item) => {\r\n const type = typeof item;\r\n\r\n if (type === 'string' && hasInterpolation(item, options.interpolation)) {\r\n return decodeHtmlEntities(t(item, props.options));\r\n }\r\n\r\n if (type === 'object') {\r\n const textContent = item.textContent ?? item.t;\r\n if (textContent && hasInterpolation(textContent, options.interpolation)) {\r\n item[isNode ? 't' : 'textContent'] = t(textContent, props.options);\r\n }\r\n }\r\n\r\n return item;\r\n};\r\n","import type { TFunction, i18n } from '@nerimity/i18lite';\r\nimport type { parse, stringify } from 'html-parse-string';\r\nimport type { ParentProps } from 'solid-js';\r\nimport type { TransProps } from '../Trans';\r\nimport { replaceElements } from './replace-elements';\r\nimport { translateWithInterpolation } from './translate-with-interpolation';\r\n\r\nexport let parseHTML: typeof parse;\r\nexport let stringifyHtml: typeof stringify;\r\n(async () => {\r\n try {\r\n // @ts-ignore\r\n const module = await import('html-parse-string');\r\n parseHTML = module.parse;\r\n stringifyHtml = module.stringify;\r\n } catch {}\r\n})();\r\n\r\nexport const htmlParseStringNotFoundError = () => {\r\n console.error(\r\n 'In order to use JSX nesting, install %chtml-parse-string',\r\n 'font-weight: 700',\r\n 'https://github.com/ryansolid/html-parse-string.'\r\n );\r\n};\r\nexport const translateJSX = (\r\n { i18n: { options }, t, props }: { t: TFunction; props: ParentProps<TransProps>; i18n: i18n },\r\n children: Node[]\r\n) => {\r\n const translation = t(props.key, props.options);\r\n\r\n if (!props.children) return translation;\r\n\r\n if (translation === props.key) return children.map(translateWithInterpolation(t, options, props));\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n try {\r\n const [ast] = parseHTML(`<0>${translation}</0>`);\r\n return children.map(replaceElements(ast, options));\r\n } catch (e) {\r\n console.error(e);\r\n }\r\n};\r\n","import type { TFunction, TOptions } from '@nerimity/i18lite';\r\nimport { stringify } from 'html-parse-string';\r\nimport { children, type JSXElement, type ParentComponent, type ParentProps } from 'solid-js';\r\nimport { Dynamic } from 'solid-js/web';\r\nimport { useTransContext } from './TransProvider';\r\nimport { htmlParseStringNotFoundError, parseHTML, translateJSX } from './utils/translate-jsx';\r\n\r\nexport type TransProps = {\r\n key: string;\r\n options?: TOptions;\r\n components?: Record<string, JSXElement | ((props: any) => JSXElement)>;\r\n};\r\n\r\nexport const Trans: ParentComponent<TransProps> = (props) => {\r\n const [t, { getI18next }] = useTransContext();\r\n\r\n return (\r\n <>\r\n {props.components\r\n ? renderInterpolatedTranslation({ t, props })\r\n : typeof props.children === 'string'\r\n ? t(props.key, props.children, props.options)\r\n : translateJSX({ i18n: getI18next(), t, props }, children(() => props.children)() as Node[])}\r\n </>\r\n );\r\n};\r\n\r\nconst renderInterpolatedTranslation = ({ t, props }: { t: TFunction; props: ParentProps<TransProps> }) => {\r\n const translatedString = t(props.key, props.options);\r\n\r\n if (!parseHTML) {\r\n htmlParseStringNotFoundError();\r\n return;\r\n }\r\n\r\n const [ast] = parseHTML(`<0>${translatedString}</0>`);\r\n\r\n return ast.children.map((node) => {\r\n if (node.type === 'text') {\r\n return node.content;\r\n }\r\n\r\n const componentKey = node.name;\r\n const mappedComponent = props.components?.[componentKey];\r\n\r\n if (!mappedComponent) {\r\n return node.content;\r\n }\r\n\r\n if (typeof mappedComponent === 'function') {\r\n return <Dynamic component={mappedComponent} children={stringify(node.children)} />;\r\n }\r\n\r\n return mappedComponent;\r\n });\r\n};\r\n"],"names":["TransContext","createContext","createTransContext","instance","options","language","setLanguage","createSignal","init","changeLanguage","lng","addResources","ns","resources","bundleOptions","addResourceBundle","deep","overwrite","t","args","getI18next","useTransContext","useContext","TransProvider","props","_$createComponent","Provider","value","i18next","children","tempElement","decodeHtmlEntities","encodedText","hasInterpolation","prefix","suffix","replaceElements","ast","interpolation","child","index","isNode","translateWithInterpolation","item","type","textContent","parseHTML","stringifyHtml","module","htmlParseStringNotFoundError","translateJSX","translation","e","Trans","components","renderInterpolatedTranslation","key","i18n","translatedString","map","node","content","componentKey","name","mappedComponent","Dynamic","component","stringify"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransProvider.d.ts","sourceRoot":"","sources":["../../src/TransProvider.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAA2C,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,CAAC;IAC5D,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,UAAU,IAAI,IAAI,CAAC;CACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"TransProvider.d.ts","sourceRoot":"","sources":["../../src/TransProvider.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAA2C,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG;IACjC,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,GAAG,IAAI,CAAC;IAC5D,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,UAAU,IAAI,IAAI,CAAC;CACpB,CAAC;AAuCF,eAAO,MAAM,eAAe,yCAAiC,CAAC;AAE9D,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC;IAAE,QAAQ,CAAC,EAAE,IAAI,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,WAAW,CAAA;CAAE,CAOnG,CAAC"}
|
package/package.json
CHANGED