@builder.io/sdk-react 0.1.8 → 0.1.10

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

@@ -3,7 +3,7 @@ import RenderInlinedStyles from "../../render-inlined-styles";
 import { getCss } from "./render-styles.helpers";
 import { getFontCss } from "./render-styles.helpers";
 
-export default function RenderContentStyles(props) {
+function RenderContentStyles(props) {
   const _context = { ...props["_context"] };
 
   const state = {
@@ -15,6 +15,19 @@ ${getCss({
 ${getFontCss({
   customFonts: props.customFonts,
 })}
+
+.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
+margin: 0;
+}
+.builder-text > p, .builder-text > .builder-paragraph {
+color: inherit;
+line-height: inherit;
+letter-spacing: inherit;
+font-weight: inherit;
+font-size: inherit;
+text-align: inherit;
+font-family: inherit;
+}
 `,
   };
 
@@ -22,3 +35,5 @@ ${getFontCss({
     <RenderInlinedStyles styles={state.injectedStyles} _context={_context} />
   );
 }
+
+export default RenderContentStyles;

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";