@builder.io/sdk-solid 0.0.8 → 0.0.9

package/src/blocks/symbol.jsx

@@ -1,25 +0,0 @@
-import { createMutable } from "solid-js/store";
-import RenderContent from "../components/render-content/render-content";
-import BuilderContext from "../context/builder.context";
-
-function Symbol(props) {
-  const state = createMutable({
-    className: "builder-symbol",
-    content: null
-  });
-  const builderContext = useContext(BuilderContext);
-  onMount(() => {
-    state.content = props.symbol?.content;
-  });
-  return <div class={state.className} {...props.attributes} dataSet={{
-    class: state.className
-  }}>
-      <RenderContent apiKey={builderContext.apiKey} context={builderContext.context} data={{ ...props.symbol?.data,
-      ...builderContext.state,
-      ...props.symbol?.state.content?.data?.state
-    }} model={props.symbol?.model} content={state.content}></RenderContent>
-    </div>;
-}
-
-export default Symbol;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.jsx

@@ -1,6 +0,0 @@
-function Text(props) {
-  return <div innerHTML={props.text}></div>;
-}
-
-export default Text;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.jsx

@@ -1,6 +0,0 @@
-function Textarea(props) {
-  return <textarea {...props.attributes} placeholder={props.placeholder} name={props.name} value={props.value} defaultValue={props.defaultValue}></textarea>;
-}
-
-export default Textarea;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.jsx

@@ -1,15 +0,0 @@
-function Video(props) {
-  return <video {...props.attributes} preload="none" style={{
-    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
-  }} key={props.video || "no-src"} poster={props.posterImage} autoPlay={props.autoPlay} muted={props.muted} controls={props.controls} loop={props.loop}></video>;
-}
-
-export default Video;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.jsx

@@ -1,5 +0,0 @@
-function BlockStyles(props) {
-  return <></>;
-}
-
-export default BlockStyles;

package/src/components/block-styles.lite.tsx

@@ -1,5 +0,0 @@
-function BlockStyles(props) {
-  return <></>;
-}
-
-export default BlockStyles;