@builder.io/mitosis 0.0.56-84 → 0.0.56-85

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var angular_1 = require("../generators/angular");
+var shared_1 = require("./shared");
+describe('Angular', function () {
+    (0, shared_1.runTestsForTarget)('angular', (0, angular_1.componentToAngular)());
+    (0, shared_1.runTestsForTarget)('angular', (0, angular_1.componentToAngular)({
+        standalone: true,
+    }));
+});

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

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

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

@@ -0,0 +1,235 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var dedent_1 = __importDefault(require("dedent"));
+var fs = __importStar(require("fs"));
+var builder_1 = require("../generators/builder");
+var mitosis_1 = require("../generators/mitosis");
+var html_1 = require("../generators/html");
+var builder_2 = require("../parsers/builder");
+var jsx_1 = require("../parsers/jsx");
+var compile_away_builder_components_1 = require("../plugins/compile-away-builder-components");
+var __1 = require("..");
+/**
+ * Load a file using nodejs resolution as a string.
+ */
+function fixture(path) {
+    var localpath = require.resolve(path);
+    return fs.readFileSync(localpath, { encoding: 'utf-8' });
+}
+var stamped = fixture('./data/blocks/stamped-io.raw');
+var customCode = fixture('./data/blocks/custom-code.raw');
+var embed = fixture('./data/blocks/embed.raw');
+var image = fixture('./data/blocks/image.raw');
+var columns = fixture('./data/blocks/columns.raw');
+var lazyLoadSection = JSON.parse(fixture('./data/builder/lazy-load-section.json'));
+var mitosisOptions = {
+    format: 'legacy',
+};
+describe('Builder', function () {
+    test('extractStateHook', function () {
+        var code = "useState({ foo: 'bar' }); alert('hi');";
+        expect((0, builder_2.extractStateHook)(code)).toEqual({
+            code: "alert('hi');",
+            state: { foo: 'bar' },
+        });
+        expect((0, builder_2.extractStateHook)(code)).toEqual({
+            code: "alert('hi');",
+            state: { foo: 'bar' },
+        });
+    });
+    test('Stamped', function () {
+        var component = (0, jsx_1.parseJsx)(stamped);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)()({ component: backToMitosis });
+        expect(mitosis).toMatchSnapshot();
+    });
+    test('CustomCode', function () {
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)()({ component: backToMitosis });
+        expect(mitosis).toMatchSnapshot();
+    });
+    test('Embed', function () {
+        var component = (0, jsx_1.parseJsx)(embed);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)()({ component: backToMitosis });
+        expect(mitosis).toMatchSnapshot();
+    });
+    test('Image', function () {
+        var component = (0, jsx_1.parseJsx)(image);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)()({ component: backToMitosis });
+        expect(mitosis).toMatchSnapshot();
+    });
+    test('Columns', function () {
+        var component = (0, jsx_1.parseJsx)(columns);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)()({ component: backToMitosis });
+        expect(mitosis).toMatchSnapshot();
+    });
+    test('Section', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, html;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_2.builderContentToMitosisComponent)(lazyLoadSection);
+                    return [4 /*yield*/, (0, html_1.componentToHtml)({
+                            plugins: [(0, compile_away_builder_components_1.compileAwayBuilderComponents)()],
+                        })({ component: component })];
+                case 1:
+                    html = _a.sent();
+                    expect(html).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    test('Regenerate Image', function () {
+        var code = (0, dedent_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      import { useStore } from \"@builder.io/mitosis\";\n      import { Image } from \"@components\";\n\n      export default function MyComponent(props) {\n        const state = useStore({ people: [\"Steve\", \"Sewell\"] });\n\n        return (\n          <div\n            css={{\n              padding: \"20px\",\n            }}\n          >\n            <Image\n              image=\"https://cdn.builder.io/api/v1/image/foobar\"\n              sizes=\"100vw\"\n              backgroundSize=\"contain\"\n              css={{\n                marignTop: \"50px\",\n                display: \"block\",\n              }}\n            />\n          </div>\n        );\n      }\n    "], ["\n      import { useStore } from \"@builder.io/mitosis\";\n      import { Image } from \"@components\";\n\n      export default function MyComponent(props) {\n        const state = useStore({ people: [\"Steve\", \"Sewell\"] });\n\n        return (\n          <div\n            css={{\n              padding: \"20px\",\n            }}\n          >\n            <Image\n              image=\"https://cdn.builder.io/api/v1/image/foobar\"\n              sizes=\"100vw\"\n              backgroundSize=\"contain\"\n              css={{\n                marignTop: \"50px\",\n                display: \"block\",\n              }}\n            />\n          </div>\n        );\n      }\n    "])));
+        var component = (0, jsx_1.parseJsx)(code);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)(mitosisOptions)({
+            component: backToMitosis,
+        });
+        expect(mitosis.trim()).toEqual(code.trim());
+        var react = (0, __1.componentToReact)({
+            plugins: [(0, compile_away_builder_components_1.compileAwayBuilderComponents)()],
+        })({ component: component });
+        expect(react).toMatchSnapshot();
+    });
+    test('Regenerate Text', function () {
+        var code = (0, dedent_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      import { useStore } from \"@builder.io/mitosis\";\n\n      export default function MyComponent(props) {\n        const state = useStore({ people: [\"Steve\", \"Sewell\"] });\n\n        return (\n          <div\n            css={{\n              padding: \"20px\",\n            }}\n          >\n            <h2\n              css={{\n                marginBottom: \"20px\",\n              }}\n            >\n              Hello!\n            </h2>\n          </div>\n        );\n      }\n    "], ["\n      import { useStore } from \"@builder.io/mitosis\";\n\n      export default function MyComponent(props) {\n        const state = useStore({ people: [\"Steve\", \"Sewell\"] });\n\n        return (\n          <div\n            css={{\n              padding: \"20px\",\n            }}\n          >\n            <h2\n              css={{\n                marginBottom: \"20px\",\n              }}\n            >\n              Hello!\n            </h2>\n          </div>\n        );\n      }\n    "])));
+        var component = (0, jsx_1.parseJsx)(code);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)(mitosisOptions)({
+            component: backToMitosis,
+        });
+        expect(mitosis.trim()).toEqual(code.trim());
+    });
+    test('Regenerate loop', function () {
+        var code = (0, dedent_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      import { useStore, For } from \"@builder.io/mitosis\";\n\n      export default function MyComponent(props) {\n        const state = useStore({ people: [\"Steve\", \"Sewell\"] });\n\n        return (\n          <For each={state.people}>\n            {(person, index) => (\n              <div\n                key={person}\n                css={{\n                  padding: \"10px 0\",\n                }}\n              >\n                <span>{person}</span>\n                <span>{index}</span>\n              </div>\n            )}\n          </For>\n        );\n      }\n    "], ["\n      import { useStore, For } from \"@builder.io/mitosis\";\n\n      export default function MyComponent(props) {\n        const state = useStore({ people: [\"Steve\", \"Sewell\"] });\n\n        return (\n          <For each={state.people}>\n            {(person, index) => (\n              <div\n                key={person}\n                css={{\n                  padding: \"10px 0\",\n                }}\n              >\n                <span>{person}</span>\n                <span>{index}</span>\n              </div>\n            )}\n          </For>\n        );\n      }\n    "])));
+        var component = (0, jsx_1.parseJsx)(code);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)(mitosisOptions)({
+            component: backToMitosis,
+        });
+        expect(mitosis.trim()).toEqual(code.trim());
+    });
+    test('Regenerate custom Hero', function () {
+        var code = (0, dedent_1.default)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      import { Hero } from \"@components\";\n\n      export default function MyComponent(props) {\n        return (\n          <Hero\n            title=\"Your Title Here\"\n            image=\"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F52dcecf48f9c48cc8ddd8f81fec63236\"\n            buttonLink=\"https://example.com\"\n            buttonText=\"Click\"\n            height={400}\n            css={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              alignItems: \"stretch\",\n              position: \"relative\",\n              flexShrink: \"0\",\n              boxSizing: \"border-box\",\n              marginTop: \"200px\",\n            }}\n          />\n        );\n      }\n    "], ["\n      import { Hero } from \"@components\";\n\n      export default function MyComponent(props) {\n        return (\n          <Hero\n            title=\"Your Title Here\"\n            image=\"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F52dcecf48f9c48cc8ddd8f81fec63236\"\n            buttonLink=\"https://example.com\"\n            buttonText=\"Click\"\n            height={400}\n            css={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              alignItems: \"stretch\",\n              position: \"relative\",\n              flexShrink: \"0\",\n              boxSizing: \"border-box\",\n              marginTop: \"200px\",\n            }}\n          />\n        );\n      }\n    "])));
+        var component = (0, jsx_1.parseJsx)(code);
+        expect(component).toMatchSnapshot();
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        expect(backToMitosis).toMatchSnapshot();
+        var mitosis = (0, mitosis_1.componentToMitosis)(mitosisOptions)({
+            component: backToMitosis,
+        });
+        expect(mitosis.trim()).toEqual(code.trim());
+    });
+    // TODO: fix divs and CoreFragment - need to find way to reproduce
+    test.skip('Regenerate fragments', function () {
+        var code = (0, dedent_1.default)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      export default function MyComponent(props) {\n        return (\n          <>\n            Hello world\n\n            <>\n              <Fragment>Hi</Fragment>\n            </>\n          </>\n        );\n      }\n    "], ["\n      export default function MyComponent(props) {\n        return (\n          <>\n            Hello world\n\n            <>\n              <Fragment>Hi</Fragment>\n            </>\n          </>\n        );\n      }\n    "])));
+        var component = (0, jsx_1.parseJsx)(code);
+        expect(component).toMatchSnapshot();
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        expect(builderJson).toMatchSnapshot();
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        expect(backToMitosis).toMatchSnapshot();
+        var mitosis = (0, mitosis_1.componentToMitosis)(mitosisOptions)({
+            component: backToMitosis,
+        });
+        expect(mitosis.trim()).toEqual(code.trim());
+    });
+    // TODO: get passing, don't add extra divs. or at least use spans instead so don't break layout
+    test.skip('Regenerate span text', function () {
+        var code = (0, dedent_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      export default function MyComponent(props) {\n        return (\n          <div\n            css={{\n              display: \"block\",\n            }}\n          >\n            Hi there\n            <span\n              css={{\n                color: \"red\",\n              }}\n            >\n              Hello world\n            </span>\n          </div>\n        );\n      }\n    "], ["\n      export default function MyComponent(props) {\n        return (\n          <div\n            css={{\n              display: \"block\",\n            }}\n          >\n            Hi there\n            <span\n              css={{\n                color: \"red\",\n              }}\n            >\n              Hello world\n            </span>\n          </div>\n        );\n      }\n    "])));
+        var component = (0, jsx_1.parseJsx)(code);
+        var builderJson = (0, builder_1.componentToBuilder)()({ component: component });
+        var backToMitosis = (0, builder_2.builderContentToMitosisComponent)(builderJson);
+        var mitosis = (0, mitosis_1.componentToMitosis)(mitosisOptions)({
+            component: backToMitosis,
+        });
+        expect(mitosis.trim()).toEqual(code.trim());
+    });
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_1 = require("../parsers/jsx");
+var react_1 = require("../generators/context/react");
+var context_1 = require("../parsers/context");
+var react_2 = require("../generators/react");
+var react_native_1 = require("../generators/react-native");
+var simpleExample = require('./data/context/simple.context.lite');
+var componentWithContext = require('./data/context/component-with-context.lite');
+var renderBlock = require('./data/blocks/builder-render-block.raw');
+describe('Context', function () {
+    test('Parse context', function () {
+        var component = (0, context_1.parseContext)(simpleExample, { name: 'SimpleExample' });
+        if (!component) {
+            throw new Error('No parseable context found for simple.context.lite.ts');
+        }
+        expect(component).toMatchSnapshot();
+        var reactContext = (0, react_1.contextToReact)()({ context: component });
+        expect(reactContext).toMatchSnapshot();
+    });
+    test('Use and set context in components', function () {
+        var component = (0, jsx_1.parseJsx)(componentWithContext);
+        expect(component).toMatchSnapshot();
+        var reactComponent = (0, react_2.componentToReact)()({ component: component });
+        expect(reactComponent).toMatchSnapshot();
+        var reactNativeComponent = (0, react_native_1.componentToReactNative)()({ component: component });
+        expect(reactNativeComponent).toMatchSnapshot();
+    });
+    test('Use and set context in complex components', function () {
+        var component = (0, jsx_1.parseJsx)(renderBlock);
+        expect(component).toMatchSnapshot();
+        var reactComponent = (0, react_2.componentToReact)()({ component: component });
+        expect(reactComponent).toMatchSnapshot();
+    });
+});

package/dist/src/__tests__/data/context/component-with-context.lite.d.ts

@@ -0,0 +1,3 @@
+export default function ComponentWithContext(props: {
+    content: string;
+}): import("@builder.io/mitosis/jsx-runtime").JSX.Element;

package/dist/src/__tests__/data/context/component-with-context.lite.jsx

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var _1_1 = __importDefault(require("@dummy/1"));
+var _2_1 = __importDefault(require("@dummy/2"));
+var mitosis_1 = require("@builder.io/mitosis");
+function ComponentWithContext(props) {
+    var foo = (0, mitosis_1.useContext)(_1_1.default);
+    (0, mitosis_1.setContext)(_1_1.default, {
+        foo: 'bar',
+        content: function () {
+            return props.content;
+        },
+    });
+    return (<_2_1.default.Provider value={{ bar: 'baz' }}>
+      <>{foo.value}</>
+    </_2_1.default.Provider>);
+}
+exports.default = ComponentWithContext;

package/dist/src/__tests__/data/context/simple.context.lite.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import("@builder.io/mitosis").Context<{
+    foo: string;
+    readonly fooUpperCase: any;
+    someMethod(): any;
+    content: null;
+    context: any;
+    state: {};
+}>;
+export default _default;

package/dist/src/__tests__/data/context/simple.context.lite.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var mitosis_1 = require("@builder.io/mitosis");
+exports.default = (0, mitosis_1.createContext)({
+    foo: 'bar',
+    get fooUpperCase() {
+        return this.foo.toUpperCase();
+    },
+    someMethod: function () {
+        return this.fooUpperCase.toLowercase();
+    },
+    content: null,
+    context: {},
+    state: {},
+});

package/dist/src/__tests__/data/nested-styles.lite.d.ts

@@ -0,0 +1 @@
+export default function NestedStyles(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;

package/dist/src/__tests__/data/nested-styles.lite.jsx

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function NestedStyles() {
+    return (<div css={{
+            display: 'flex',
+            foo: 'var(--bar)',
+            '@media (max-width: env(--mobile))': {
+                display: 'block',
+            },
+            '&:hover': {
+                display: 'flex',
+            },
+            '.nested-selector': {
+                display: 'grid',
+            },
+        }}>
+      Hello world
+    </div>);
+}
+exports.default = NestedStyles;

package/dist/src/__tests__/data/types/foo-type.d.ts

@@ -0,0 +1 @@
+export declare type Foo = null;

package/dist/src/__tests__/data/types/foo-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/__tests__/data/types/type-export.lite.d.ts

@@ -0,0 +1,3 @@
+export interface Foo {
+}
+export default function MyComponent(): import("@builder.io/mitosis/jsx-runtime").JSX.Element;

package/dist/src/__tests__/data/types/type-export.lite.jsx

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function MyComponent() {
+    return <div></div>;
+}
+exports.default = MyComponent;

package/dist/src/__tests__/hash-code.test.d.ts

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

package/dist/src/__tests__/hash-code.test.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var __1 = require("..");
+describe('hashCode', function () {
+    test('should compute object', function () {
+        expect((0, __1.hashCodeAsString)({ foo: 'bar' })).toEqual('1jo4fm');
+    });
+    test('order of properties should not matter', function () {
+        expect((0, __1.hashCodeAsString)({ a: 'first', b: 'second' })).toEqual((0, __1.hashCodeAsString)({ b: 'second', a: 'first' }));
+    });
+});

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var marko_1 = require("../generators/marko");
+var shared_1 = require("./shared");
+describe('Marko format', function () {
+    var exampleCode = "\n    <div>\n      <if(input.foo === 'bar')>\n        Hello\n      </if>\n      <for|items| of=(some.long ? expression : yo)>\n        World\n      </for>\n      <input \n        placeholder=\"Hello world...\"\n        value=(this.state.name) \n        on-click=(event => {\n          console.log('hello', \"world\")\n        })\n        on-input=(event => this.state.name = event.target.value) /> \n        \n        Hello! I can run in React, Vue, Solid, or Liquid!\n    </div>";
+    var preprocessed = (0, marko_1.preprocessHtml)(exampleCode);
+    expect(preprocessed).toMatchSnapshot();
+    expect((0, marko_1.postprocessHtml)(preprocessed)).toMatchSnapshot();
+    expect((0, marko_1.markoFormatHtml)(exampleCode)).toMatchSnapshot();
+});
+describe('Marko', function () {
+    (0, shared_1.runTestsForTarget)('marko', (0, marko_1.componentToMarko)());
+});

package/dist/src/__tests__/parse-jsx.test.d.ts

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

package/dist/src/__tests__/parse-jsx.test.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_1 = require("../parsers/jsx");
+var buttonWithMetadata = require('./data/blocks/button-with-metadata.raw');
+var image = require('./data/blocks/image.raw');
+var basicOnUpdateReturn = require('./data/basic-onUpdate-return.raw');
+var basicMitosis = require('./data/basic-custom-mitosis-package.raw');
+var basicRef = require('./data/basic-ref.raw');
+var basicPropsRaw = require('./data/basic-props.raw');
+var basicPropsDestructureRaw = require('./data/basic-props-destructure.raw');
+describe('Parse JSX', function () {
+    test('metadata', function () {
+        var json = (0, jsx_1.parseJsx)(buttonWithMetadata);
+        expect(json).toMatchSnapshot();
+    });
+    test('Image', function () {
+        var json = (0, jsx_1.parseJsx)(image);
+        expect(json).toMatchSnapshot();
+    });
+    test('onUpdate return', function () {
+        var json = (0, jsx_1.parseJsx)(basicOnUpdateReturn);
+        expect(json).toMatchSnapshot();
+    });
+    test('useRef', function () {
+        var json = (0, jsx_1.parseJsx)(basicRef);
+        expect(json).toMatchSnapshot();
+    });
+    test('custom mitosis package', function () {
+        var json = (0, jsx_1.parseJsx)(basicMitosis, {
+            compileAwayPackages: ['@dummy/custom-mitosis'],
+        });
+        expect(json).toMatchSnapshot();
+    });
+    test('custom mitosis package', function () {
+        expect((0, jsx_1.parseJsx)(basicPropsRaw)).toEqual((0, jsx_1.parseJsx)(basicPropsDestructureRaw));
+    });
+});

package/dist/src/__tests__/qwik/convert-method-to-function.test.d.ts

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

package/dist/src/__tests__/qwik/convert-method-to-function.test.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var convert_method_to_function_1 = require("../../generators/qwik/convert-method-to-function");
+describe('convertMethodToFunction', function () {
+    var methodMap = {
+        methodA: 'method',
+        getterB: 'getter',
+        getCssFromFont: 'method',
+    };
+    var lexicalArgs = ['props', 'state'];
+    describe('rewrite', function () {
+        test('method', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.methodA(123)', methodMap, lexicalArgs)).toEqual('methodA(props,state,123)');
+        });
+        test('getter', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.getterB', methodMap, lexicalArgs)).toEqual('getterB(props,state)');
+        });
+        test('method binding', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.methodA', methodMap, lexicalArgs)).toEqual('methodA.bind(null,props,state)');
+        });
+        test('handle comments', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('//\nreturn this.getterB;', methodMap, lexicalArgs)).toEqual('//\nreturn getterB(props,state);');
+        });
+        test('braces', function () {
+            var code = 'getFontCss({}: {}) { this.getCssFromFont(font) }';
+            expect((0, convert_method_to_function_1.convertMethodToFunction)(code, methodMap, lexicalArgs)).toEqual('getFontCss({}: {}) { getCssFromFont(props,state,font) }');
+        });
+    });
+    describe('string', function () {
+        test('should not rewrite string', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('"this.getterB"', methodMap, lexicalArgs)).toEqual('"this.getterB"');
+        });
+        test('should rewrite template string', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('`${this.getterB}this.getterB`', methodMap, lexicalArgs)).toEqual('`${getterB(props,state)}this.getterB`');
+        });
+    });
+});

