@builder.io/mitosis 0.0.56-98 → 0.0.57

package/dist/src/generators/qwik/convertMethodToFunction.js

@@ -1,161 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertMethodToFunction = void 0;
-function convertMethodToFunction(code, methods, lexicalArgs) {
-    var out = [];
-    var idx = 0;
-    var lastIdx = idx;
-    var end = code.length;
-    var templateDepth = 0;
-    var mode = "code" /* Mode.code */;
-    var braceDepth = 0;
-    var stringEndBraceDepth = -1;
-    var stringEndBraceDepthQueue = [];
-    var lastCh = null;
-    while (idx < end) {
-        var ch = code.charCodeAt(idx++);
-        // console.log(mode, code[idx - 1]);
-        switch (mode) {
-            case "code" /* Mode.code */:
-                if (ch === QUOTE_DOUBLE) {
-                    mode = "stringDouble" /* Mode.stringDouble */;
-                }
-                else if (ch === QUOTE_SINGLE) {
-                    mode = "stringSingle" /* Mode.stringSingle */;
-                }
-                else if (ch === QUOTE_BACK_TICK) {
-                    mode = "stringTemplate" /* Mode.stringTemplate */;
-                    templateDepth++;
-                }
-                else if (ch === OPEN_BRACE) {
-                    braceDepth++;
-                }
-                else if (lastCh == FORWARD_SLASH && ch == FORWARD_SLASH) {
-                    mode = "commentSingleline" /* Mode.commentSingleline */;
-                }
-                else if (lastCh == FORWARD_SLASH && ch == STAR) {
-                    mode = "commentMultiline" /* Mode.commentMultiline */;
-                }
-                else if (ch === CLOSE_BRACE) {
-                    braceDepth--;
-                    if (braceDepth === stringEndBraceDepth) {
-                        stringEndBraceDepth = stringEndBraceDepthQueue.pop();
-                        templateDepth--;
-                        mode = "stringTemplate" /* Mode.stringTemplate */;
-                    }
-                }
-                else if (isWord(ch, code, idx, 'this') || isWord(ch, code, idx, 'state')) {
-                    idx--;
-                    flush();
-                    consumeIdent();
-                    if (code.charCodeAt(idx) == DOT) {
-                        idx++;
-                        var propEndIdx = findIdentEnd();
-                        var identifier = code.substring(idx, propEndIdx);
-                        if (identifier in methods) {
-                            var isGetter = code.charCodeAt(propEndIdx) !== OPEN_PAREN;
-                            lastIdx = idx = propEndIdx + (isGetter ? 0 : 1);
-                            if (isGetter) {
-                                out.push(identifier, "(".concat(lexicalArgs.join(','), ")"));
-                            }
-                            else {
-                                out.push(identifier, "(".concat(lexicalArgs.join(','), ","));
-                            }
-                        }
-                        else {
-                            flush();
-                        }
-                    }
-                }
-                break;
-            case "commentSingleline" /* Mode.commentSingleline */:
-                if (ch == EOL)
-                    mode = "code" /* Mode.code */;
-                break;
-            case "commentMultiline" /* Mode.commentMultiline */:
-                if (lastCh == STAR && ch == FORWARD_SLASH)
-                    mode = "code" /* Mode.code */;
-                break;
-            case "stringSingle" /* Mode.stringSingle */:
-                if (lastCh !== BACKSLASH && ch == QUOTE_SINGLE)
-                    mode = "code" /* Mode.code */;
-                break;
-            case "stringDouble" /* Mode.stringDouble */:
-                if (lastCh !== BACKSLASH && ch == QUOTE_DOUBLE)
-                    mode = "code" /* Mode.code */;
-                break;
-            case "stringTemplate" /* Mode.stringTemplate */:
-                if (lastCh !== BACKSLASH && ch == QUOTE_BACK_TICK) {
-                    mode = "code" /* Mode.code */;
-                    templateDepth--;
-                }
-                else if (lastCh === DOLLAR && ch == OPEN_BRACE) {
-                    templateDepth++;
-                    mode = "code" /* Mode.code */;
-                    stringEndBraceDepthQueue.push(stringEndBraceDepth);
-                    stringEndBraceDepth = braceDepth;
-                    braceDepth++;
-                }
-                break;
-        }
-        lastCh = ch;
-    }
-    flush();
-    return out.join('');
-    function flush() {
-        out.push(code.substring(lastIdx, idx));
-        lastIdx = idx;
-    }
-    function findIdentEnd() {
-        var scanIdx = idx;
-        while (isIdentCh(code.charCodeAt(scanIdx)) && scanIdx < end) {
-            scanIdx++;
-        }
-        return scanIdx;
-    }
-    function consumeIdent() {
-        while (isIdentCh(code.charCodeAt(idx))) {
-            idx++;
-        }
-    }
-}
-exports.convertMethodToFunction = convertMethodToFunction;
-function isIdentCh(ch) {
-    return ((CHAR_0 <= ch && ch <= CHAR_9) ||
-        (CHAR_a <= ch && ch <= CHAR_z) ||
-        (CHAR_A <= ch && ch <= CHAR_Z) ||
-        ch === UNDERSCORE ||
-        ch === DOLLAR);
-}
-function isWord(ch, code, idx, word) {
-    if (ch !== word.charCodeAt(0))
-        return false;
-    for (var i = 1; i < word.length; i++) {
-        if (code.charCodeAt(idx + i - 1) !== word.charCodeAt(i)) {
-            return false;
-        }
-    }
-    if (isIdentCh(code.charCodeAt(idx + word.length - 1))) {
-        return false;
-    }
-    return true;
-}
-var QUOTE_DOUBLE = '"'.charCodeAt(0);
-var QUOTE_SINGLE = "'".charCodeAt(0);
-var QUOTE_BACK_TICK = '`'.charCodeAt(0);
-var BACKSLASH = "\\".charCodeAt(0);
-var FORWARD_SLASH = "/".charCodeAt(0);
-var EOL = "\n".charCodeAt(0);
-var STAR = "*".charCodeAt(0);
-var CHAR_0 = "0".charCodeAt(0);
-var CHAR_9 = "9".charCodeAt(0);
-var CHAR_a = "a".charCodeAt(0);
-var CHAR_z = "z".charCodeAt(0);
-var CHAR_A = "A".charCodeAt(0);
-var CHAR_Z = "Z".charCodeAt(0);
-var UNDERSCORE = "_".charCodeAt(0);
-var DOLLAR = "$".charCodeAt(0);
-var DOT = ".".charCodeAt(0);
-var OPEN_PAREN = '('.charCodeAt(0);
-var OPEN_BRACE = '{'.charCodeAt(0);
-var CLOSE_BRACE = '}'.charCodeAt(0);

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

