@builder.io/sdk-solid 0.0.7 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "description": "",
   "module": "src/index.js",
@@ -12,5 +12,61 @@
   },
   "devDependencies": {
     "solid-js": "^1.3.15"
+  },
+  "exports": {
+    "./functions/event-handler": "./functions/event-handler.js",
+    "./functions/get-block-actions": "./functions/get-block-actions.js",
+    "./functions/get-block-component": "./functions/get-block-component.js",
+    "./functions/get-block-properties": "./functions/get-block-properties.js",
+    "./functions/get-block-styles": "./functions/get-block-styles.js",
+    "./functions/get-block-tag": "./functions/get-block-tag.js",
+    "./functions/get-fetch": "./functions/get-fetch.js",
+    "./functions/get-global-this": "./functions/get-global-this.js",
+    "./functions/get-processed-block": "./functions/get-processed-block.js",
+    "./functions/if-target": "./functions/if-target.js",
+    "./functions/is-browser": "./functions/is-browser.js",
+    "./functions/is-editing": "./functions/is-editing.js",
+    "./functions/is-iframe": "./functions/is-iframe.js",
+    "./functions/is-previewing": "./functions/is-previewing.js",
+    "./functions/macro-eval": "./functions/macro-eval.js",
+    "./functions/on-change": "./functions/on-change.js",
+    "./functions/previewing-model-name": "./functions/previewing-model-name.js",
+    "./functions/register-component": "./functions/register-component.js",
+    "./functions/register": "./functions/register.js",
+    "./functions/set-editor-settings": "./functions/set-editor-settings.js",
+    "./functions/set": "./functions/set.js",
+    "./functions/track": "./functions/track.js",
+    "./functions/transform-block": "./functions/transform-block.js",
+    "./functions/get-content": "./functions/get-content/index.js",
+    "./functions/get-builder-search-params": "./functions/get-builder-search-params/index.js",
+    "./functions/index-helpers/block-exports": "./functions/index-helpers/block-exports.js",
+    "./functions/index-helpers/top-of-file": "./functions/index-helpers/top-of-file.js",
+    "./functions/scripts/init-editing": "./functions/scripts/init-editing.js",
+    "./constants/device-sizes": "./constants/device-sizes.js",
+    "./constants/target": "./constants/target.js",
+    "./context/builder.context": "./context/builder.context.js",
+    "./components/block-styles": "./components/block-styles.js",
+    "./components/error-boundary": "./components/error-boundary.js",
+    "./components/render-block": "./components/render-block.js",
+    "./components/render-blocks": "./components/render-blocks.js",
+    "./components/render-content/render-content": "./components/render-content/render-content.js",
+    "./components/render-content/components/render-styles": "./components/components/render-styles/render-content.js",
+    "./blocks/button": "./blocks/button.jsx",
+    "./blocks/columns": "./blocks/columns.jsx",
+    "./blocks/custom-code": "./blocks/custom-code.jsx",
+    "./blocks/embed": "./blocks/embed.jsx",
+    "./blocks/form": "./blocks/form.jsx",
+    "./blocks/fragment": "./blocks/fragment.jsx",
+    "./blocks/image": "./blocks/image.jsx",
+    "./blocks/img": "./blocks/img.jsx",
+    "./blocks/input": "./blocks/input.jsx",
+    "./blocks/raw-text": "./blocks/raw-text.jsx",
+    "./blocks/section": "./blocks/section.jsx",
+    "./blocks/select": "./blocks/select.jsx",
+    "./blocks/submit-button": "./blocks/submit-button.jsx",
+    "./blocks/symbol": "./blocks/symbol.jsx",
+    "./blocks/text": "./blocks/text.jsx",
+    "./blocks/textarea": "./blocks/textarea.jsx",
+    "./blocks/video": "./blocks/video.jsx"
   }
 }

package/src/blocks/columns.jsx

@@ -4,7 +4,6 @@ import { css } from "solid-styled-components";
 import RenderBlocks from "../components/render-blocks";
 
 function Columns(props) {
-  console.log('columns')
   const state = createMutable({
     getGutterSize() {
       return typeof props.space === "number" ? props.space || 0 : 20;
@@ -51,8 +50,6 @@ function Columns(props) {
     }
 
   });
-
-  console.log('props.columns', props.columns, props.builderBlock.component.options.columns)
   return <div class={css({
     display: "flex",
     alignItems: "stretch",
@@ -63,13 +60,11 @@ function Columns(props) {
     "@media (max-width: 639px)": {
       flexDirection: "var(--flex-dir)"
     }
-  }) + " builder-columns"} style={state.columnsCssVars}>
+  })} style={state.columnsCssVars}>
       <For each={props.columns}>
         {(column, _index) => {
         const index = _index();
 
-        console.log('column', column)
-
         return <div class={css({
           flexGrow: "1",
           "@media (max-width: 999px)": {
@@ -80,7 +75,7 @@ function Columns(props) {
             width: "var(--column-width) !important",
             marginLeft: "var(--column-margin-left) !important"
           }
-        }) + "builder-column"} style={{
+        })} style={{
           width: state.getColumnCssWidth(index),
           "margin-left": `${index === 0 ? 0 : state.getGutterSize()}px`,
           ...state.columnCssVars

package/src/components/render-block.jsx

@@ -84,17 +84,15 @@ function RenderBlock(props) {
 
   });
   const builderContext = useContext(BuilderContext);
-  console.log('props.block.options', props.block.component?.options)
   return <>
       <Show when={!state.componentInfo?.noWrap}>
         <Dynamic {...state.propertiesAndActions} style={state.css} component={state.tagName}>
           <BlockStyles block={state.useBlock}></BlockStyles>
           <Show when={state.componentRef}>
-            <Dynamic {...props.block.component.options} builderBlock={props.block} component={state.componentRef}>
+            <Dynamic {...state.componentOptions} builderBlock={state.useBlock} component={state.componentRef}>
               <For each={state.children}>
                 {(child, _index) => {
                 const index = _index();
-                console.log('render block?')
 
                 return <RenderBlock block={child}></RenderBlock>;
               }}

package/src/index.js

@@ -1,13 +1,13 @@
-import("./index-helpers/top-of-file");
-import { isEditing } from "./functions/is-editing";
+import("./index-helpers/top-of-file.js");
+import { isEditing } from "./functions/is-editing.js";
 if (isEditing()) {
-  import("./scripts/init-editing");
+  import("./scripts/init-editing.js");
 }
-export * from "./index-helpers/blocks-exports";
-export * from "./functions/is-editing";
-export * from "./functions/is-previewing";
-export * from "./functions/register-component";
-export * from "./functions/register";
-export * from "./functions/set-editor-settings";
-export * from "./functions/get-content";
-export * from "./functions/get-builder-search-params";
+export * from "./index-helpers/blocks-exports.js";
+export * from "./functions/is-editing.js.js";
+export * from "./functions/is-previewing.js";
+export * from "./functions/register-component.js";
+export * from "./functions/register.js";
+export * from "./functions/set-editor-settings.js";
+export * from "./functions/get-content.js";
+export * from "./functions/get-builder-search-params.js";