@builder.io/sdk-react-native 2.0.7 → 2.0.9

package/lib/node/typescript/components/block/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../../src/components/block/block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,uBAAuB,CAAC;IACjC,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,EAAE,GAAG,CAAC;CACpB,CAAC;AACF,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAkB9D,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBA8K/B;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../../src/components/block/block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,uBAAuB,CAAC;IACjC,oBAAoB,EAAE,oBAAoB,CAAC;IAC3C,aAAa,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACrB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAkB9D,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU,qBA8K/B;AAED,eAAe,KAAK,CAAC"}

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

@@ -1,2 +1,2 @@
-export declare const SDK_VERSION = "2.0.7";
+export declare const SDK_VERSION = "2.0.9";
 //# sourceMappingURL=sdk-version.d.ts.map

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

@@ -3,5 +3,5 @@ export declare const createRegisterComponentMessage: (info: ComponentInfo) => {
     type: string;
     data: any;
 };
-export declare function serializeComponentInfo(info: ComponentInfo): any;
+export declare function serializeIncludingFunctions(info: ComponentInfo): any;
 //# sourceMappingURL=register-component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"register-component.d.ts","sourceRoot":"","sources":["../../../../src/functions/register-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,eAAO,MAAM,8BAA8B,SAAU,aAAa;;;CAGhE,CAAC;AAaH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,aAAa,OAOzD"}
+{"version":3,"file":"register-component.d.ts","sourceRoot":"","sources":["../../../../src/functions/register-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,eAAO,MAAM,8BAA8B,SAAU,aAAa;;;CAGhE,CAAC;AAaH,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,OAO9D"}

package/lib/node/typescript/functions/register.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../src/functions/register.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;AAC3E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC"}
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../src/functions/register.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;CACjC;AACD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,gBAAgB,GAAG,IAAI,CAAC;AAC3E,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC"}

package/lib/node/typescript/functions/transform-style-property.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transform-style-property.d.ts","sourceRoot":"","sources":["../../../../src/functions/transform-style-property.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAqgB3D,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,uBAAuB,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC;CACZ,gDAOA"}
+{"version":3,"file":"transform-style-property.d.ts","sourceRoot":"","sources":["../../../../src/functions/transform-style-property.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAygB3D,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,uBAAuB,CAAC;IACjC,KAAK,EAAE,GAAG,CAAC;CACZ,gDAOA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react-native",
   "repository": {
     "type": "git",

package/src/components/block/block.tsx

@@ -21,6 +21,7 @@ export type BlockProps = {
   registeredComponents: RegisteredComponents;
   linkComponent: any;
 };
+import { TARGET } from "../../constants/target";
 import type {
   BuilderContextInterface,
   RegisteredComponents,
@@ -136,7 +137,7 @@ function Block(props: BlockProps) {
       registeredComponents: props.registeredComponents,
       builderBlock: processedBlock(),
       includeBlockProps: blockComponent?.()?.noWrap === true,
-      isInteractive: !blockComponent?.()?.isRSC,
+      isInteractive: !(blockComponent?.()?.isRSC && TARGET === "rsc"),
     };
   }
 

package/src/components/content/content.tsx

@@ -21,7 +21,7 @@ import type {
   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";
@@ -67,7 +67,7 @@ function ContentComponent(props: ContentProps) {
         ...acc,
         [info.name]: {
           component: component,
-          ...serializeComponentInfo(info),
+          ...serializeIncludingFunctions(info),
         },
       }),
       {}
@@ -101,7 +101,7 @@ function ContentComponent(props: ContentProps) {
     ].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.7"
+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] = [];

package/src/functions/transform-style-property.ts

@@ -112,6 +112,10 @@ const cssProperties: Record<string, CSSPropertyValidator> = {
   paddingHorizontal: (value: string) => lengthPattern.test(value),
   paddingVertical: (value: string) => lengthPattern.test(value),
 
+  gap: (value: string) => lengthPattern.test(value),
+  columnGap: (value: string) => lengthPattern.test(value),
+  rowGap: (value: string) => lengthPattern.test(value),
+
   // Border Properties
   borderStyle: (value: string) =>
     ['solid', 'dotted', 'dashed', 'none'].includes(value),