@builder.io/sdk-solid 0.0.3 → 0.0.6

package/src/components/{render-content.lite.tsx → render-content/render-content.lite.tsx}

@@ -2,25 +2,24 @@ import { useContext, Show, onMount } from "solid-js";
 import { Dynamic } from "solid-js/web";
 import { createMutable } from "solid-js/store";
 
-import { isBrowser } from "../functions/is-browser";
-import BuilderContext from "../context/builder.context";
-import { track } from "../functions/track";
-import { isReactNative } from "../functions/is-react-native";
-import { isEditing } from "../functions/is-editing";
-import { isPreviewing } from "../functions/is-previewing";
-import { previewingModelName } from "../functions/previewing-model-name";
-import { getContent } from "../functions/get-content";
+import { isBrowser } from "../../functions/is-browser";
+import BuilderContext from "../../context/builder.context";
+import { track } from "../../functions/track";
+import { isEditing } from "../../functions/is-editing";
+import { isPreviewing } from "../../functions/is-previewing";
+import { previewingModelName } from "../../functions/previewing-model-name";
+import { getContent } from "../../functions/get-content";
 import {
   convertSearchParamsToQueryObject,
   getBuilderSearchParams,
-} from "../functions/get-builder-search-params";
-import RenderBlocks from "./render-blocks.lite";
-import { evaluate } from "../functions/evaluate";
-import { getFetch } from "../functions/get-fetch";
-import { onChange } from "../functions/on-change";
-import { ifTarget } from "../functions/if-target";
-
-export default function RenderContent(props) {
+} from "../../functions/get-builder-search-params";
+import RenderBlocks from "../render-blocks.lite";
+import { evaluate } from "../../functions/evaluate";
+import { getFetch } from "../../functions/get-fetch";
+import { TARGET } from "../../constants/target";
+import RenderStyles from "./components/render-styles.lite";
+
+function RenderContent(props) {
   const state = createMutable({
     get useContent() {
       const mergedContent: BuilderContent = {
@@ -49,63 +48,6 @@ export default function RenderContent(props) {
         [index: string]: any;
       };
     },
-    getCssFromFont(font: any, data?: any) {
-      // TODO: compute what font sizes are used and only load those.......
-      const family =
-        font.family +
-        (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
-      const name = family.split(",")[0];
-      const url = font.fileUrl ?? font?.files?.regular;
-      let str = "";
-
-      if (url && family && name) {
-        str += `
- @font-face {
-   font-family: "${family}";
-   src: local("${name}"), url('${url}') format('woff2');
-   font-display: fallback;
-   font-weight: 400;
- }
-         `.trim();
-      }
-
-      if (font.files) {
-        for (const weight in font.files) {
-          const isNumber = String(Number(weight)) === weight;
-
-          if (!isNumber) {
-            continue;
-          } // TODO: maybe limit number loaded
-
-          const weightUrl = font.files[weight];
-
-          if (weightUrl && weightUrl !== url) {
-            str += `
- @font-face {
-   font-family: "${family}";
-   src: url('${weightUrl}') format('woff2');
-   font-display: fallback;
-   font-weight: ${weight};
- }
-           `.trim();
-          }
-        }
-      }
-
-      return str;
-    },
-    getFontCss(data?: any) {
-      // TODO: flag for this
-      // if (!this.builder.allowCustomFonts) {
-      //   return '';
-      // }
-      // TODO: separate internal data from external
-      return (
-        data?.customFonts
-          ?.map((font: any) => this.getCssFromFont(font, data))
-          ?.join(" ") || ""
-      );
-    },
     processMessage(event: MessageEvent) {
       const { data } = event;
 
@@ -271,13 +213,13 @@ export default function RenderContent(props) {
             when={
               (state.useContent?.data?.cssCode ||
                 state.useContent?.data?.customFonts?.length) &&
-              !isReactNative()
+              TARGET !== "reactNative"
             }
           >
-            <style>
-              {state.useContent.data.cssCode}
-              {state.getFontCss(state.useContent.data)}
-            </style>
+            <RenderStyles
+              cssCode={state.useContent.data.cssCode}
+              customFonts={state.useContent.data.customFonts}
+            ></RenderStyles>
           </Show>
           <RenderBlocks blocks={state.useContent?.data?.blocks}></RenderBlocks>
         </div>
@@ -285,3 +227,5 @@ export default function RenderContent(props) {
     </Dynamic>
   );
 }
+
+export default RenderContent;

package/src/constants/target.js

@@ -0,0 +1,4 @@
+const TARGET = "solid";
+export {
+  TARGET
+};

package/src/functions/if-target.js

@@ -1,5 +1,14 @@
-function ifTarget(target, doThing, elseThing) {
-  return doThing();
+import { TARGET } from "../constants/target";
+function ifTarget({
+  targets,
+  doThing,
+  elseThing
+}) {
+  if (TARGET && targets.includes(TARGET)) {
+    return doThing();
+  } else {
+    return elseThing == null ? void 0 : elseThing();
+  }
 }
 export {
   ifTarget

package/src/functions/track.js

@@ -1,11 +1,11 @@
+import { TARGET } from "../constants/target";
 import { isBrowser } from "./is-browser";
 import { isEditing } from "./is-editing";
-import { isReactNative } from "./is-react-native";
 function track(event, properties) {
   if (isEditing()) {
     return;
   }
-  if (!(isBrowser() || isReactNative())) {
+  if (!(isBrowser() || TARGET === "reactNative")) {
     return;
   }
   return fetch(`https://builder.io/api/v1/track`, {

package/src/index-helpers/blocks-exports.js

@@ -6,7 +6,7 @@ import { default as default6 } from "../blocks/symbol";
 import { default as default7 } from "../blocks/button";
 import { default as default8 } from "../blocks/section";
 import { default as default9 } from "../blocks/fragment";
-import { default as default10 } from "../components/render-content";
+import { default as default10 } from "../components/render-content/render-content";
 export {
   default7 as Button,
   default2 as Columns,

package/src/scripts/init-editing.js

@@ -1,4 +1,5 @@
 var _a;
+import { TARGET } from "../constants/target";
 import { isBrowser } from "../functions/is-browser";
 import { register } from "../functions/register";
 register("insertMenu", {
@@ -9,7 +10,7 @@ register("insertMenu", {
     { name: "Text" },
     { name: "Image" },
     { name: "Columns" },
-    ...false ? [] : [
+    ...TARGET === "reactNative" ? [] : [
       { name: "Core:Section" },
       { name: "Core:Button" },
       { name: "Embed" },
@@ -21,7 +22,7 @@ if (isBrowser()) {
   (_a = window.parent) == null ? void 0 : _a.postMessage({
     type: "builder.sdkInfo",
     data: {
-      target: "solid",
+      target: TARGET,
       supportsPatchUpdates: false
     }
   }, "*");

package/src/blocks/button.js

@@ -1,41 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { createComponent as _$createComponent } 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 { spread as _$spread } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<a role="button"></a>`, 2);
-
-import { Show } from "solid-js";
-export default function Button(props) {
-  return _$createComponent(Show, {
-    get when() {
-      return props.link;
-    },
-
-    get children() {
-      const _el$ = _tmpl$.cloneNode(true);
-
-      _$spread(_el$, () => props.attributes, false, true);
-
-      _$insert(_el$, () => props.text);
-
-      _$effect(_p$ => {
-        const _v$ = props.link,
-              _v$2 = props.openLinkInNewTab ? "_blank" : undefined;
-
-        _v$ !== _p$._v$ && _$setAttribute(_el$, "href", _p$._v$ = _v$);
-        _v$2 !== _p$._v$2 && _$setAttribute(_el$, "target", _p$._v$2 = _v$2);
-        return _p$;
-      }, {
-        _v$: undefined,
-        _v$2: undefined
-      });
-
-      return _el$;
-    }
-
-  });
-}import { registerComponent } from '../functions/register-component';
-registerComponent(Button, {name:'Core:Button',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13',defaultStyles:{appearance:'none',paddingTop:'15px',paddingBottom:'15px',paddingLeft:'25px',paddingRight:'25px',backgroundColor:'#000000',color:'white',borderRadius:'4px',textAlign:'center',cursor:'pointer'},inputs:[{name:'text',type:'text',defaultValue:'Click me!',bubble:true},{name:'link',type:'url',bubble:true},{name:'openLinkInNewTab',type:'boolean',defaultValue:false,friendlyName:'Open link in new tab'}],static:true,noWrap:true});

package/src/blocks/fragment.js

@@ -1,15 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<span></span>`, 2);
-
-export default function FragmentComponent(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$insert(_el$, () => props.children);
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(FragmentComponent, {name:'Fragment',static:true,hidden:true,builtIn:true,canHaveChildren:true,noWrap:true});

package/src/blocks/img.js

@@ -1,39 +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(`<img>`, 1);
-
-import { isEditing } from "../functions/is-editing";
-export default function ImgComponent(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, false);
-
-    _$effect(_p$ => {
-      const _v$ = props.backgroundSize || "cover",
-            _v$2 = props.backgroundPosition || "center",
-            _v$3 = isEditing() && props.imgSrc || "default-key",
-            _v$4 = props.altText,
-            _v$5 = props.imgSrc;
-
-      _v$ !== _p$._v$ && _el$.style.setProperty("object-fit", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _el$.style.setProperty("object-position", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && _$setAttribute(_el$, "key", _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && _$setAttribute(_el$, "alt", _p$._v$4 = _v$4);
-      _v$5 !== _p$._v$5 && _$setAttribute(_el$, "src", _p$._v$5 = _v$5);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined,
-      _v$3: undefined,
-      _v$4: undefined,
-      _v$5: undefined
-    });
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(ImgComponent, {name:'Raw:Img',hideFromInsertMenu:true,builtIn:true,image:'https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4',inputs:[{name:'image',bubble:true,type:'file',allowedFileTypes:['jpeg','jpg','png','svg'],required:true}],noWrap:true,static:true});

package/src/blocks/input.js

@@ -1,45 +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(`<input>`, 1);
-
-import { isEditing } from "../functions/is-editing";
-export default function FormInputComponent(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, false);
-
-    _$effect(_p$ => {
-      const _v$ = isEditing() && props.defaultValue ? props.defaultValue : "default-key",
-            _v$2 = props.placeholder,
-            _v$3 = props.type,
-            _v$4 = props.name,
-            _v$5 = props.value,
-            _v$6 = props.defaultValue,
-            _v$7 = props.required;
-
-      _v$ !== _p$._v$ && _$setAttribute(_el$, "key", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _$setAttribute(_el$, "placeholder", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && _$setAttribute(_el$, "type", _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && _$setAttribute(_el$, "name", _p$._v$4 = _v$4);
-      _v$5 !== _p$._v$5 && (_el$.value = _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && _$setAttribute(_el$, "defaultvalue", _p$._v$6 = _v$6);
-      _v$7 !== _p$._v$7 && (_el$.required = _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(FormInputComponent, {name:'Form:Input',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca',inputs:[{name:'type',type:'text',enum:['text','number','email','url','checkbox','radio','range','date','datetime-local','search','tel','time','file','month','week','password','color','hidden'],defaultValue:'text'},{name:'name',type:'string',required:true,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:'placeholder',type:'string',defaultValue:'Hello there',helperText:'Text to display when there is no value'},{name:'defaultValue',type:'string'},{name:'value',type:'string',advanced:true},{name:'required',type:'boolean',helperText:'Is this input required to be filled out to submit a form',defaultValue:false}],noWrap:true,static:true,defaultStyles:{paddingTop:'10px',paddingBottom:'10px',paddingLeft:'10px',paddingRight:'10px',borderRadius:'3px',borderWidth:'1px',borderStyle:'solid',borderColor:'#ccc'}});

package/src/blocks/raw-text.js

@@ -1,25 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { effect as _$effect } from "solid-js/web";
-
-const _tmpl$ = /*#__PURE__*/_$template(`<span></span>`, 2);
-
-export default function RawText(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$effect(_p$ => {
-      const _v$ = props.attributes?.class || props.attributes?.className,
-            _v$2 = props.text || "";
-
-      _v$ !== _p$._v$ && (_el$.className = _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && (_el$.innerHTML = _p$._v$2 = _v$2);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-
-    return _el$;
-  })();
-}import { registerComponent } from '../functions/register-component';
-registerComponent(RawText, {name:'Builder:RawText',hideFromInsertMenu:true,builtIn:true,inputs:[{name:'text',bubble:true,type:'longText',required:true}]});

package/src/blocks/select.js

@@ -1,57 +0,0 @@
-import { template as _$template } from "solid-js/web";
-import { memo as _$memo } 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(`<select></select>`, 2),
-      _tmpl$2 = /*#__PURE__*/_$template(`<option></option>`, 2);
-
-import { For } from "solid-js";
-import { isEditing } from "../functions/is-editing";
-export default function SelectComponent(props) {
-  return (() => {
-    const _el$ = _tmpl$.cloneNode(true);
-
-    _$spread(_el$, () => props.attributes, false, true);
-
-    _$insert(_el$, _$createComponent(For, {
-      get each() {
-        return props.options;
-      },
-
-      children: (option, index) => (() => {
-        const _el$2 = _tmpl$2.cloneNode(true);
-
-        _$insert(_el$2, () => option.name || option.value);
-
-        _$effect(() => _el$2.value = option.value);
-
-        return _el$2;
-      })()
-    }));
-
-    _$effect(_p$ => {
-      const _v$ = props.value,
-            _v$2 = isEditing() && props.defaultValue ? props.defaultValue : "default-key",
-            _v$3 = props.defaultValue,
-            _v$4 = props.name;
-
-      _v$ !== _p$._v$ && (_el$.value = _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _$setAttribute(_el$, "key", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && _$setAttribute(_el$, "defaultvalue", _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && _$setAttribute(_el$, "name", _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(SelectComponent, {name:'Form:Select',builtIn:true,image:'https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045',defaultStyles:{alignSelf:'flex-start'},inputs:[{name:'options',type:'list',required:true,subFields:[{name:'value',type:'text',required:true},{name:'name',type:'text'}],defaultValue:[{value:'option 1'},{value:'option 2'}]},{name:'name',type:'string',required:true,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:'defaultValue',type:'string'},{name:'value',type:'string',advanced:true},{name:'required',type:'boolean',defaultValue:false}],static:true,noWrap:true});

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";
-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 [];
-}