@builder.io/mitosis 0.0.50-6 → 0.0.50

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

@@ -37,6 +37,7 @@ 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 index_1 = require("../generators/qwik/index");
 var src_generator_1 = require("../generators/qwik/src-generator");
 var builder_1 = require("../parsers/builder");
@@ -79,38 +80,52 @@ describe('qwik', 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*/];
+                switch (_a.label) {
+                    case 0:
+                        json = (0, jsx_1.parseJsx)(todo);
+                        fileSet = (0, index_1.createFileSet)({ output: 'ts' });
+                        (0, index_1.addComponent)(fileSet, json);
+                        return [4 /*yield*/, debugOutput(fileSet)];
+                    case 1:
+                        _a.sent();
+                        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*/];
+                switch (_a.label) {
+                    case 0:
+                        json = (0, jsx_1.parseJsx)(todo);
+                        fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: false });
+                        (0, index_1.addComponent)(fileSet, json);
+                        return [4 /*yield*/, debugOutput(fileSet)];
+                    case 1:
+                        _a.sent();
+                        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*/];
+                switch (_a.label) {
+                    case 0:
+                        json = (0, jsx_1.parseJsx)(todo);
+                        fileSet = (0, index_1.createFileSet)({
+                            output: 'mjs',
+                            jsx: false,
+                        });
+                        (0, index_1.addComponent)(fileSet, json);
+                        return [4 /*yield*/, debugOutput(fileSet)];
+                    case 1:
+                        _a.sent();
+                        expect(toObj(fileSet)).toMatchSnapshot();
+                        return [2 /*return*/];
+                }
             });
         }); });
     });
@@ -118,12 +133,17 @@ describe('qwik', 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*/];
+                switch (_a.label) {
+                    case 0:
+                        json = (0, jsx_1.parseJsx)(todos);
+                        fileSet = (0, index_1.createFileSet)({ output: 'ts' });
+                        (0, index_1.addComponent)(fileSet, json);
+                        return [4 /*yield*/, debugOutput(fileSet)];
+                    case 1:
+                        _a.sent();
+                        expect(toObj(fileSet)).toMatchSnapshot();
+                        return [2 /*return*/];
+                }
             });
         }); });
     });
@@ -131,152 +151,260 @@ describe('qwik', function () {
         test('stylesheet', function () { return __awaiter(void 0, void 0, void 0, function () {
             var component, fileSet;
             return __generator(this, function (_a) {
-                component = (0, builder_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*/];
+                switch (_a.label) {
+                    case 0:
+                        component = (0, builder_1.builderContentToMitosisComponent)(require('./qwik.test.hello_world.json'));
+                        fileSet = (0, index_1.createFileSet)({ output: 'mjs' });
+                        (0, index_1.addComponent)(fileSet, component);
+                        return [4 /*yield*/, debugOutput(fileSet)];
+                    case 1:
+                        _a.sent();
+                        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) {
-            component = (0, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_1.builderContentToMitosisComponent)(require('./qwik.test.page-with-symbol.json'));
+                    fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+                    (0, index_1.addComponent)(fileSet, component);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    expect(toObj(fileSet)).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
         });
     }); });
     test('button', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = (0, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_1.builderContentToMitosisComponent)(require('./qwik.test.button.json'));
+                    fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+                    (0, index_1.addComponent)(fileSet, component);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    expect(toObj(fileSet)).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
         });
     }); });
     test('svg', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = (0, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_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);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    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, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_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);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    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, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_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);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    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, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_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);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    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, builder_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*/];
+            switch (_a.label) {
+                case 0:
+                    component = (0, builder_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);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    expect(toObj(fileSet)).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
         });
     }); });
     describe('component', function () {
         test('bindings', function () { return __awaiter(void 0, void 0, void 0, function () {
             var content, state, hierarchy, fileSet, component;
             return __generator(this, function (_a) {
-                content = require('./qwik.test.component-binding.json');
-                state = {};
-                hierarchy = (0, symbol_processor_1.convertBuilderContentToSymbolHierarchy)(content, {
-                    collectComponentState: state,
-                });
-                expect(state).toMatchSnapshot();
-                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 });
-                });
-                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);
-                debugOutput(fileSet);
-                expect(toObj(fileSet)).toMatchSnapshot();
-                return [2 /*return*/];
+                switch (_a.label) {
+                    case 0:
+                        content = require('./qwik.test.component-binding.json');
+                        state = {};
+                        hierarchy = (0, symbol_processor_1.convertBuilderContentToSymbolHierarchy)(content, {
+                            collectComponentState: state,
+                        });
+                        expect(state).toMatchSnapshot();
+                        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 });
+                        });
+                        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('component inputs', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var content, state, fileSet, component;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        content = require('./qwik.test.component-inputs.json');
+                        state = {};
+                        expect(state).toMatchSnapshot();
+                        fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: true });
+                        component = (0, builder_1.builderContentToMitosisComponent)(content, {
+                            includeBuilderExtras: true,
+                            preserveTextBlocks: true,
+                        });
+                        (0, index_1.addComponent)(fileSet, component);
+                        return [4 /*yield*/, debugOutput(fileSet)];
+                    case 1:
+                        _a.sent();
+                        expect(toObj(fileSet)).toMatchSnapshot();
+                        return [2 /*return*/];
+                }
             });
         }); });
     });