package/dist/src/__tests__/qwik/src-generator.test.d.ts

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

package/dist/src/__tests__/qwik/src-generator.test.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var src_generator_1 = require("../../generators/qwik/src-generator");
+describe('src-generator', function () {
+    describe('isStatement', function () {
+        test('is an expression', function () {
+            expect((0, src_generator_1.isStatement)('a.b')).toBe(false);
+            expect((0, src_generator_1.isStatement)('1?2:"bar"')).toBe(false);
+            expect((0, src_generator_1.isStatement)('"var x; return foo + \'\\"\';"')).toBe(false);
+            expect((0, src_generator_1.isStatement)('"foo" + `bar\nbaz`')).toBe(false);
+            expect((0, src_generator_1.isStatement)('(...)()')).toBe(false);
+        });
+        test('regression', function () {
+            expect((0, src_generator_1.isStatement)('props.attributes?.class || props.attributes?.className')).toBe(false);
+        });
+        test('is a statement', function () {
+            expect((0, src_generator_1.isStatement)('var x; return x;')).toBe(true);
+            expect((0, src_generator_1.isStatement)('var x')).toBe(true);
+        });
+    });
+    describe('import', function () {
+        var options;
+        var src;
+        describe('module', function () {
+            beforeEach(function () {
+                options = {
+                    isJSX: true,
+                    isPretty: false,
+                    isTypeScript: false,
+                    isModule: true,
+                    isBuilder: false,
+                };
+                src = new src_generator_1.SrcBuilder(new src_generator_1.File('test', options, '', ''), options);
+            });
+            test('import to string', function () {
+                src.import('module', [new src_generator_1.Symbol('importName', 'asLocalName')]);
+                expect(src.toString()).toEqual('import{importName as asLocalName}from"module";');
+            });
+            test('import from default', function () {
+                src.import('module', [new src_generator_1.Symbol('default', 'asLocalName')]);
+                expect(src.toString()).toEqual('import asLocalName from"module";');
+            });
+        });
+        describe('require', function () {
+            beforeEach(function () {
+                options = {
+                    isJSX: true,
+                    isPretty: false,
+                    isTypeScript: false,
+                    isModule: false,
+                    isBuilder: false,
+                };
+                src = new src_generator_1.SrcBuilder(new src_generator_1.File('test', options, '', ''), options);
+            });
+            test('import to string', function () {
+                src.import('module', [new src_generator_1.Symbol('importName', 'asLocalName')]);
+                expect(src.toString()).toEqual('const asLocalName=require("module").importName;');
+            });
+            test('import from default', function () {
+                src.import('module', [new src_generator_1.Symbol('default', 'asLocalName')]);
+                expect(src.toString()).toEqual('const asLocalName=require("module");');
+            });
+        });
+    });
+});

package/dist/src/__tests__/qwik.directive.test.d.ts

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