@builder.io/mitosis 0.0.56-99 → 0.0.56

package/dist/src/__tests__/svelte.test.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var svelte_1 = require("../generators/svelte");
-var shared_1 = require("./shared");
-describe('Svelte', function () {
-    (0, shared_1.runTestsForTarget)('svelte', (0, svelte_1.componentToSvelte)());
-});

package/dist/src/__tests__/vue.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/__tests__/vue.test.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var vue_1 = require("../generators/vue");
-var shared_1 = require("./shared");
-describe('Vue', function () {
-    (0, shared_1.runTestsForTarget)('vue', (0, vue_1.componentToVue2)());
-});

package/dist/src/__tests__/webcomponent.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/__tests__/webcomponent.test.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var __1 = require("..");
-var html_1 = require("../generators/html");
-var shared_1 = require("./shared");
-var shadowDom = require('./data/blocks/shadow-dom.raw');
-describe('webcomponent', function () {
-    var generator = (0, html_1.componentToCustomElement)();
-    (0, shared_1.runTestsForTarget)('webcomponent', generator);
-    test('Shadow DOM', function () {
-        var component = (0, __1.parseJsx)(shadowDom);
-        var html = generator({ component: component });
-        expect(html).toMatchSnapshot();
-    });
-});

package/dist/src/constants/function-literal-prefix.d.ts

@@ -1 +0,0 @@
-export declare const functionLiteralPrefix = "@builder.io/mitosis/function:";

package/dist/src/constants/function-literal-prefix.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.functionLiteralPrefix = void 0;
-exports.functionLiteralPrefix = "@builder.io/mitosis/function:";

package/dist/src/generators/react.d.ts

@@ -1,14 +0,0 @@
-import { BaseTranspilerOptions, Transpiler } from '../types/transpiler';
-import { MitosisNode } from '../types/mitosis-node';
-export interface ToReactOptions extends BaseTranspilerOptions {
-    stylesType?: 'emotion' | 'styled-components' | 'styled-jsx' | 'react-native' | 'style-tag';
-    stateType?: 'useState' | 'mobx' | 'valtio' | 'solid' | 'builder';
-    format?: 'lite' | 'safe';
-    type?: 'dom' | 'native';
-    preact?: boolean;
-    forwardRef?: string;
-    experimental?: any;
-}
-export declare const blockToReact: (json: MitosisNode, options: ToReactOptions, parentSlots?: any[]) => string;
-export declare const componentToPreact: (reactOptions?: ToReactOptions) => Transpiler;
-export declare const componentToReact: (reactOptions?: ToReactOptions) => Transpiler;

package/dist/src/generators/solid.d.ts

@@ -1,5 +0,0 @@
-import { BaseTranspilerOptions, Transpiler } from '../types/transpiler';
-export interface ToSolidOptions extends BaseTranspilerOptions {
-    stylesType?: 'styled-components' | 'style-tag';
-}
-export declare const componentToSolid: (_options?: ToSolidOptions) => Transpiler;

package/dist/src/helpers/babel-transform.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/helpers/babel-transform.test.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var babel_transform_1 = require("./babel-transform");
-test('babelTransform', function () {
-    var code = "\nconst symbol = symbol;\n\nif (symbol) {\n  getContent({\n    apiKey: builderContext.apiKey!,\n  }).then(response => {\n    content = response;\n  });\n}\n";
-    expect((0, babel_transform_1.babelTransformCode)(code)).toMatchSnapshot();
-});

