@builder.io/mitosis 0.0.56-99 → 0.0.58

package/dist/test/qwik/bindings/low.cjs

@@ -1,45 +0,0 @@
-const Fragment = require("@builder.io/qwik").Fragment;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const withScopedStylesQrl = require("@builder.io/qwik").withScopedStylesQrl;
-exports.MyComponent_styles = `.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-exports.MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("title")) state.title = '"Default title value"';
-    if (!state.hasOwnProperty("hiliteTitle")) state.hiliteTitle = true;
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "MyComponent_styles", []));
-  return h(
-    "div",
-    {
-      class: "cjrqfb1",
-      style: {
-        backgroundColor: (() => {
-          try {
-            return state.hilitTitle ? "red" : "gray";
-          } catch (err) {
-            console.warn("Builder code error", err);
-          }
-        })(),
-      },
-    },
-    h("div", {
-      class: "builder-text",
-      dangerouslySetInnerHTML: (() => {
-        try {
-          var _virtual_index = state.title;
-          return _virtual_index;
-        } catch (err) {
-          console.warn("Builder code error", err);
-        }
-      })(),
-    })
-  );
-};

package/dist/test/qwik/bindings/med.cjs

@@ -1,3 +0,0 @@
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const qrl = require("@builder.io/qwik").qrl;
-exports.MyComponent = componentQrl(qrl("./low.js", "MyComponent_onMount", []));

package/dist/test/qwik/button/high.js

@@ -1,3 +0,0 @@
-export const MyComponent_onClick_0 = (event) => {
-  alert("WORKS!");
-};

package/dist/test/qwik/button/low.js

@@ -1,25 +0,0 @@
-import { CoreButton } from "./med.js";
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const MyComponent_styles = `.c9nzze9{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;appearance:none;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:25px;background-color:#3898EC;color:white;border-radius:4px;text-align:center;cursor:pointer}`;
-export const MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "MyComponent_styles", []));
-  return h(CoreButton, {
-    text: "Click me!",
-    class: "c9nzze9",
-    onClick$: qrl("./high.js", "MyComponent_onClick_0", [state]),
-  });
-};

package/dist/test/qwik/button/med.js

@@ -1,31 +0,0 @@
-import { componentQrl, h, qrl } from "@builder.io/qwik";
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponent_onMount", [])
-);
-export const CoreButton = function CoreButton(props) {
-  var hasLink = !!props.link;
-  var hProps = {
-    dangerouslySetInnerHTML: props.text || "",
-    href: props.link,
-    target: props.openInNewTab ? "_blank" : "_self",
-    class: props.class,
-  };
-  return h(
-    hasLink ? "a" : props.tagName$ || "span",
-    __passThroughProps__(hProps, props)
-  );
-};
-export const __passThroughProps__ = function __passThroughProps__(
-  dstProps,
-  srcProps
-) {
-  for (var key in srcProps) {
-    if (
-      Object.prototype.hasOwnProperty.call(srcProps, key) &&
-      ((key.startsWith("on") && key.endsWith("$")) || key == "style")
-    ) {
-      dstProps[key] = srcProps[key];
-    }
-  }
-  return dstProps;
-};

package/dist/test/qwik/component/bindings/low.jsx

