@builder.io/sdk-solid 0.0.5 → 0.0.8

package/src/blocks/submit-button.js

@@ -1,18 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<button type="submit"></button>`, 2);
-
-export default function SubmitButton(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, true);
-
-    _$insert(_el$, () => props.text);
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(SubmitButton, {name:'Form:SubmitButton',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98',defaultStyles:{appearance:'none',paddingTop:'15px',paddingBottom:'15px',paddingLeft:'25px',paddingRight:'25px',backgroundColor:'#3898EC',color:'white',borderRadius:'4px',cursor:'pointer'},inputs:[{name:'text',type:'text',defaultValue:'Click me'}],static:true,noWrap:true});

package/src/blocks/symbol.js

@@ -1,69 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<div></div>`, 2);
-
-import { createMutable } from "solid-js/store";
-import RenderContent from "../components/render-content/render-content";
-import BuilderContext from "../context/builder.context";
-export default function Symbol(props) {
-  const state = createMutable({
-    className: "builder-symbol",
-    content: null
-  });
-  const builderContext = useContext(BuilderContext);
-  onMount(() => {
-    state.content = props.symbol?.content;
-  });
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, true);
-
-    _$insert(_el$, _$createComponent(RenderContent, {
-      get apiKey() {
-        return builderContext.apiKey;
-      },
-
-      get context() {
-        return builderContext.context;
-      },
-
-      get data() {
-        return { ...props.symbol?.data,
-          ...builderContext.state,
-          ...props.symbol?.state.content?.data?.state
-        };
-      },
-
-      get model() {
-        return props.symbol?.model;
-      },
-
-      get content() {
-        return state.content;
-      }
-
-    }));
-
-    _$effect(_p$ => {
-      const _v$ = state.className,
-            _v$2 = {
-        class: state.className
-      };
-      _v$ !== _p$._v$ && (_el$.className = _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _$setAttribute(_el$, "dataset", _p$._v$2 = _v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(Symbol, {name:'Symbol',noWrap:true,static:true,inputs:[{name:'symbol',type:'uiSymbol'},{name:'dataOnly',helperText:"Make this a data symbol that doesn't display any UI",type:'boolean',defaultValue:false,advanced:true,hideFromUI:true},{name:'inheritState',helperText:'Inherit the parent component state and data',type:'boolean',defaultValue:false,advanced:true},{name:'renderToLiquid',helperText:'Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting',type:'boolean',defaultValue:false,advanced:true,hideFromUI:true},{name:'useChildren',hideFromUI:true,type:'boolean'}]});

package/src/blocks/text.js

@@ -1,15 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<div></div>`, 2);
-
-export default function Text(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$effect(() => _el$.innerHTML = props.text);
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(Text, {name:'Text',static:true,builtIn:true,image:'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929',inputs:[{name:'text',type:'html',required:true,autoFocus:true,bubble:true,defaultValue:'Enter some text...'}],defaultStyles:{lineHeight:'normal',height:'auto',textAlign:'center'}});

package/src/blocks/textarea.js

@@ -1,34 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<textarea></textarea>`, 2);
-
-export default function Textarea(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, false);
-
-    _$effect(_p$ => {
-      const _v$ = props.placeholder,
-            _v$2 = props.name,
-            _v$3 = props.value,
-            _v$4 = props.defaultValue;
-      _v$ !== _p$._v$ && _$setAttribute(_el$, "placeholder", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _$setAttribute(_el$, "name", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && (_el$.value = _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && _$setAttribute(_el$, "defaultvalue", _p$._v$4 = _v$4);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined,
-      _v$3: undefined,
-      _v$4: undefined
-    });
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(Textarea, {name:'Form:TextArea',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3',inputs:[{advanced:true,name:'value',type:'string'},{name:'name',type:'string',required:true,helperText:'Every input in a form needs a unique name describing what it gets, e.g. "email"'},{name:'defaultValue',type:'string'},{name:'placeholder',type:'string',defaultValue:'Hello there'},{name:'required',type:'boolean',defaultValue:false}],defaultStyles:{paddingTop:'10px',paddingBottom:'10px',paddingLeft:'10px',paddingRight:'10px',borderRadius:'3px',borderWidth:'1px',borderStyle:'solid',borderColor:'#ccc'},static:true,noWrap:true});

package/src/blocks/video.js

@@ -1,54 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
-import { style as _$style } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<video preload="none"></video>`, 2);
-
-export default function Video(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, false);
-
-    _$effect(_p$ => {
-      const _v$ = {
-        width: "100%",
-        height: "100%",
-        ...props.attributes?.style,
-        "object-fit": props.fit,
-        "object-position": props.position,
-        // Hack to get object fit to work as expected and
-        // not have the video overflow
-        "border-radius": 1
-      },
-            _v$2 = props.video || "no-src",
-            _v$3 = props.posterImage,
-            _v$4 = props.autoPlay,
-            _v$5 = props.muted,
-            _v$6 = props.controls,
-            _v$7 = props.loop;
-
-      _p$._v$ = _$style(_el$, _v$, _p$._v$);
-      _v$2 !== _p$._v$2 && _$setAttribute(_el$, "key", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && _$setAttribute(_el$, "poster", _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && _$setAttribute(_el$, "autoplay", _p$._v$4 = _v$4);
-      _v$5 !== _p$._v$5 && (_el$.muted = _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && (_el$.controls = _p$._v$6 = _v$6);
-      _v$7 !== _p$._v$7 && (_el$.loop = _p$._v$7 = _v$7);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined,
-      _v$3: undefined,
-      _v$4: undefined,
-      _v$5: undefined,
-      _v$6: undefined,
-      _v$7: undefined
-    });
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(Video, {name:'Video',canHaveChildren:true,builtIn:true,defaultStyles:{minHeight:'20px',minWidth:'20px'},image:'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb',inputs:[{name:'video',type:'file',allowedFileTypes:['mp4'],bubble:true,defaultValue:'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f',required:true},{name:'posterImage',type:'file',allowedFileTypes:['jpeg','png'],helperText:'Image to show before the video plays'},{name:'autoPlay',type:'boolean',defaultValue:true},{name:'controls',type:'boolean',defaultValue:false},{name:'muted',type:'boolean',defaultValue:true},{name:'loop',type:'boolean',defaultValue:true},{name:'playsInline',type:'boolean',defaultValue:true},{name:'fit',type:'text',defaultValue:'cover',enum:['contain','cover','fill','auto']},{name:'fitContent',type:'boolean',helperText:'When child blocks are provided, fit to them instead of using the aspect ratio',defaultValue:true,advanced:true},{name:'position',type:'text',defaultValue:'center',enum:['center','top','left','right','bottom','top left','top right','bottom left','bottom right']},{name:'height',type:'number',advanced:true},{name:'width',type:'number',advanced:true},{name:'aspectRatio',type:'number',advanced:true,defaultValue:0.7004048582995948},{name:'lazyLoad',type:'boolean',helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:true,advanced:true}]});

package/src/components/block-styles.js

@@ -1,3 +0,0 @@
-export default function BlockStyles(props) {
-  return [];
-}

package/src/components/error-boundary.js

@@ -1,3 +0,0 @@
-export default function ErrorBoundary(props) {
-  return [];
-}

package/src/components/render-blocks.js

@@ -1,104 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { delegateEvents as _$delegateEvents } from "solid-js/web";
-import { setAttribute as _$setAttribute } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { createComponent as _$createComponent } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<div></div>`, 2);
-
-import { Show, For } from "solid-js";
-import { createMutable } from "solid-js/store";
-import { css } from "solid-styled-components";
-import { isEditing } from "../functions/is-editing";
-import RenderBlock from "./render-block";
-export default function RenderBlocks(props) {
-  const state = createMutable({
-    get className() {
-      return "builder-blocks" + (!props.blocks?.length ? " no-blocks" : "");
-    },
-
-    onClick() {
-      if (isEditing() && !props.blocks?.length) {
-        window.parent?.postMessage({
-          type: "builder.clickEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path
-          }
-        }, "*");
-      }
-    },
-
-    onMouseEnter() {
-      if (isEditing() && !props.blocks?.length) {
-        window.parent?.postMessage({
-          type: "builder.hoverEmptyBlocks",
-          data: {
-            parentElementId: props.parent,
-            dataPath: props.path
-          }
-        }, "*");
-      }
-    }
-
-  });
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _el$.addEventListener("mouseenter", event => state.onMouseEnter());
-
-    _el$.$$click = event => state.onClick();
-
-    _$insert(_el$, _$createComponent(Show, {
-      get when() {
-        return props.blocks;
-      },
-
-      get children() {
-        return _$createComponent(For, {
-          get each() {
-            return props.blocks;
-          },
-
-          children: (block, index) => _$createComponent(RenderBlock, {
-            get key() {
-              return block.id;
-            },
-
-            block: block
-          })
-        });
-      }
-
-    }));
-
-    _$effect(_p$ => {
-      const _v$ = state.className + " " + css({
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "stretch"
-      }),
-            _v$2 = props.path,
-            _v$3 = props.parent,
-            _v$4 = {
-        class: state.className
-      };
-
-      _v$ !== _p$._v$ && (_el$.className = _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _$setAttribute(_el$, "builder-path", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && _$setAttribute(_el$, "builder-parent-id", _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && _$setAttribute(_el$, "dataset", _p$._v$4 = _v$4);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined,
-      _v$3: undefined,
-      _v$4: undefined
-    });
-
-    return _el$;
-  })();
-}
-
-_$delegateEvents(["click"]);