package/dist/src/helpers/generic-format.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/helpers/generic-format.test.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var globals_1 = require("@jest/globals");
-var generic_format_1 = require("./generic-format");
-(0, globals_1.test)('Can generic format sloppy Swift code', function () {
-    var code = "\n  import SwiftUI\n  import JavaScriptCore\n  \n  struct MyComponent: View {\n    \n      @State private var updateIndex = 0\n      private var context = JSContext()\n  \n      func eval(expression: String) -> JSValue! {\n        return context?.evaluateScript(expression)\n      }\n  \n      init() {\n        let jsSource = \"\"\"\n            const state = { name: \"Steve\" };\n  \n        \"\"\"\n        context?.evaluateScript(jsSource)\n      }\n    \n  \n    var body: some View {\n      VStack {\n        Text(String(updateIndex)).hidden()\n        VStack(){\n        Foo(\n          bar: baz\n          )\n  TextField(){}\n  Text(\"Hello\")\n  Text(eval(expression: \"\"\"state.name\"\"\"))\n  Text(\"! I can run in React, Vue, Solid, or Liquid!\")}\n      }\n    }\n  }\n  ";
-    (0, globals_1.expect)((0, generic_format_1.format)(code)).toMatchSnapshot();
-});

package/dist/src/helpers/remove-surrounding-block.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/helpers/remove-surrounding-block.test.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var remove_surrounding_block_1 = require("./remove-surrounding-block");
-describe('removeSurroundingBlock', function () {
-    test('It removes the surrounding wrapper block', function () {
-        var output = (0, remove_surrounding_block_1.removeSurroundingBlock)('{ const foo = "bar" }');
-        expect(output).toBe(' const foo = "bar" ');
-    });
-});