@@ -1,104 +0,0 @@
-import { ComponentD187055AF171488FAD843ACF045D6BF7 } from "./med.js";
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const ComponentD187055AF171488FAD843ACF045D6BF7_styles = `.cj49hqu{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;height:auto;background-color:rgba(227, 227, 227, 1);border-radius:5px;border-style:solid;border-color:rgb(0, 0, 0);border-width:1px;padding-bottom:30px}.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-export const ComponentD187055AF171488FAD843ACF045D6BF7_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("title")) state.title = "default-title";
-    return state;
-  });
-  withScopedStylesQrl(
-    qrl("./low.js", "ComponentD187055AF171488FAD843ACF045D6BF7_styles", [])
-  );
-  return (
-    <div
-      builder-id="builder-139a8479536b4c4f9c2738e724ed0952"
-      class="cj49hqu builder-block"
-    >
-      <div class="cjrqfb1">
-        <div
-          class="builder-text"
-          dangerouslySetInnerHTML={(() => {
-            try {
-              var _virtual_index = state.title;
-              return _virtual_index;
-            } catch (err) {
-              console.warn("Builder code error", err);
-            }
-          })()}
-        ></div>
-      </div>
-    </div>
-  );
-};
-export const MyComponent_styles = `.c713ty2{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px}`;
-export const MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    /*
-     * Global objects available:
-     *
-     * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions
-     * context - builder context object - learn about state https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down
-     * fetch - Fetch API - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'
-     * Builder - Builder object - useful values include: Builder.isServer, Builder.isBrowser, Builder.isPreviewing, Builder.isEditing
-     *
-     * visit https://www.builder.io/c/docs/guides/custom-code
-     * for more information on writing custom code
-     */
-    async function main() {
-      if (Builder.isServer) {
-        // Place any code here you want to only run on the server. Any
-        // data fetched on the server will be available to re-hydrate on the client
-        // if added to the state object
-      }
-
-      if (Builder.isBrowser) {
-        // Place code that you only want to run in the browser (client side only) here
-        // For example, anything that uses document/window access or DOM manipulation
-      }
-
-      state.something = "works!";
-    }
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "MyComponent_styles", []));
-  return (
-    <>
-      <div
-        builder-id="builder-50b2438beaa4498b985eb9d8a7659afa"
-        class="c713ty2 builder-block"
-      >
-        <ComponentD187055AF171488FAD843ACF045D6BF7
-          builder-id="builder-l6nwek"
-          title="First title from parent"
-          serverStateId="w8x6w6"
-        ></ComponentD187055AF171488FAD843ACF045D6BF7>
-      </div>
-      <div
-        builder-id="builder-33f427415bef4725b0c9fcd4fed325f2"
-        class="c713ty2 builder-block"
-      >
-        <ComponentD187055AF171488FAD843ACF045D6BF7
-          builder-id="builder-1iryyq"
-          title="Second title from parent"
-          serverStateId="w8x6w6"
-        ></ComponentD187055AF171488FAD843ACF045D6BF7>
-      </div>
-    </>
-  );
-};

package/dist/test/qwik/component/bindings/med.jsx

@@ -1,7 +0,0 @@
-import { componentQrl, qrl } from "@builder.io/qwik";
-export const ComponentD187055AF171488FAD843ACF045D6BF7 = componentQrl(
-  qrl("./low.js", "ComponentD187055AF171488FAD843ACF045D6BF7_onMount", [])
-);
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponent_onMount", [])
-);

package/dist/test/qwik/component/component/inputs/high.cjsx

@@ -1,9 +0,0 @@
-const useLexicalScope = require("@builder.io/qwik").useLexicalScope;
-exports.MyComponent_onClick_0 = (event) => {
-  const state = useLexicalScope()[0];
-  try {
-    return (state.data = state.data + 1);
-  } catch (err) {
-    console.warn("Builder code error", err);
-  }
-};

package/dist/test/qwik/component/component/inputs/med.cjsx

@@ -1,68 +0,0 @@
-const Fragment = require("@builder.io/qwik").Fragment;
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const withScopedStylesQrl = require("@builder.io/qwik").withScopedStylesQrl;
-exports.MyComponent_styles = `.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}.c9nzze9{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;appearance:none;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:25px;background-color:#3898EC;color:white;border-radius:4px;text-align:center;cursor:pointer}`;
-exports.MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("data")) state.data = 0;
-    return state;
-  });
-  withScopedStylesQrl(qrl("./med.js", "MyComponent_styles", []));
-  return (
-    <>
-      <div class="cjrqfb1">
-        <div
-          class="builder-text"
-          dangerouslySetInnerHTML={(() => {
-            try {
-              var _virtual_index = state.data;
-              return _virtual_index;
-            } catch (err) {
-              console.warn("Builder code error", err);
-            }
-          })()}
-        ></div>
-      </div>
-      <CoreButton
-        builder-id="builder-6f8fe6a1d2284f2890ae97657eed084a"
-        text="Something else"
-        class="c9nzze9 builder-block"
-        onClick$={qrl("./high.js", "MyComponent_onClick_0", [state])}
-      ></CoreButton>
-    </>
-  );
-};
-exports.MyComponent = componentQrl(qrl("./med.js", "MyComponent_onMount", []));
-const CoreButton = (exports.CoreButton = function CoreButton(props) {
-  var hasLink = !!props.link;
-  var hProps = {
-    dangerouslySetInnerHTML: props.text || "",
-    href: props.link,
-    target: props.openInNewTab ? "_blank" : "_self",
-    class: props.class,
-  };
-  return h(
-    hasLink ? "a" : props.tagName$ || "span",
-    __passThroughProps__(hProps, props)
-  );
-});
-const __passThroughProps__ = (exports.__passThroughProps__ =
-  function __passThroughProps__(dstProps, srcProps) {
-    for (var key in srcProps) {
-      if (
-        Object.prototype.hasOwnProperty.call(srcProps, key) &&
-        ((key.startsWith("on") && key.endsWith("$")) || key == "style")
-      ) {
-        dstProps[key] = srcProps[key];
-      }
-    }
-    return dstProps;
-  });

