refactor(SDK): encode params from sdk

hatemhosny · hatemhosny · commit b49c1cb13642 · 2025-04-21T15:19:16.000+02:00
diff --git a/src/livecodes/config/build-config.ts b/src/livecodes/config/build-config.ts
@@ -9,6 +9,7 @@ import type {
 } from '../models';
 import { getLanguageByAlias, getLanguageEditorId } from '../languages';
 import { cloneObject, decodeHTML, removeDuplicates } from '../utils';
+import { decompress } from '../utils/compression';
 import { defaultConfig } from './default-config';
 import { upgradeAndValidate } from '.';
 
@@ -80,13 +81,23 @@ const fixLanguageNames = (config: Config): Config => ({
 });
 
 export const getParams = (queryParams = parent.location.search): UrlQueryParams => {
-  const params = Object.fromEntries(new URLSearchParams(queryParams) as unknown as Iterable<any>);
+  let params: { [key: string]: string | boolean } = Object.fromEntries(
+    new URLSearchParams(queryParams),
+  );
+  let encodedParams = {};
   Object.keys(params).forEach((key) => {
     try {
-      params[key] = decodeURIComponent(params[key]);
+      const value = params[key] as string;
+      if (key === 'params') {
+        encodedParams = JSON.parse(decompress(value) || '{}');
+        if (!encodedParams || typeof encodedParams !== 'object') encodedParams = {};
+      } else {
+        params[key] = decodeURIComponent(value);
+      }
     } catch {
       //
     }
+    params = { ...encodedParams, ...params };
     if (params[key] === '') params[key] = true;
     if (params[key] === 'true') params[key] = true;
     if (params[key] === 'false') params[key] = false;
diff --git a/src/sdk/index.ts b/src/sdk/index.ts
@@ -86,16 +86,20 @@ export async function createPlayground(
 
   const origin = url.origin;
 
-  if (typeof params === 'object') {
-    (Object.keys(params) as Array<keyof UrlQueryParams>).forEach((param) => {
-      url.searchParams.set(param, String(params[param]));
-    });
+  if (params && typeof params === 'object') {
+    try {
+      url.searchParams.set('params', compressToEncodedURIComponent(JSON.stringify(params)));
+    } catch {
+      (Object.keys(params) as Array<keyof UrlQueryParams>).forEach((param) => {
+        url.searchParams.set(param, encodeURIComponent(String(params[param])));
+      });
+    }
   }
   if (template) {
     url.searchParams.set('template', template);
   }
   if (importFrom) {
-    url.searchParams.set('x', importFrom);
+    url.searchParams.set('x', encodeURIComponent(importFrom));
   }
   if (isHeadless) {
     url.searchParams.set('headless', 'true');
@@ -125,7 +129,7 @@ export async function createPlayground(
   if (typeof config === 'string') {
     try {
       new URL(config);
-      url.searchParams.set('config', config);
+      url.searchParams.set('config', encodeURIComponent(config));
     } catch {
       throw new Error(`"config" is not a valid URL or configuration object.`);
     }
