@transifex/native 6.0.2 → 7.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transifex/native",
-  "version": "6.0.2",
+  "version": "7.0.1",
   "description": "i18n framework using Transifex Native",
   "keywords": [
     "transifex",
@@ -31,19 +31,19 @@
     "url": "https://github.com/transifex/transifex-javascript/issues"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=16.0.0"
   },
+  "browserslist": "> 0.5%, last 2 versions, Firefox ESR, not dead",
   "devDependencies": {
-    "@babel/core": "^7.23.5",
-    "@babel/plugin-transform-runtime": "^7.23.4",
-    "@babel/preset-env": "^7.23.5",
-    "@babel/runtime": "^7.23.5",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.3.0",
-    "chai": "^4.3.10",
-    "eslint": "^7.28.0",
-    "eslint-config-airbnb-base": "^14.2.1",
-    "eslint-plugin-import": "^2.29.0",
+    "@babel/core": "^7.23.7",
+    "@babel/plugin-transform-runtime": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
+    "@babel/runtime": "^7.23.8",
+    "babel-loader": "^9.1.3",
+    "chai": "^5.0.0",
+    "eslint": "^8.56.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-plugin-import": "^2.29.1",
     "glob": "^8.1.0",
     "mocha": "^10.2.0",
     "nock": "^13.4.0",
@@ -54,7 +54,7 @@
   },
   "dependencies": {
     "@messageformat/core": "^3.3.0",
-    "axios": "^1.6.2",
+    "cross-fetch": "^4.0.0",
     "md5": "^2.3.0"
   }
 }

package/src/TxNative.js

@@ -1,6 +1,6 @@
 /* globals __VERSION__, __PLATFORM__ */
 
-import axios from 'axios';
+import fetch from 'cross-fetch';
 
 import MemoryCache from './cache/MemoryCache';
 import SourceErrorPolicy from './policies/SourceErrorPolicy';
@@ -157,8 +157,12 @@ export default class TxNative {
       if (!isString(translation)) translation = `${translation}`;
       return translation;
     } catch (err) {
-      return this.errorPolicy.handle(err,
-        `${sourceString}`, locale, params);
+      return this.errorPolicy.handle(
+        err,
+        `${sourceString}`,
+        locale,
+        params,
+      );
     }
   }
 
