create-velto 1.0.1 → 1.0.2

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/helper/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeHelper = void 0;
+var RuntimeHelper;
+(function (RuntimeHelper) {
+    RuntimeHelper["source"] = "@velto/runtime";
+    RuntimeHelper["markRender"] = "markRender";
+    RuntimeHelper["component"] = "component";
+    RuntimeHelper["element"] = "element";
+    RuntimeHelper["text"] = "text";
+    RuntimeHelper["remove"] = "remove";
+    RuntimeHelper["append"] = "append";
+    RuntimeHelper["expression"] = "expression";
+    RuntimeHelper["renderList"] = "renderList";
+    RuntimeHelper["condition"] = "condition";
+})(RuntimeHelper || (exports.RuntimeHelper = RuntimeHelper = {}));

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/helper/index.d.ts

@@ -0,0 +1,14 @@
+import { Program, Identifier } from "@babel/types";
+import { NodePath } from "@babel/traverse";
+import { RuntimeHelper } from './constants';
+export * from './constants';
+export declare class Helper {
+    private rootPath;
+    private helperNameIdentifierMap;
+    helperImportDeclaration: import("@babel/types").ImportDeclaration;
+    constructor(options: {
+        rootPath: NodePath<Program>;
+    });
+    get hasSpecifier(): boolean;
+    getHelperNameIdentifier(name: RuntimeHelper): Identifier;
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/helper/index.js

@@ -0,0 +1,41 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Helper = void 0;
+const types_1 = require("@babel/types");
+const constants_1 = require("./constants");
+__exportStar(require("./constants"), exports);
+class Helper {
+    constructor(options) {
+        this.helperNameIdentifierMap = new Map();
+        this.helperImportDeclaration = (0, types_1.importDeclaration)([], (0, types_1.stringLiteral)(constants_1.RuntimeHelper.source));
+        const { rootPath } = options;
+        this.rootPath = rootPath;
+    }
+    get hasSpecifier() {
+        return !!this.helperImportDeclaration.specifiers.length;
+    }
+    getHelperNameIdentifier(name) {
+        let value = this.helperNameIdentifierMap.get(name);
+        if (!value) {
+            value = this.rootPath.scope.generateUidIdentifier(name);
+            this.helperNameIdentifierMap.set(name, value);
+            this.helperImportDeclaration.specifiers.push((0, types_1.importSpecifier)(value, (0, types_1.identifier)(name)));
+        }
+        return value;
+    }
+}
+exports.Helper = Helper;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/index.d.ts

@@ -0,0 +1,13 @@
+declare const _default: () => {
+    name: string;
+    inherits: any;
+    visitor: {
+        JSXElement: typeof import("./visitor/jsxElement").default;
+        JSXFragment: typeof import("./visitor/jsxFragment").default;
+        Program: {
+            enter(path: import("@babel/traverse").NodePath<import("@babel/types").Program>): void;
+            exit(path: import("@babel/traverse").NodePath<import("@babel/types").Program>): void;
+        };
+    };
+};
+export default _default;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const plugin_syntax_jsx_1 = __importDefault(require("@babel/plugin-syntax-jsx"));
+const visitor_1 = __importDefault(require("./visitor"));
+exports.default = () => {
+    return {
+        name: 'babel-plugin-velto',
+        inherits: plugin_syntax_jsx_1.default,
+        visitor: visitor_1.default,
+    };
+};

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/template/index.d.ts

@@ -0,0 +1,41 @@
+import { Identifier, Expression, StringLiteral, ObjectExpression, CallExpression } from "@babel/types";
+import { NodePath } from "@babel/traverse";
+export interface RenderOption {
+    rootPath: NodePath<any>;
+}
+export default class Template {
+    rootPath: NodePath<any>;
+    private pathState;
+    private bodyStatement;
+    private mountStatement;
+    private updateStatement;
+    private destroyStatement;
+    constructor(options: RenderOption);
+    element(options: {
+        elementId: Identifier;
+        tag: string;
+        props: ObjectExpression;
+        target: Identifier;
+        anchor?: Identifier;
+    }): void;
+    text(options: {
+        str: StringLiteral;
+        target: Identifier;
+        anchor?: Identifier;
+    }): Identifier;
+    component(options: {
+        tag: string;
+        props: ObjectExpression;
+        target: Identifier;
+        anchor?: Identifier;
+    }): Identifier;
+    expression(options: {
+        express: Expression;
+        target: Identifier;
+        anchor?: Identifier;
+        test?: Expression;
+    }): Identifier;
+    private getTemplateExpression;
+    generate(): CallExpression;
+    replace(): void;
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/template/index.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = require("@babel/types");
+const constants_1 = require("../constants");
+const helper_1 = require("../helper");
+const utils_1 = require("../utils");
+const util_1 = require("./util");
+const shared_1 = require("@velto/shared");
+class Template {
+    constructor(options) {
+        this.bodyStatement = [];
+        this.mountStatement = [];
+        this.updateStatement = [];
+        this.destroyStatement = [];
+        const { rootPath } = options || {};
+        this.rootPath = rootPath;
+        this.pathState = rootPath.state;
+    }
+    element(options) {
+        const { tag, elementId, props, target, anchor, } = options;
+        const properties = props.properties.filter((property) => {
+            if ((0, types_1.isObjectProperty)(property)) {
+                const { key = {}, value } = property;
+                if ((0, shared_1.isEvent)(key === null || key === void 0 ? void 0 : key.name) && ((0, types_1.isFunctionExpression)(value) || (0, types_1.isArrowFunctionExpression)(value))) {
+                    const eventName = this.rootPath.scope.generateUidIdentifier("handle");
+                    this.bodyStatement.push((0, types_1.variableDeclaration)('const', [
+                        (0, types_1.variableDeclarator)(eventName, value),
+                    ]));
+                    property.value = eventName;
+                }
+            }
+            return property;
+        });
+        this.bodyStatement.push((0, utils_1.getVariableDeclaration)(elementId, this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.element), [(0, types_1.stringLiteral)(tag), props]));
+        this.mountStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(elementId, constants_1.mountIdentifier), [target, anchor].filter(Boolean)));
+        if (properties.length) {
+            this.updateStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(elementId, constants_1.updateIdentifier), [
+                (0, types_1.objectExpression)(properties),
+            ]));
+        }
+        this.destroyStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(elementId, constants_1.destroyIdentifier), []));
+    }
+    text(options) {
+        const { str, target, anchor } = options;
+        const id = this.rootPath.scope.generateUidIdentifier("text");
+        this.bodyStatement.push((0, utils_1.getVariableDeclaration)(id, this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.text), [str]));
+        this.mountStatement.push((0, utils_1.getExpressionStatement)(this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.append), [target, id, anchor].filter(Boolean)));
+        this.destroyStatement.push((0, utils_1.getExpressionStatement)(this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.remove), [id]));
+        return id;
+    }
+    component(options) {
+        const { tag, props, target = constants_1.targetIdentifier, anchor, } = options;
+        const id = this.rootPath.scope.generateUidIdentifier("_component");
+        this.bodyStatement.push((0, utils_1.getVariableDeclaration)(id, this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.component), [(0, types_1.identifier)(tag), props]));
+        this.mountStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(id, constants_1.mountIdentifier), [
+            target,
+            anchor,
+        ].filter(Boolean)));
+        this.destroyStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(id, constants_1.destroyIdentifier), []));
+        return id;
+    }
+    expression(options) {
+        const { express, target = constants_1.targetIdentifier, anchor, test, } = options;
+        const expressId = this.rootPath.scope.generateUidIdentifier("express");
+        const conditionId = this.rootPath.scope.generateUidIdentifier("condition");
+        let renderListId;
+        let id = expressId;
+        const renderListExpression = (0, util_1.getRenderList)(express, this.rootPath);
+        if (renderListExpression) {
+            renderListId = this.rootPath.scope.generateUidIdentifier("renderList");
+            this.bodyStatement.push((0, types_1.variableDeclaration)("const", [
+                (0, types_1.variableDeclarator)(renderListId, renderListExpression),
+            ]));
+        }
+        this.bodyStatement.push((0, utils_1.getVariableDeclaration)(id, this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.expression), [renderListId || express]));
+        if (test) {
+            id = conditionId;
+            this.bodyStatement.push((0, utils_1.getVariableDeclaration)(id, this.pathState.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.condition), [expressId, test]));
+            this.updateStatement.push((0, util_1.getExpressionUpdateStatement)(id, test, express, renderListId));
+        }
+        else {
+            this.updateStatement.push((0, util_1.getExpressionUpdateStatement)(id, undefined, express, renderListId));
+        }
+        this.mountStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(id, constants_1.mountIdentifier), [target, anchor].filter(Boolean)));
+        this.destroyStatement.push((0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(id, constants_1.destroyIdentifier), []));
+        return id;
+    }
+    getTemplateExpression() {
+        return (0, types_1.objectExpression)([
+            (0, types_1.objectMethod)("method", constants_1.mountIdentifier, [constants_1.targetIdentifier, constants_1.anchorIdentifier], (0, types_1.blockStatement)(this.mountStatement)),
+            (0, types_1.objectMethod)("method", constants_1.updateIdentifier, [], (0, types_1.blockStatement)(this.updateStatement)),
+            (0, types_1.objectMethod)("method", constants_1.destroyIdentifier, [], (0, types_1.blockStatement)(this.destroyStatement)),
+        ]);
+    }
+    generate() {
+        return (0, types_1.callExpression)(this.rootPath.state.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.markRender), [
+            (0, types_1.arrowFunctionExpression)([], (0, types_1.blockStatement)([
+                ...this.bodyStatement,
+                (0, types_1.returnStatement)(this.getTemplateExpression()),
+            ])),
+        ]);
+    }
+    replace() {
+        // @ts-ignore
+        this.rootPath.replaceWith(this.generate());
+    }
+}
+exports.default = Template;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/template/util.d.ts

