@builder.io/mitosis 0.0.56-1 → 0.0.56-101

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

@@ -38,12 +38,13 @@ 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 component_generator_1 = require("../generators/qwik/component-generator");
 var index_1 = require("../generators/qwik/index");
-var src_generator_1 = require("../generators/qwik/src-generator");
 var builder_1 = require("../parsers/builder");
 var jsx_1 = require("../parsers/jsx");
 var compile_away_builder_components_1 = require("../plugins/compile-away-builder-components");
 var symbol_processor_1 = require("../symbols/symbol-processor");
+var shared_1 = require("./shared");
 var todo = require('../../../../examples/todo/src/components/todo.lite');
 var todos = require('../../../../examples/todo/src/components/todos.lite');
 var debugFiles = true;
@@ -76,6 +77,7 @@ var debugOutput = function (fileSet) { return __awaiter(void 0, void 0, void 0,
     });
 }); };
 describe('qwik', function () {
+    (0, shared_1.runTestsForTarget)('qwik', (0, component_generator_1.componentToQwik)());
     describe('todo', function () {
         test('Todo.tsx', function () { return __awaiter(void 0, void 0, void 0, function () {
             var json, fileSet;
@@ -309,8 +311,7 @@ describe('qwik', function () {
                         fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: true });
                         hierarchy.depthFirstSymbols.forEach(function (builderComponent) {
                             var mitosisComponent = (0, symbol_processor_1.convertBuilderElementToMitosisComponent)(builderComponent);
-                            mitosisComponent &&
-                                (0, index_1.addComponent)(fileSet, mitosisComponent, { isRoot: false });
+                            mitosisComponent && (0, index_1.addComponent)(fileSet, mitosisComponent, { isRoot: false });
                         });
                         component = (0, builder_1.builderContentToMitosisComponent)(content, {
                             includeBuilderExtras: true,
@@ -372,13 +373,49 @@ describe('qwik', function () {
         });
     }); });
     test('bindings', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var content, state, fileSet, component;
+        var content, fileSet, component;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     content = require('./qwik.test.bindings.json');
-                    state = {};
-                    expect(state).toMatchSnapshot();
+                    fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: false });
+                    component = (0, builder_1.builderContentToMitosisComponent)(content, {
+                        includeBuilderExtras: true,
+                        preserveTextBlocks: true,
+                    });
+                    (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
+                    (0, index_1.addComponent)(fileSet, component);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    expect(toObj(fileSet)).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    test('for-loop.bindings', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var component, fileSet;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    component = require('./qwik.test.for-loop.binding.json');
+                    fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: false });
+                    (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
+                    (0, index_1.addComponent)(fileSet, component);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    expect(toObj(fileSet)).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    test('mount', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var content, fileSet, component;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    content = require('./qwik.test.mount.json');
                     fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: false });
                     component = (0, builder_1.builderContentToMitosisComponent)(content, {
                         includeBuilderExtras: true,
@@ -395,30 +432,24 @@ describe('qwik', function () {
         });
     }); });
     describe('src-generator', function () {
-        test('should format code', function () {
-            var file = new qwik_1.File('test.js', {
+        var file;
+        beforeEach(function () {
+            return (file = new qwik_1.File('test.js', {
                 isPretty: true,
                 isTypeScript: false,
                 isJSX: true,
                 isModule: true,
-            }, '', '');
+                isBuilder: true,
+            }, '', ''));
+        });
+        test('should format code', function () {
             file.src.emit('const x=1');
             expect(file.toString()).toEqual('const x = 1;\n');
         });
-    });
-    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);
-            });
+        test('should deal with empty bindings', function () {
+            file.src.jsxBegin('Image', {}, { image: '' });
+            file.src.jsxEnd('Image');
+            expect(file.toString()).toEqual('<Image></Image>;\n');
         });
     });
 });

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

