@builder.io/mitosis 0.0.45 → 0.0.46

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

@@ -61,7 +61,7 @@ var debugOutput = function (fileSet) { return __awaiter(void 0, void 0, void 0,
                 if (!(_i < _a.length)) return [3 /*break*/, 4];
                 key = _a[_i];
                 file = fileSet[key];
-                return [4 /*yield*/, fs_extra_promise_1.outputFileAsync(base + file.path, file.contents)];
+                return [4 /*yield*/, (0, fs_extra_promise_1.outputFileAsync)(base + file.path, file.contents)];
             case 2:
                 _c.sent();
                 _c.label = 3;
@@ -77,9 +77,9 @@ 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 = jsx_1.parseJsx(todo);
-                fileSet = index_1.createFileSet({ output: 'ts' });
-                index_1.addComponent(fileSet, json);
+                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*/];
@@ -88,9 +88,9 @@ describe('qwik', function () {
         test('Todo.cjs', function () { return __awaiter(void 0, void 0, void 0, function () {
             var json, fileSet;
             return __generator(this, function (_a) {
-                json = jsx_1.parseJsx(todo);
-                fileSet = index_1.createFileSet({ output: 'cjs', jsx: false });
-                index_1.addComponent(fileSet, json);
+                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*/];
@@ -99,13 +99,13 @@ describe('qwik', function () {
         test('Todo.js', function () { return __awaiter(void 0, void 0, void 0, function () {
             var json, fileSet;
             return __generator(this, function (_a) {
-                json = jsx_1.parseJsx(todo);
-                fileSet = index_1.createFileSet({
+                json = (0, jsx_1.parseJsx)(todo);
+                fileSet = (0, index_1.createFileSet)({
                     output: 'mjs',
                     minify: true,
                     jsx: false,
                 });
-                index_1.addComponent(fileSet, json);
+                (0, index_1.addComponent)(fileSet, json);
                 debugOutput(fileSet);
                 expect(toObj(fileSet)).toMatchSnapshot();
                 return [2 /*return*/];
@@ -116,9 +116,9 @@ 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 = jsx_1.parseJsx(todos);
-                fileSet = index_1.createFileSet({ output: 'ts' });
-                index_1.addComponent(fileSet, json);
+                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*/];
@@ -129,9 +129,9 @@ describe('qwik', function () {
         test('stylesheet', function () { return __awaiter(void 0, void 0, void 0, function () {
             var component, fileSet;
             return __generator(this, function (_a) {
-                component = __1.builderContentToMitosisComponent(require('./qwik.test.hello_world.json'));
-                fileSet = index_1.createFileSet({ output: 'mjs' });
-                index_1.addComponent(fileSet, component);
+                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*/];
@@ -141,9 +141,9 @@ describe('qwik', function () {
     test('page-with-symbol', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = __1.builderContentToMitosisComponent(require('./qwik.test.page-with-symbol.json'));
-            fileSet = index_1.createFileSet({ output: 'mjs', jsx: false });
-            index_1.addComponent(fileSet, component);
+            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*/];
@@ -152,9 +152,9 @@ describe('qwik', function () {
     test('button', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = __1.builderContentToMitosisComponent(require('./qwik.test.button.json'));
-            fileSet = index_1.createFileSet({ output: 'mjs', jsx: false });
-            index_1.addComponent(fileSet, component);
+            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*/];
@@ -163,12 +163,12 @@ describe('qwik', function () {
     test('svg', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = __1.builderContentToMitosisComponent(require('./qwik.test.svg.json'), {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.svg.json'), {
                 includeBuilderExtras: true,
                 preserveTextBlocks: true,
             });
-            fileSet = index_1.createFileSet({ output: 'mjs', jsx: false });
-            index_1.addComponent(fileSet, component);
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
             debugOutput(fileSet);
             expect(toObj(fileSet)).toMatchSnapshot();
             return [2 /*return*/];
@@ -177,12 +177,12 @@ describe('qwik', function () {
     test('Image', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = __1.builderContentToMitosisComponent(require('./qwik.test.image.json'), {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.image.json'), {
                 includeBuilderExtras: true,
                 preserveTextBlocks: true,
             });
-            fileSet = index_1.createFileSet({ output: 'mjs', jsx: false });
-            index_1.addComponent(fileSet, component);
+            fileSet = (0, index_1.createFileSet)({ output: 'mjs', jsx: false });
+            (0, index_1.addComponent)(fileSet, component);
             debugOutput(fileSet);
             expect(toObj(fileSet)).toMatchSnapshot();
             return [2 /*return*/];
@@ -191,13 +191,13 @@ describe('qwik', function () {
     test('Image.slow', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = __1.builderContentToMitosisComponent(require('./qwik.test.image.json'), {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.image.json'), {
                 includeBuilderExtras: true,
                 preserveTextBlocks: true,
             });
-            compile_away_builder_components_1.compileAwayBuilderComponentsFromTree(component, compile_away_builder_components_1.components);
-            fileSet = index_1.createFileSet({ output: 'mjs', jsx: false });
-            index_1.addComponent(fileSet, component);
+            (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*/];
@@ -206,13 +206,13 @@ describe('qwik', function () {
     test('Accordion', function () { return __awaiter(void 0, void 0, void 0, function () {
         var component, fileSet;
         return __generator(this, function (_a) {
-            component = __1.builderContentToMitosisComponent(require('./qwik.test.accordion.json'), {
+            component = (0, __1.builderContentToMitosisComponent)(require('./qwik.test.accordion.json'), {
                 includeBuilderExtras: true,
                 preserveTextBlocks: true,
             });
-            compile_away_builder_components_1.compileAwayBuilderComponentsFromTree(component, compile_away_builder_components_1.components);
-            fileSet = index_1.createFileSet({ output: 'mjs', jsx: true });
-            index_1.addComponent(fileSet, component);
+            (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*/];

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();
     });
 });

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

@@ -21,91 +21,91 @@ 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_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(basic);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Input block', function () {
-        var json = jsx_1.parseJsx(inputBlock);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(inputBlock);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Submit button block', function () {
-        var json = jsx_1.parseJsx(submitButtonBlock);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(submitButtonBlock);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Select block', function () {
-        var json = jsx_1.parseJsx(selectBlock);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(selectBlock);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Form block', function () {
-        var json = jsx_1.parseJsx(formBlock);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(formBlock);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Button', function () {
-        var json = jsx_1.parseJsx(button);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(button);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Textarea', function () {
-        var json = jsx_1.parseJsx(textarea);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(textarea);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Img', function () {
-        var json = jsx_1.parseJsx(img);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(img);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Video', function () {
-        var json = jsx_1.parseJsx(video);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(video);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Section', function () {
-        var json = jsx_1.parseJsx(section);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(section);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Text', function () {
-        var json = jsx_1.parseJsx(text);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(text);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('RawText', function () {
-        var json = jsx_1.parseJsx(rawText);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(rawText);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Stamped.io', function () {
-        var json = jsx_1.parseJsx(stamped);
-        var output = react_1.componentToReact(json, {
+        var component = (0, jsx_1.parseJsx)(stamped);
+        var output = (0, react_1.componentToReact)({
             stylesType: 'styled-components',
             stateType: 'useState',
-        });
+        })({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('CustomCode', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Embed', function () {
-        var json = jsx_1.parseJsx(customCode);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(customCode);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Image', function () {
-        var json = jsx_1.parseJsx(image);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(image);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
     test('Columns', function () {
-        var json = jsx_1.parseJsx(columns);
-        var output = react_1.componentToReact(json);
+        var component = (0, jsx_1.parseJsx)(columns);
+        var output = (0, react_1.componentToReact)()({ component: component });
         expect(output).toMatchSnapshot();
     });
 });

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

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