@builder.io/sdk-svelte 2.0.8 → 2.0.9

package/lib/browser/components/content/content.svelte

@@ -3,7 +3,7 @@ import { writable } from "svelte/store";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
 import { TARGET } from "../../constants/target";
 import ComponentsContext from "../../context/components.context";
-import { serializeComponentInfo } from "../../functions/register-component";
+import { serializeIncludingFunctions } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
 import "../dynamic-div.svelte";
@@ -54,7 +54,7 @@ let registeredComponents = [
     ...acc,
     [info.name]: {
         component: component,
-        ...serializeComponentInfo(info),
+        ...serializeIncludingFunctions(info),
     },
 }), {});
 let builderContextSignal = writable({
@@ -84,7 +84,7 @@ let builderContextSignal = writable({
         }) || []),
     ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
-        [info.name]: serializeComponentInfo(info),
+        [info.name]: serializeIncludingFunctions(info),
     }), {}),
     inheritedStyles: {},
     BlocksWrapper: blocksWrapper || "div",

package/lib/browser/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.8";
+export declare const SDK_VERSION = "2.0.9";

package/lib/browser/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.8";
+export const SDK_VERSION = "2.0.9";

package/lib/browser/functions/register-component.d.ts

@@ -3,4 +3,4 @@ export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
     data: any;
 };
-export declare function serializeComponentInfo(info: ComponentInfo): any;
+export declare function serializeIncludingFunctions(info: ComponentInfo): any;

package/lib/browser/functions/register-component.js