package/dist/src/helpers/render-imports.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/helpers/render-imports.test.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var render_imports_1 = require("./render-imports");
-describe('renderImport', function () {
-    test('Adds correct extension to component import', function () {
-        var data = [
-            {
-                imports: { RenderBlocks: 'default' },
-                path: '../render-blocks.lite',
-            },
-        ];
-        var output = (0, render_imports_1.renderImport)({
-            theImport: data[0],
-            target: 'vue',
-            asyncComponentImports: false,
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('Adds correctly a side-effect import', function () {
-        var data = [
-            {
-                imports: {},
-                path: '../render-blocks.scss',
-            },
-        ];
-        var output = (0, render_imports_1.renderImport)({
-            theImport: data[0],
-            target: 'react',
-            asyncComponentImports: false,
-        });
-        expect(output).toEqual("import '../render-blocks.scss';");
-    });
-});

package/dist/src/helpers/replace-idenifiers.d.ts

@@ -1 +0,0 @@
-export declare const replaceIdentifiers: (code: string, from: string | string[], to: string | ((identifier: string) => string)) => string;

package/dist/src/helpers/styles/collect-css.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/helpers/styles/collect-css.test.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var collect_css_1 = require("./collect-css");
-var jsx_1 = require("../../parsers/jsx");
-var classRaw = require('../../__tests__/data/styles/class.raw');
-var classState = require('../../__tests__/data/styles/classState.raw');
-describe('Styles', function () {
-    test('class property and CSS are merged', function () {
-        var component = (0, jsx_1.parseJsx)(classRaw);
-        var output = (0, collect_css_1.collectCss)(component);
-        expect({ component: component, output: output }).toMatchSnapshot();
-    });
-    test('class binding and CSS are merged', function () {
-        var component = (0, jsx_1.parseJsx)(classState);
-        var output = (0, collect_css_1.collectCss)(component);
-        expect({ component: component, output: output }).toMatchSnapshot();
-    });
-});

package/dist/test/qwik/Accordion/low.jsx

@@ -1,240 +0,0 @@
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const MyComponent_styles = `.csw5022{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;align-items:stretch}.csanagh{margin-top:10px;position:relative;display:flex;align-items:stretch;flex-direction:column;padding-bottom:10px}.c4qyc1p{position:relative;display:flex;align-items:stretch;flex-direction:column;margin-top:10px;padding-bottom:10px}.crwdrpw{text-align:left;display:flex;flex-direction:column}.ctcw2m4{padding-top:50px;text-align:left;display:flex;flex-direction:column;padding-bottom:50px}`;
-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
-      builder-id="builder-bb2f62792e464d73b7cb89258027f356"
-      gridRowWidth="25%"
-      class="csw5022 builder-block"
-      items={[
-        {
-          title: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              "@version": 2,
-              layerName: "Accordion item title",
-              id: "builder-5fed2723c1cc4fb39e9d22b9c54ef179",
-              children: [
-                {
-                  "@type": "@builder.io/sdk:Element",
-                  "@version": 2,
-                  id: "builder-2cad86b387ec405d82917895d7af0a12",
-                  component: {
-                    name: "Text",
-                    options: { text: "<p>Item 1</p>" },
-                  },
-                  responsiveStyles: {
-                    large: {
-                      textAlign: "left",
-                      display: "flex",
-                      flexDirection: "column",
-                    },
-                  },
-                },
-              ],
-              responsiveStyles: {
-                large: {
-                  marginTop: "10px",
-                  position: "relative",
-                  display: "flex",
-                  alignItems: "stretch",
-                  flexDirection: "column",
-                  paddingBottom: "10px",
-                },
-              },
-            },
-          ],
-          detail: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              "@version": 2,
-              layerName: "Accordion item detail",
-              id: "builder-18279a99b32240f19aa21d3f4b015cc9",
-              children: [
-                {
-                  "@type": "@builder.io/sdk:Element",
-                  "@version": 2,
-                  id: "builder-2dbfa56b8988461c8566bbe759580e9b",
-                  component: {
-                    name: "Text",
-                    options: { text: "<p>Item 1 content</p>" },
-                  },
-                  responsiveStyles: {
-                    large: {
-                      paddingTop: "50px",
-                      textAlign: "left",
-                      display: "flex",
-                      flexDirection: "column",
-                      paddingBottom: "50px",
-                    },
-                  },
-                },
-              ],
-              responsiveStyles: {
-                large: {
-                  position: "relative",
-                  display: "flex",
-                  alignItems: "stretch",
-                  flexDirection: "column",
-                  marginTop: "10px",
-                  paddingBottom: "10px",
-                },
-              },
-            },
-          ],
-        },
-        {
-          title: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              "@version": 2,
-              layerName: "Accordion item title",
-              id: "builder-2a93def22a354cf7aa193c20d1ad6def",
-              children: [
-                {
-                  "@type": "@builder.io/sdk:Element",
-                  "@version": 2,
-                  id: "builder-1365fc457ece45db82ad90dbe9819e7c",
-                  component: {
-                    name: "Text",
-                    options: { text: "<p>Item 2</p>" },
-                  },
-                  responsiveStyles: {
-                    large: {
-                      textAlign: "left",
-                      display: "flex",
-                      flexDirection: "column",
-                    },
-                  },
-                },
-              ],
-              responsiveStyles: {
-                large: {
-                  marginTop: "10px",
-                  position: "relative",
-                  display: "flex",
-                  alignItems: "stretch",
-                  flexDirection: "column",
-                  paddingBottom: "10px",
-                },
-              },
-            },
-          ],
-          detail: [
-            {
-              "@type": "@builder.io/sdk:Element",
-              "@version": 2,
-              layerName: "Accordion item detail",
-              id: "builder-fd6ef41da6d040328fbd8b0801611fe5",
-              children: [
-                {
-                  "@type": "@builder.io/sdk:Element",
-                  "@version": 2,
-                  id: "builder-7362f9fd64c647c5a400d9e75c74473f",
-                  component: {
-                    name: "Text",
-                    options: { text: "<p>Item 2 content</p>" },
-                  },
-                  responsiveStyles: {
-                    large: {
-                      paddingTop: "50px",
-                      textAlign: "left",
-                      display: "flex",
-                      flexDirection: "column",
-                      paddingBottom: "50px",
-                    },
-                  },
-                },
-              ],
-              responsiveStyles: {
-                large: {
-                  position: "relative",
-                  display: "flex",
-                  alignItems: "stretch",
-                  flexDirection: "column",
-                  marginTop: "10px",
-                  paddingBottom: "10px",
-                },
-              },
-            },
-          ],
-        },
-      ]}
-      animate={true}
-    >
-      <div>
-        <div builder="accordion">
-          <div builder="accordion-title">
-            <div
-              builder-id="builder-5fed2723c1cc4fb39e9d22b9c54ef179"
-              class="csanagh"
-            >
-              <div class="crwdrpw">
-                <div
-                  dangerouslySetInnerHTML="<p>Item 1</p>"
-                  class="builder-text"
-                ></div>
-              </div>
-            </div>
-          </div>
-          <div builder="accordion-detail">
-            <div
-              builder-id="builder-18279a99b32240f19aa21d3f4b015cc9"
-              class="c4qyc1p"
-            >
-              <div class="ctcw2m4">
-                <div
-                  dangerouslySetInnerHTML="<p>Item 1 content</p>"
-                  class="builder-text"
-                ></div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div builder="accordion">
-          <div builder="accordion-title">
-            <div
-              builder-id="builder-2a93def22a354cf7aa193c20d1ad6def"
-              class="csanagh"
-            >
-              <div class="crwdrpw">
-                <div
-                  dangerouslySetInnerHTML="<p>Item 2</p>"
-                  class="builder-text"
-                ></div>
-              </div>
-            </div>
-          </div>
-          <div builder="accordion-detail">
-            <div
-              builder-id="builder-fd6ef41da6d040328fbd8b0801611fe5"
-              class="c4qyc1p"
-            >
-              <div class="ctcw2m4">
-                <div
-                  dangerouslySetInnerHTML="<p>Item 2 content</p>"
-                  class="builder-text"
-                ></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};

