@builder.io/mitosis 0.0.56-98 → 0.0.57

package/package.json

@@ -25,13 +25,14 @@
   "engines": {
     "npm": "99999999.9.9"
   },
-  "version": "0.0.56-98",
+  "version": "0.0.57",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {
     ".": "./dist/src/index.js",
     "./lib/*": "./dist/src/*",
-    "./jsx-runtime": "./jsx-runtime.d.ts"
+    "./jsx-runtime": "./jsx-runtime.d.ts",
+    "./types": "./dist/src/index.d.ts"
   },
   "types": "./dist/src/index.d.ts",
   "license": "MIT",
@@ -42,13 +43,14 @@
   "scripts": {
     "test": "jest",
     "snapupdate": "jest --updateSnapshot",
-    "build": "tsc --build tsconfig.build.json",
-    "clean": "tsc --build --clean tsconfig.build.json",
+    "tsc": "tsc --build tsconfig.build.json",
+    "rmrf": "rm -rf ./dist",
+    "build": "yarn rmrf && yarn tsc",
     "remove-stableVersion": "./scripts/remove-stableVersion.sh",
     "release:dev": "yarn build && yarn run remove-stableVersion && yarn version prerelease && yarn npm publish --tag dev",
     "release:patch": "yarn build && yarn run remove-stableVersion && yarn version patch && yarn npm publish",
     "mitosis-save-artifacts": "node -r esbuild-register ../../scripts/mitosis-save-artifacts.ts",
-    "start": "yarn build --watch",
+    "start": "yarn rmrf && yarn tsc --watch",
     "script": "ts-node -O '{\"module\": \"commonjs\"}'"
   },
   "files": [
@@ -85,8 +87,7 @@
     "svelte": "^3.30.0",
     "traverse": "^0.6.6",
     "typescript": "^4.7.3",
-    "vue": "~2.6",
-    "vue-template-compiler": "~2.6"
+    "vue": "~2.6"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.6.0",
@@ -116,6 +117,5 @@
     "ts-node": "^9.1.1",
     "typescript": "^4",
     "universalify": "^2.0.0"
-  },
-  "stableVersion": "0.0.56-97"
+  }
 }

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/__tests__/data/blocks/builder-render-block.raw.d.ts

@@ -1,6 +0,0 @@
-import { BuilderBlock } from '../types/builder-block';
-export declare type RenderBlockProps = {
-    block: BuilderBlock;
-    index: number;
-};
-export default function RenderBlock(props: RenderBlockProps): import("@builder.io/mitosis/jsx-runtime").JSX.Element;

package/dist/src/__tests__/data/blocks/builder-render-block.raw.jsx

@@ -1,90 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var mitosis_1 = require("@builder.io/mitosis");
-var get_block_component_options_1 = require("../functions/get-block-component-options");
-var get_block_properties_1 = require("../functions/get-block-properties");
-var get_block_styles_1 = require("../functions/get-block-styles");
-var get_block_tag_1 = require("../functions/get-block-tag");
-var register_component_1 = require("../functions/register-component");
-var builder_context_lite_1 = __importDefault(require("../context/builder.context.lite"));
-var get_block_actions_1 = require("../functions/get-block-actions");
-var get_processed_block_1 = require("../functions/get-processed-block");
-var block_styles_lite_1 = __importDefault(require("./block-styles.lite"));
-function RenderBlock(props) {
-    var builderContext = (0, mitosis_1.useContext)(builder_context_lite_1.default);
-    var state = (0, mitosis_1.useStore)({
-        get component() {
-            var _a, _b;
-            var componentName = (_a = state.useBlock.component) === null || _a === void 0 ? void 0 : _a.name;
-            if (!componentName) {
-                return null;
-            }
-            var ref = register_component_1.components[(_b = state.useBlock.component) === null || _b === void 0 ? void 0 : _b.name];
-            if (componentName && !ref) {
-                // TODO: Public doc page with more info about this message
-                console.warn("\n          Could not find a registered component named \"".concat(componentName, "\".\n          If you registered it, is the file that registered it imported by the file that needs to render it?"));
-            }
-            return ref;
-        },
-        get componentInfo() {
-            var _a;
-            return (_a = state.component) === null || _a === void 0 ? void 0 : _a.info;
-        },
-        get componentRef() {
-            var _a;
-            return (_a = state.component) === null || _a === void 0 ? void 0 : _a.component;
-        },
-        get tagName() {
-            return (0, get_block_tag_1.getBlockTag)(state.useBlock);
-        },
-        get properties() {
-            return (0, get_block_properties_1.getBlockProperties)(state.useBlock);
-        },
-        get useBlock() {
-            return (0, get_processed_block_1.getProcessedBlock)({
-                block: props.block,
-                state: builderContext.state,
-                context: builderContext.context,
-            });
-        },
-        get actions() {
-            return (0, get_block_actions_1.getBlockActions)({
-                block: state.useBlock,
-                state: builderContext.state,
-                context: builderContext.context,
-            });
-        },
-        get css() {
-            return (0, get_block_styles_1.getBlockStyles)(state.useBlock);
-        },
-        get componentOptions() {
-            return (0, get_block_component_options_1.getBlockComponentOptions)(state.useBlock);
-        },
-    });
-    return (<>
-      {/* TODO: add the below back when support `else` */}
-      {/* <Show when={state.componentInfo?.noWrap}>
-          <state.componentRef
-            attributes={state.properties}
-            {...state.componentInfo?.options}
-            style={state.css}
-            children={state.useBlock.children}
-          />
-        </Show>
-        <Show when={!state.componentInfo?.noWrap}> */}
-      <state.tagName {...state.properties} style={state.css}>
-        <block_styles_lite_1.default block={state.useBlock}/>
-        {state.componentRef && (<state.componentRef {...state.componentOptions} children={state.useBlock.children}/>)}
-        <mitosis_1.Show when={!state.componentRef && state.useBlock.children && state.useBlock.children.length}>
-          <mitosis_1.For each={state.useBlock.children}>
-            {function (child, index) { return <RenderBlock index={index} block={child}/>; }}
-          </mitosis_1.For>
-        </mitosis_1.Show>
-      </state.tagName>
-      {/* </Show> */}
-    </>);
-}
-exports.default = RenderBlock;

