openapi-explorer 2.1.642 → 2.1.644

package/dist/es/components/api-request.js

@@ -9,6 +9,7 @@ import './schema-tree.js';
 import getRequestFormTable from './request-form-table.js';
 import './tag-input.js';
 import './syntax-highlighter.js';
+import json5 from 'json5';
 const textFileRegex = RegExp('^font/|tar$|zip$|7z$|rtf$|msword$|excel$|/pdf$|/octet-stream$|^application/vnd.');
 const mediaFileRegex = RegExp('^audio/|^image/|^video/');
 export default class ApiRequest extends LitElement {
@@ -696,8 +697,10 @@ export default class ApiRequest extends LitElement {
           fetchOptions.body = exampleTextAreaEl.value;
 
           if (requestBodyType.includes('json')) {
+            fetchOptions.body = JSON.stringify(json5.parse(exampleTextAreaEl.value));
+
             try {
-              curlData = ` \\\n  -d '${JSON.stringify(JSON.parse(exampleTextAreaEl.value))}'`;
+              curlData = ` \\\n  -d '${fetchOptions.body}'`;
             } catch (err) {
               /* Ignore unparseable JSON */
             }
@@ -705,7 +708,7 @@ export default class ApiRequest extends LitElement {
 
           if (!curlData) {
             // Save single quotes wrapped => 'text' => `"'"text"'"`
-            curlData = ` \\\n  -d '${exampleTextAreaEl.value.replace(/'/g, '\'"\'"\'')}'`;
+            curlData = ` \\\n  -d '${fetchOptions.body.replace(/'/g, '\'"\'"\'')}'`;
           }
         }
       } // Common for all request-body

package/dist/es/react.js

@@ -0,0 +1,32 @@
+/**
+ * reactEventListener - takes the hard work out of adding and removing listeners in React
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener}
+ *
+ * @param {object} React - The React object that contains the method { useEffect }.
+ * @param {string} eventName - A case-sensitive string or strings representing the event type to listen for
+ * @param {function} callbackFunction - callback function - The object that receives a notification (an object that implements the Event interface) when an event of the specified type occurs
+ */
+export function reactEventListener({
+  useEffect
+}, eventName, functionCallback) {
+  const targetElement = window;
+  useEffect(() => {
+    targetElement.addEventListener(eventName, functionCallback); // This is an effect that requires cleanup when the component using this
+    // custom hook unmounts:
+    // https://reactjs.org/docs/hooks-effect.html#effects-with-cleanup
+
+    return () => {
+      // Check if the event functionCallback we were given was a debounced or throttled
+      // event functionCallback, if it is, cancel any future events
+      // https://github.com/niksy/throttle-debounce#cancelling
+      if (functionCallback !== null && functionCallback !== void 0 && functionCallback.cancel) {
+        functionCallback.cancel();
+      } // Remove the event functionCallbacks
+
+
+      if (targetElement !== null && targetElement !== void 0 && targetElement.removeEventListener) {
+        targetElement.removeEventListener(eventName, functionCallback);
+      }
+    };
+  }, [eventName, functionCallback, targetElement]);
+}

package/dist/lib/components/api-request.js

@@ -25,6 +25,8 @@ require("./tag-input.js");
 
 require("./syntax-highlighter.js");
 
+var _json = _interopRequireDefault(require("json5"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const textFileRegex = RegExp('^font/|tar$|zip$|7z$|rtf$|msword$|excel$|/pdf$|/octet-stream$|^application/vnd.');
@@ -715,8 +717,10 @@ class ApiRequest extends _lit.LitElement {
           fetchOptions.body = exampleTextAreaEl.value;
 
           if (requestBodyType.includes('json')) {
+            fetchOptions.body = JSON.stringify(_json.default.parse(exampleTextAreaEl.value));
+
             try {
-              curlData = ` \\\n  -d '${JSON.stringify(JSON.parse(exampleTextAreaEl.value))}'`;
+              curlData = ` \\\n  -d '${fetchOptions.body}'`;
             } catch (err) {
               /* Ignore unparseable JSON */
             }
@@ -724,7 +728,7 @@ class ApiRequest extends _lit.LitElement {
 
           if (!curlData) {
             // Save single quotes wrapped => 'text' => `"'"text"'"`
-            curlData = ` \\\n  -d '${exampleTextAreaEl.value.replace(/'/g, '\'"\'"\'')}'`;
+            curlData = ` \\\n  -d '${fetchOptions.body.replace(/'/g, '\'"\'"\'')}'`;
           }
         }
       } // Common for all request-body

package/dist/lib/react.js

@@ -0,0 +1,37 @@
+"use strict";
+
+exports.__esModule = true;
+exports.reactEventListener = reactEventListener;
+
+/**
+ * reactEventListener - takes the hard work out of adding and removing listeners in React
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener}
+ *
+ * @param {object} React - The React object that contains the method { useEffect }.
+ * @param {string} eventName - A case-sensitive string or strings representing the event type to listen for
+ * @param {function} callbackFunction - callback function - The object that receives a notification (an object that implements the Event interface) when an event of the specified type occurs
+ */
+function reactEventListener({
+  useEffect
+}, eventName, functionCallback) {
+  const targetElement = window;
+  useEffect(() => {
+    targetElement.addEventListener(eventName, functionCallback); // This is an effect that requires cleanup when the component using this
+    // custom hook unmounts:
+    // https://reactjs.org/docs/hooks-effect.html#effects-with-cleanup
+
+    return () => {
+      // Check if the event functionCallback we were given was a debounced or throttled
+      // event functionCallback, if it is, cancel any future events
+      // https://github.com/niksy/throttle-debounce#cancelling
+      if (functionCallback !== null && functionCallback !== void 0 && functionCallback.cancel) {
+        functionCallback.cancel();
+      } // Remove the event functionCallbacks
+
+
+      if (targetElement !== null && targetElement !== void 0 && targetElement.removeEventListener) {
+        targetElement.removeEventListener(eventName, functionCallback);
+      }
+    };
+  }, [eventName, functionCallback, targetElement]);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openapi-explorer",
-  "version": "2.1.642",
+  "version": "2.1.644",
   "description": "OpenAPI Explorer - API viewer with dynamically generated components, documentation, and interaction console",
   "author": "Authress Developers <developers@authress.io>",
   "type": "module",
@@ -56,6 +56,7 @@
     "color": "^4.2.3",
     "create-hash": "^1.2.0",
     "i18next": "^21.9.0",
+    "json5": "^2.2.3",
     "lit": "^2.3.1",
     "lodash.clonedeep": "^4.5.0",
     "lodash.merge": "^4.6.2",