@@ -1,6 +1,6 @@
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
-    data: serializeComponentInfo(info)
+    data: serializeIncludingFunctions(info)
 });
 // eslint-disable-next-line @typescript-eslint/ban-types
 const serializeFn = (fnValue) => {
@@ -12,7 +12,7 @@ const serializeFn = (fnValue) => {
     const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
     return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-export function serializeComponentInfo(info) {
+export function serializeIncludingFunctions(info) {
     return JSON.parse(JSON.stringify(info, (key, value) => {
         if (typeof value === 'function') {
             return serializeFn(value);

package/lib/browser/functions/register.js

@@ -1,6 +1,10 @@
 import { isBrowser } from './is-browser';
+import { serializeIncludingFunctions } from './register-component';
 const registry = {};
 export function register(type, info) {
+    if (type === 'plugin') {
+        info = serializeIncludingFunctions(info);
+    }
     let typeList = registry[type];
     if (!typeList) {
         typeList = registry[type] = [];

package/lib/edge/components/content/content.svelte

@@ -3,7 +3,7 @@ import { writable } from "svelte/store";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
 import { TARGET } from "../../constants/target";
 import ComponentsContext from "../../context/components.context";
-import { serializeComponentInfo } from "../../functions/register-component";
+import { serializeIncludingFunctions } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
 import "../dynamic-div.svelte";
@@ -54,7 +54,7 @@ let registeredComponents = [
     ...acc,
     [info.name]: {
         component: component,
-        ...serializeComponentInfo(info),
+        ...serializeIncludingFunctions(info),
     },
 }), {});
 let builderContextSignal = writable({
@@ -84,7 +84,7 @@ let builderContextSignal = writable({
         }) || []),
     ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
-        [info.name]: serializeComponentInfo(info),
+        [info.name]: serializeIncludingFunctions(info),
     }), {}),
     inheritedStyles: {},
     BlocksWrapper: blocksWrapper || "div",

package/lib/edge/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.8";
+export declare const SDK_VERSION = "2.0.9";

package/lib/edge/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.8";
+export const SDK_VERSION = "2.0.9";

package/lib/edge/functions/register-component.d.ts

@@ -3,4 +3,4 @@ export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
     data: any;
 };
-export declare function serializeComponentInfo(info: ComponentInfo): any;
+export declare function serializeIncludingFunctions(info: ComponentInfo): any;

package/lib/edge/functions/register-component.js

@@ -1,6 +1,6 @@
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
-    data: serializeComponentInfo(info)
+    data: serializeIncludingFunctions(info)
 });
 // eslint-disable-next-line @typescript-eslint/ban-types
 const serializeFn = (fnValue) => {
@@ -12,7 +12,7 @@ const serializeFn = (fnValue) => {
     const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
     return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-export function serializeComponentInfo(info) {
+export function serializeIncludingFunctions(info) {
     return JSON.parse(JSON.stringify(info, (key, value) => {
         if (typeof value === 'function') {
             return serializeFn(value);

package/lib/edge/functions/register.js

@@ -1,6 +1,10 @@
 import { isBrowser } from './is-browser';
+import { serializeIncludingFunctions } from './register-component';
 const registry = {};
 export function register(type, info) {
+    if (type === 'plugin') {
+        info = serializeIncludingFunctions(info);
+    }
     let typeList = registry[type];
     if (!typeList) {
         typeList = registry[type] = [];

package/lib/node/components/content/content.svelte

@@ -3,7 +3,7 @@ import { writable } from "svelte/store";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components";
 import { TARGET } from "../../constants/target";
 import ComponentsContext from "../../context/components.context";
-import { serializeComponentInfo } from "../../functions/register-component";
+import { serializeIncludingFunctions } from "../../functions/register-component";
 import Blocks from "../blocks/blocks.svelte";
 import { getUpdateVariantVisibilityScript } from "../content-variants/helpers";
 import "../dynamic-div.svelte";
@@ -54,7 +54,7 @@ let registeredComponents = [
     ...acc,
     [info.name]: {
         component: component,
-        ...serializeComponentInfo(info),
+        ...serializeIncludingFunctions(info),
     },
 }), {});
 let builderContextSignal = writable({
@@ -84,7 +84,7 @@ let builderContextSignal = writable({
         }) || []),
     ].reduce((acc, { component: _, ...info }) => ({
         ...acc,
-        [info.name]: serializeComponentInfo(info),
+        [info.name]: serializeIncludingFunctions(info),
     }), {}),
     inheritedStyles: {},
     BlocksWrapper: blocksWrapper || "div",

package/lib/node/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.0.8";
+export declare const SDK_VERSION = "2.0.9";

package/lib/node/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.8";
+export const SDK_VERSION = "2.0.9";

package/lib/node/functions/register-component.d.ts

@@ -3,4 +3,4 @@ export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
     data: any;
 };
-export declare function serializeComponentInfo(info: ComponentInfo): any;
+export declare function serializeIncludingFunctions(info: ComponentInfo): any;

package/lib/node/functions/register-component.js

@@ -1,6 +1,6 @@
 export const createRegisterComponentMessage = (info) => ({
     type: 'builder.registerComponent',
-    data: serializeComponentInfo(info)
+    data: serializeIncludingFunctions(info)
 });
 // eslint-disable-next-line @typescript-eslint/ban-types
 const serializeFn = (fnValue) => {
@@ -12,7 +12,7 @@ const serializeFn = (fnValue) => {
     const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
     return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-export function serializeComponentInfo(info) {
+export function serializeIncludingFunctions(info) {
     return JSON.parse(JSON.stringify(info, (key, value) => {
         if (typeof value === 'function') {
             return serializeFn(value);

package/lib/node/functions/register.js

@@ -1,6 +1,10 @@
 import { isBrowser } from './is-browser';
+import { serializeIncludingFunctions } from './register-component';
 const registry = {};
 export function register(type, info) {
+    if (type === 'plugin') {
+        info = serializeIncludingFunctions(info);
+    }
     let typeList = registry[type];
     if (!typeList) {
         typeList = registry[type] = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-svelte",
   "description": "Builder.io SDK for Svelte",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "type": "module",
   "files": [
     "lib",

package/src/components/content/content.svelte

@@ -10,7 +10,7 @@
     BuilderRenderState,
     RegisteredComponents,
   } from "../../context/types";
-  import { serializeComponentInfo } from "../../functions/register-component";
+  import { serializeIncludingFunctions } from "../../functions/register-component";
   import type { ComponentInfo } from "../../types/components";
   import type { Dictionary } from "../../types/typescript";
   import Blocks from "../blocks/blocks.svelte";
@@ -70,7 +70,7 @@
       ...acc,
       [info.name]: {
         component: component,
-        ...serializeComponentInfo(info),
+        ...serializeIncludingFunctions(info),
       },
     }),
     {}
@@ -101,7 +101,7 @@
     ].reduce<Dictionary<ComponentInfo>>(
       (acc, { component: _, ...info }) => ({
         ...acc,
-        [info.name]: serializeComponentInfo(info),
+        [info.name]: serializeIncludingFunctions(info),
       }),
       {}
     ),

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "2.0.8"
+export const SDK_VERSION = "2.0.9"

package/src/functions/register-component.ts

@@ -1,7 +1,7 @@
 import type { ComponentInfo } from '../types/components';
 export const createRegisterComponentMessage = (info: ComponentInfo) => ({
   type: 'builder.registerComponent',
-  data: serializeComponentInfo(info)
+  data: serializeIncludingFunctions(info)
 });
 
 // eslint-disable-next-line @typescript-eslint/ban-types
@@ -15,7 +15,7 @@ const serializeFn = (fnValue: Function) => {
   const appendFunction = !fnStr.startsWith('function') && !fnStr.startsWith('(');
   return `return (${appendFunction ? 'function ' : ''}${fnStr}).apply(this, arguments)`;
 };
-export function serializeComponentInfo(info: ComponentInfo) {
+export function serializeIncludingFunctions(info: ComponentInfo) {
   return JSON.parse(JSON.stringify(info, (key, value) => {
     if (typeof value === 'function') {
       return serializeFn(value);

package/src/functions/register.ts

@@ -1,6 +1,7 @@
 import type { BuilderBlock } from '../types/builder-block';
 import type { DeepPartial } from '../types/deep-partial';
 import { isBrowser } from './is-browser';
+import { serializeIncludingFunctions } from './register-component';
 export interface InsertMenuItem {
   name: string;
   icon?: string;
@@ -19,6 +20,9 @@ const registry: {
 export function register(type: 'insertMenu', info: InsertMenuConfig): void;
 export function register(type: string, info: any): void;
 export function register(type: string, info: any) {
+  if (type === 'plugin') {
+    info = serializeIncludingFunctions(info);
+  }
   let typeList = registry[type];
   if (!typeList) {
     typeList = registry[type] = [];