@ttoss/react-i18n 1.17.2 → 1.18.0

package/dist/esm/index.js

@@ -1,17 +1,14 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 
-// tsup.inject.js
-import * as React from "react";
-
 // src/index.ts
 import { defineMessages, defineMessage, FormattedMessage } from "react-intl";
 
 // src/i18Provider.tsx
-import * as React2 from "react";
+import * as React from "react";
 import { IntlProvider } from "react-intl";
 import { Fragment, jsx } from "react/jsx-runtime";
 var DEFAULT_LOCALE = "en";
-var I18nConfigContext = React2.createContext({
+var I18nConfigContext = React.createContext({
   defaultLocale: DEFAULT_LOCALE,
   setLocale: () => {
     return null;
@@ -23,40 +20,44 @@ var I18nProvider = ({
   loadLocaleData,
   ...intlConfig
 }) => {
-  const [locale, setLocale] = React2.useState(initialLocale || DEFAULT_LOCALE);
-  const [messages, setMessages] = React2.useState();
-  React2.useEffect(() => {
+  const [locale, setLocale] = React.useState(initialLocale || DEFAULT_LOCALE);
+  const [messages, setMessages] = React.useState();
+  React.useEffect(() => {
     if (loadLocaleData) {
       loadLocaleData(locale).then((message) => {
         return setMessages(message);
       });
     }
   }, [loadLocaleData, locale]);
-  return /* @__PURE__ */ jsx(I18nConfigContext.Provider, {
-    value: {
-      defaultLocale: DEFAULT_LOCALE,
-      locale,
-      setLocale,
-      ...intlConfig
-    },
-    children: /* @__PURE__ */ jsx(IntlProvider, {
-      defaultLocale: DEFAULT_LOCALE,
-      locale,
-      messages,
-      ...intlConfig,
-      children: /* @__PURE__ */ jsx(Fragment, {
-        children
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    I18nConfigContext.Provider,
+    {
+      value: {
+        defaultLocale: DEFAULT_LOCALE,
+        locale,
+        setLocale,
+        ...intlConfig
+      },
+      children: /* @__PURE__ */ jsx(
+        IntlProvider,
+        {
+          defaultLocale: DEFAULT_LOCALE,
+          locale,
+          messages,
+          ...intlConfig,
+          children: /* @__PURE__ */ jsx(Fragment, { children })
+        }
+      )
+    }
+  );
 };
 
 // src/useI18n.ts
-import * as React3 from "react";
+import * as React2 from "react";
 import { useIntl } from "react-intl";
 var useI18n = () => {
   const intl = useIntl();
-  const config = React3.useContext(I18nConfigContext);
+  const config = React2.useContext(I18nConfigContext);
   return { ...config, intl };
 };
 export {

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import * as react_intl from 'react-intl';
 export { FormattedMessage, defineMessage, defineMessages } from 'react-intl';
 import * as React from 'react';
 
-declare type MessagesType = any;
-declare type LoadLocaleData = (locale: string) => Promise<MessagesType>;
-declare type I18nProviderProps = {
+type MessagesType = any;
+type LoadLocaleData = (locale: string) => Promise<MessagesType>;
+type I18nProviderProps = {
     locale?: string;
     loadLocaleData?: LoadLocaleData;
     children?: React.ReactNode;
@@ -13,7 +13,7 @@ declare type I18nProviderProps = {
  * `DEFAULT_LOCALE` must be `en` because is the default of the other modules.
  */
 declare const DEFAULT_LOCALE = "en";
-declare const I18nProvider: ({ children, locale, loadLocaleData, ...intlConfig }: I18nProviderProps) => JSX.Element;
+declare const I18nProvider: ({ children, locale: initialLocale, loadLocaleData, ...intlConfig }: I18nProviderProps) => JSX.Element;
 
 declare const useI18n: () => {
     intl: react_intl.IntlShape;

package/dist/index.js

@@ -35,19 +35,14 @@ __export(src_exports, {
   useI18n: () => useI18n
 });
 module.exports = __toCommonJS(src_exports);
-
-// tsup.inject.js
-var React = __toESM(require("react"));
-
-// src/index.ts
 var import_react_intl3 = require("react-intl");
 
 // src/i18Provider.tsx
-var React2 = __toESM(require("react"));
+var React = __toESM(require("react"));
 var import_react_intl = require("react-intl");
 var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_LOCALE = "en";
-var I18nConfigContext = React2.createContext({
+var I18nConfigContext = React.createContext({
   defaultLocale: DEFAULT_LOCALE,
   setLocale: () => {
     return null;
@@ -59,40 +54,44 @@ var I18nProvider = ({
   loadLocaleData,
   ...intlConfig
 }) => {
-  const [locale, setLocale] = React2.useState(initialLocale || DEFAULT_LOCALE);
-  const [messages, setMessages] = React2.useState();
-  React2.useEffect(() => {
+  const [locale, setLocale] = React.useState(initialLocale || DEFAULT_LOCALE);
+  const [messages, setMessages] = React.useState();
+  React.useEffect(() => {
     if (loadLocaleData) {
       loadLocaleData(locale).then((message) => {
         return setMessages(message);
       });
     }
   }, [loadLocaleData, locale]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(I18nConfigContext.Provider, {
-    value: {
-      defaultLocale: DEFAULT_LOCALE,
-      locale,
-      setLocale,
-      ...intlConfig
-    },
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_intl.IntlProvider, {
-      defaultLocale: DEFAULT_LOCALE,
-      locale,
-      messages,
-      ...intlConfig,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-        children
-      })
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    I18nConfigContext.Provider,
+    {
+      value: {
+        defaultLocale: DEFAULT_LOCALE,
+        locale,
+        setLocale,
+        ...intlConfig
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_intl.IntlProvider,
+        {
+          defaultLocale: DEFAULT_LOCALE,
+          locale,
+          messages,
+          ...intlConfig,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children })
+        }
+      )
+    }
+  );
 };
 
 // src/useI18n.ts
-var React3 = __toESM(require("react"));
+var React2 = __toESM(require("react"));
 var import_react_intl2 = require("react-intl");
 var useI18n = () => {
   const intl = (0, import_react_intl2.useIntl)();
-  const config = React3.useContext(I18nConfigContext);
+  const config = React2.useContext(I18nConfigContext);
   return { ...config, intl };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-i18n",
-  "version": "1.17.2",
+  "version": "1.18.0",
   "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
@@ -9,11 +9,7 @@
   ],
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
-  "bin": {
-    "ttoss-i18n": "./bin/cli.js"
-  },
   "files": [
-    "bin",
     "dist",
     "src"
   ],
@@ -29,15 +25,15 @@
   },
   "typings": "dist/index.d.ts",
   "dependencies": {
-    "glob": "^8.0.3",
     "react-intl": "^6.2.5"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@formatjs/cli": "^5.1.7",
+    "@formatjs/cli": "^5.1.10",
     "@ttoss/config": "^1.25.0",
+    "@ttoss/i18n-cli": "^0.2.0",
     "@ttoss/test-utils": "^1.18.3"
   },
   "keywords": [
@@ -48,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "88b98945c469cdfdece6b12ce41243403ad2c242"
+  "gitHead": "9159bd57009f4fee620218bc1a0e7bbac28acccd"
 }

package/bin/cli.js

@@ -1,56 +0,0 @@
-#!/usr/bin/env node
-
-const { compile, extract } = require('@formatjs/cli');
-const fs = require('fs');
-const glob = require('glob');
-const path = require('path');
-
-const DEFAULT_DIR = 'i18n';
-
-const EXTRACT_DIR = path.join(DEFAULT_DIR, 'lang');
-
-const COMPILE_DIR = path.join(DEFAULT_DIR, 'compiled-lang');
-
-const args = process.argv.slice(2);
-
-(async () => {
-  /**
-   * Extract
-   */
-  const extractedDataAsString = await extract(glob.sync('src/**/*.{ts,tsx}'), {
-    idInterpolationPattern: '[sha512:contenthash:base64:6]',
-  });
-
-  await fs.promises.mkdir(EXTRACT_DIR, { recursive: true });
-
-  await fs.promises.writeFile(
-    path.join(EXTRACT_DIR, 'en.json'),
-    extractedDataAsString
-  );
-
-  if (args.includes('--no-compile')) {
-    return;
-  }
-
-  /**
-   * Compile
-   */
-  await fs.promises.mkdir(COMPILE_DIR, {
-    recursive: true,
-  });
-
-  const translations = glob.sync(EXTRACT_DIR + '/*.json');
-
-  for (const translation of translations) {
-    const filename = translation.split('/').pop();
-
-    const compiledDataAsString = await compile([translation], {
-      ast: true,
-    });
-
-    await fs.promises.writeFile(
-      path.join(COMPILE_DIR, filename),
-      compiledDataAsString
-    );
-  }
-})();