@@ -1,14 +0,0 @@
-import { BaseTranspilerOptions, Transpiler } from '../types/transpiler';
-import { MitosisNode } from '../types/mitosis-node';
-export interface ToReactOptions extends BaseTranspilerOptions {
-    stylesType?: 'emotion' | 'styled-components' | 'styled-jsx' | 'react-native' | 'style-tag';
-    stateType?: 'useState' | 'mobx' | 'valtio' | 'solid' | 'builder';
-    format?: 'lite' | 'safe';
-    type?: 'dom' | 'native';
-    preact?: boolean;
-    forwardRef?: string;
-    experimental?: any;
-}
-export declare const blockToReact: (json: MitosisNode, options: ToReactOptions, parentSlots?: any[]) => string;
-export declare const componentToPreact: (reactOptions?: ToReactOptions) => Transpiler;
-export declare const componentToReact: (reactOptions?: ToReactOptions) => Transpiler;

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

@@ -1,5 +0,0 @@
-import { BaseTranspilerOptions, Transpiler } from '../types/transpiler';
-export interface ToSolidOptions extends BaseTranspilerOptions {
-    stylesType?: 'styled-components' | 'style-tag';
-}
-export declare const componentToSolid: (_options?: ToSolidOptions) => Transpiler;

package/dist/src/helpers/babel-transform.test.d.ts

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

package/dist/src/helpers/babel-transform.test.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var babel_transform_1 = require("./babel-transform");
-test('babelTransform', function () {
-    var code = "\nconst symbol = symbol;\n\nif (symbol) {\n  getContent({\n    apiKey: builderContext.apiKey!,\n  }).then(response => {\n    content = response;\n  });\n}\n";
-    expect((0, babel_transform_1.babelTransformCode)(code)).toMatchSnapshot();
-});

package/dist/src/helpers/generic-format.test.d.ts

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

