rapidoc 9.1.2 → 9.1.3

package/docs/rapidoc-mini.html

@@ -27,11 +27,11 @@
     <main>
       <h2>Introducing &lt;rapi-doc-mini&gt; Web Component </h2>
       <p> 
-        <b>&lt;rapi-doc-mini&gt;</b> a new way to expose your API documentation. There are various styles and need how one would like to document their APIs. 
+        <b>&lt;rapi-doc-mini&gt;</b> a new way to expose your API documentation. There are various styles and needs how one would like to document their APIs. 
         such as 
         <ul>
           <li>
-            All the APIs are documented in one central place. This is where <b>&lt;rapi-doc&gt;</b> fits in.
+            All the APIs are documented in one central place. This is where <b>&lt;rapi-doc&gt;</b> fits in. However for the rest of bullets listed below  <b>&lt;rapi-doc-mini&gt;</b> is your friend
           </li>
           <li>
            Expose just a few important APIs such as authentication etc as a part of a blog, to provide an initial understanding to your audience
@@ -41,13 +41,12 @@
           </li>
           <li>
             Or you are explaining a business case which uses microservices, 
-            where each microservice has its own APIs and the ask is to pick few APIs from each of theses microservice show how they come work together in a single document
+            where each microservice has its own APIs and the ask is to pick few APIs from each of theses microservice show how they work together in a single document
           </li>
         </ul>
       </p>
 
-
-      <h2>Usage in a bolg style writing</h2>
+      <h2>Usage in a blog style writing</h2>
       <p style="flex:1">
         It is fairly common to write specifically about few APIs to provide an initial understanding to your users. 
         However in those cases you run the risk of your writeup getting outdated when the actual API changes its shape.
@@ -69,7 +68,8 @@
               bg-color = "#f9f9fb"
             &gt; &lt;/rapi-doc-mini&gt;</code>
         </pre>
-        Above HTML snippet will result in generating an API doc as shown below. Go ahead and play with the below APIs, make live request and watch the responses
+        Above HTML snippet will result in generating an API doc as shown below. Notice how it blends seamlessly with this writeup as if its a part of this page. 
+        Go ahead and play with the below APIs, make live request and watch the responses, all from this very blog.
       </p>
       <rapi-doc-mini
         style= "min-width:600px;"
@@ -95,9 +95,8 @@
         paths-expanded = "false"
       > </rapi-doc-mini>
      
-     
       <br/><br/>
-      <h3>Pick and show specific APIs </h3>
+      <h3>Pick only specific APIs from OpenAPI spec</h3>
       Instead of showing entire open-api spec you can just extract and choose to show what you need to show. This is done using <b>match-paths</b> attribute.
       <br/>Example below uses the same OpenAPI spec as we used above, but showing only the paths that we intend to
 
@@ -125,6 +124,7 @@
       > </rapi-doc-mini>
     <br/>
     <h3>More complex RegEx based filtering of API is possible too (match-paths & match-type)</h3>
+    Here we are using regular RegEx to select the paths which is either <span class="mono blue"> get /users/{userId}</span> &nbsp;&nbsp;or&nbsp;&nbsp; <span class="mono blue"> post /users</span>
     <pre class="shadow1 code-block" style="width:575px">
       <code class="language-html">
         &lt;rapi-doc-mini
@@ -152,7 +152,7 @@
     > </rapi-doc-mini>
 
     <h3>Show it Minimzed or Expanded</h3>
-    If expand/collapse is not your style, or feel it a bit of distraction then have it always expanded and make it more natural and integrated part of your writeup.
+    If expand/collapse is not your style, then have it always expanded and make it more natural and integrated part of your writeup.
     <br> Use the attribute <b>paths-expanded = "true"</b> to achive this <br/><br/>
     
     <rapi-doc-mini
@@ -216,4 +216,4 @@
 </main>
 
   </body>
-</html>
+</html>

package/docs/specs/auth-test1.yaml

@@ -0,0 +1,35 @@
+openapi: 3.0.1
+info:
+  title: Authentication Test Case
+  description: Demonstrate various authentication methods supported by RapiDoc
+servers:
+  - url: https://reqres.in/api/
+paths:
+  /users/{userId}:
+    get:
+      description: Uses HTTP Basic Auth
+      parameters:
+        - in: path
+          name: userId
+          schema:
+            type: integer
+            example: 3
+          required: true
+          description: Numeric ID of the user to get
+      security:
+      - http-basic: []
+
+  /users:
+    get:
+      description: Uses API Key Auth
+      security:
+      - api_key1: []
+components:
+  securitySchemes:
+    http-basic:
+      type: http
+      scheme: basic
+    api_key1:
+      type: apiKey
+      name: Authorization
+      in: header