package/dist/test/qwik/for-loop.bindings/low.cjs

@@ -1,56 +0,0 @@
-const Component000013 = require("./med.js").Component000013;
-const Fragment = require("@builder.io/qwik").Fragment;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const withScopedStylesQrl = require("@builder.io/qwik").withScopedStylesQrl;
-exports.Component000012_styles = `.cv6ku2d{display:flex;flex-direction:row;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;padding-bottom:30px;flex-wrap:wrap;width:calc(100%+3vw);height:100%;min-height:100%;margin-left:-1.5vw;margin-right:-1.5vw}.c3j7e6c{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;width:33.3%}@media (max-width: 991px){.cv6ku2d{width:100%;margin-left:auto;margin-right:auto}}@media (max-width: 640px){.cv6ku2d{display:flex;flex-direction:column;align-items:stretch}}@media (max-width: 640px){.c3j7e6c{width:98%;margin-left:auto;margin-right:auto;margin-top:-10px}}`;
-exports.Component000012_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("offset")) state.offset = "0";
-    if (!state.hasOwnProperty("limit")) state.limit = 3;
-    if (!state.hasOwnProperty("blogCategory"))
-      state.blogCategory = {
-        "@type": "@builder.io/core:Reference",
-        id: "",
-        model: "",
-      };
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "Component000012_styles", []));
-  return h(
-    "div",
-    {
-      "builder-id": "builder-d2b6ee30433348ffa51a17334b8b6c73",
-      class: "cv6ku2d builder-block",
-    },
-    (state.hits || []).map((item) => {
-      var state = Object.assign({}, this, {
-        hitsItem: item == null ? {} : item,
-      });
-      return h(
-        "div",
-        {
-          "builder-id": "builder-cc43bc95cde743a59b269cb0157b99cd",
-          class: "c3j7e6c",
-        },
-        h(Component000013, {
-          "builder-id": "builder-cx8eewmyu3",
-          altText: "",
-          serverStateId: "woo8b6",
-          title: state.hitsItem.name,
-          linkUrl: state.hitsItem.url,
-          subCategory: state.hitsItem.blogSubcategory,
-          imageUrl: state.hitsItem.heroImage,
-          publicationDate: state.hitsItem.createdDate,
-          heroImageAltText: state.hitsItem.heroImageAltText,
-        })
-      );
-    })
-  );
-};

package/dist/test/qwik/for-loop.bindings/med.cjs