@@ -1,140 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_native_1 = require("../generators/react-native");
-var jsx_1 = require("../parsers/jsx");
-var basic = require('./data/basic.raw');
-var submitButtonBlock = require('./data/blocks/submit-button.raw');
-var inputBlock = require('./data/blocks/input.raw');
-var selectBlock = require('./data/blocks/select.raw');
-var formBlock = require('./data/blocks/form.raw');
-var button = require('./data/blocks/button.raw');
-var textarea = require('./data/blocks/textarea.raw');
-var img = require('./data/blocks/img.raw');
-var video = require('./data/blocks/video.raw');
-var section = require('./data/blocks/section.raw');
-var text = require('./data/blocks/text.raw');
-var rawText = require('./data/blocks/raw-text.raw');
-var stamped = require('./data/blocks/stamped-io.raw');
-var customCode = require('./data/blocks/custom-code.raw');
-var embed = require('./data/blocks/embed.raw');
-var image = require('./data/blocks/image.raw');
-var columns = require('./data/blocks/columns.raw');
-var onUpdate = require('./data/blocks/onUpdate.raw');
-var onUpdateWithDeps = require('./data/blocks/onUpdateWithDeps.raw');
-var multipleOnUpdate = require('./data/blocks/multiple-onUpdate.raw');
-var multipleOnUpdateWithDeps = require('./data/blocks/multiple-onUpdateWithDeps.raw');
-var onMount = require('./data/blocks/onMount.raw');
-describe('React', function () {
-    test('Basic', function () {
-        var component = (0, jsx_1.parseJsx)(basic);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Input block', function () {
-        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 component = (0, jsx_1.parseJsx)(submitButtonBlock);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Select block', function () {
-        var component = (0, jsx_1.parseJsx)(selectBlock);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Form block', function () {
-        var component = (0, jsx_1.parseJsx)(formBlock);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Button', function () {
-        var component = (0, jsx_1.parseJsx)(button);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Textarea', function () {
-        var component = (0, jsx_1.parseJsx)(textarea);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Img', function () {
-        var component = (0, jsx_1.parseJsx)(img);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Video', function () {
-        var component = (0, jsx_1.parseJsx)(video);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Section', function () {
-        var component = (0, jsx_1.parseJsx)(section);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Text', function () {
-        var component = (0, jsx_1.parseJsx)(text);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('RawText', function () {
-        var component = (0, jsx_1.parseJsx)(rawText);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Stamped.io', function () {
-        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 component = (0, jsx_1.parseJsx)(customCode);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Embed', function () {
-        var component = (0, jsx_1.parseJsx)(customCode);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Image', function () {
-        var component = (0, jsx_1.parseJsx)(image);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Columns', function () {
-        var component = (0, jsx_1.parseJsx)(columns);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('onUpdate', function () {
-        var component = (0, jsx_1.parseJsx)(onUpdate);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('onUpdateWithDeps', function () {
-        var component = (0, jsx_1.parseJsx)(onUpdateWithDeps);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('multipleOnUpdate', function () {
-        var component = (0, jsx_1.parseJsx)(multipleOnUpdate);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('multipleOnnUpdateWithDeps', function () {
-        var component = (0, jsx_1.parseJsx)(multipleOnUpdateWithDeps);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('onMount & onUnMount', function () {
-        var component = (0, jsx_1.parseJsx)(onMount);
-        var output = (0, react_native_1.componentToReactNative)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
+var shared_1 = require("./shared");
+describe('React Native', function () {
+    (0, shared_1.runTestsForTarget)('reactNative', (0, react_native_1.componentToReactNative)());
 });

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

@@ -1,147 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var __1 = require("..");
 var react_1 = require("../generators/react");
-var jsx_1 = require("../parsers/jsx");
-var basic = require('./data/basic.raw');
-var submitButtonBlock = require('./data/blocks/submit-button.raw');
-var inputBlock = require('./data/blocks/input.raw');
-var selectBlock = require('./data/blocks/select.raw');
-var formBlock = require('./data/blocks/form.raw');
-var button = require('./data/blocks/button.raw');
-var textarea = require('./data/blocks/textarea.raw');
-var img = require('./data/blocks/img.raw');
-var video = require('./data/blocks/video.raw');
-var section = require('./data/blocks/section.raw');
-var text = require('./data/blocks/text.raw');
-var rawText = require('./data/blocks/raw-text.raw');
+var shared_1 = require("./shared");
+describe('Preact', function () {
+    (0, shared_1.runTestsForTarget)('react', (0, react_1.componentToReact)({ preact: true }));
+});
 var stamped = require('./data/blocks/stamped-io.raw');
-var customCode = require('./data/blocks/custom-code.raw');
-var embed = require('./data/blocks/embed.raw');
-var image = require('./data/blocks/image.raw');
-var columns = require('./data/blocks/columns.raw');
-var onUpdate = require('./data/blocks/onUpdate.raw');
-var onUpdateWithDeps = require('./data/blocks/onUpdateWithDeps.raw');
-var multipleOnUpdate = require('./data/blocks/multiple-onUpdate.raw');
-var multipleOnUpdateWithDeps = require('./data/blocks/multiple-onUpdateWithDeps.raw');
-var onMount = require('./data/blocks/onMount.raw');
-var rootShow = require('./data/blocks/rootShow.raw');
 describe('React', function () {
-    test('Basic', function () {
-        var component = (0, jsx_1.parseJsx)(basic);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Input block', function () {
-        var component = (0, jsx_1.parseJsx)(inputBlock);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Submit button block', function () {
-        var component = (0, jsx_1.parseJsx)(submitButtonBlock);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Select block', function () {
-        var component = (0, jsx_1.parseJsx)(selectBlock);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Form block', function () {
-        var component = (0, jsx_1.parseJsx)(formBlock);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Button', function () {
-        var component = (0, jsx_1.parseJsx)(button);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Textarea', function () {
-        var component = (0, jsx_1.parseJsx)(textarea);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Img', function () {
-        var component = (0, jsx_1.parseJsx)(img);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Video', function () {
-        var component = (0, jsx_1.parseJsx)(video);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Section', function () {
-        var component = (0, jsx_1.parseJsx)(section);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Text', function () {
-        var component = (0, jsx_1.parseJsx)(text);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('RawText', function () {
-        var component = (0, jsx_1.parseJsx)(rawText);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Stamped.io', function () {
-        var component = (0, jsx_1.parseJsx)(stamped);
+    (0, shared_1.runTestsForTarget)('react', (0, react_1.componentToReact)());
+    test('stamped', function () {
+        var component = (0, __1.parseJsx)(stamped);
         var output = (0, react_1.componentToReact)({
-            stylesType: 'styled-components',
+            stylesType: 'style-tag',
             stateType: 'useState',
         })({ component: component });
         expect(output).toMatchSnapshot();
     });
-    test('CustomCode', function () {
-        var component = (0, jsx_1.parseJsx)(customCode);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Embed', function () {
-        var component = (0, jsx_1.parseJsx)(customCode);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Image', function () {
-        var component = (0, jsx_1.parseJsx)(image);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('Columns', function () {
-        var component = (0, jsx_1.parseJsx)(columns);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('onUpdate', function () {
-        var component = (0, jsx_1.parseJsx)(onUpdate);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('onUpdateWithDeps', function () {
-        var component = (0, jsx_1.parseJsx)(onUpdateWithDeps);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('multipleOnUpdate', function () {
-        var component = (0, jsx_1.parseJsx)(multipleOnUpdate);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('multipleOnnUpdateWithDeps', function () {
-        var component = (0, jsx_1.parseJsx)(multipleOnUpdateWithDeps);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('onMount & onUnMount', function () {
-        var component = (0, jsx_1.parseJsx)(onMount);
-        var output = (0, react_1.componentToReact)()({ component: component });
-        expect(output).toMatchSnapshot();
-    });
-    test('rootShow', function () {
-        var component = (0, jsx_1.parseJsx)(rootShow);
-        var output = (0, react_1.componentToReact)({ prettier: false })({ component: component });
-        expect(output).toMatchSnapshot();
-    });
 });

package/dist/src/__tests__/shared.d.ts

@@ -0,0 +1,3 @@
+import { Transpiler } from '../types/transpiler';
+import { Target } from '../types/config';
+export declare const runTestsForTarget: (target: Target, generator: Transpiler) => void;