@builder.io/sdk-solid 0.1.3 → 0.1.4

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "@builder.io/sdk-solid",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "",
   "type": "module",
-  "main": "./dist/sdk-solid.js",
-  "module": "./dist/sdk-solid.js",
+  "main": "./solid-index.jsx",
+  "module": "./solid-index.jsx",
   "exports": {
-    ".": "./dist/sdk-solid.js"
+    ".": {
+      "default": "./solid-index.jsx",
+      "solid": "./solid-index.jsx"
+    }
   },
   "scripts": {
-    "build": "vite build",
+    "build": "echo 'no need to build solid SDK'",
     "release:patch": "yarn run build && npm version patch && npm publish",
     "release:minor": "yarn run build && npm version minor && npm publish",
     "release:dev": "yarn run build && npm version prerelease && npm publish --tag dev"

package/solid-index.jsx

@@ -0,0 +1,5 @@
+/**
+ * We need to have a `.jsx` entry point for our SolidJS SDK. To avoid enforcing this to all other frameworks,
+ * we add this file and use it to re-export the index.js file from the Mitosis-generated code.
+ */
+export * from './src/index.js';

package/src/components/render-content/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./render-content.jsx";
+import { default as default2 } from "./render-content";
 export {
   default2 as default
 };

package/src/components/render-inlined-styles.jsx

@@ -17,9 +17,9 @@ function RenderInlinedStyles(props) {
   return (
     <Show
       fallback={<Dynamic component={tag()}>{props.styles}</Dynamic>}
-      when={TARGET === "svelte"}
+      when={TARGET === "svelte" || TARGET === "qwik"}
     >
-      <div innerHTML={injectedStyleScript()}></div>
+      <Dynamic innerHTML={props.styles} component={tag()}></Dynamic>
     </Show>
   );
 }

package/src/constants/builder-registered-components.js

@@ -14,27 +14,27 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { default as Button } from "../blocks/button/button.jsx";
+import { default as Button } from "../blocks/button/button";
 import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info.js";
-import { default as Columns } from "../blocks/columns/columns.jsx";
+import { default as Columns } from "../blocks/columns/columns";
 import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info.js";
 import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info.js";
-import { default as Fragment } from "../blocks/fragment/fragment.jsx";
+import { default as Fragment } from "../blocks/fragment/fragment";
 import { componentInfo as imageComponentInfo } from "../blocks/image/component-info.js";
-import { default as Image } from "../blocks/image/image.jsx";
+import { default as Image } from "../blocks/image/image";
 import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info.js";
-import { default as Section } from "../blocks/section/section.jsx";
+import { default as Section } from "../blocks/section/section";
 import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info.js";
-import { default as Symbol } from "../blocks/symbol/symbol.jsx";
+import { default as Symbol } from "../blocks/symbol/symbol";
 import { componentInfo as textComponentInfo } from "../blocks/text/component-info.js";
-import { default as Text } from "../blocks/text/text.jsx";
+import { default as Text } from "../blocks/text/text";
 import { componentInfo as videoComponentInfo } from "../blocks/video/component-info.js";
-import { default as Video } from "../blocks/video/video.jsx";
+import { default as Video } from "../blocks/video/video";
 import { componentInfo as embedComponentInfo } from "../blocks/embed/component-info.js";
-import { default as embed } from "../blocks/embed/embed.jsx";
-import { default as Img } from "../blocks/img/img.jsx";
+import { default as embed } from "../blocks/embed/embed";
+import { default as Img } from "../blocks/img/img";
 import { componentInfo as imgComponentInfo } from "../blocks/img/component-info.js";
-import { default as customCode } from "../blocks/custom-code/custom-code.jsx";
+import { default as customCode } from "../blocks/custom-code/custom-code";
 import { componentInfo as customCodeInfo } from "../blocks/custom-code/component-info.js";
 const getDefaultRegisteredComponents = () => [
   __spreadValues({ component: Columns }, columnsComponentInfo),

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

@@ -1,13 +1,13 @@
-import { default as default2 } from "../blocks/columns/columns.jsx";
-import { default as default3 } from "../blocks/image/image.jsx";
-import { default as default4 } from "../blocks/text/text.jsx";
-import { default as default5 } from "../blocks/video/video.jsx";
-import { default as default6 } from "../blocks/symbol/symbol.jsx";
-import { default as default7 } from "../blocks/button/button.jsx";
-import { default as default8 } from "../blocks/section/section.jsx";
-import { default as default9 } from "../blocks/fragment/fragment.jsx";
-import { default as default10 } from "../components/render-content/render-content.jsx";
-import { default as default11 } from "../components/render-blocks.jsx";
+import { default as default2 } from "../blocks/columns/columns";
+import { default as default3 } from "../blocks/image/image";
+import { default as default4 } from "../blocks/text/text";
+import { default as default5 } from "../blocks/video/video";
+import { default as default6 } from "../blocks/symbol/symbol";
+import { default as default7 } from "../blocks/button/button";
+import { default as default8 } from "../blocks/section/section";
+import { default as default9 } from "../blocks/fragment/fragment";
+import { default as default10 } from "../components/render-content/render-content";
+import { default as default11 } from "../components/render-blocks";
 export {
   default7 as Button,
   default2 as Columns,