support old browser without CompressionStream

desentio · May 15, 2024 · 5b6c1e5 · 5b6c1e5
1 parent cb89f04
commit 5b6c1e5
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 10 deletions.
diff --git a/index.js b/index.js
@@ -10,6 +10,7 @@ const extractTextNodes = require('./utils/translation/extractTextNodes.js');
 const getTranslationsFromAPI = require('./utils/translation/getTranslationsFromAPI.js');
 const { renderWeploySelectorState } = require('./utils/selector/renderWeploySelectorState.js');
 const getTranslationCacheFromCloudflare = require('./utils/translation/getTranslationCacheFromCloudflare.js');
+const { isCompressionSupported } = require('./utils/compressions.js');
 
 var isDomListenerAdded;
 
@@ -119,7 +120,7 @@ function processTextNodes(textNodes = [], language = "", apiKey = "") {
       window.weployTranslating = true;
       renderWeploySelectorState({ shouldUpdateActiveLang: false });
 
-      const cacheFromCloudFlare = await getTranslationCacheFromCloudflare(language, apiKey);
+      const cacheFromCloudFlare = isCompressionSupported() ? await getTranslationCacheFromCloudflare(language, apiKey) : {};
       window.translationCache[window.location.pathname][language] = {
         ...(window.translationCache?.[window.location.pathname]?.[language] || {}),
         ...cacheFromCloudFlare

diff --git a/utils/compressions.js b/utils/compressions.js
@@ -1,3 +1,8 @@
+function isCompressionSupported() {
+  const isSupported = window.CompressionStream && window.DecompressionStream && window.TextEncoder && window.TextDecoder;
+  return isSupported;
+}
+
 function compressToArrayBuffer(string, encoding) {
   const byteArray = new TextEncoder().encode(string);
   const cs = new CompressionStream(encoding);
@@ -60,5 +65,6 @@ module.exports = {
   compressToArrayBuffer,
   decompressArrayBuffer,
   compressToString,
-  decompressString
+  decompressString,
+  isCompressionSupported
 };
diff --git a/utils/configs.js b/utils/configs.js
@@ -5,7 +5,6 @@ const isBrowser = () => typeof window !== 'undefined'
 const API_URL = "https://api.weploy.ai"
 const CDN_URL = ""
 const KV_URL = "https://cdn.weploy.ai"
-const SHOULD_COMPRESS_PAYLOAD = true
 
 /** Translation Options */
 var weployOptions;
@@ -112,6 +111,5 @@ module.exports = {
   API_URL,
   CDN_URL,
   KV_URL,
-  SHOULD_COMPRESS_PAYLOAD,
   weployOptions
 }
diff --git a/utils/languages/fetchLanguageList.js b/utils/languages/fetchLanguageList.js
@@ -1,5 +1,5 @@
-const { decompressArrayBuffer } = require("../compressions");
-const { isBrowser, API_URL, getWeployOptions, setWeployActiveLang, setWeployOptions, SHOULD_COMPRESS_PAYLOAD } = require("../configs");
+const { decompressArrayBuffer, isCompressionSupported } = require("../compressions");
+const { isBrowser, API_URL, getWeployOptions, setWeployActiveLang, setWeployOptions } = require("../configs");
 const { renderWeploySelectorState } = require("../selector/renderWeploySelectorState");
 
 async function fetchLanguageList(apiKey) {
@@ -9,7 +9,7 @@ async function fetchLanguageList(apiKey) {
   if (window.weployError) return [];
   return [];
 
-  const shouldCompressResponse = SHOULD_COMPRESS_PAYLOAD;
+  const shouldCompressResponse = isCompressionSupported();
   const headers = {
     "X-Api-Key": apiKey,
   }

diff --git a/utils/translation/getTranslationsFromAPI.js b/utils/translation/getTranslationsFromAPI.js
@@ -1,5 +1,5 @@
-const { compressToArrayBuffer, decompressArrayBuffer } = require("../compressions");
-const { API_URL, setWeployActiveLang, isBrowser, SHOULD_COMPRESS_PAYLOAD } = require("../configs");
+const { compressToArrayBuffer, decompressArrayBuffer, isCompressionSupported } = require("../compressions");
+const { API_URL, setWeployActiveLang, isBrowser } = require("../configs");
 const { renderWeploySelectorState } = require("../selector/renderWeploySelectorState");
 
 async function getTranslationsFromAPI(strings, language, apiKey) {
@@ -23,7 +23,9 @@ async function getTranslationsFromAPI(strings, language, apiKey) {
 
   const stringifiedPayload = JSON.stringify(finalPayload);
 
-  const shouldCompressPayload = SHOULD_COMPRESS_PAYLOAD;
+  const shouldCompressPayload = isCompressionSupported();
+  if (!shouldCompressPayload) console.log("WEPLOY: Compression is not supported in this browser, therefore the payload will be sent uncompressed.");
+
   const compressedPayload = shouldCompressPayload ?  await compressToArrayBuffer(stringifiedPayload, "gzip") : null;
 
   return await new Promise((resolve) => {