@@ -1,5 +0,0 @@
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const qrl = require("@builder.io/qwik").qrl;
-exports.Component000012 = componentQrl(
-  qrl("./low.js", "Component000012_onMount", [])
-);

package/dist/test/qwik/hello_world/stylesheet/low.jsx

@@ -1,26 +0,0 @@
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const MyComponent_styles = `.crt27f8{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:123px;line-height:normal;height:auto;text-align:center;margin-left:auto;margin-right:auto}`;
-export const MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "MyComponent_styles", []));
-  return (
-    <div class="crt27f8">
-      <p>
-        Hello <span class="names">World</span>
-      </p>
-    </div>
-  );
-};

package/dist/test/qwik/hello_world/stylesheet/med.jsx

@@ -1,4 +0,0 @@
-import { componentQrl, qrl } from "@builder.io/qwik";
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponent_onMount", [])
-);

package/dist/test/qwik/mount/low.cjs

@@ -1,47 +0,0 @@
-const Fragment = require("@builder.io/qwik").Fragment;
-const h = require("@builder.io/qwik").h;
-const qrl = require("@builder.io/qwik").qrl;
-const useStore = require("@builder.io/qwik").useStore;
-const withScopedStylesQrl = require("@builder.io/qwik").withScopedStylesQrl;
-exports.MyComponent_styles = `.cjrqfb1{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center}`;
-exports.MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("title")) state.title = '"Default title value"';
-    if (!state.hasOwnProperty("hiliteTitle")) state.hiliteTitle = true;
-    var _virtual_index = 1234;
-    _virtual_index;
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "MyComponent_styles", []));
-  return h(
-    "div",
-    {
-      class: "cjrqfb1",
-      style: {
-        backgroundColor: (() => {
-          try {
-            return state.hilitTitle ? "red" : "gray";
-          } catch (err) {
-            console.warn("Builder code error", err);
-          }
-        })(),
-      },
-    },
-    h("div", {
-      class: "builder-text",
-      dangerouslySetInnerHTML: (() => {
-        try {
-          var _virtual_index = state.title;
-          return _virtual_index;
-        } catch (err) {
-          console.warn("Builder code error", err);
-        }
-      })(),
-    })
-  );
-};

package/dist/test/qwik/mount/med.cjs

@@ -1,3 +0,0 @@
-const componentQrl = require("@builder.io/qwik").componentQrl;
-const qrl = require("@builder.io/qwik").qrl;
-exports.MyComponent = componentQrl(qrl("./low.js", "MyComponent_onMount", []));

package/dist/test/qwik/page-with-symbol/low.js

@@ -1,33 +0,0 @@
-import { Symbol1 } from "./med.js";
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const MyComponent_styles = `.c713ty2{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px}.cxvcn5v{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;line-height:normal;height:auto;text-align:center;padding-top:1em;padding-bottom:1em;font-weight:700;font-size:24px}`;
-export const MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    return state;
-  });
-  withScopedStylesQrl(qrl("./low.js", "MyComponent_styles", []));
-  return h(
-    Fragment,
-    null,
-    h(Symbol1, {
-      class: "c713ty2",
-      symbol: {
-        model: "page",
-        entry: "36da1052e57e47f084ea8b1fbde248e4",
-        data: {},
-      },
-    }),
-    h("div", { class: "cxvcn5v" }, "<p>Main Text</p>")
-  );
-};

package/dist/test/qwik/page-with-symbol/med.js

@@ -1,4 +0,0 @@
-import { componentQrl, qrl } from "@builder.io/qwik";
-export const MyComponent = componentQrl(
-  qrl("./low.js", "MyComponent_onMount", [])
-);

package/dist/test/qwik/show-hide/high.jsx

@@ -1,9 +0,0 @@
-import { useLexicalScope } from "@builder.io/qwik";
-export const MyComponent_onClick_0 = (event) => {
-  const state = useLexicalScope()[0];
-  try {
-    return (state.visible = !state.visible);
-  } catch (err) {
-    console.warn("Builder code error", err);
-  }
-};