@builder.io/sdk-solid 0.0.4 → 0.0.5

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "",
   "main": "src/index.js",
   "dependencies": {
-    "solid-js": "^1.3.15",
     "solid-styled-components": "^0.27.6"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.3.15"
+  },
+  "devDependencies": {
+    "solid-js": "^1.3.15"
   }
 }

package/src/blocks/button.js

@@ -1,5 +1,4 @@
 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";
@@ -7,35 +6,27 @@ 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;
-    },
+  return (() => {
+    const _el$ = _tmpl$.cloneNode(true);
 
-    get children() {
-      const _el$ = _tmpl$.cloneNode(true);
+    _$spread(_el$, () => props.attributes, false, true);
 
-      _$spread(_el$, () => props.attributes, false, true);
+    _$insert(_el$, () => props.text);
 
-      _$insert(_el$, () => props.text);
+    _$effect(_p$ => {
+      const _v$ = props.link,
+            _v$2 = props.openLinkInNewTab ? "_blank" : undefined;
 
-      _$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
+    });
 
-        _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$;
-    }
-
-  });
+    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/button.lite.tsx

@@ -1,18 +1,12 @@
-import { Show } from "solid-js";
-
 export default function Button(props) {
   return (
-    <>
-      <Show when={props.link}>
-        <a
-          {...props.attributes}
-          role="button"
-          href={props.link}
-          target={props.openLinkInNewTab ? "_blank" : undefined}
-        >
-          {props.text}
-        </a>
-      </Show>
-    </>
+    <a
+      {...props.attributes}
+      role="button"
+      href={props.link}
+      target={props.openLinkInNewTab ? "_blank" : undefined}
+    >
+      {props.text}
+    </a>
   );
 }