chore: compress shared config URLs

Author: JavaZeroo

package-lock.json

@@ -24,7 +24,8 @@
     "react-chartjs-2": "^5.3.0",
     "react-dom": "^19.1.0",
     "react-i18next": "^15.7.2",
-    "tailwindcss": "^3.4.4"
+    "tailwindcss": "^3.4.4",
+    "lz-string": "^1.5.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",

package.json

@@ -12,6 +12,15 @@ describe('shareConfig', () => {
     expect(decoded).toEqual(data);
   });
 
+  it('compresses data compared to base64', () => {
+    const data = { text: 'a'.repeat(1000) };
+    const encoded = encodeConfig(data);
+    const json = JSON.stringify(data);
+    const base64 = Buffer.from(json, 'utf-8').toString('base64');
+    const raw = encodeURIComponent(base64);
+    expect(encoded.length).toBeLessThan(raw.length);
+  });
+
   it('returns null for invalid input', () => {
     expect(decodeConfig('%')).toBeNull();
   });

src/utils/__tests__/shareConfig.test.js

@@ -1,18 +1,14 @@
+import LZString from 'lz-string';
+
 export function encodeConfig(data) {
   const json = JSON.stringify(data);
-  const base64 = typeof btoa === 'function'
-    ? btoa(json)
-    : Buffer.from(json, 'utf-8').toString('base64');
-  return encodeURIComponent(base64);
+  return LZString.compressToEncodedURIComponent(json);
 }
 
 export function decodeConfig(encoded) {
   try {
-    const base64 = decodeURIComponent(encoded);
-    const json = typeof atob === 'function'
-      ? atob(base64)
-      : Buffer.from(base64, 'base64').toString('utf-8');
-    return JSON.parse(json);
+    const json = LZString.decompressFromEncodedURIComponent(encoded);
+    return json ? JSON.parse(json) : null;
   } catch (e) {
     console.error('Failed to decode config', e);
     return null;