package/docs/specs/auth.yaml

@@ -48,9 +48,9 @@ paths:
       - ms-oauth:
         - User.ReadBasic.All
         - Directory.Read.All
-      - http-basic: []
+      - http-basic: ['h-scope1', 'h-scope2']
       - api_key_cookie: []
-      - api_key1: []
+      - api_key1: ['a-scope1', 'a-scope2']
         api_key2: []
 components:
   securitySchemes:

package/docs/specs/dynamic-query-params.yaml

@@ -75,6 +75,25 @@ paths:
                               type: string
                           additionalProperties:
                           type: string
+                  - in: query
+                    name: dynamic-query-params5
+                    explode: false
+                    required: false
+                    schema:
+                      type: object
+                      properties:
+                        propertyOne:
+                          type: string
+                          enum:
+                            - VALUE-1
+                            - VALUE-2
+                          default: VALUE-2
+                        propertyTwo:
+                          type: string
+                          enum:
+                            - FLAG-1
+                            - FLAG-2
+                          default: FLAG-1
                 responses:
                   '200':
                     description: successful operation
@@ -187,6 +206,28 @@ paths:
                     type: string
                 additionalProperties:
                   type: string
+        - in: query
+          name: dynamic-query-params5
+          description: >
+            Example generation works for non-exloded objects:<br />
+            `propertyOne=VALUE-1&property2=FLAG-1`
+          explode: false
+          required: false
+          schema:
+            type: object
+            properties:
+              propertyOne:
+                type: string
+                enum:
+                  - VALUE-1
+                  - VALUE-2
+                default: VALUE-2
+              propertyTwo:
+                type: string
+                enum:
+                  - FLAG-1
+                  - FLAG-2
+                default: FLAG-1
       responses:
         '200':
           description: successful operation

package/docs/specs/multipart-formdata.yaml

@@ -11,6 +11,8 @@ paths:
           multipart/form-data:
             schema:
               type: object
+              required:
+                - agePart
               properties:
                 photoPart:
                   type: string
@@ -27,6 +29,7 @@ paths:
                 agePart:
                   type: integer
                   default: 21
+                  deprecated: true
                   description: 'Age of the person'
                 contactPart:
                   type: object

package/docs/specs/server.yaml

@@ -1,7 +1,7 @@
 openapi: 3.0.2
 info:
   version: '1.0'
-  title: Server Variables
+  title: API Server templating using variables
   description: >
     Various ways to define API servers in the spec including variables
 
@@ -84,10 +84,10 @@ servers:
           - v1
           - v2
 paths:
-  /server-variables:
+  /api-server-template:
     get:
-      summary: Server Variable.
-      discription: Computed server url should be shown against `API SERVER`.
+      summary: Dynamic API Server.
+      description: Uses API server template string and variables which can be used to generatea a desired API server url -  The selected and computed API Server URL should be shown against `API SERVER`.
       responses:
         '200':
           description: successful operation

package/index.html

@@ -37,7 +37,9 @@
   schema-style="tree"
   show-components = "true"
   show-info = "true"
-  show-header = "false"
+  show-header = "true"
+  allow-spec-url-load="false"
+  allow-spec-file-load="false"
   allow-search = "true"
   allow-advanced-search = "false"
   allow-server-selection = "false"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rapidoc",
