@builder.io/mitosis 0.0.45 → 0.0.46

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

@@ -1,115 +0,0 @@
-"use strict";
-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 };
-    }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var fs_extra_promise_1 = require("fs-extra-promise");
-var qoot_1 = require("../generators/qoot");
-var jsx_1 = require("../parsers/jsx");
-var todo = require('../../../../examples/todo/src/components/todo.lite');
-var todos = require('../../../../examples/todo/src/components/todos.lite');
-var debugFiles = true;
-var debugOutput = function (output) { return __awaiter(void 0, void 0, void 0, function () {
-    var _i, _a, file;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                if (!debugFiles) return [3 /*break*/, 4];
-                _i = 0, _a = output.files;
-                _b.label = 1;
-            case 1:
-                if (!(_i < _a.length)) return [3 /*break*/, 4];
-                file = _a[_i];
-                return [4 /*yield*/, fs_extra_promise_1.outputFileAsync('dist/test/qoot/' + file.path, file.contents)];
-            case 2:
-                _b.sent();
-                _b.label = 3;
-            case 3:
-                _i++;
-                return [3 /*break*/, 1];
-            case 4: return [2 /*return*/];
-        }
-    });
-}); };
-describe('Qoot', function () {
-    test('Todo', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var json, output;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    json = jsx_1.parseJsx(todo);
-                    return [4 /*yield*/, qoot_1.componentToQoot(json)];
-                case 1:
-                    output = _a.sent();
-                    expect(output).toMatchSnapshot();
-                    debugOutput(output);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Todo bundle', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var json, output;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    json = jsx_1.parseJsx(todo);
-                    return [4 /*yield*/, qoot_1.componentToQoot(json, {
-                            bundle: true,
-                        })];
-                case 1:
-                    output = _a.sent();
-                    expect(output).toMatchSnapshot();
-                    debugOutput(output);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    test('Todos', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var json, output;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    json = jsx_1.parseJsx(todos);
-                    return [4 /*yield*/, qoot_1.componentToQoot(json)];
-                case 1:
-                    output = _a.sent();
-                    expect(output).toMatchSnapshot();
-                    debugOutput(output);
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-});

package/dist/src/generators/jsx-lite.d.ts

@@ -1,10 +0,0 @@
-import { JSXLiteComponent } from '../types/jsx-lite-component';
-import { JSXLiteNode } from '../types/jsx-lite-node';
-export declare const DEFAULT_FORMAT = "legacy";
-export declare type JsxLiteFormat = 'react' | 'legacy';
-export declare type ToJsxLiteOptions = {
-    prettier?: boolean;
-    format: JsxLiteFormat;
-};
-export declare const blockToJsxLite: (json: JSXLiteNode, toJsxLiteOptions?: Partial<ToJsxLiteOptions>) => string;
-export declare const componentToJsxLite: (componentJson: JSXLiteComponent, toJsxLiteOptions?: Partial<ToJsxLiteOptions>) => string;

package/dist/src/generators/jsx-lite.js

@@ -1,176 +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 __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentToJsxLite = exports.blockToJsxLite = exports.DEFAULT_FORMAT = void 0;
-var dedent_1 = __importDefault(require("dedent"));
-var json5_1 = __importDefault(require("json5"));
-var standalone_1 = require("prettier/standalone");
-var fast_clone_1 = require("../helpers/fast-clone");
-var get_components_1 = require("../helpers/get-components");
-var get_refs_1 = require("../helpers/get-refs");
-var get_state_object_string_1 = require("../helpers/get-state-object-string");
-var map_refs_1 = require("../helpers/map-refs");
-var render_imports_1 = require("../helpers/render-imports");
-var jsx_1 = require("../parsers/jsx");
-var react_1 = require("./react");
-exports.DEFAULT_FORMAT = 'legacy';
-// Special isValidAttributeName for JSX Lite so we can allow for $ in names
-var isValidAttributeName = function (str) {
-    return Boolean(str && /^[$a-z0-9\-_:]+$/i.test(str));
-};
-var blockToJsxLite = function (json, toJsxLiteOptions) {
-    if (toJsxLiteOptions === void 0) { toJsxLiteOptions = {}; }
-    var options = __assign({ format: exports.DEFAULT_FORMAT }, toJsxLiteOptions);
-    if (options.format === 'react') {
-        return react_1.blockToReact(json, {
-            format: 'lite',
-            stateType: 'useState',
-            stylesType: 'emotion',
-            prettier: options.prettier,
-        });
-    }
-    if (json.name === 'For') {
-        var needsWrapper = json.children.length !== 1;
-        return "<For each={" + json.bindings.each + "}>\n    {(" + json.properties._forName + ", index) =>\n      " + (needsWrapper ? '<>' : '') + "\n        " + json.children.map(function (child) { return exports.blockToJsxLite(child, options); }) + "}\n      " + (needsWrapper ? '</>' : '') + "\n    </For>";
-    }
-    if (json.properties._text) {
-        return json.properties._text;
-    }
-    if (json.bindings._text) {
-        return "{" + json.bindings._text + "}";
-    }
-    var str = '';
-    str += "<" + json.name + " ";
-    if (json.bindings._spread) {
-        str += " {...(" + json.bindings._spread + ")} ";
-    }
-    for (var key in json.properties) {
-        var value = (json.properties[key] || '')
-            .replace(/"/g, '&quot;')
-            .replace(/\n/g, '\\n');
-        if (!isValidAttributeName(key)) {
-            console.warn('Skipping invalid attribute name:', key);
-        }
-        else {
-            str += " " + key + "=\"" + value + "\" ";
-        }
-    }
-    for (var key in json.bindings) {
-        var value = json.bindings[key];
-        if (key === '_spread') {
-            continue;
-        }
-        if (key.startsWith('on')) {
-            str += " " + key + "={event => " + value.replace(/\s*;$/, '') + "} ";
-        }
-        else {
-            if (!isValidAttributeName(key)) {
-                console.warn('Skipping invalid attribute name:', key);
-            }
-            else {
-                str += " " + key + "={" + value + "} ";
-            }
-        }
-    }
-    if (jsx_1.selfClosingTags.has(json.name)) {
-        return str + ' />';
-    }
-    // Self close by default if no children
-    if (!json.children.length) {
-        str += ' />';
-        return str;
-    }
-    str += '>';
-    if (json.children) {
-        str += json.children
-            .map(function (item) { return exports.blockToJsxLite(item, options); })
-            .join('\n');
-    }
-    str += "</" + json.name + ">";
-    return str;
-};
-exports.blockToJsxLite = blockToJsxLite;
-var getRefsString = function (json, refs) {
-    if (refs === void 0) { refs = get_refs_1.getRefs(json); }
-    var str = '';
-    for (var _i = 0, _a = Array.from(refs); _i < _a.length; _i++) {
-        var ref = _a[_i];
-        str += "\nconst " + ref + " = useRef();";
-    }
-    return str;
-};
-var jsxLiteCoreComponents = ['Show', 'For'];
-var componentToJsxLite = function (componentJson, toJsxLiteOptions) {
-    if (toJsxLiteOptions === void 0) { toJsxLiteOptions = {}; }
-    var options = __assign({ format: exports.DEFAULT_FORMAT }, toJsxLiteOptions);
-    if (options.format === 'react') {
-        return react_1.componentToReact(componentJson, {
-            format: 'lite',
-            stateType: 'useState',
-            stylesType: 'emotion',
-            prettier: options.prettier,
-        });
-    }
-    var json = fast_clone_1.fastClone(componentJson);
-    var refs = get_refs_1.getRefs(json);
-    map_refs_1.mapRefs(json, function (refName) { return refName + ".current"; });
-    var addWrapper = json.children.length !== 1;
-    var components = Array.from(get_components_1.getComponents(json));
-    var jsxLiteComponents = components.filter(function (item) {
-        return jsxLiteCoreComponents.includes(item);
-    });
-    var otherComponents = components.filter(function (item) { return !jsxLiteCoreComponents.includes(item); });
-    var hasState = Boolean(Object.keys(componentJson.state).length);
-    var needsJsxLiteCoreImport = Boolean(hasState || refs.size || jsxLiteComponents.length);
-    // TODO: smart only pull in imports as needed
-    var str = dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n\n    ", "\n\n    export default function ", "(props) {\n      ", "\n      ", "\n\n      ", "\n\n      ", "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "], ["\n    ",
-        "\n    ",
-        "\n    ", "\n\n    ",
-        "\n\n    export default function ", "(props) {\n      ",
-        "\n      ", "\n\n      ", "\n\n      ",
-        "\n\n      return (", "\n        ", "\n        ", ")\n    }\n\n  "])), !needsJsxLiteCoreImport
-        ? ''
-        : "import { " + (!hasState ? '' : 'useState, ') + " " + (!refs.size ? '' : 'useRef, ') + " " + jsxLiteComponents.join(', ') + " } from '@jsx-lite/core';", !otherComponents.length
-        ? ''
-        : "import { " + otherComponents.join(',') + " } from '@components';", render_imports_1.renderPreComponent(json), !componentJson.meta.metadataHook
-        ? ''
-        : jsx_1.METADATA_HOOK_NAME + "(" + json5_1.default.stringify(componentJson.meta.metadataHook) + ")", componentJson.name, !hasState
-        ? ''
-        : "const state = useState(" + get_state_object_string_1.getStateObjectStringFromComponent(json) + ");", getRefsString(json), !json.hooks.onMount ? '' : "onMount(() => { " + json.hooks.onMount + " })", !json.hooks.onUnMount
-        ? ''
-        : "onUnMount(() => { " + json.hooks.onUnMount + " })", addWrapper ? '<>' : '', json.children.map(function (item) { return exports.blockToJsxLite(item, options); }).join('\n'), addWrapper ? '</>' : '');
-    if (options.prettier !== false) {
-        try {
-            str = standalone_1.format(str, {
-                parser: 'typescript',
-                plugins: [
-                    require('prettier/parser-typescript'), // To support running in browsers
-                ],
-            });
-        }
-        catch (err) {
-            console.error('Format error for file:', str, JSON.stringify(json, null, 2));
-            throw err;
-        }
-    }
-    return str;
-};
-exports.componentToJsxLite = componentToJsxLite;
-var templateObject_1;

package/dist/src/generators/qoot.d.ts

@@ -1,21 +0,0 @@
-import { Plugin } from '../modules/plugins';
-import { JSXLiteComponent } from '../types/jsx-lite-component';
-declare type ToQootOptions = {
-    prettier?: boolean;
-    plugins?: Plugin[];
-    qootLib?: string;
-    qrlPrefix?: string;
-    cssNamespace?: string;
-    minifyStyles?: boolean;
-    qrlSuffix?: string;
-    bundle?: boolean;
-    format?: 'builder' | 'default';
-};
-export declare type File = {
-    path: string;
-    contents: string;
-};
-export declare const componentToQoot: (componentJson: JSXLiteComponent, toQootOptions?: ToQootOptions) => Promise<{
-    files: File[];
-}>;
-export {};