@@ -0,0 +1,4 @@
+import { Node, CallExpression, Expression, Identifier } from "@babel/types";
+import { NodePath } from "@babel/traverse";
+export declare function getExpressionUpdateStatement(id: Identifier, test: Expression | undefined, express: Expression, renderListId: Identifier | undefined): import("@babel/types").ExpressionStatement;
+export declare function getRenderList(express: Node, rootPath: NodePath): CallExpression | undefined;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/template/util.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getExpressionUpdateStatement = getExpressionUpdateStatement;
+exports.getRenderList = getRenderList;
+const types_1 = require("@babel/types");
+const utils_1 = require("../utils");
+const constants_1 = require("../constants");
+const helper_1 = require("../helper");
+function getExpressionUpdateStatement(id, test, express, renderListId) {
+    const updateArgs = test
+        ? renderListId
+            ? [test, express.callee.object]
+            : [test, express]
+        : renderListId
+            ? [express.callee.object]
+            : [express];
+    return (0, utils_1.getExpressionStatement)((0, types_1.memberExpression)(id, constants_1.updateIdentifier), updateArgs);
+}
+function getRenderList(express, rootPath) {
+    var _a;
+    if (!(0, types_1.isCallExpression)(express))
+        return;
+    const callee = express.callee;
+    const [argument] = express.arguments;
+    if ((0, types_1.isMemberExpression)(callee) &&
+        ((_a = callee.property) === null || _a === void 0 ? void 0 : _a.name) === "map" &&
+        ((0, types_1.isArrowFunctionExpression)(argument) || (0, types_1.isFunctionExpression)(argument))) {
+        const body = argument.body || {};
+        let isJSX = (0, types_1.isJSXElement)(body) || (0, types_1.isJSXFragment)(body);
+        if ((0, types_1.isBlockStatement)(body)) {
+            const returnStatement = body.body.find((node) => (0, types_1.isReturnStatement)(node));
+            const returnArgument = returnStatement === null || returnStatement === void 0 ? void 0 : returnStatement.argument;
+            isJSX = (0, types_1.isJSXElement)(returnArgument) || (0, types_1.isJSXFragment)(returnArgument);
+        }
+        if (isJSX) {
+            const [element = rootPath.scope.generateUidIdentifier("element"), index = rootPath.scope.generateUidIdentifier("index"), array = rootPath.scope.generateUidIdentifier("array"),] = argument.params;
+            argument.params = [element, index, array];
+            return (0, types_1.callExpression)(rootPath.state.helper.getHelperNameIdentifier(helper_1.RuntimeHelper.renderList), [callee.object, argument]);
+        }
+    }
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/index.d.ts

@@ -0,0 +1 @@
+export * from './jsx/transformJSX';

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/index.js

@@ -0,0 +1,17 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./jsx/transformJSX"), exports);

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSX.d.ts

@@ -0,0 +1,2 @@
+import { TransformJSXOptions } from '../../types';
+export declare function transformJSX({ path, template, root }: TransformJSXOptions): void;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSX.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformJSX = transformJSX;
+const types_1 = require("@babel/types");
+const transformJSXElement_1 = __importDefault(require("./transformJSXElement"));
+const transformJSXExpression_1 = require("./transformJSXExpression");
+const transformJSXLogicalExpression_1 = require("./transformJSXLogicalExpression");
+const transformJSXConditionalExpression_1 = require("./transformJSXConditionalExpression");
+const parentId_1 = require("../parentId");
+function transformJSX({ path, template, root }) {
+    // JSXElement
+    if (path.isJSXElement()) {
+        (0, transformJSXElement_1.default)({ path, template, root });
+        // JSXFragment
+    }
+    else if (path.isJSXFragment()) {
+        path.get('children').forEach(path => transformJSX({ path, template, root }));
+        // JSXExpressionContainer
+    }
+    else if (path.isJSXExpressionContainer()) {
+        const expression = path.get('expression');
+        // JSXElement
+        if (expression.isJSXElement()) {
+            (0, transformJSXElement_1.default)({ path: expression, template, root });
+            // JSXFragment
+        }
+        else if (expression.isJSXFragment()) {
+            expression.get('children').forEach(path => transformJSX({ path, template, root }));
+            // LogicalExpression
+        }
+        else if (expression.isLogicalExpression()) {
+            (0, transformJSXLogicalExpression_1.transformJSXLogicalExpression)({ path: expression, template });
+            // ConditionalExpression
+        }
+        else if (expression.isConditionalExpression()) {
+            (0, transformJSXConditionalExpression_1.transformJSXConditionalExpression)({ path: expression, template });
+            // ignore JSXEmptyExpression
+        }
+        else if (!expression.isJSXEmptyExpression()) {
+            (0, transformJSXExpression_1.transformJSXExpression)({ path, template });
+        }
+        // JSXSpreadChild
+    }
+    else if (path.isJSXSpreadChild()) {
+        (0, transformJSXExpression_1.transformJSXExpression)({ path, template });
+        // JSXText
+    }
+    else {
+        const str = path.node.value;
+        // 过滤 "\n      ..." 字符
+        if (!/^\n\s+$/gi.test(str)) {
+            const parentId = (0, parentId_1.getParentId)(path);
+            template.text({
+                target: parentId,
+                str: (0, types_1.stringLiteral)(str),
+            });
+        }
+    }
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXChildren.d.ts

@@ -0,0 +1,3 @@
+import { JSXElement, JSXExpressionContainer, JSXFragment, JSXSpreadChild, JSXText } from '@babel/types';
+import { TransformJSXChildrenOptions } from '../../types';
+export declare function transformJSXChildren({ path, template }: TransformJSXChildrenOptions<JSXElement | JSXExpressionContainer | JSXFragment | JSXSpreadChild | JSXText>): void;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXChildren.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformJSXChildren = transformJSXChildren;
+const transformJSX_1 = require("./transformJSX");
+function transformJSXChildren({ path, template }) {
+    path.forEach((children) => {
+        (0, transformJSX_1.transformJSX)({ path: children, template });
+    });
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXComponentProps.d.ts

@@ -0,0 +1,2 @@
+import { TransformJSXChildrenOptions } from '../../types';
+export declare function transformJSXComponentProps({ path, template }: TransformJSXChildrenOptions): import("@babel/types").ObjectExpression;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXComponentProps.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformJSXComponentProps = transformJSXComponentProps;
+const types_1 = require("@babel/types");
+const transformJSX_1 = require("./transformJSX");
+const template_1 = __importDefault(require("../../template"));
+function transformJSXComponentProps({ path, template }) {
+    const properties = [];
+    path.forEach((attribute) => {
+        // JSXAttribute
+        if (attribute.isJSXAttribute()) {
+            const nameLiteral = attribute.get('name').getSource();
+            const value = attribute.get('value');
+            if (value.isJSXElement() // JSXElement <div child=<div></div>></div>
+                || value.isJSXFragment() // JSXFragment <div child=<></>></div>
+            ) {
+                const subRender = new template_1.default({
+                    rootPath: template.rootPath,
+                });
+                (0, transformJSX_1.transformJSX)({ path: value, template: subRender, root: true });
+                properties.push((0, types_1.objectProperty)((0, types_1.identifier)(nameLiteral), subRender.generate()));
+                // JSXExpressionContainer
+                // {expression}
+            }
+            else if (value.isJSXExpressionContainer()) {
+                const expression = value.get('expression');
+                if (expression.isJSXElement() // JSXElement <div child={<div></div>}></div>
+                    || expression.isJSXFragment() // JSXFragment <div child={<></>}></div>
+                ) {
+                    const subRender = new template_1.default({
+                        rootPath: template.rootPath,
+                    });
+                    (0, transformJSX_1.transformJSX)({ path: expression, template: subRender, root: true });
+                    properties.push((0, types_1.objectProperty)((0, types_1.identifier)(nameLiteral), subRender.generate()));
+                }
+                else {
+                    properties.push((0, types_1.objectProperty)((0, types_1.identifier)(nameLiteral), expression.node));
+                }
+            }
+            else if (!value.type) {
+                properties.push((0, types_1.objectProperty)((0, types_1.identifier)(nameLiteral), (0, types_1.booleanLiteral)(true)));
+            }
+            else if (value) {
+                properties.push((0, types_1.objectProperty)((0, types_1.identifier)(nameLiteral), value.node));
+            }
+            // JSXSpreadAttribute
+        }
+        else {
+            properties.push((0, types_1.spreadElement)(attribute.node.argument));
+        }
+    });
+    return (0, types_1.objectExpression)(properties);
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXConditionalExpression.d.ts

@@ -0,0 +1,8 @@
+import { NodePath } from '@babel/core';
+import { ConditionalExpression, Expression } from '@babel/types';
+import Template from '../../template';
+export declare function transformJSXConditionalExpression({ path, template, test }: {
+    path: NodePath<ConditionalExpression>;
+    template: Template;
+    test?: Expression;
+}): void;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXConditionalExpression.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformJSXConditionalExpression = transformJSXConditionalExpression;
+const types_1 = require("@babel/types");
+const transformJSXConsequentExpression_1 = require("./transformJSXConsequentExpression");
+function transformJSXConditionalExpression({ path, template, test }) {
+    const subTest = path.get('test');
+    const consequent = path.get('consequent');
+    const alternate = path.get('alternate');
+    (0, transformJSXConsequentExpression_1.transformJSXConsequentExpression)({
+        test: test ? (0, types_1.binaryExpression)('&', test, subTest.node) : subTest.node,
+        consequent,
+        template,
+    });
+    (0, transformJSXConsequentExpression_1.transformJSXConsequentExpression)({
+        test: test ? (0, types_1.binaryExpression)('&', test, (0, types_1.unaryExpression)('!', subTest.node)) : (0, types_1.unaryExpression)('!', subTest.node),
+        consequent: alternate,
+        template,
+    });
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXConsequentExpression.d.ts

@@ -0,0 +1,8 @@
+import { NodePath } from '@babel/core';
+import { Expression } from '@babel/types';
+import Template from '../../template';
+export declare function transformJSXConsequentExpression(options: {
+    test: Expression;
+    consequent: NodePath<Expression>;
+    template: Template;
+}): void;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXConsequentExpression.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformJSXConsequentExpression = transformJSXConsequentExpression;
+const types_1 = require("@babel/types");
+const transformJSX_1 = require("./transformJSX");
+const template_1 = __importDefault(require("../../template"));
+const parentId_1 = require("../parentId");
+const transformJSXConditionalExpression_1 = require("./transformJSXConditionalExpression");
+const transformJSXLogicalExpression_1 = require("./transformJSXLogicalExpression");
+function transformJSXConsequentExpression(options) {
+    const { test, consequent, template } = options;
+    const target = (0, parentId_1.getParentId)(consequent);
+    if (consequent.isJSXElement() || consequent.isJSXFragment()) {
+        const subRender = new template_1.default({
+            rootPath: template.rootPath,
+        });
+        (0, transformJSX_1.transformJSX)({ path: consequent, template: subRender, root: true });
+        template.expression({
+            express: subRender.generate(),
+            target,
+            test,
+        });
+        // ConditionalExpression
+        // expression ? <div></div> : null
+    }
+    else if (consequent.isConditionalExpression()) {
+        (0, transformJSXConditionalExpression_1.transformJSXConditionalExpression)({
+            path: consequent,
+            template,
+            test,
+        });
+        // LogicalExpression
+        // expression && <div></div>
+    }
+    else if (consequent.isLogicalExpression()) {
+        (0, transformJSXLogicalExpression_1.transformJSXLogicalExpression)({
+            path: consequent,
+            template,
+            test,
+        });
+    }
+    else if (!(0, types_1.isNullLiteral)(consequent.node) &&
+        !((0, types_1.isIdentifier)(consequent.node) && consequent.node.name === 'undefined')) {
+        template.expression({
+            express: consequent.node,
+            target,
+            test,
+        });
+    }
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXElement.d.ts

@@ -0,0 +1,3 @@
+import { JSXElement } from "@babel/types";
+import { TransformJSXOptions } from "../../types";
+export default function transformJSXElement({ path, template, root, }: TransformJSXOptions<JSXElement>): void;

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXElement.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = transformJSXElement;
+const types_1 = require("@babel/types");
+const shared_1 = require("@velto/shared");
+const utils_1 = require("../../utils");
+const transformJSXChildren_1 = require("./transformJSXChildren");
+const transformJSX_1 = require("./transformJSX");
+const transformJSXComponentProps_1 = require("./transformJSXComponentProps");
+const constants_1 = require("../../constants");
+const template_1 = __importDefault(require("../../template"));
+const parentId_1 = require("../parentId");
+function transformJSXElement({ path, template, root = false, }) {
+    const openingElementPath = path.get("openingElement");
+    // @ts-ignore
+    const attributesPath = openingElementPath.get("attributes");
+    const childrenPath = path.get("children");
+    const tag = (0, utils_1.getTagLiteral)(openingElementPath);
+    if ((0, shared_1.isNativeTag)(tag)) {
+        handleNativeTag({ path, template, tag, root });
+    }
+    else {
+        handleComponentTag({ path, template, tag, root, attributesPath, childrenPath });
+    }
+}
+function handleNativeTag({ path, template, tag, root, }) {
+    const parentId = (0, parentId_1.getParentId)(path);
+    const elementId = template.rootPath.scope.generateUidIdentifier("_element");
+    (0, parentId_1.setParentId)(path, (0, types_1.memberExpression)(elementId, (0, types_1.identifier)('el')));
+    const props = (0, transformJSXComponentProps_1.transformJSXComponentProps)({
+        // @ts-ignore
+        path: path.get("openingElement").get("attributes"),
+        template,
+    });
+    template.element({
+        elementId,
+        props,
+        tag,
+        target: root ? constants_1.targetIdentifier : parentId,
+        anchor: root ? constants_1.anchorIdentifier : undefined,
+    });
+    (0, transformJSXChildren_1.transformJSXChildren)({ path: path.get("children"), template });
+}
+function handleComponentTag({ path, template, tag, root, attributesPath, childrenPath, }) {
+    const parentId = (0, parentId_1.getParentId)(path);
+    const props = (0, transformJSXComponentProps_1.transformJSXComponentProps)({ path: attributesPath, template });
+    if (childrenPath.length) {
+        const subRender = new template_1.default({
+            rootPath: template.rootPath,
+        });
+        childrenPath.forEach((childPath) => (0, transformJSX_1.transformJSX)({ path: childPath, template: subRender, root: true }));
+        props.properties.push((0, types_1.objectProperty)((0, types_1.identifier)("children"), subRender.generate()));
+    }
+    template.component({
+        tag,
+        props,
+        target: root ? constants_1.targetIdentifier : parentId,
+        anchor: root ? constants_1.anchorIdentifier : undefined,
+    });
+}

package/templates/velto-ts/node_modules/.pnpm/@velto+babel-plugin-velto@1.0.0-beta.2/node_modules/@velto/babel-plugin-velto/dist/transform/jsx/transformJSXExpression.d.ts

@@ -0,0 +1,3 @@
+import { JSXExpressionContainer, JSXSpreadChild } from '@babel/types';
+import { TransformJSXOptions } from '../../types';
+export declare function transformJSXExpression({ path, template, }: TransformJSXOptions<JSXExpressionContainer | JSXSpreadChild>): void;