auto-component 0.0.41 → 0.0.43

package/lib/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactJsxParser = _interopRequireDefault(require("react-jsx-parser"));
+var _jsBeautify = _interopRequireDefault(require("js-beautify"));
 require("./auto-component.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -19,7 +20,7 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable no-unused-vars */ /* eslint-disable react-hooks/exhaustive-deps */ // import beautify from 'js-beautify';
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable no-unused-vars */ /* eslint-disable react-hooks/exhaustive-deps */
 var AutoComponent = function AutoComponent() {
   //**-----------**/
   // ** State ** //
@@ -72,13 +73,13 @@ var AutoComponent = function AutoComponent() {
   };
 
   // format html for display (breaks/indentation)
-  // const formatHtml = (html) => {
-  //   return beautify.html(html, {
-  //     indent_size: 2,
-  //     wrap_line_length: 80,
-  //     max_preserve_newlines: 1,
-  //   })
-  // }
+  var formatHtml = function formatHtml(html) {
+    return _jsBeautify["default"].html(html, {
+      indent_size: 2,
+      wrap_line_length: 80,
+      max_preserve_newlines: 1
+    });
+  };
 
   // clean html of exclusions:
   // if an element className includes 'exclude'
@@ -195,15 +196,6 @@ var AutoComponent = function AutoComponent() {
       return _ref.apply(this, arguments);
     };
   }();
-  var cleanId = function cleanId(html) {
-    var parser = new DOMParser();
-    var doc = parser.parseFromString(html, 'text/html');
-    var autoComponentContainer = doc.getElementById('auto-component-container');
-    if (autoComponentContainer) {
-      autoComponentContainer.removeAttribute('id');
-    }
-    return doc.documentElement.outerHTML;
-  };
 
   // make API request with updated state data
   var handleRequest = /*#__PURE__*/function () {
@@ -219,9 +211,7 @@ var AutoComponent = function AutoComponent() {
             resData = _context2.sent;
             if (resData) {
               setHistory(resData.history);
-              // setResponseData(formatHtml(resData.response.content));
-              // const outputHtml = cleanId(resData.response.content)
-              setResponseData(resData.response.content);
+              setResponseData(formatHtml(resData.response.content));
               setActiveTab('response');
             }
             _context2.next = 10;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "auto-component",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "main": "lib/index.js",
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "*",
+    "js-beautify": "^1.14.11",
     "react-jsx-parser": "^1.29.0"
   },
   "scripts": {