package/dist/test/qwik/Accordion/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/For/low.jsx

@@ -1,52 +0,0 @@
-import {
-  Fragment,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const MyComponent_styles = `.cvdfnp5{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:0px;padding-left:20px;padding-right:20px;padding-top:50px;padding-bottom:50px;width:100vw;margin-left:calc(50% - 50vw)}.cz5wnof{width:100%;align-self:stretch;flex-grow:1;box-sizing:border-box;max-width:1200px;display:flex;flex-direction:column;align-items:stretch;margin-left:auto;margin-right:auto}.cdrk993{text-align:center}`;
-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
-      builder-id="builder-a58a66676d9b4ecc826c1b8bc5ad91f1"
-      class="cvdfnp5 builder-block"
-      maxWidth={1200}
-    >
-      <section
-        builder-id="builder-a58a66676d9b4ecc826c1b8bc5ad91f1"
-        class="cz5wnof"
-      >
-        {(state.simpleList.results || []).map((item) => {
-          var state = Object.assign({}, this, {
-            resultsItem: item == null ? {} : item,
-          });
-          return (
-            <div class="cdrk993">
-              <div
-                class="builder-text"
-                dangerouslySetInnerHTML={(() => {
-                  try {
-                    var _virtual_index = state.resultsItem.data.title;
-                    return _virtual_index;
-                  } catch (err) {
-                    console.warn("Builder code error", err);
-                  }
-                })()}
-              ></div>
-            </div>
-          );
-        })}
-      </section>
-    </div>
-  );
-};

package/dist/test/qwik/For/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/Image/high.js

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

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