package/dist/src/helpers/generic-format.test.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var globals_1 = require("@jest/globals");
-var generic_format_1 = require("./generic-format");
-(0, globals_1.test)('Can generic format sloppy Swift code', function () {
-    var code = "\n  import SwiftUI\n  import JavaScriptCore\n  \n  struct MyComponent: View {\n    \n      @State private var updateIndex = 0\n      private var context = JSContext()\n  \n      func eval(expression: String) -> JSValue! {\n        return context?.evaluateScript(expression)\n      }\n  \n      init() {\n        let jsSource = \"\"\"\n            const state = { name: \"Steve\" };\n  \n        \"\"\"\n        context?.evaluateScript(jsSource)\n      }\n    \n  \n    var body: some View {\n      VStack {\n        Text(String(updateIndex)).hidden()\n        VStack(){\n        Foo(\n          bar: baz\n          )\n  TextField(){}\n  Text(\"Hello\")\n  Text(eval(expression: \"\"\"state.name\"\"\"))\n  Text(\"! I can run in React, Vue, Solid, or Liquid!\")}\n      }\n    }\n  }\n  ";
-    (0, globals_1.expect)((0, generic_format_1.format)(code)).toMatchSnapshot();
-});

package/dist/src/helpers/map-to-attributes.d.ts

@@ -1,2 +0,0 @@
-import { StringMap } from '../types/string-map';
-export declare function mapToAttributes(map: StringMap): string;

package/dist/src/helpers/map-to-attributes.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapToAttributes = void 0;
-var lodash_1 = require("lodash");
-// This list is not exhaustive of all HTML boolean attributes, but we can add more in the future if needed.
-var booleanHTMLAttributes = new Set(['checked', 'disabled', 'selected']);
-function mapToAttributes(map) {
-    if (!(0, lodash_1.size)(map)) {
-        return '';
-    }
-    return (0, lodash_1.reduce)(map, function (memo, value, key) {
-        var attributeValue = " ".concat(key, "=\"").concat(value, "\"");
-        if (booleanHTMLAttributes.has(key) && value) {
-            attributeValue = " ".concat(value);
-        }
-        return memo + attributeValue;
-    }, '');
-}
-exports.mapToAttributes = mapToAttributes;

package/dist/src/helpers/map-to-css.d.ts

@@ -1,2 +0,0 @@
-import { StringMap } from '../types/string-map';
-export declare function mapToCss(map: StringMap, spaces?: number, important?: boolean, uewNewLine?: boolean): string;

package/dist/src/helpers/map-to-css.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapToCss = void 0;
-var lodash_1 = require("lodash");
-function mapToCss(map, spaces, important, uewNewLine) {
-    if (spaces === void 0) { spaces = 2; }
-    if (important === void 0) { important = false; }
-    if (uewNewLine === void 0) { uewNewLine = spaces > 1; }
-    return (0, lodash_1.reduce)(map, function (memo, value, key) {
-        return (memo +
-            (value && value.trim()
-                ? "".concat(uewNewLine ? '\n' : '').concat(' '.repeat(spaces)).concat((0, lodash_1.kebabCase)(key), ": ").concat(value + (important ? ' !important' : ''), ";")
-                : ''));
-    }, '');
-}
-exports.mapToCss = mapToCss;

package/dist/src/helpers/parse-reactive-script.d.ts

@@ -1,7 +0,0 @@
-export declare type ParseReactiveScriptOptions = {
-    format: 'html' | 'js';
-};
-export declare const reactiveScriptRe: RegExp;
-export declare function parseReactiveScript(code: string, options: ParseReactiveScriptOptions): {
-    state: any;
-};

package/dist/src/helpers/parse-reactive-script.js