@@ -204,7 +208,6 @@ export default class TxNative {
       let lastResponseStatus = 202;
       const tsNow = Date.now();
       while (lastResponseStatus === 202) {
-        /* eslint-disable no-await-in-loop */
         let url = `${this.cdsHost}/content/${localeCode}`;
         const getOptions = [];
         if (filterTags) {
@@ -216,13 +219,19 @@ export default class TxNative {
         if (getOptions.length) {
           url = `${url}?${getOptions.join('&')}`;
         }
-        response = await axios.get(url, {
+        response = await fetch(url, {
+          method: 'GET',
           headers: {
             Authorization: `Bearer ${this.token}`,
             'Accept-version': 'v2',
             'X-NATIVE-SDK': `txjs/${__PLATFORM__}/${__VERSION__}`,
           },
+          signal: this.fetchTimeout > 0 ? AbortSignal.timeout(this.fetchTimeout) : undefined,
         });
+        if (!response.ok) {
+          throw (await this._fetchError(response));
+        }
+
         lastResponseStatus = response.status;
         if (this.fetchTimeout > 0 && (Date.now() - tsNow) >= this.fetchTimeout) {
           throw handleError(new Error('Fetch translations timeout'));
@@ -230,10 +239,9 @@ export default class TxNative {
         if (lastResponseStatus === 202 && this.fetchInterval > 0) {
           await sleep(this.fetchInterval);
         }
-        /* eslint-enable no-await-in-loop */
       }
 
-      const { data } = response;
+      const data = await response.json();
       if (data && data.data) {
         const hashmap = {};
         Object.keys(data.data).forEach((key) => {
@@ -266,8 +274,8 @@ export default class TxNative {
     if (!this.secret) throw new Error('secret is not defined');
 
     const action = params.purge ? 'purge' : 'invalidate';
-    const res = await axios.post(`${this.cdsHost}/${action}`, {
-    }, {
+    const response = await fetch(`${this.cdsHost}/${action}`, {
+      method: 'POST',
       headers: {
         Authorization: `Bearer ${this.token}:${this.secret}`,
         'Accept-version': 'v2',
@@ -275,7 +283,11 @@ export default class TxNative {
         'X-NATIVE-SDK': `txjs/${__PLATFORM__}/${__VERSION__}`,
       },
     });
-    return res.data;
+    if (!response.ok) {
+      throw (await this._fetchError(response));
+    }
+    const data = await response.json();
+    return data;
   }
 
   /**
@@ -323,18 +335,25 @@ export default class TxNative {
       'X-NATIVE-SDK': `txjs/${__PLATFORM__}/${__VERSION__}`,
     };
 
-    const res = await axios.post(`${this.cdsHost}/content`, {
-      data: payload,
-      meta: {
-        purge: !!params.purge,
-        override_tags: !!params.overrideTags,
-        override_occurrences: !!params.overrideOccurrences,
-      },
-    }, {
+    const response = await fetch(`${this.cdsHost}/content`, {
+      method: 'POST',
       headers,
+      body: JSON.stringify({
+        data: payload,
+        meta: {
+          purge: !!params.purge,
+          override_tags: !!params.overrideTags,
+          override_occurrences: !!params.overrideOccurrences,
+        },
+      }),
     });
+    if (!response.ok) {
+      throw (await this._fetchError(response));
+    }
+
+    const postResData = await response.json();
 
-    const jobUrl = `${this.cdsHost}${res.data.data.links.job}`;
+    const jobUrl = `${this.cdsHost}${postResData.data.links.job}`;
 
     if (params.noWait) {
       return {
@@ -347,13 +366,16 @@ export default class TxNative {
     };
 
     do {
-      // eslint-disable-next-line no-await-in-loop
       await sleep(1500);
-      // eslint-disable-next-line no-await-in-loop
-      const pollRes = await axios.get(jobUrl, {
+      const pollRes = await fetch(jobUrl, {
+        method: 'GET',
         headers,
       });
-      const { data } = pollRes.data;
+      if (!pollRes.ok) {
+        throw (await this._fetchError(pollRes));
+      }
+      const pollResData = await pollRes.json();
+      const { data } = pollResData;
       pollStatus = {
         ...(data.details || {}),
         errors: data.errors || [],
@@ -395,14 +417,18 @@ export default class TxNative {
       let lastResponseStatus = 202;
       const tsNow = Date.now();
       while (lastResponseStatus === 202) {
-        /* eslint-disable no-await-in-loop */
-        response = await axios.get(`${this.cdsHost}/languages`, {
+        response = await fetch(`${this.cdsHost}/languages`, {
+          method: 'GET',
           headers: {
             Authorization: `Bearer ${this.token}`,
             'Accept-version': 'v2',
             'X-NATIVE-SDK': `txjs/${__PLATFORM__}/${__VERSION__}`,
           },
+          signal: this.fetchTimeout > 0 ? AbortSignal.timeout(this.fetchTimeout) : undefined,
         });
+        if (!response.ok) {
+          throw (await this._fetchError(response));
+        }
         lastResponseStatus = response.status;
         if (this.fetchTimeout > 0 && (Date.now() - tsNow) >= this.fetchTimeout) {
           throw handleError(new Error('Get locales timeout'));
@@ -410,10 +436,9 @@ export default class TxNative {
         if (lastResponseStatus === 202 && this.fetchInterval > 0) {
           await sleep(this.fetchInterval);
         }
-        /* eslint-enable no-await-in-loop */
       }
 
-      const { data } = response;
+      const data = await response.json();
       if (data && data.data) {
         this.languages = data.data;
         this.locales = this.languages.map((entry) => entry.code);
@@ -536,7 +561,6 @@ export default class TxNative {
           // Fetch translations for additional instance without blocking
           // anything else in case of missing language
           try {
-            // eslint-disable-next-line no-await-in-loop
             await instances[i].fetchTranslations(localeCode);
           } catch (e) {
             // no-op
@@ -553,4 +577,20 @@ export default class TxNative {
       }
     });
   }
+
+  /**
+   * Return a new fetch error
+   *
+   * @param {*} response
+   * @memberof TxNative
+   */
+  // eslint-disable-next-line class-methods-use-this
+  async _fetchError(response) {
+    try {
+      const text = await response.text();
+      return new Error(`HTTP ${response.status}: ${text}`);
+    } catch (err) {
+      return new Error(`HTTP error ${response.status}`);
+    }
+  }
 }

package/src/index.d.ts

@@ -115,6 +115,8 @@ declare module '@transifex/native' {
     translate(sourceString: string, params?: ITranslateParams): string;
 
     translateLocale(localeCode: string, sourceString: string, params?: ITranslateParams): string;
+
+    t(sourceString: string, params?: ITranslateParams): string;
   }
 
   export class MessageFormatRenderer implements IMessageFormatRenderer {
@@ -165,7 +167,7 @@ declare module '@transifex/native' {
     localeCode: string;
   }
 
-  export function createNativeInstance(initOptions: ITranslationConfig): TxNative;
+  export function createNativeInstance(initOptions?: ITranslationConfig): TxNative;
 
   export function escape(unsafe: string): string;