@@ -1,155 +0,0 @@
-import {
-  Fragment,
-  componentQrl,
-  h,
-  qrl,
-  useStore,
-  withScopedStylesQrl,
-} from "@builder.io/qwik";
-export const MyComponent_styles = `.cvk52jt{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:20px;min-height:20px;min-width:20px;overflow:hidden}.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 MyComponent_onMount = (props) => {
-  const state = useStore(() => {
-    const state = Object.assign(
-      {},
-      props,
-      typeof __STATE__ === "object" ? __STATE__[props.serverStateId] : undefined
-    );
-    if (!state.hasOwnProperty("myState")) state.myState = "initialValue";
-    return state;
-  });
-  withScopedStylesQrl(qrl("./med.js", "MyComponent_styles", []));
-  return h(
-    Fragment,
-    null,
-    h(Image, {
-      "builder-id": "builder-fa4480d2f48a44a7a2e98cf07c54927b",
-      image:
-        "https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1160",
-      backgroundSize: "cover",
-      backgroundPosition: "center",
-      srcset:
-        "https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=1160 1160w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=598 598w, https://cdn.builder.io/api/v1/image/assets%2F23dfd7cef1104af59f281d58ec525923%2F4ecf7b7554464b0183ab8250f67e797b?width=958 958w",
-      sizes: "(max-width: 638px) 94vw, (max-width: 998px) 96vw, 83vw",
-      class: "cvk52jt builder-block",
-      onClick$: qrl("./high.js", "MyComponent_onClick_0", [state]),
-      lazy: false,
-      fitContent: true,
-      aspectRatio: 1,
-      height: 1300,
-      width: 1300,
-    }),
-    h(
-      "div",
-      { class: "cjrqfb1" },
-      h("div", {
-        class: "builder-text",
-        dangerouslySetInnerHTML: (() => {
-          try {
-            var _virtual_index = state.myState;
-            return _virtual_index;
-          } catch (err) {
-            console.warn("Builder code error", err);
-          }
-        })(),
-      })
-    )
-  );
-};
-export const MyComponent = componentQrl(
-  qrl("./med.js", "MyComponent_onMount", [])
-);
-export const Image = function Image(props) {
-  var _a;
-  var jsx = props.children || [];
-  var image = props.image;
-  if (image) {
-    var isBuilderIoImage = !!(image || "").match(/\.builder\.io/);
-    var isPixel =
-      (_a = props.builderBlock) === null || _a === void 0
-        ? void 0
-        : _a.id.startsWith("builder-pixel-");
-    var imgProps = {
-      src: props.image,
-      style:
-        "object-fit:"
-          .concat(props.backgroundSize || "cover", ";object-position:")
-          .concat(props.backgroundPosition || "center", ";") +
-        (props.aspectRatio
-          ? "position:absolute;height:100%;width:100%;top:0;left:0"
-          : ""),
-      sizes: props.sizes,
-      alt: props.altText,
-      role: !props.altText ? "presentation" : undefined,
-      loading: isPixel ? "eager" : "lazy",
-      srcset: undefined,
-    };
-    if (isBuilderIoImage) {
-      var webpImage_1 = updateQueryParam(image, "format", "webp");
-      var srcset = ["100", "200", "400", "800", "1200", "1600", "2000"]
-        .concat(props.srcsetSizes ? String(props.srcsetSizes).split(" ") : [])
-        .map(function (size) {
-          return (
-            updateQueryParam(webpImage_1, "width", size) + " " + size + "w"
-          );
-        })
-        .concat([image])
-        .join(",");
-      imgProps.srcset = srcset;
-      jsx = jsx = [
-        h("picture", {}, [
-          h("source", { type: "image/webp", srcset: srcset }),
-          h("img", imgProps, jsx),
-        ]),
-      ];
-    } else {
-      jsx = [h("img", imgProps, jsx)];
-    }
-    if (
-      props.aspectRatio &&
-      !(props.fitContent && props.children && props.children.length)
-    ) {
-      var sizingDiv = h("div", {
-        class: "builder-image-sizer",
-        style: "width:100%;padding-top:".concat(
-          (props.aspectRatio || 1) * 100,
-          "%;pointer-events:none;font-size:0"
-        ),
-      });
-      jsx.push(sizingDiv);
-    }
-  }
-  var children = props.children ? [jsx].concat(props.children) : [jsx];
-  return h(
-    props.href ? "a" : "div",
-    __passThroughProps__({ href: props.href, class: props.class }, props),
-    children
-  );
-  function updateQueryParam(uri, key, value) {
-    if (uri === void 0) {
-      uri = "";
-    }
-    var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
-    var separator = uri.indexOf("?") !== -1 ? "&" : "?";
-    if (uri.match(re)) {
-      return uri.replace(
-        re,
-        "$1" + key + "=" + encodeURIComponent(value) + "$2"
-      );
-    }
-    return uri + separator + key + "=" + encodeURIComponent(value);
-  }
-};
-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/Image.slow/high.js

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