@builder.io/mitosis 0.3.2 → 0.3.4

package/dist/src/index.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from '@builder.io/mitosis/jsx-runtime';
+import { JSX } from '../jsx-runtime';
 import { Dictionary } from './helpers/typescript';
 import { ComponentMetadata } from './types/metadata';
 import { ReactivityType, TargetBlock } from './types/mitosis-component';

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

@@ -15,6 +15,7 @@ type BuilderToMitosisOptions = {
     includeMeta?: boolean;
 };
 export declare const builderElementToMitosisNode: (block: BuilderElement, options: BuilderToMitosisOptions, _internalOptions?: InternalOptions) => MitosisNode;
+export declare const getMetaFromBlock: (block: BuilderElement, options: BuilderToMitosisOptions) => {};
 /**
  * Take Builder custom jsCode and extract the contents of the useState hook
  * and return it as a JS object along with the inputted code with the hook

package/dist/src/parsers/builder/builder.js

@@ -46,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.builderContentToMitosisComponent = exports.isBuilderElement = exports.createBuilderElement = exports.convertExportDefaultToReturn = exports.extractStateHook = exports.builderElementToMitosisNode = exports.symbolBlocksAsChildren = void 0;
+exports.builderContentToMitosisComponent = exports.isBuilderElement = exports.createBuilderElement = exports.convertExportDefaultToReturn = exports.extractStateHook = exports.getMetaFromBlock = exports.builderElementToMitosisNode = exports.symbolBlocksAsChildren = void 0;
 var symbol_processor_1 = require("../../symbols/symbol-processor");
 var babel = __importStar(require("@babel/core"));
 var generator_1 = __importDefault(require("@babel/generator"));
@@ -258,6 +258,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
         return (0, create_mitosis_node_1.createMitosisNode)({
             name: 'Symbol',
             bindings: bindings,
+            meta: (0, exports.getMetaFromBlock)(block, options),
         });
     } }, (!exports.symbolBlocksAsChildren
     ? {}
@@ -286,6 +287,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 })), (Object.keys(css).length && {
                     css: (0, bindings_1.createSingleBinding)({ code: JSON.stringify(css) }),
                 })),
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: !blocks
                     ? []
                     : [
@@ -313,7 +315,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                     properties: {
                         link: col.link,
                     },
-                })), { children: col.blocks.map(function (col) { return (0, exports.builderElementToMitosisNode)(col, options); }) }));
+                })), { meta: (0, exports.getMetaFromBlock)(block, options), children: col.blocks.map(function (col) { return (0, exports.builderElementToMitosisNode)(col, options); }) }));
             })) || [];
         return node;
     }, 'Shopify:For': function (block, options) {
@@ -328,6 +330,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 forName: block.component.options.repeat.itemName,
                 indexName: '$index',
             },
+            meta: (0, exports.getMetaFromBlock)(block, options),
             children: (block.children || []).map(function (child) { return (0, exports.builderElementToMitosisNode)(child, options); }),
         });
     }, Text: function (block, options) {
@@ -374,6 +377,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 name: block.tagName || 'div',
                 bindings: bindings,
                 properties: properties,
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: [
                     (0, create_mitosis_node_1.createMitosisNode)({
                         bindings: innerBindings,
@@ -399,6 +403,7 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
                 name: finalTagname,
                 bindings: bindings,
                 properties: finalProperties,
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: [
                     (0, create_mitosis_node_1.createMitosisNode)({
                         bindings: innerBindings,
@@ -411,13 +416,14 @@ var componentMappers = __assign(__assign({ Symbol: function (block, options) {
             name: finalTagname,
             properties: __assign(__assign(__assign({}, finalProperties), properties), innerProperties),
             bindings: __assign(__assign({}, bindings), innerBindings),
+            meta: (0, exports.getMetaFromBlock)(block, options),
         });
     } });
 var builderElementToMitosisNode = function (block, options, _internalOptions) {
     var _a;
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     if (_internalOptions === void 0) { _internalOptions = {}; }
-    var _x = options.includeSpecialBindings, includeSpecialBindings = _x === void 0 ? true : _x, _y = options.includeMeta, includeMeta = _y === void 0 ? false : _y;
+    var _x = options.includeSpecialBindings, includeSpecialBindings = _x === void 0 ? true : _x;
     if (((_b = block.component) === null || _b === void 0 ? void 0 : _b.name) === 'Core:Fragment') {
         block.component.name = 'Fragment';
     }
@@ -437,6 +443,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
                     forName: ((_f = block.repeat) === null || _f === void 0 ? void 0 : _f.itemName) || 'item',
                     indexName: '$index',
                 },
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: ((_g = block.children) === null || _g === void 0 ? void 0 : _g.map(function (child) { return (0, exports.builderElementToMitosisNode)(child, options); })) || [],
             });
         }
@@ -455,6 +462,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
                     forName: ((_l = block.repeat) === null || _l === void 0 ? void 0 : _l.itemName) || 'item',
                     indexName: '$index',
                 },
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: [(0, exports.builderElementToMitosisNode)((0, lodash_1.omit)(useBlock, 'repeat'), options)],
             });
         }
@@ -476,6 +484,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
                 bindings: { when: (0, bindings_1.createSingleBinding)({ code: code }) },
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: ((_o = block.children) === null || _o === void 0 ? void 0 : _o.map(function (child) { return (0, exports.builderElementToMitosisNode)(child, options); })) || [],
             });
         }
@@ -483,6 +492,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: 'Show',
                 bindings: { when: (0, bindings_1.createSingleBinding)({ code: code }) },
+                meta: (0, exports.getMetaFromBlock)(block, options),
                 children: [
                     (0, exports.builderElementToMitosisNode)(__assign(__assign({}, block), { code: __assign(__assign({}, block.code), { bindings: (0, lodash_1.omit)(blockBindings, 'show', 'hide') }), bindings: (0, lodash_1.omit)(blockBindings, 'show', 'hide') }), options),
                 ],
@@ -580,8 +590,7 @@ var builderElementToMitosisNode = function (block, options, _internalOptions) {
             css: (0, bindings_1.createSingleBinding)({ code: JSON.stringify(css) }),
         })),
         slots: __assign({}, slots),
-        meta: includeMeta
-            ? __assign({ 'builder-id': block.id }, block.meta) : {},
+        meta: (0, exports.getMetaFromBlock)(block, options),
     });
     // Has single text node child
     var firstChild = (_s = block.children) === null || _s === void 0 ? void 0 : _s[0];
@@ -623,6 +632,12 @@ var getBuilderPropsForSymbol = function (block) {
     }
     return undefined;
 };
+var getMetaFromBlock = function (block, options) {
+    var _a = options.includeMeta, includeMeta = _a === void 0 ? false : _a;
+    return includeMeta
+        ? __assign({ 'builder-id': block.id }, block.meta) : {};
+};
+exports.getMetaFromBlock = getMetaFromBlock;
 var getHooks = function (content) {
     var _a, _b;
     var code = convertExportDefaultToReturn(((_a = content.data) === null || _a === void 0 ? void 0 : _a.tsCode) || ((_b = content.data) === null || _b === void 0 ? void 0 : _b.jsCode) || '');

package/dist/src/plugins/compile-away-builder-components.js

@@ -295,7 +295,7 @@ exports.components = {
             name: 'div',
             bindings: noUndefined({
                 css: (0, bindings_1.createSingleBinding)({
-                    code: JSON.stringify(__assign(__assign({ disply: 'flex', flexDirection: 'column' }, css), { position: 'relative' })),
+                    code: JSON.stringify(__assign(__assign({ display: 'flex', flexDirection: 'column' }, css), { position: 'relative' })),
                 }),
             }),
             children: __spreadArray([

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.3.2",
+  "version": "0.3.4",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {