@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/plugins/map-styles.js

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mapStyles = void 0;
-var get_styles_1 = require("../helpers/get-styles");
-var traverse_nodes_1 = require("../helpers/traverse-nodes");
-var mapStyles = function (pluginOptions) { return function (options) { return ({
+const get_styles_1 = require("../helpers/get-styles");
+const traverse_nodes_1 = require("../helpers/traverse-nodes");
+const mapStyles = (pluginOptions) => (options) => ({
     json: {
-        pre: function (json) {
-            (0, traverse_nodes_1.traverseNodes)(json, function (node, context) {
-                var styles = (0, get_styles_1.getStyles)(node);
+        pre: (json) => {
+            (0, traverse_nodes_1.traverseNodes)(json, (node, context) => {
+                const styles = (0, get_styles_1.getStyles)(node);
                 (0, get_styles_1.setStyles)(node, pluginOptions.map(styles || {}, context));
             });
         },
     },
-}); }; };
+});
 exports.mapStyles = mapStyles;

package/dist/src/symbols/symbol-processor.js

@@ -1,34 +1,19 @@
 "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.hashCode = exports.hashCodeAsString = exports.getJsxSymbolComponentName = exports.convertBuilderElementToMitosisComponent = exports.convertBuilderContentToSymbolHierarchy = exports.ensureAllSymbolsHaveIds = void 0;
-var legacy_1 = __importDefault(require("neotraverse/legacy"));
-var minify_1 = require("../generators/minify");
-var builder_1 = require("../parsers/builder");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const minify_1 = require("../generators/minify");
+const builder_1 = require("../parsers/builder");
 /**
  * Ensure every symbol in a BuilderContent tree has a unique ID.
  * Mutates the data tree directly.
  */
 function ensureAllSymbolsHaveIds(content) {
-    var counter = 0;
-    var ids = new Set();
+    let counter = 0;
+    const ids = new Set();
     (0, legacy_1.default)(content).forEach(function (el) {
         var _a, _b, _c;
         if (this.key === 'jsCode' && isString(el) && el.endsWith('return _virtual_index')) {
@@ -40,16 +25,16 @@ function ensureAllSymbolsHaveIds(content) {
         }
         if ((0, builder_1.isBuilderElement)(el)) {
             if (((_a = el === null || el === void 0 ? void 0 : el.component) === null || _a === void 0 ? void 0 : _a.name) === 'Symbol') {
-                var id = getIdFromSymbol(el);
+                const id = getIdFromSymbol(el);
                 if (id) {
                     if (ids.has(id)) {
                         if ((_c = (_b = el.component) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c.symbol) {
-                            var id_1 = pad(counter++);
-                            el.component.options.symbol.entry = id_1;
+                            const id = pad(counter++);
+                            el.component.options.symbol.entry = id;
                             if (el.component.options.symbol.content) {
-                                el.component.options.symbol.content.id = id_1;
+                                el.component.options.symbol.content.id = id;
                             }
-                            ids.add(id_1);
+                            ids.add(id);
                         }
                     }
                     else {
@@ -62,25 +47,22 @@ function ensureAllSymbolsHaveIds(content) {
 }
 exports.ensureAllSymbolsHaveIds = ensureAllSymbolsHaveIds;
 //TODO(misko): needs test
-function convertBuilderContentToSymbolHierarchy(content, _a) {
-    var _b;
-    var _c, _d;
-    var _e = _a === void 0 ? {} : _a, collectComponentStyles = _e.collectComponentStyles, collectComponentState = _e.collectComponentState;
-    if (collectComponentState && ((_c = content.data) === null || _c === void 0 ? void 0 : _c.state)) {
-        var state = (_d = content.data) === null || _d === void 0 ? void 0 : _d.state;
+function convertBuilderContentToSymbolHierarchy(content, { collectComponentStyles, collectComponentState, } = {}) {
+    var _a, _b;
+    if (collectComponentState && ((_a = content.data) === null || _a === void 0 ? void 0 : _a.state)) {
+        const state = (_b = content.data) === null || _b === void 0 ? void 0 : _b.state;
         collectComponentState['ROOT_COMPONENT_STATE'] = state;
     }
-    var path = [-1, content.id];
-    var hierarchy = (_b = {
-            depthFirstSymbols: []
-        },
-        _b[content.id] = [],
-        _b);
+    const path = [-1, content.id];
+    const hierarchy = {
+        depthFirstSymbols: [],
+        [content.id]: [],
+    };
     (0, legacy_1.default)(content).forEach(function (el) {
         var _a, _b, _c;
-        var cssCode = el === null || el === void 0 ? void 0 : el.cssCode;
+        let cssCode = el === null || el === void 0 ? void 0 : el.cssCode;
         if (cssCode) {
-            collectComponentStyles && collectComponentStyles.push((0, minify_1.minify)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), cssCode));
+            collectComponentStyles && collectComponentStyles.push((0, minify_1.minify) `${cssCode}`);
         }
         while (path[0 /* Path.DEPTH */] >= this.path.length) {
             path.shift();
@@ -89,17 +71,17 @@ function convertBuilderContentToSymbolHierarchy(content, _a) {
         if ((0, builder_1.isBuilderElement)(el)) {
             if (((_a = el === null || el === void 0 ? void 0 : el.component) === null || _a === void 0 ? void 0 : _a.name) === 'Symbol') {
                 if (collectComponentState) {
-                    var symbol = el.component.options.symbol;
-                    var props = symbol.data || (symbol.data = {});
-                    var state = (_c = (_b = symbol.content) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.state;
+                    const symbol = el.component.options.symbol;
+                    const props = symbol.data || (symbol.data = {});
+                    const state = (_c = (_b = symbol.content) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.state;
                     if (state) {
-                        var id = hashCodeAsString(state);
+                        const id = hashCodeAsString(state);
                         props['serverStateId'] = id;
                         collectComponentState[id] = state;
                     }
                 }
                 if (path[0 /* Path.DEPTH */] < this.path.length) {
-                    var id = getIdFromSymbol(el);
+                    const id = getIdFromSymbol(el);
                     hierarchy[id] = [];
                     addIfMissing(hierarchy[path[1 /* Path.ID */]], id);
                     path.unshift(this.path.length, id);
@@ -116,16 +98,16 @@ function convertBuilderContentToSymbolHierarchy(content, _a) {
 exports.convertBuilderContentToSymbolHierarchy = convertBuilderContentToSymbolHierarchy;
 function convertBuilderElementToMitosisComponent(element) {
     var _a, _b;
-    var symbolValue = (_b = (_a = element.component) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.symbol;
-    var elContent = symbolValue === null || symbolValue === void 0 ? void 0 : symbolValue.content;
+    const symbolValue = (_b = (_a = element.component) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.symbol;
+    const elContent = symbolValue === null || symbolValue === void 0 ? void 0 : symbolValue.content;
     if (!elContent) {
         console.warn('Symbol missing content', element.id);
         delete element.component; // TODO(misko): Should this be assign `undefined` for perf?
         element.children = [];
         return null;
     }
-    var id = getIdFromSymbol(element);
-    var componentName = getJsxSymbolComponentName(id);
+    const id = getIdFromSymbol(element);
+    const componentName = getJsxSymbolComponentName(id);
     delete element.component; // TODO(misko): Should this be assign `undefined` for perf?
     element.children = [
         (0, builder_1.createBuilderElement)({
@@ -138,10 +120,13 @@ function convertBuilderElementToMitosisComponent(element) {
             },
         }),
     ];
-    var mitosisComponent = __assign(__assign({}, (0, builder_1.builderContentToMitosisComponent)(elContent, {
-        includeBuilderExtras: true,
-        preserveTextBlocks: true,
-    })), { name: componentName });
+    const mitosisComponent = {
+        ...(0, builder_1.builderContentToMitosisComponent)(elContent, {
+            includeBuilderExtras: true,
+            preserveTextBlocks: true,
+        }),
+        name: componentName,
+    };
     mitosisComponent.meta.builderElId = element.id;
     return mitosisComponent;
 }
@@ -167,9 +152,8 @@ function hashCodeAsString(obj) {
     return Number(Math.abs(hashCode(obj))).toString(36);
 }
 exports.hashCodeAsString = hashCodeAsString;
-function hashCode(obj, hash) {
-    if (hash === void 0) { hash = 0; }
-    var value = 0;
+function hashCode(obj, hash = 0) {
+    let value = 0;
     switch (typeof obj) {
         case 'number':
             value = obj;
@@ -178,7 +162,7 @@ function hashCode(obj, hash) {
             value = Number.MIN_SAFE_INTEGER;
             break;
         case 'string':
-            for (var i = 0; i < obj.length; i++) {
+            for (let i = 0; i < obj.length; i++) {
                 hash = hashCodeApply(hash, obj.charCodeAt(i));
             }
             value = obj.length;
@@ -190,13 +174,12 @@ function hashCode(obj, hash) {
                 value = Number.MAX_SAFE_INTEGER;
             }
             else if (Array.isArray(obj)) {
-                for (var i = 0; i < obj.length; i++) {
+                for (let i = 0; i < obj.length; i++) {
                     hash = hashCode(obj[i], hash);
                 }
             }
             else {
-                for (var _i = 0, _a = Object.keys(obj).sort(); _i < _a.length; _i++) {
-                    var key = _a[_i];
+                for (const key of Object.keys(obj).sort()) {
                     if (obj.hasOwnProperty(key)) {
                         hash = hashCode(obj[key], hash);
                     }
@@ -213,8 +196,7 @@ function hashCodeApply(hash, value) {
     return hash;
 }
 function pad(value) {
-    var padding = '000000';
-    var result = padding + String(value);
+    const padding = '000000';
+    let result = padding + String(value);
     return result.substring(result.length - padding.length);
 }
-var templateObject_1;

package/dist/src/targets.js

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.targets = exports.builder = void 0;
-var alpine_1 = require("./generators/alpine");
-var angular_1 = require("./generators/angular");
-var builder_1 = require("./generators/builder");
-var html_1 = require("./generators/html");
-var liquid_1 = require("./generators/liquid");
-var lit_1 = require("./generators/lit");
-var marko_1 = require("./generators/marko");
-var mitosis_1 = require("./generators/mitosis");
-var qwik_1 = require("./generators/qwik");
-var react_1 = require("./generators/react");
-var react_native_1 = require("./generators/react-native");
-var rsc_1 = require("./generators/rsc");
-var solid_1 = require("./generators/solid");
-var stencil_1 = require("./generators/stencil");
-var svelte_1 = require("./generators/svelte");
-var swift_ui_1 = require("./generators/swift-ui");
-var taro_1 = require("./generators/taro");
-var template_1 = require("./generators/template");
-var vue_1 = require("./generators/vue");
+const alpine_1 = require("./generators/alpine");
+const angular_1 = require("./generators/angular");
+const builder_1 = require("./generators/builder");
+const html_1 = require("./generators/html");
+const liquid_1 = require("./generators/liquid");
+const lit_1 = require("./generators/lit");
+const marko_1 = require("./generators/marko");
+const mitosis_1 = require("./generators/mitosis");
+const qwik_1 = require("./generators/qwik");
+const react_1 = require("./generators/react");
+const react_native_1 = require("./generators/react-native");
+const rsc_1 = require("./generators/rsc");
+const solid_1 = require("./generators/solid");
+const stencil_1 = require("./generators/stencil");
+const svelte_1 = require("./generators/svelte");
+const swift_ui_1 = require("./generators/swift-ui");
+const taro_1 = require("./generators/taro");
+const template_1 = require("./generators/template");
+const vue_1 = require("./generators/vue");
 exports.builder = builder_1.componentToBuilder;
 exports.targets = {
     alpine: alpine_1.componentToAlpine,

package/dist/src/types/mitosis-node.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsForNode = void 0;
-var checkIsForNode = function (node) { return node.name === 'For'; };
+const checkIsForNode = (node) => node.name === 'For';
 exports.checkIsForNode = checkIsForNode;

package/package.json

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