@builder.io/mitosis 0.2.6 → 0.2.8

package/dist/src/generators/vue/types.d.ts

@@ -7,4 +7,5 @@ export interface ToVueOptions extends BaseTranspilerOptions {
     defineComponent?: boolean;
     api: Api;
     convertClassStringToObject?: boolean;
+    casing?: 'pascal' | 'kebab';
 }

package/dist/src/generators/vue/vue.js

@@ -97,6 +97,7 @@ var onUpdatePlugin = function (options) { return ({
 var BASE_OPTIONS = {
     api: 'options',
     defineComponent: true,
+    casing: 'pascal',
 };
 var componentToVue = function (userOptions) {
     return function (_a) {
@@ -181,7 +182,12 @@ var componentToVue = function (userOptions) {
             prefix: (_d = (_c = options.cssNamespace) === null || _c === void 0 ? void 0 : _c.call(options)) !== null && _d !== void 0 ? _d : undefined,
         });
         (0, strip_meta_properties_1.stripMetaProperties)(component);
-        var template = (0, function_1.pipe)(component.children.map(function (item) { return (0, blocks_1.blockToVue)(item, options, { isRootNode: true }); }).join('\n'), helpers_1.renameMitosisComponentsToKebabCase);
+        var templateStrBody = component.children
+            .map(function (item) { return (0, blocks_1.blockToVue)(item, options, { isRootNode: true }); })
+            .join('\n');
+        var template = options.casing === 'kebab'
+            ? (0, helpers_1.renameMitosisComponentsToKebabCase)(templateStrBody)
+            : templateStrBody;
         var onUpdateWithDeps = ((_e = component.hooks.onUpdate) === null || _e === void 0 ? void 0 : _e.filter(function (hook) { var _a; return (_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length; })) || [];
         var onUpdateWithoutDeps = ((_f = component.hooks.onUpdate) === null || _f === void 0 ? void 0 : _f.filter(function (hook) { var _a; return !((_a = hook.deps) === null || _a === void 0 ? void 0 : _a.length); })) || [];
         var getterKeys = Object.keys((0, lodash_1.pickBy)(component.state, function (i) { return (i === null || i === void 0 ? void 0 : i.type) === 'getter'; }));

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

@@ -12,6 +12,7 @@ type BuilderToMitosisOptions = {
     includeBuilderExtras?: boolean;
     preserveTextBlocks?: boolean;
     includeSpecialBindings?: boolean;
+    includeMeta?: boolean;
 };
 export declare const builderElementToMitosisNode: (block: BuilderElement, options: BuilderToMitosisOptions, _internalOptions?: InternalOptions) => MitosisNode;
 /**

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

@@ -417,7 +417,7 @@ 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;
+    var _x = options.includeSpecialBindings, includeSpecialBindings = _x === void 0 ? true : _x, _y = options.includeMeta, includeMeta = _y === void 0 ? false : _y;
     if (((_b = block.component) === null || _b === void 0 ? void 0 : _b.name) === 'Core:Fragment') {
         block.component.name = 'Fragment';
     }
@@ -580,6 +580,8 @@ 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) : {},
     });
     // Has single text node child
     var firstChild = (_s = block.children) === null || _s === void 0 ? void 0 : _s[0];

package/package.json

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