-  "version": "9.1.2",
+  "version": "9.1.3",
   "description": "RapiDoc - Open API spec viewer with built in console",
   "author": "Mrinmoy Majumdar <mrin9@yahoo.com>",
   "repository": {
@@ -64,12 +64,12 @@
     "filemanager-webpack-plugin": "^6.1.7",
     "html-webpack-plugin": "^5.3.2",
     "inspectpack": "^4.7.1",
-    "style-loader": "^3.2.1",
+    "style-loader": "^3.3.0",
     "terser-webpack-plugin": "^5.2.4",
-    "webpack": "^5.53.0",
+    "webpack": "^5.54.0",
     "webpack-bundle-analyzer": "^4.4.2",
     "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.2.1"
+    "webpack-dev-server": "^4.3.0"
   },
   "engines": {
     "node": ">=10.21.0"

package/src/components/api-request.js

@@ -102,6 +102,9 @@ export default class ApiRequest extends LitElement {
           color: var(--fg); 
           font-family: var(--font-mono);
         }
+        .param-name.deprecated { 
+          text-decoration: line-through;
+        }
         .param-type{
           color: var(--light-fg); 
           font-family: var(--font-regular);
@@ -308,7 +311,7 @@ export default class ApiRequest extends LitElement {
           '',
           '',
           declaredParamSchema,
-          serializeStyle,
+          serializeStyle || 'json',
           true,
           true,
           'text',
@@ -581,9 +584,7 @@ export default class ApiRequest extends LitElement {
                     data-example-format = "${v.exampleFormat}"
                     style="width:100%; resize:vertical;"
                     .textContent = "${this.fillRequestFieldsWithExample === 'true' ? (v.exampleFormat === 'text' ? v.exampleValue : JSON.stringify(v.exampleValue, null, 2)) : ''}"
-                  >
-                  </textarea>
-
+                  ></textarea>
                 </div>  
               `)}
 
@@ -766,11 +767,8 @@ export default class ApiRequest extends LitElement {
         formDataTableRows.push(html`
         <tr> 
           <td style="width:${labelColWidth}; min-width:100px;">
-            <div class="param-name">
-              ${fieldSchema.required
-                ? html`<span style='color:var(--red);'>*</span>${fieldName}`
-                : html`${fieldName}`
-              }
+            <div class="param-name ${fieldSchema.deprecated ? 'deprecated' : ''}">
+              ${fieldName}${(schema.required?.includes(fieldName) || fieldSchema.required) ? html`<span style='color:var(--red);'>*</span>` : ''}
             </div>
             <div class="param-type">${paramSchema.type}</div>
           </td>  
@@ -935,8 +933,7 @@ export default class ApiRequest extends LitElement {
               <pre style="white-space:pre; max-height:400px; overflow:auto">${responseFormat
                 ? html`<code>${unsafeHTML(Prism.highlight(this.responseText, Prism.languages[responseFormat], responseFormat))}</code>`
                 : `${this.responseText}`
-              }
-              </pre>
+              }</pre>
             </div>`
         }
         <div class="tab-content col m-markdown" style="flex:1;display:${this.activeResponseTab === 'headers' ? 'flex' : 'none'};" >
@@ -1057,7 +1054,6 @@ export default class ApiRequest extends LitElement {
     fetchUrl = this.path;
     const fetchOptions = {
       method: this.method.toUpperCase(),
-      headers: {},
     };
     // Generate URL using Path Params
     pathParamEls.map((el) => {
@@ -1154,13 +1150,13 @@ export default class ApiRequest extends LitElement {
       curlUrl = fetchUrl;
     }
     curl = `curl -X ${this.method.toUpperCase()} "${curlUrl}" \\\n`;
-
+    const reqHeaders = new Headers();
     if (acceptHeader) {
       // Uses the acceptHeader from Response panel
-      fetchOptions.headers.Accept = acceptHeader;
+      reqHeaders.append('Accept', acceptHeader);
       curlHeaders += ` -H "Accept: ${acceptHeader}" \\\n`;
     } else if (this.accept) {
-      fetchOptions.headers.Accept = this.accept;
+      reqHeaders.append('Accept', this.accept);
       curlHeaders += ` -H "Accept: ${this.accept}" \\\n`;
     }
 
@@ -1168,14 +1164,14 @@ export default class ApiRequest extends LitElement {
     this.api_keys
       .filter((v) => (v.in === 'header'))
       .forEach((v) => {
-        fetchOptions.headers[v.name] = v.finalKeyValue;
+        reqHeaders.append(v.name, v.finalKeyValue);
         curlHeaders += ` -H "${v.name}: ${v.finalKeyValue}" \\\n`;
       });
 
     // Add Header Params
     headerParamEls.map((el) => {
       if (el.value) {
-        fetchOptions.headers[el.dataset.pname] = el.value;
+        reqHeaders.append(el.dataset.pname, el.value);
         curlHeaders += ` -H "${el.dataset.pname}: ${el.value}" \\\n`;
       }
     });
@@ -1257,18 +1253,22 @@ export default class ApiRequest extends LitElement {
         const exampleTextAreaEl = requestPanelEl.querySelector('.request-body-param-user-input');
         if (exampleTextAreaEl?.value) {
           fetchOptions.body = exampleTextAreaEl.value;
-          // curlData = ` -d ${JSON.stringify(exampleTextAreaEl.value.replace(/(\r\n|\n|\r)/gm, '')).replace(/\\"/g, "'")} \\ \n`;
-          try {
-            curlData = ` -d '${JSON.stringify(JSON.parse(exampleTextAreaEl.value))}' \\\n`;
-          } catch (err) {
-            curlData = ` -d '${exampleTextAreaEl.value.replace(/(\r\n|\n|\r)/gm, '')}' \\\n`;
+          if (requestBodyType.includes('json')) {
+            try {
+              curlData = ` -d '${JSON.stringify(JSON.parse(exampleTextAreaEl.value))}' \\\n`;
+            } catch (err) {
+              // Ignore.
+            }
+          }
+          if (!curlData) {
+            curlData = ` -d '${exampleTextAreaEl.value.replace(/'/g, '\'"\'"\'')}' \\\n`;
           }
         }
       }
       // Common for all request-body
       if (!requestBodyType.includes('form-data')) {
         // For multipart/form-data dont set the content-type to allow creation of browser generated part boundaries
-        fetchOptions.headers['Content-Type'] = requestBodyType;
+        reqHeaders.append('Content-Type', requestBodyType);
       }
       curlHeaders += ` -H "Content-Type: ${requestBodyType}" \\\n`;
     }
@@ -1287,6 +1287,7 @@ export default class ApiRequest extends LitElement {
     if (this.fetchCredentials) {
       fetchOptions.credentials = this.fetchCredentials;
     }
+    fetchOptions.headers = reqHeaders;
     const fetchRequest = new Request(fetchUrl, fetchOptions);
     this.dispatchEvent(new CustomEvent('before-try', {
       bubbles: true,

package/src/components/json-tree.js

@@ -99,7 +99,7 @@ export default class JsonTree extends LitElement {
       <div class="inside-bracket">
         ${Object.keys(data).map((key, i, a) => html`
           <div class="item"> 
-            ${detailType === 'pure_object' ? html`${key}:` : ''}
+            ${detailType === 'pure_object' ? html`"${key}":` : ''}
             ${this.generateTree(data[key], i === (a.length - 1))}
           </div>`)
         }

package/src/json-schema-viewer.js

@@ -55,6 +55,7 @@ export default class JsonSchemaViewer extends LitElement {
       // Allow or restrict features
       allowSpecUrlLoad: { type: String, attribute: 'allow-spec-url-load' },
       allowSpecFileLoad: { type: String, attribute: 'allow-spec-file-load' },
+      allowSpecFileDownload: { type: String, attribute: 'allow-spec-file-download' },
       allowSearch: { type: String, attribute: 'allow-search' },
 
       // Main Colors and Font

package/src/rapidoc.js

@@ -88,6 +88,7 @@ export default class RapiDoc extends LitElement {
       allowTry: { type: String, attribute: 'allow-try' },
       allowSpecUrlLoad: { type: String, attribute: 'allow-spec-url-load' },
       allowSpecFileLoad: { type: String, attribute: 'allow-spec-file-load' },
+      allowSpecFileDownload: { type: String, attribute: 'allow-spec-file-download' },
       allowSearch: { type: String, attribute: 'allow-search' },
       allowAdvancedSearch: { type: String, attribute: 'allow-advanced-search' },
       allowServerSelection: { type: String, attribute: 'allow-server-selection' },

package/src/templates/overview-template.js

@@ -47,7 +47,7 @@ export default function overviewTemplate() {
               ? html`<span><a href="${this.resolvedSpec.info.termsOfService}" part="anchor anchor-overview">Terms of Service</a></span>`
               : ''
             }
-            ${this.specUrl
+            ${this.specUrl && this.allowSpecFileDownload === 'true'
               ? html`
                 <div style="display:flex; margin:12px 0; gap:8px; justify-content: start;">
                   <button class="m-btn thin-border" style="width:170px" part="btn btn-outline" @click='${(e) => { downloadResource(this.specUrl, 'openapi-spec', e); }}'>Download OpenAPI spec</button>

package/src/templates/security-scheme-template.js

@@ -1,3 +1,4 @@
+/* eslint-disable arrow-body-style */
 import { html } from 'lit-element';
 import { unsafeHTML } from 'lit-html/directives/unsafe-html';
 import marked from 'marked';
@@ -449,19 +450,18 @@ export function pathSecurityTemplate(pathSecurity) {
     pathSecurity.forEach((pSecurity) => {
       const andSecurityKeys1 = [];
       const andKeyTypes = [];
-      let pathScopes = '';
       Object.keys(pSecurity).forEach((pathSecurityKey) => {
+        let pathScopes = '';
         const s = this.resolvedSpec.securitySchemes.find((ss) => ss.securitySchemeId === pathSecurityKey);
-        if (!pathScopes && Array.isArray(pSecurity[pathSecurityKey])) {
+        if (pSecurity[pathSecurityKey] && Array.isArray(pSecurity[pathSecurityKey])) {
           pathScopes = pSecurity[pathSecurityKey].join(', ');
         }
         if (s) {
           andKeyTypes.push(s.typeDisplay);
-          andSecurityKeys1.push(s);
+          andSecurityKeys1.push({ ...s, ...({ scopes: pathScopes }) });
         }
       });
       orSecurityKeys1.push({
-        pathScopes,
         securityTypes: andKeyTypes.length > 1 ? `${andKeyTypes[0]} + ${andKeyTypes.length - 1} more` : andKeyTypes[0],
         securityDefs: andSecurityKeys1,
       });
@@ -485,7 +485,20 @@ export function pathSecurityTemplate(pathSecurity) {
                 <div class="tooltip-text" style="position:absolute; color: var(--fg); top:26px; right:0; border:1px solid var(--border-color);padding:2px 4px; display:block;">
                   ${orSecurityItem1.securityDefs.length > 1 ? html`<div>Requires <b>all</b> of the following </div>` : ''}
                   <div style="padding-left: 8px">
-                    ${orSecurityItem1.securityDefs.map((andSecurityItem, j) => html`
+                    ${orSecurityItem1.securityDefs.map((andSecurityItem, j) => {
+                      const scopeHtml = html`${andSecurityItem.scopes !== ''
+                        ? html`
+                          <div>
+                            <b>Required scopes:</b> 
+                            <br/> 
+                            <div style="margin-left:8px">  
+                              ${andSecurityItem.scopes.split(',').map((scope, cnt) => html`${cnt === 0 ? '' : '┃'}<span>${scope}</span>`)}
+                            </div>  
+                          </div>`
+                        : ''
+                      }`;
+
+                      return html`
                       ${andSecurityItem.type === 'oauth2'
                         ? html`
                           <div>
@@ -494,31 +507,23 @@ export function pathSecurityTemplate(pathSecurity) {
                               : 'Needs'
                             }
                             OAuth Token <span style="font-family:var(--font-mono); color:var(--primary-color);">${andSecurityItem.securitySchemeId}</span> in <b>Authorization header</b>
-                            ${orSecurityItem1.pathScopes !== ''
-                              ? html`
-                                <div>
-                                  <b>Required scopes:</b> 
-                                  <br/> 
-                                  <div style="margin-left:8px">  
-                                    ${orSecurityItem1.pathScopes.split(',').map((scope, cnt) => html`${cnt === 0 ? '' : '┃'}<span>${scope}</span>`)}
-                                  </div>  
-                                </div>`
-                              : ''
-                            }
+                            ${scopeHtml}
                           </div>`
                         : andSecurityItem.type === 'http'
                           ? html`
                             <div>
                               ${orSecurityItem1.securityDefs.length > 1 ? html`<b>${j + 1}.</b> &nbsp;` : html`Requires`} 
                               ${andSecurityItem.scheme === 'basic' ? 'Base 64 encoded username:password' : 'Bearer Token'} in <b>Authorization header</b>
+                              ${scopeHtml}
                             </div>`
                           : html`
                             <div>
                               ${orSecurityItem1.securityDefs.length > 1 ? html`<b>${j + 1}.</b> &nbsp;` : html`Requires`} 
                               Token in <b>${andSecurityItem.name} ${andSecurityItem.in}</b>
+                              ${scopeHtml}
                             </div>`
-                      }
-                    `)}
+                      }`;
+                    })}
                   </div>  
                 </div>
               </div>

package/src/utils/schema-utils.js

@@ -661,7 +661,7 @@ export function generateExample(examples = '', example = '', schema, mimeType, i
     for (const eg in examples) {
       let egContent = '';
       let egFormat = 'json';
-      if (mimeType.toLowerCase().includes('json')) {
+      if (mimeType?.toLowerCase().includes('json')) {
         if (outputType === 'text') {
           egContent = typeof examples[eg].value === 'string' ? examples[eg].value : JSON.stringify(examples[eg].value, undefined, 2);
           egFormat = 'text';
@@ -695,7 +695,7 @@ export function generateExample(examples = '', example = '', schema, mimeType, i
   } else if (example) {
     let egContent = '';
     let egFormat = 'json';
-    if (mimeType.toLowerCase().includes('json')) {
+    if (mimeType?.toLowerCase().includes('json')) {
       if (outputType === 'text') {
         egContent = typeof example === 'string' ? example : JSON.stringify(example, undefined, 2);
         egFormat = 'text';
@@ -734,14 +734,14 @@ export function generateExample(examples = '', example = '', schema, mimeType, i
           exampleDescription: '',
           exampleType: mimeType,
           exampleValue: schema.example,
-          exampleFormat: ((mimeType.toLowerCase().includes('json') && typeof schema.example === 'object') ? 'json' : 'text'),
+          exampleFormat: ((mimeType?.toLowerCase().includes('json') && typeof schema.example === 'object') ? 'json' : 'text'),
         });
-      } else if (mimeType.toLowerCase().includes('json') || mimeType.toLowerCase().includes('text') || mimeType.toLowerCase().includes('*/*') || mimeType.toLowerCase().includes('xml')) {
+      } else if (mimeType?.toLowerCase().includes('json') || mimeType?.toLowerCase().includes('text') || mimeType?.toLowerCase().includes('*/*') || mimeType?.toLowerCase().includes('xml')) {
         let xmlRootStart = '';
         let xmlRootEnd = '';
         let exampleFormat = '';
         let exampleValue = '';
-        if (mimeType.toLowerCase().includes('xml')) {
+        if (mimeType?.toLowerCase().includes('xml')) {
           xmlRootStart = (schema.xml && schema.xml.name) ? `<${schema.xml.name}>` : '<root>';
           xmlRootEnd = (schema.xml && schema.xml.name) ? `</${schema.xml.name}>` : '</root>';
           exampleFormat = 'text';
@@ -767,7 +767,7 @@ export function generateExample(examples = '', example = '', schema, mimeType, i
           const description = samples[samplesKey]['::DESCRIPTION'] || '';
           removeTitlesAndDescriptions(samples[samplesKey]);
 
-          if (mimeType.toLowerCase().includes('xml')) {
+          if (mimeType?.toLowerCase().includes('xml')) {
             exampleValue = `${xmlRootStart}${json2xml(samples[samplesKey])}\n${xmlRootEnd}`;
           } else {
             exampleValue = outputType === 'text' ? JSON.stringify(samples[samplesKey], null, 2) : samples[samplesKey];
@@ -819,7 +819,7 @@ function getSerializeStyleForContentType(contentType) {
 
 export function getSchemaFromParam(param) {
   if (param.schema) {
-    return [param.schema, null];
+    return [param.schema, null, null];
   }
   if (param.content) {
     // we gonna use the first content-encoding
@@ -829,5 +829,5 @@ export function getSchemaFromParam(param) {
       }
     }
   }
-  return [null, null];
+  return [null, null, null];
 }

package/src/utils/spec-parser.js

@@ -331,6 +331,14 @@ function groupByTags(openApiSpec, generateMissingTags = false, sortTags = false,
             finalParameters = pathOrHookObj.parameters ? pathOrHookObj.parameters.slice(0) : [];
           }
 
+          // Filter callbacks to contain only objects.
+          if (pathOrHookObj.callbacks) {
+            for (const [callbackName, callbackConfig] of Object.entries(pathOrHookObj.callbacks)) {
+              const filteredCallbacks = Object.entries(callbackConfig).filter((entry) => typeof entry[1] === 'object') || [];
+              pathOrHookObj.callbacks[callbackName] = Object.fromEntries(filteredCallbacks);
+            }
+          }
+
           // Update Responses
           tagObj.paths.push({
             show: true,

package/webpack.config.js

@@ -49,18 +49,6 @@ const commonPlugins = [
       },
     },
   }),
-  /*
-  new ESLintPlugin({
-    emitError: true,
-    emitWarning: true,
-    formatter: 'stylish',
-    overrideConfigFile: path.resolve(__dirname, '.eslintrc'),
-    outputReport: {
-      filePath: './eslint_report.html',
-      formatter: 'html',
-    },
-  }),
-  */
 ];
 
 if (process.env.NODE_ENV === 'production') {