@builder.io/mitosis 0.0.45-5 → 0.0.48

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

@@ -21,88 +21,88 @@ var image = require('./data/blocks/image.raw');
 var columns = require('./data/blocks/columns.raw');
 describe('Liquid', function () {
     test('Basic', function () {
-        var json = jsx_1.parseJsx(basic);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(basic);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Input block', function () {
-        var json = jsx_1.parseJsx(inputBlock);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(inputBlock);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Submit button block', function () {
-        var json = jsx_1.parseJsx(submitButtonBlock);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(submitButtonBlock);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Select block', function () {
-        var json = jsx_1.parseJsx(selectBlock);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(selectBlock);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Form block', function () {
-        var json = jsx_1.parseJsx(formBlock);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(formBlock);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Button', function () {
-        var json = jsx_1.parseJsx(button);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(button);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Textarea', function () {
-        var json = jsx_1.parseJsx(textarea);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(textarea);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Img', function () {
-        var json = jsx_1.parseJsx(img);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(img);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Video', function () {
-        var json = jsx_1.parseJsx(video);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(video);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Section', function () {
-        var json = jsx_1.parseJsx(section);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(section);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Text', function () {
-        var json = jsx_1.parseJsx(text);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(text);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('RawText', function () {
-        var json = jsx_1.parseJsx(rawText);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(rawText);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Stamped.io', function () {
-        var json = jsx_1.parseJsx(stamped);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(stamped);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('CustomCode', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Embed', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Image', function () {
-        var json = jsx_1.parseJsx(image);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(image);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Columns', function () {
-        var json = jsx_1.parseJsx(columns);
-        var output = liquid_1.componentToLiquid(json);
+        var component = (0, jsx_1.parseJsx)(columns);
+        var output = (0, liquid_1.componentToLiquid)()({ component: component });
         expect(output).toMatchSnapshot();
     });
 });

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

@@ -4,7 +4,7 @@ var jsx_1 = require("../parsers/jsx");
 var buttonWithMetadata = require('./data/blocks/button-with-metadata.raw');
 describe('Parse JSX', function () {
     test('metadata', function () {
-        var json = jsx_1.parseJsx(buttonWithMetadata);
+        var json = (0, jsx_1.parseJsx)(buttonWithMetadata);
         expect(json).toMatchSnapshot();
     });
 });

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

@@ -37,26 +37,35 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var fs_extra_promise_1 = require("fs-extra-promise");
-var qwik_1 = require("../generators/qwik");
+var __1 = require("..");
+var index_1 = require("../generators/qwik/index");
+var src_generator_1 = require("../generators/qwik/src-generator");
 var jsx_1 = require("../parsers/jsx");
+var compile_away_builder_components_1 = require("../plugins/compile-away-builder-components");
 var todo = require('../../../../examples/todo/src/components/todo.lite');
 var todos = require('../../../../examples/todo/src/components/todos.lite');
 var debugFiles = true;
-var debugOutput = function (output) { return __awaiter(void 0, void 0, void 0, function () {
-    var _i, _a, file;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+var debugOutput = function (fileSet) { return __awaiter(void 0, void 0, void 0, function () {
+    var testName, base, _a, _b, _i, key, file;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
             case 0:
+                testName = expect.getState().currentTestName;
+                base = 'dist/test/' + testName.split(' ').join('/') + '/';
                 if (!debugFiles) return [3 /*break*/, 4];
-                _i = 0, _a = output.files;
-                _b.label = 1;
+                _a = [];
+                for (_b in fileSet)
+                    _a.push(_b);
+                _i = 0;
+                _c.label = 1;
             case 1:
                 if (!(_i < _a.length)) return [3 /*break*/, 4];
-                file = _a[_i];
-                return [4 /*yield*/, fs_extra_promise_1.outputFileAsync('dist/test/qwik/' + file.path, file.contents)];
+                key = _a[_i];
+                file = fileSet[key];
+                return [4 /*yield*/, (0, fs_extra_promise_1.outputFileAsync)(base + file.path, file.contents)];
             case 2:
-                _b.sent();
-                _b.label = 3;
+                _c.sent();
+                _c.label = 3;
             case 3:
                 _i++;
                 return [3 /*break*/, 1];
@@ -64,52 +73,190 @@ var debugOutput = function (output) { return __awaiter(void 0, void 0, void 0, f
         }
     });
 }); };
-describe('Qwik', function () {
-    test('Todo', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var json, output;
+describe('qwik', function () {
+    describe('todo', function () {
+        test('Todo.tsx', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var json, fileSet;
+            return __generator(this, function (_a) {
+                json = (0, jsx_1.parseJsx)(todo);
+                fileSet = (0, index_1.createFileSet)({ output: 'ts' });
+                (0, index_1.addComponent)(fileSet, json);
+                debugOutput(fileSet);
+                expect(toObj(fileSet)).toMatchSnapshot();
+                return [2 /*return*/];
+            });
+        }); });
+        test('Todo.cjs', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var json, fileSet;
+            return __generator(this, function (_a) {
+                json = (0, jsx_1.parseJsx)(todo);
+                fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: false });
+                (0, index_1.addComponent)(fileSet, json);
+                debugOutput(fileSet);
+                expect(toObj(fileSet)).toMatchSnapshot();
+                return [2 /*return*/];
+            });
+        }); });
+        test('Todo.js', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var json, fileSet;
+            return __generator(this, function (_a) {
+                json = (0, jsx_1.parseJsx)(todo);
+                fileSet = (0, index_1.createFileSet)({
+                    output: 'mjs',
+                    minify: true,
+                    jsx: false,
+                });
+                (0, index_1.addComponent)(fileSet, json);
+                debugOutput(fileSet);
+                expect(toObj(fileSet)).toMatchSnapshot();
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe('todos', function () {
+        test('Todo.tsx', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var json, fileSet;
+            return __generator(this, function (_a) {
+                json = (0, jsx_1.parseJsx)(todos);
+                fileSet = (0, index_1.createFileSet)({ output: 'ts' });
+                (0, index_1.addComponent)(fileSet, json);
+                debugOutput(fileSet);
+                expect(toObj(fileSet)).toMatchSnapshot();
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe('hello_world', function () {
+        test('stylesheet', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var component, fileSet;
+            return __generator(this, function (_a) {
+                component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.hello_world.json'));
+                fileSet = (0, index_1.createFileSet)({ output: 'mjs' });
+                (0, index_1.addComponent)(fileSet, component);
+                debugOutput(fileSet);
+                expect(toObj(fileSet)).toMatchSnapshot();
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    test('page-with-symbol', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    json = jsx_1.parseJsx(todo);
-                    return [4 /*yield*/, qwik_1.componentToQwik(json)];
-                case 1:
-                    output = _a.sent();
-                    expect(output).toMatchSnapshot();
-                    debugOutput(output);
-                    return [2 /*return*/];
-            }
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.page-with-symbol.json'));
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
         });
     }); });
-    test('Todo bundle', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var json, output;
+    test('button', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    json = jsx_1.parseJsx(todo);
-                    return [4 /*yield*/, qwik_1.componentToQwik(json, {
-                            bundle: true,
-                        })];
-                case 1:
-                    output = _a.sent();
-                    expect(output).toMatchSnapshot();
-                    debugOutput(output);
-                    return [2 /*return*/];
-            }
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.button.json'));
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
         });
     }); });
-    test('Todos', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var json, output;
+    test('svg', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    json = jsx_1.parseJsx(todos);
-                    return [4 /*yield*/, qwik_1.componentToQwik(json)];
-                case 1:
-                    output = _a.sent();
-                    expect(output).toMatchSnapshot();
-                    debugOutput(output);
-                    return [2 /*return*/];
-            }
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.svg.json'), {
+                includeBuilderExtras: true,
+                preserveTextBlocks: true,
+            });
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
+        });
+    }); });
+    test('Image', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
+        return __generator(this, function (_a) {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.image.json'), {
+                includeBuilderExtras: true,
+                preserveTextBlocks: true,
+            });
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
+        });
+    }); });
+    test('Image.slow', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
+        return __generator(this, function (_a) {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.image.json'), {
+                includeBuilderExtras: true,
+                preserveTextBlocks: true,
+            });
+            (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
+        });
+    }); });
+    test('Accordion', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
+        return __generator(this, function (_a) {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.accordion.json'), {
+                includeBuilderExtras: true,
+                preserveTextBlocks: true,
+            });
+            (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: true });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
         });
     }); });