@@ -1,87 +0,0 @@
-"use strict";
-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.parseReactiveScript = exports.reactiveScriptRe = void 0;
-var core_1 = require("@babel/core");
-var generator_1 = __importDefault(require("@babel/generator"));
-var json5_1 = __importDefault(require("json5"));
-var method_literal_prefix_1 = require("../constants/method-literal-prefix");
-var jsx_1 = require("../parsers/jsx");
-exports.reactiveScriptRe = /<script\s[^>]*reactive[^>]*>([\s\S]*)<\/\s*script>/i;
-function parseReactiveScript(code, options) {
-    var _a;
-    var state = {};
-    var format = options.format || 'html';
-    var useCode = format === 'html' ? ((_a = code.match(exports.reactiveScriptRe)) === null || _a === void 0 ? void 0 : _a[1]) || '' : code;
-    var output = (0, core_1.transform)(useCode, {
-        plugins: [
-            function () { return ({
-                visitor: {
-                    ExportDefaultDeclaration: function (path) {
-                        if (core_1.types.isObjectExpression(path.node.declaration)) {
-                            var stateProperty = path.node.declaration.properties.find(function (item) {
-                                return core_1.types.isObjectProperty(item) &&
-                                    core_1.types.isIdentifier(item.key) &&
-                                    item.key.name === 'state';
-                            });
-                            if (stateProperty) {
-                                var value = stateProperty.value;
-                                if (core_1.types.isObjectExpression(value)) {
-                                    var properties = value.properties;
-                                    var useProperties = properties.map(function (item) {
-                                        if (core_1.types.isObjectProperty(item)) {
-                                            if (core_1.types.isFunctionExpression(item.value) ||
-                                                core_1.types.isArrowFunctionExpression(item.value)) {
-                                                return (0, jsx_1.createFunctionStringLiteralObjectProperty)(item.key, item.value);
-                                            }
-                                        }
-                                        if (core_1.types.isObjectMethod(item)) {
-                                            return core_1.types.objectProperty(item.key, core_1.types.stringLiteral("".concat(method_literal_prefix_1.methodLiteralPrefix).concat((0, generator_1.default)(__assign(__assign({}, item), { returnType: null })).code)));
-                                        }
-                                        // Remove typescript types, e.g. from
-                                        // { foo: ('string' as SomeType) }
-                                        if (core_1.types.isObjectProperty(item)) {
-                                            var value_1 = item.value;
-                                            if (core_1.types.isTSAsExpression(value_1)) {
-                                                value_1 = value_1.expression;
-                                            }
-                                            return core_1.types.objectProperty(item.key, value_1);
-                                        }
-                                        return item;
-                                    });
-                                    var newObject = core_1.types.objectExpression(useProperties);
-                                    var code_1;
-                                    var obj = void 0;
-                                    try {
-                                        code_1 = (0, generator_1.default)(newObject).code;
-                                        obj = json5_1.default.parse(code_1);
-                                    }
-                                    catch (err) {
-                                        console.error('Could not JSON5 parse object:\n', code_1);
-                                        throw err;
-                                    }
-                                    state = obj;
-                                }
-                            }
-                        }
-                    },
-                },
-            }); },
-        ],
-    });
-    return { state: state };
-}
-exports.parseReactiveScript = parseReactiveScript;

package/dist/src/helpers/remove-surrounding-block.test.d.ts

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

package/dist/src/helpers/remove-surrounding-block.test.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var remove_surrounding_block_1 = require("./remove-surrounding-block");
-describe('removeSurroundingBlock', function () {
-    test('It removes the surrounding wrapper block', function () {
-        var output = (0, remove_surrounding_block_1.removeSurroundingBlock)('{ const foo = "bar" }');
-        expect(output).toBe(' const foo = "bar" ');
-    });
-});

package/dist/src/helpers/render-imports.test.d.ts

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

package/dist/src/helpers/render-imports.test.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var render_imports_1 = require("./render-imports");
-describe('renderImport', function () {
-    test('Adds correct extension to component import', function () {
-        var data = [
-            {
-                imports: { RenderBlocks: 'default' },
-                path: '../render-blocks.lite',
-            },
-        ];
-        var output = (0, render_imports_1.renderImport)({
-            theImport: data[0],
-            target: 'vue',
-            asyncComponentImports: false,
-        });
-        expect(output).toMatchSnapshot();
-    });
-    test('Adds correctly a side-effect import', function () {
-        var data = [
-            {
-                imports: {},
-                path: '../render-blocks.scss',
-            },
-        ];
-        var output = (0, render_imports_1.renderImport)({
-            theImport: data[0],
-            target: 'react',
-            asyncComponentImports: false,
-        });
-        expect(output).toEqual("import '../render-blocks.scss';");
-    });
-});

package/dist/src/helpers/replace-idenifiers.d.ts

@@ -1 +0,0 @@
-export declare const replaceIdentifiers: (code: string, from: string | string[], to: string | ((identifier: string) => string)) => string;

package/dist/src/helpers/styles/collect-css.test.d.ts

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

