@builder.io/sdk-svelte 0.4.5 → 0.5.0

package/src/context/types.ts

@@ -2,17 +2,12 @@ import type { BuilderContent } from '../types/builder-content.js';
 import type { ComponentInfo } from '../types/components.js';
 import type { Dictionary, Nullable } from '../types/typescript.js';
 import type { ApiVersion } from '../types/api-version.js';
-
 export type RegisteredComponent = ComponentInfo & {
   component: any;
 };
-
 export type RegisteredComponents = Dictionary<RegisteredComponent>;
-
 export type BuilderRenderState = Record<string, unknown>;
-
 export type BuilderRenderContext = Record<string, unknown>;
-
 export interface BuilderContextInterface {
   content: Nullable<BuilderContent>;
   context: BuilderRenderContext;
@@ -35,7 +30,7 @@ export interface BuilderContextInterface {
   localState: BuilderRenderState | undefined;
   apiKey: string | null;
   apiVersion: ApiVersion | undefined;
-  registeredComponents: RegisteredComponents;
+  componentInfos: Dictionary<ComponentInfo>;
   // Used to recursively store all CSS coming from a parent that would apply to a Text block
   inheritedStyles: Record<string, unknown>;
-}
+}

package/src/functions/apply-patch-with-mutation.ts

@@ -0,0 +1,61 @@
+export type Patch = {
+  path: string;
+  op: 'add' | 'remove' | 'replace';
+  value: any;
+};
+export const applyPatchWithMinimalMutationChain = <T extends object,>(obj: T, patch: {
+  path: string;
+  op: 'add' | 'remove' | 'replace';
+  value: any;
+}, preserveRoot = false): T => {
+  if (Object(obj) !== obj) {
+    return obj;
+  }
+  const {
+    path,
+    op,
+    value
+  } = patch;
+  const pathArr: string[] = path.split(/\//);
+  if (pathArr[0] === '') {
+    pathArr.shift();
+  }
+  const newObj = preserveRoot ? obj : {
+    ...obj
+  };
+  let objPart = (newObj as any);
+  for (let i = 0; i < pathArr.length; i++) {
+    const isLast = i === pathArr.length - 1;
+    const property = pathArr[i];
+    if (isLast) {
+      if (op === 'replace') {
+        objPart[property] = value;
+      } else if (op === 'add') {
+        const index = Number(property);
+        if (Array.isArray(objPart)) {
+          if (property === '-') {
+            objPart.push(value);
+          } else {
+            objPart.splice(index, 0, value);
+          }
+        } else {
+          objPart[property] = value;
+        }
+      } else if (op === 'remove') {
+        const index = Number(property);
+        if (Array.isArray(objPart)) {
+          objPart.splice(index, 1);
+        } else {
+          delete objPart[property];
+        }
+      }
+    } else {
+      const nextProperty = pathArr[i + 1];
+      const newPart = Object(objPart[property]) === objPart[property] ? objPart[property] : String(Number(nextProperty)) === nextProperty ? [] : {};
+      objPart = objPart[property] = Array.isArray(newPart) ? [...newPart] : {
+        ...newPart
+      };
+    }
+  }
+  return newObj;
+}

package/src/functions/camel-to-kebab-case.ts

@@ -1,2 +1 @@
-export const camelToKebabCase = (string: string) =>
-  string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
+export const camelToKebabCase = (string: string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()