+    test('For', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
+        return __generator(this, function (_a) {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.for-loop.json'), {
+                includeBuilderExtras: true,
+                preserveTextBlocks: true,
+            });
+            (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: true });
+            (0, index_1.addComponent)(fileSet, component);
+            debugOutput(fileSet);
+            expect(toObj(fileSet)).toMatchSnapshot();
+            return [2 /*return*/];
+        });
+    }); });
+    describe('helper functions', 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('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);
+            });
+        });
+    });
 });
+function toObj(fileSet) {
+    var obj = {};
+    for (var key in fileSet) {
+        if (Object.prototype.hasOwnProperty.call(fileSet, key)) {
+            var file = fileSet[key];
+            obj[file.path] = file.contents;
+        }
+    }
+    return obj;
+}

package/dist/src/__tests__/react-native.test.js

@@ -21,90 +21,90 @@ var image = require('./data/blocks/image.raw');
 var columns = require('./data/blocks/columns.raw');
 describe('React', function () {
     test('Basic', function () {
-        var json = jsx_1.parseJsx(basic);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(basic);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Input block', function () {
-        var json = jsx_1.parseJsx(inputBlock);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(inputBlock);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Submit button block', function () {
-        var json = jsx_1.parseJsx(submitButtonBlock);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(submitButtonBlock);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Select block', function () {
-        var json = jsx_1.parseJsx(selectBlock);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(selectBlock);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Form block', function () {
-        var json = jsx_1.parseJsx(formBlock);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(formBlock);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Button', function () {
-        var json = jsx_1.parseJsx(button);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(button);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Textarea', function () {
-        var json = jsx_1.parseJsx(textarea);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(textarea);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Img', function () {
-        var json = jsx_1.parseJsx(img);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(img);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Video', function () {
-        var json = jsx_1.parseJsx(video);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(video);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Section', function () {
-        var json = jsx_1.parseJsx(section);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(section);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Text', function () {
-        var json = jsx_1.parseJsx(text);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(text);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('RawText', function () {
-        var json = jsx_1.parseJsx(rawText);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(rawText);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Stamped.io', function () {
-        var json = jsx_1.parseJsx(stamped);
-        var output = react_native_1.componentToReactNative(json, {
+        var component = (0, jsx_1.parseJsx)(stamped);
+        var output = (0, react_native_1.componentToReactNative)({
             stateType: 'useState',
-        });
+        })({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('CustomCode', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Embed', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Image', function () {
-        var json = jsx_1.parseJsx(image);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(image);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Columns', function () {
-        var json = jsx_1.parseJsx(columns);
-        var output = react_native_1.componentToReactNative(json);
+        var component = (0, jsx_1.parseJsx)(columns);
+        var output = (0, react_native_1.componentToReactNative)()({ component: component });
         expect(output).toMatchSnapshot();
     });
 });