-    test('bindings', function () {
-        // https://builder.io/content/5d5a2d612df542978577d83c0aefad1e
-        // https://cdn.builder.io/api/v2/content/page/5d5a2d612df542978577d83c0aefad1e?apiKey=23dfd7cef1104af59f281d58ec525923
-        var content = require('./qwik.test.bindings.json');
-        var state = {};
-        expect(state).toMatchSnapshot();
-        var fileSet = (0, index_1.createFileSet)({ output: 'cjs', jsx: false });
-        var component = (0, builder_1.builderContentToMitosisComponent)(content, {
-            includeBuilderExtras: true,
-            preserveTextBlocks: true,
+    test('show-hide', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var content, state, fileSet, component;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    content = require('./qwik.test.show-hide.json');
+                    state = {};
+                    expect(state).toMatchSnapshot();
+                    fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: true });
+                    component = (0, builder_1.builderContentToMitosisComponent)(content, {
+                        includeBuilderExtras: true,
+                        preserveTextBlocks: true,
+                    });
+                    (0, index_1.addComponent)(fileSet, component);
+                    return [4 /*yield*/, debugOutput(fileSet)];
+                case 1:
+                    _a.sent();
+                    expect(toObj(fileSet)).toMatchSnapshot();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    test('bindings', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var content, state, 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*/];
+            }
+        });
+    }); });
+    describe('src-generator', function () {
+        test('should format code', function () {
+            var file = new qwik_1.File('test.js', {
+                isPretty: true,
+                isTypeScript: false,
+                isJSX: true,
+                isModule: true,
+            }, '', '');
+            file.src.emit('const x=1');
+            expect(file.toString()).toEqual('const x = 1;\n');
         });
-        (0, compile_away_builder_components_1.compileAwayBuilderComponentsFromTree)(component, compile_away_builder_components_1.components);
-        (0, index_1.addComponent)(fileSet, component);
-        debugOutput(fileSet);
-        expect(toObj(fileSet)).toMatchSnapshot();
     });
     describe('helper functions', function () {
         describe('isStatement', function () {

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

@@ -21,6 +21,8 @@ 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 () {
@@ -120,6 +122,16 @@ describe('React', function () {
         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 });

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

@@ -21,6 +21,8 @@ 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 () {
@@ -121,6 +123,16 @@ describe('React', function () {
         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 });

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

@@ -3,10 +3,34 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var svelte_1 = require("../generators/svelte");
 var jsx_1 = require("../parsers/jsx");
 var onUpdate = require('./data/blocks/onUpdate.raw');
+var multipleOUpdate = require('./data/blocks/multiple-onUpdate.raw');
+var selfReferencingComponent = require('./data/blocks/self-referencing-component.raw');
+var selfReferencingComponentWithChildren = require('./data/blocks/self-referencing-component-with-children.raw');
+var builderRenderBlock = require('./data/blocks/builder-render-block.raw');
 describe('Svelte', function () {
     test('onUpdate', function () {
         var component = (0, jsx_1.parseJsx)(onUpdate);
         var output = (0, svelte_1.componentToSvelte)()({ component: component });
         expect(output).toMatchSnapshot();
     });
+    test('multipleOnUpdate', function () {
+        var component = (0, jsx_1.parseJsx)(multipleOUpdate);
+        var output = (0, svelte_1.componentToSvelte)()({ component: component });
+        expect(output).toMatchSnapshot();
+    });
+    test('selfReferencingComponent', function () {
+        var component = (0, jsx_1.parseJsx)(selfReferencingComponent);
+        var output = (0, svelte_1.componentToSvelte)()({ component: component });
+        expect(output).toMatchSnapshot();
+    });
+    test('selfReferencingComponentWithChildren', function () {
+        var component = (0, jsx_1.parseJsx)(selfReferencingComponentWithChildren);
+        var output = (0, svelte_1.componentToSvelte)()({ component: component });
+        expect(output).toMatchSnapshot();
+    });
+    test('BuilderRenderBlock', function () {
+        var component = (0, jsx_1.parseJsx)(builderRenderBlock);
+        var output = (0, svelte_1.componentToSvelte)()({ component: component });
+        expect(output).toMatchSnapshot();
+    });
 });

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

@@ -22,6 +22,8 @@ var columns = require('./data/blocks/columns.raw');
 var onUpdate = require('./data/blocks/onUpdate.raw');
 var onUpdateWithDeps = require('./data/blocks/onUpdateWithDeps.raw');
 var onMount = require('./data/blocks/onMount.raw');
+var multipleOnUpdate = require('./data/blocks/multiple-onUpdate.raw');
+var multipleOnUpdateWithDeps = require('./data/blocks/multiple-onUpdateWithDeps.raw');
 var path = 'test-path';
 describe('Vue', function () {
     test('Basic', function () {
@@ -119,6 +121,16 @@ describe('Vue', function () {
         var output = (0, vue_1.componentToVue)()({ component: component, path: path });
         expect(output).toMatchSnapshot();
     });
+    test('multipleOnUpdate', function () {
+        var component = (0, jsx_1.parseJsx)(multipleOnUpdate);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
+        expect(output).toMatchSnapshot();
+    });
+    test('multipleOnUpdateWithDeps', function () {
+        var component = (0, jsx_1.parseJsx)(multipleOnUpdateWithDeps);
+        var output = (0, vue_1.componentToVue)()({ component: component, path: path });
+        expect(output).toMatchSnapshot();
+    });
     test('onMount & onUnMount', function () {
         var component = (0, jsx_1.parseJsx)(onMount);
         var output = (0, vue_1.componentToVue)()({ component: component, path: path });

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var html_1 = require("../generators/html");
+var jsx_1 = require("../parsers/jsx");
+var stamped = require('./data/blocks/stamped-io.raw');
+describe('webcomponent', function () {
+    test('Stamped', function () {
+        var component = (0, jsx_1.parseJsx)(stamped);
+        var html = (0, html_1.componentToCustomElement)()({ component: component });
+        expect(html).toMatchSnapshot();
+    });
+});

package/dist/src/constants/html_tags.d.ts

@@ -0,0 +1 @@
+export declare const VALID_HTML_TAGS: string[];