adnbn 0.2.7 → 0.2.8

package/dist/locale/adapters/react/LocaleProvider.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+
+interface LocaleProviderProps {
+    storage?: string | false;
+}
+declare const LocaleProvider: ({ children, storage }: PropsWithChildren<LocaleProviderProps>) => any;
+
+export { type LocaleProviderProps, LocaleProvider as default };

package/dist/locale/adapters/react/LocaleProvider.js

@@ -0,0 +1,47 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { LocaleContext } from "./context.js";
+import { getLocaleDir, isLocaleRtl } from "./../../../locale/utils.js";
+import { DynamicLocale } from "./../../../locale/providers/index.js";
+const LocaleProvider = ({ children, storage }) => {
+  const locale = useMemo(() => new DynamicLocale(storage), []);
+  const [lang, setLang] = useState(locale.lang());
+  const _ = useCallback((key, substitutions) => {
+    return locale.trans(key, substitutions);
+  }, []);
+  const choice = useCallback((key, count, substitutions) => {
+    return locale.choice(key, count, substitutions);
+  }, []);
+  const change = useCallback((lang2) => {
+    locale.change(lang2).catch((err) => console.error(`Cannot find locale file for "${lang2}" language`, err));
+  }, []);
+  useEffect(() => {
+    const html = document.querySelector("html");
+    html == null ? void 0 : html.setAttribute("lang", lang);
+    html == null ? void 0 : html.setAttribute("dir", getLocaleDir(lang));
+  }, [lang]);
+  useEffect(() => {
+    locale.sync().then((lang2) => setLang(lang2));
+  }, []);
+  useEffect(() => {
+    return locale.watch((lang2) => setLang(lang2));
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    LocaleContext.Provider,
+    {
+      value: {
+        _,
+        choice,
+        change,
+        lang,
+        dir: getLocaleDir(lang),
+        isRtl: isLocaleRtl(lang)
+      }
+    },
+    children
+  );
+};
+var LocaleProvider_default = LocaleProvider;
+export {
+  LocaleProvider_default as default
+};
+//# sourceMappingURL=LocaleProvider.js.map

package/dist/locale/adapters/react/LocaleProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/locale/adapters/react/LocaleProvider.tsx"],"sourcesContent":["import React, {PropsWithChildren, useCallback, useEffect, useMemo, useState} from \"react\";\n\nimport {LocaleContext, LocaleContract} from \"./context\";\n\nimport {getLocaleDir, isLocaleRtl} from \"@locale/utils\";\n\nimport {DynamicLocale} from \"@locale/providers\";\n\nimport {Language} from \"@typing/locale\";\n\nexport interface LocaleProviderProps {\n    storage?: string | false;\n}\n\nconst LocaleProvider = ({children, storage}: PropsWithChildren<LocaleProviderProps>) => {\n    const locale = useMemo(() => new DynamicLocale(storage), []);\n\n    const [lang, setLang] = useState<Language>(locale.lang());\n\n    const _: LocaleContract[\"_\"] = useCallback((key, substitutions): string => {\n        return locale.trans(key, substitutions);\n    }, []);\n\n    const choice: LocaleContract[\"choice\"] = useCallback((key, count, substitutions): string => {\n        return locale.choice(key, count, substitutions);\n    }, []);\n\n    const change: LocaleContract[\"change\"] = useCallback((lang): void => {\n        locale.change(lang).catch(err => console.error(`Cannot find locale file for \"${lang}\" language`, err));\n    }, []);\n\n    useEffect(() => {\n        const html = document.querySelector(\"html\");\n\n        html?.setAttribute(\"lang\", lang);\n        html?.setAttribute(\"dir\", getLocaleDir(lang));\n    }, [lang]);\n\n    useEffect(() => {\n        locale.sync().then(lang => setLang(lang));\n    }, []);\n\n    useEffect(() => {\n        return locale.watch(lang => setLang(lang));\n    }, []);\n\n    return (\n        <LocaleContext.Provider\n            value={{\n                _,\n                choice,\n                change,\n                lang,\n                dir: getLocaleDir(lang),\n                isRtl: isLocaleRtl(lang),\n            }}\n        >\n            {children}\n        </LocaleContext.Provider>\n    );\n};\n\nexport default LocaleProvider;\n"],"mappings":"AAAA,OAAO,SAA2B,aAAa,WAAW,SAAS,gBAAe;AAElF,SAAQ,qBAAoC;AAE5C,SAAQ,cAAc,mBAAkB;AAExC,SAAQ,qBAAoB;AAQ5B,MAAM,iBAAiB,CAAC,EAAC,UAAU,QAAO,MAA8C;AACpF,QAAM,SAAS,QAAQ,MAAM,IAAI,cAAc,OAAO,GAAG,CAAC,CAAC;AAE3D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,OAAO,KAAK,CAAC;AAExD,QAAM,IAAyB,YAAY,CAAC,KAAK,kBAA0B;AACvE,WAAO,OAAO,MAAM,KAAK,aAAa;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,SAAmC,YAAY,CAAC,KAAK,OAAO,kBAA0B;AACxF,WAAO,OAAO,OAAO,KAAK,OAAO,aAAa;AAAA,EAClD,GAAG,CAAC,CAAC;AAEL,QAAM,SAAmC,YAAY,CAACA,UAAe;AACjE,WAAO,OAAOA,KAAI,EAAE,MAAM,SAAO,QAAQ,MAAM,gCAAgCA,KAAI,cAAc,GAAG,CAAC;AAAA,EACzG,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACZ,UAAM,OAAO,SAAS,cAAc,MAAM;AAE1C,iCAAM,aAAa,QAAQ;AAC3B,iCAAM,aAAa,OAAO,aAAa,IAAI;AAAA,EAC/C,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACZ,WAAO,KAAK,EAAE,KAAK,CAAAA,UAAQ,QAAQA,KAAI,CAAC;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACZ,WAAO,OAAO,MAAM,CAAAA,UAAQ,QAAQA,KAAI,CAAC;AAAA,EAC7C,GAAG,CAAC,CAAC;AAEL,SACI;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,KAAK,aAAa,IAAI;AAAA,QACtB,OAAO,YAAY,IAAI;AAAA,MAC3B;AAAA;AAAA,IAEC;AAAA,EACL;AAER;AAEA,IAAO,yBAAQ;","names":["lang"]}

package/dist/locale/adapters/react/index.d.ts

@@ -1,12 +1,6 @@
-import { PropsWithChildren } from 'react';
+export { default as LocaleProvider, LocaleProviderProps } from './LocaleProvider.js';
 export { LocaleContract, useLocale } from './context.js';
+import 'react';
 import '../../../types/locale.js';
 import '../../providers/NativeLocale.js';
 import '../../providers/AbstractLocale.js';
-
-interface LocaleProviderProps {
-    storage?: string | false;
-}
-declare const LocaleProvider: ({ children, storage }: PropsWithChildren<LocaleProviderProps>) => any;
-
-export { LocaleProvider, type LocaleProviderProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adnbn",
   "type": "module",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Addon 💀 Bone - Cross-browser web extension framework with shared code base",
   "homepage": "https://github.com/addonbone/addonbone",
   "repository": {