@builder.io/sdk-react 0.1.9 → 0.1.10

package/packages/rsc/src/components/render-content/render-content.jsx

@@ -1,6 +1,5 @@
 import * as React from "react";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import { TARGET } from "../../constants/target.js";
 import { evaluate } from "../../functions/evaluate.js";
 import { getContent } from "../../functions/get-content/index.js";
 import { fetch } from "../../functions/get-fetch.js";
@@ -25,8 +24,9 @@ import {
   getContentInitialValue,
   getContextStateInitialValue,
 } from "./render-content.helpers.js";
+import { TARGET } from "../../constants/target.js";
 
-export default function RenderContent(props) {
+function RenderContent(props) {
   const _context = { ...props["_context"] };
 
   const state = {
@@ -206,13 +206,6 @@ export default function RenderContent(props) {
         );
       }
     },
-    get shouldRenderContentStyles() {
-      return Boolean(
-        (state.useContent?.data?.cssCode ||
-          state.useContent?.data?.customFonts?.length) &&
-          TARGET !== "reactNative"
-      );
-    },
   };
 
   _context.builderContext = {
@@ -232,13 +225,15 @@ export default function RenderContent(props) {
             builder-content-id={state.useContent?.id}
             builder-model={props.model}
           >
-            {state.shouldRenderContentStyles ? (
-              <RenderContentStyles
-                contentId={state.useContent?.id}
-                cssCode={state.useContent?.data?.cssCode}
-                customFonts={state.useContent?.data?.customFonts}
-                _context={_context}
-              />
+            {TARGET !== "reactNative" ? (
+              <>
+                <RenderContentStyles
+                  contentId={state.useContent?.id}
+                  cssCode={state.useContent?.data?.cssCode}
+                  customFonts={state.useContent?.data?.customFonts}
+                  _context={_context}
+                />
+              </>
             ) : null}
 
             <RenderBlocks
@@ -252,3 +247,5 @@ export default function RenderContent(props) {
     </>
   );
 }
+
+export default RenderContent;

package/packages/rsc/src/components/render-inlined-styles.jsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { TARGET } from "../constants/target.js";
 
-export default function RenderInlinedStyles(props) {
+function RenderInlinedStyles(props) {
   const _context = { ...props["_context"] };
 
   const state = {
@@ -29,3 +29,5 @@ export default function RenderInlinedStyles(props) {
     </>
   );
 }
+
+export default RenderInlinedStyles;

package/packages/rsc/src/functions/is-editing.js

@@ -1,6 +1,7 @@
+import { TARGET } from "../constants/target.js";
 import { isIframe } from "./is-iframe.js";
 function isEditing() {
-  return isIframe() && window.location.search.indexOf("builder.frameEditing=") !== -1;
+  return isIframe() && (TARGET === "reactNative" || window.location.search.indexOf("builder.frameEditing=") !== -1);
 }
 export {
   isEditing

package/packages/rsc/src/index.js

@@ -1,5 +1,4 @@
 export * from "./index-helpers/top-of-file.js";
-import "./scripts/init-editing.js";
 export * from "./index-helpers/blocks-exports.js";
 export * from "./functions/is-editing.js";
 export * from "./functions/is-previewing.js";