feat(SDK): allow sdk setConfig to just update editor content

hatemhosny · hatemhosny · commit 282824c51d8d · 2025-05-17T07:09:57.000+03:00
diff --git a/src/livecodes/core.ts b/src/livecodes/core.ts
@@ -114,6 +114,7 @@ import {
   capitalize,
   isMac,
   ctrl,
+  compareObjects,
 } from './utils';
 import { compress } from './utils/compression';
 import { getCompiler, getAllCompilers, cjs2esm, getCompileResult } from './compiler';
@@ -5503,9 +5504,22 @@ const createApi = (): API => {
       }
       return false;
     })();
+    const isContentOnlyChange = compareObjects(
+      newConfig,
+      currentConfig as Record<string, any>,
+    ).every((k) => ['markup.content', 'style.content', 'script.content'].includes(k));
 
     setConfig(newAppConfig);
 
+    if (isContentOnlyChange) {
+      for (const key of ['markup', 'style', 'script'] as const) {
+        if (newConfig[key]) {
+          editors[key].setValue(newConfig[key].content);
+        }
+      }
+      return newAppConfig;
+    }
+
     if (hasNewAppLanguage) {
       changeAppLanguage(newConfig.appLanguage!);
       return newAppConfig;
@@ -5521,7 +5535,7 @@ const createApi = (): API => {
     const hasContent = Object.values(content).some((value) => value != null);
     if (hasContent) {
       await loadConfig(newAppConfig);
-    } else if (shouldRun) {
+    } else if (shouldRun && newAppConfig.autoupdate === true) {
       await run();
     }
     return newAppConfig;
diff --git a/src/livecodes/utils/utils.ts b/src/livecodes/utils/utils.ts
@@ -617,6 +617,32 @@ export const isFocusable = /* @__PURE__ */ (item: any | null): boolean => {
   }
 };
 
+/**
+ * Compares two objects and returns a list of keys of source object
+ * whose values are different from the destination object.
+ */
+export const compareObjects = /* @__PURE__ */ (
+  srcObj: Record<string, unknown>,
+  dstObj: Record<string, unknown>,
+) => {
+  const diff: string[] = [];
+  for (const key of Object.keys(srcObj)) {
+    if (typeof srcObj[key] === 'function') {
+      continue;
+    } else if (!(key in dstObj)) {
+      diff.push(key);
+    } else if (srcObj[key] !== null && typeof srcObj[key] === 'object') {
+      const objDiff = compareObjects(srcObj[key] as any, dstObj[key] as any).map(
+        (k) => `${key}.${k}`,
+      );
+      diff.push(...objDiff);
+    } else if (srcObj[key] !== dstObj[key]) {
+      diff.push(key);
+    }
+  }
+  return diff;
+};
+
 export const predefinedValues = {
   APP_VERSION: process.env.VERSION || '',
   SDK_VERSION: process.env.SDK_VERSION || '',