package/dist/src/helpers/styles/collect-css.test.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var collect_css_1 = require("./collect-css");
-var jsx_1 = require("../../parsers/jsx");
-var classRaw = require('../../__tests__/data/styles/class.raw');
-var classState = require('../../__tests__/data/styles/classState.raw');
-describe('Styles', function () {
-    test('class property and CSS are merged', function () {
-        var component = (0, jsx_1.parseJsx)(classRaw);
-        var output = (0, collect_css_1.collectCss)(component);
-        expect({ component: component, output: output }).toMatchSnapshot();
-    });
-    test('class binding and CSS are merged', function () {
-        var component = (0, jsx_1.parseJsx)(classState);
-        var output = (0, collect_css_1.collectCss)(component);
-        expect({ component: component, output: output }).toMatchSnapshot();
-    });
-});

package/dist/src/parsers/html.js

@@ -1,2 +0,0 @@
-"use strict";
-// TODO: import via HTML and/or Vue-esque compiler

package/dist/src/parsers/liquid.d.ts

@@ -1,70 +0,0 @@
-import { BuilderElement } from '@builder.io/sdk';
-import { ITemplate } from 'liquidjs';
-import * as compiler from 'vue-template-compiler';
-/**
- * Extract a liquid expression from our JS structure - i.e. transform
- * "context.shopify.liquid.condition('some | liquid')" to "some | liquid"
- */
-export declare const getLiquidConditionExpresion: (expression: string) => string;
-interface Options {
-    emailMode?: boolean;
-    extractCss?: boolean;
-    minify?: boolean;
-    includeJson?: boolean;
-    skipPrettier?: boolean;
-    wrap?: boolean;
-    useBuilderSignature?: boolean;
-    componentOnly?: boolean;
-    openingTagOnly?: boolean;
-    static?: boolean;
-    looseBindings?: boolean;
-}
-export declare function blockToLiquid(json: BuilderElement, options?: Options): string;
-export declare function humanCase(str: string): string;
-export declare const parsedLiquidToHtml: (templates: ITemplate[], options: LiquidToBuilderOptions) => Promise<string>;
-export declare const htmlNodeToBuilder: (node: compiler.ASTNode, index: number, parentArray: compiler.ASTNode[], options: LiquidToBuilderOptions) => Promise<BuilderElement | BuilderElement[] | null>;
-export declare const liquidToAst: (str: string, options?: LiquidToBuilderOptions) => ITemplate[];
-export declare const htmlToAst: (html: string) => {
-    htmlNodes: compiler.ASTNode[];
-    preprocessed: compiler.ASTNode[];
-};
-export declare const separateTagsAndText: (text: string) => compiler.ASTText[];
-export declare const postProcessHtmlAstNodes: (nodes: compiler.ASTNode[]) => compiler.ASTNode[];
-export declare const postProcessBuilderTree: (nodes: BuilderElement[], options: LiquidToBuilderOptions) => Promise<BuilderElement[]>;
-export declare const htmlAstToBuilder: (nodes: compiler.ASTNode[], options: LiquidToBuilderOptions) => Promise<BuilderElement[]>;
-export declare const processedAstToBuilder: (nodes: compiler.ASTNode[], options: LiquidToBuilderOptions) => Promise<{
-    blocks: BuilderElement[];
-    preprocessed: BuilderElement[];
-}>;
-export interface LiquidToBuilderOptions {
-    log?: boolean;
-    themeId?: string;
-    importSections?: boolean;
-    importSnippets?: boolean;
-    translations?: {
-        [key: string]: string;
-    };
-    cachebust?: boolean;
-    auth?: {
-        token?: string;
-        publicKey?: string;
-    };
-}
-export declare const htmlDebugString: (els: BuilderElement[]) => string;
-export declare const tryFormat: (str: string) => string;
-/**
- * This function is the first step, before we turn the liquid into an AST.
- * It is used to make certain changes to the liquid string that are much
- * easier to do before we process it. Examples of this include rewriting
- * certain tags to a format we already know how to parse, or fixing common
- * liquid template errors that cause problems during import.
- *
- * Note: there are a lot of regexes in here, and they can be confusing!
- * If you are trying to debug something that includes a regex, try using
- * a tool like https://regex101.com/ to break down what is going on.
- */
-export declare const preprocessLiquid: (liquid: string, options?: LiquidToBuilderOptions) => Promise<string>;
-export declare const liquidToBuilder: (liquid: string, options?: LiquidToBuilderOptions) => Promise<BuilderElement[]>;
-export declare const htmlToBuilder: (html: string) => Promise<BuilderElement[]>;
-export declare const bindingsFromAttrs: (node: compiler.ASTElement, bindings: Record<string, any>, properties: Record<string, any>, options: LiquidToBuilderOptions) => Promise<void>;
-export {};