@builder.io/mitosis 0.0.56-97 → 0.0.56

package/package.json

@@ -25,13 +25,14 @@
   "engines": {
     "npm": "99999999.9.9"
   },
-  "version": "0.0.56-97",
+  "version": "0.0.56",
   "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",
@@ -115,7 +116,10 @@
     "ts-jest": "^26.4.4",
     "ts-node": "^9.1.1",
     "typescript": "^4",
-    "universalify": "^2.0.0"
+    "universalify": "^2.0.0",
+    "vue-template-compiler": "~2.6"
   },
-  "stableVersion": "0.0.56-96"
+  "peerDependencies": {
+    "vue-template-compiler": "~2.6"
+  }
 }

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__/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 {};

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

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_1 = require("../parsers/jsx");
-var buttonWithMetadata = require('./data/blocks/button-with-metadata.raw');
-var image = require('./data/blocks/image.raw');
-var basicOnUpdateReturn = require('./data/basic-onUpdate-return.raw');
-var basicMitosis = require('./data/basic-custom-mitosis-package.raw');
-var basicRef = require('./data/basic-ref.raw');
-var basicPropsRaw = require('./data/basic-props.raw');
-var basicPropsDestructureRaw = require('./data/basic-props-destructure.raw');
-describe('Parse JSX', function () {
-    test('metadata', function () {
-        var json = (0, jsx_1.parseJsx)(buttonWithMetadata);
-        expect(json).toMatchSnapshot();
-    });
-    test('Image', function () {
-        var json = (0, jsx_1.parseJsx)(image);
-        expect(json).toMatchSnapshot();
-    });
-    test('onUpdate return', function () {
-        var json = (0, jsx_1.parseJsx)(basicOnUpdateReturn);
-        expect(json).toMatchSnapshot();
-    });
-    test('useRef', function () {
-        var json = (0, jsx_1.parseJsx)(basicRef);
-        expect(json).toMatchSnapshot();
-    });
-    test('custom mitosis package', function () {
-        var json = (0, jsx_1.parseJsx)(basicMitosis, {
-            compileAwayPackages: ['@dummy/custom-mitosis'],
-        });
-        expect(json).toMatchSnapshot();
-    });
-    test('custom mitosis package', function () {
-        expect((0, jsx_1.parseJsx)(basicPropsRaw)).toEqual((0, jsx_1.parseJsx)(basicPropsDestructureRaw));
-    });
-});

package/dist/src/__tests__/qwik/convert-method-to-function.test.d.ts

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

package/dist/src/__tests__/qwik/convert-method-to-function.test.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var convert_method_to_function_1 = require("../../generators/qwik/convert-method-to-function");
-describe('convertMethodToFunction', function () {
-    var methodMap = {
-        methodA: 'method',
-        getterB: 'getter',
-        getCssFromFont: 'method',
-    };
-    var lexicalArgs = ['props', 'state'];
-    describe('rewrite', function () {
-        test('method', function () {
-            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.methodA(123)', methodMap, lexicalArgs)).toEqual('methodA(props,state,123)');
-        });
-        test('getter', function () {
-            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.getterB', methodMap, lexicalArgs)).toEqual('getterB(props,state)');
-        });
-        test('method binding', function () {
-            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.methodA', methodMap, lexicalArgs)).toEqual('methodA.bind(null,props,state)');
-        });
-        test('handle comments', function () {
-            expect((0, convert_method_to_function_1.convertMethodToFunction)('//\nreturn this.getterB;', methodMap, lexicalArgs)).toEqual('//\nreturn getterB(props,state);');
-        });
-        test('braces', function () {
-            var code = 'getFontCss({}: {}) { this.getCssFromFont(font) }';
-            expect((0, convert_method_to_function_1.convertMethodToFunction)(code, methodMap, lexicalArgs)).toEqual('getFontCss({}: {}) { getCssFromFont(props,state,font) }');
-        });
-    });
-    describe('string', function () {
-        test('should not rewrite string', function () {
-            expect((0, convert_method_to_function_1.convertMethodToFunction)('"this.getterB"', methodMap, lexicalArgs)).toEqual('"this.getterB"');
-        });
-        test('should rewrite template string', function () {
-            expect((0, convert_method_to_function_1.convertMethodToFunction)('`${this.getterB}this.getterB`', methodMap, lexicalArgs)).toEqual('`${getterB(props,state)}this.getterB`');
-        });
-    });
-});

package/dist/src/__tests__/qwik/src-generator.test.d.ts

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

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var src_generator_1 = require("../../generators/qwik/src-generator");
-describe('src-generator', function () {
-    describe('isStatement', function () {
-        test('is an expression', function () {
-            expect((0, src_generator_1.isStatement)('a.b')).toBe(false);
-            expect((0, src_generator_1.isStatement)('1?2:"bar"')).toBe(false);
-            expect((0, src_generator_1.isStatement)('"var x; return foo + \'\\"\';"')).toBe(false);
-            expect((0, src_generator_1.isStatement)('"foo" + `bar\nbaz`')).toBe(false);
-            expect((0, src_generator_1.isStatement)('(...)()')).toBe(false);
-        });
-        test('regression', function () {
-            expect((0, src_generator_1.isStatement)('props.attributes?.class || props.attributes?.className')).toBe(false);
-        });
-        test('is a statement', function () {
-            expect((0, src_generator_1.isStatement)('var x; return x;')).toBe(true);
-            expect((0, src_generator_1.isStatement)('var x')).toBe(true);
-        });
-    });
-    describe('import', function () {
-        var options;
-        var src;
-        describe('module', function () {
-            beforeEach(function () {
-                options = {
-                    isJSX: true,
-                    isPretty: false,
-                    isTypeScript: false,
-                    isModule: true,
-                    isBuilder: false,
-                };
-                src = new src_generator_1.SrcBuilder(new src_generator_1.File('test', options, '', ''), options);
-            });
-            test('import to string', function () {
-                src.import('module', [new src_generator_1.Symbol('importName', 'asLocalName')]);
-                expect(src.toString()).toEqual('import{importName as asLocalName}from"module";');
-            });
-            test('import from default', function () {
-                src.import('module', [new src_generator_1.Symbol('default', 'asLocalName')]);
-                expect(src.toString()).toEqual('import asLocalName from"module";');
-            });
-        });
-        describe('require', function () {
-            beforeEach(function () {
-                options = {
-                    isJSX: true,
-                    isPretty: false,
-                    isTypeScript: false,
-                    isModule: false,
-                    isBuilder: false,
-                };
-                src = new src_generator_1.SrcBuilder(new src_generator_1.File('test', options, '', ''), options);
-            });
-            test('import to string', function () {
-                src.import('module', [new src_generator_1.Symbol('importName', 'asLocalName')]);
-                expect(src.toString()).toEqual('const asLocalName=require("module").importName;');
-            });
-            test('import from default', function () {
-                src.import('module', [new src_generator_1.Symbol('default', 'asLocalName')]);
-                expect(src.toString()).toEqual('const asLocalName=require("module");');
-            });
-        });
-    });
-});

package/dist/src/__tests__/qwik.directive.test.d.ts

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