package/dist/src/__tests__/data/blocks/builder-render-content.raw.d.ts

@@ -1,10 +0,0 @@
-import { BuilderContent, GetContentOptions } from '@builder.io/sdk';
-declare type RenderContentProps = {
-    model: string;
-    options?: GetContentOptions;
-    content?: BuilderContent;
-    children: any;
-    contentLoaded?: (content: BuilderContent) => void;
-};
-export declare function RenderContent(props: RenderContentProps): import("@builder.io/mitosis/jsx-runtime").JSX.Element;
-export {};

package/dist/src/__tests__/data/blocks/builder-render-content.raw.jsx

@@ -1,69 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderContent = void 0;
-var mitosis_1 = require("@builder.io/mitosis");
-var sdk_1 = require("@builder.io/sdk");
-var builder_render_block_raw_1 = __importDefault(require("./builder-render-block.raw"));
-function RenderContent(props) {
-    var content = props.content;
-    var state = (0, mitosis_1.useStore)({
-        get css() {
-            return '';
-        },
-        onWindowMessage: function (event) {
-            var _a;
-            var message = event.data;
-            if (!message) {
-                return;
-            }
-            switch (message.type) {
-                case 'builder.patchUpdates': {
-                    var data = message.data;
-                    if (!content) {
-                        return;
-                    }
-                    if (!(data && data.data)) {
-                        break;
-                    }
-                    var patches = data.data[(_a = content.data) === null || _a === void 0 ? void 0 : _a.id];
-                    if (!(patches && patches.length)) {
-                        return;
-                    }
-                    if (props.contentLoaded) {
-                        props.contentLoaded(content);
-                    }
-                    break;
-                }
-            }
-        },
-    });
-    (0, mitosis_1.onMount)(function () {
-        if (sdk_1.Builder.isEditing) {
-            addEventListener('message', state.onWindowMessage);
-        }
-    });
-    (0, mitosis_1.onUnMount)(function () {
-        if (sdk_1.Builder.isEditing) {
-            removeEventListener('message', state.onWindowMessage);
-        }
-    });
-    return (<>
-      <mitosis_1.Show when={!content}>{props.children}</mitosis_1.Show>
-      <mitosis_1.Show when={content}>
-        <div data-builder-model-name={props.model} data-builder-component={content.name} data-builder-content-id={content.id} data-builder-variation-id={content.testVariationId || content.id}>
-          <mitosis_1.Show when={state.css}>
-            <style innerHTML={state.css}/>¸
-          </mitosis_1.Show>
-          <mitosis_1.Show when={content.data.blocks}>
-            <mitosis_1.For each={content.data.blocks}>
-              {function (block, index) { return <builder_render_block_raw_1.default block={block} index={index}/>; }}
-            </mitosis_1.For>
-          </mitosis_1.Show>
-        </div>
-      </mitosis_1.Show>
-    </>);
-}
-exports.RenderContent = RenderContent;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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