From 957918ef510ed4e80f8997e21c6a58ee40ac6518 Mon Sep 17 00:00:00 2001
From: Enzo Notario <enzo.notario@gmail.com>
Date: Sun, 29 Sep 2024 11:28:43 -0300
Subject: [PATCH] chore(repo): add lint action (#64)

* chore(repo): add lint action

* chore: eslint

* chore: release v0.0.3-alpha.33
---
 .github/workflows/lint.yml                    |  24 +++
 eslint.config.js                              |   5 +-
 package.json                                  |   2 +-
 src/components/Common/OAFooter.vue            |   4 +-
 src/components/Common/OAHeading.vue           |   2 +
 src/components/Common/OAOperation.vue         |   2 +-
 .../Playground/OAPlaygroundResponse.vue       |   2 +-
 src/components/Sample/OACodeSamples.vue       |   2 +-
 .../Schema/OASchemaPropertyAttributes.vue     |   8 +-
 src/components/Try/OATryItButton.vue          |   3 +-
 src/env.d.ts                                  |   2 +-
 src/json.css                                  | 164 +++++++++---------
 src/lib/OpenApi.ts                            |  14 +-
 src/lib/fetchToCurl.ts                        |   2 +-
 14 files changed, 138 insertions(+), 98 deletions(-)
 create mode 100644 .github/workflows/lint.yml

diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
new file mode 100644
index 00000000..e7ab4ba3
--- /dev/null
+++ b/.github/workflows/lint.yml
@@ -0,0 +1,24 @@
+on:
+  push:
+    branches:
+      - main
+
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - run: pnpm install
+
+      - name: Lint
+        run: pnpm run lint
diff --git a/eslint.config.js b/eslint.config.js
index 3bf8ff3c..99557930 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -7,7 +7,10 @@ export default antfu(
     formatters: true,
     lessOpinionated: true,
     rules: {
-      'brace-style': ['error', '1tbs', { allowSingleLine: false }],
+      'style/brace-style': 'off',
+    },
+    stylistic: {
+      'style/brace-style': ['error', '1tbs', { allowSingleLine: true }],
     },
   },
 )
diff --git a/package.json b/package.json
index 526570da..56e5ec0c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vitepress-theme-openapi",
   "type": "module",
-  "version": "0.0.3-alpha.32",
+  "version": "0.0.3-alpha.33",
   "packageManager": "pnpm@9.1.1",
   "homepage": "https://vitepress-theme-openapi.vercel.app/",
   "repository": {
diff --git a/src/components/Common/OAFooter.vue b/src/components/Common/OAFooter.vue
index 5aa699fc..6d47a96e 100644
--- a/src/components/Common/OAFooter.vue
+++ b/src/components/Common/OAFooter.vue
@@ -7,6 +7,8 @@
       href="https://github.com/enzonotario/vitepress-theme-openapi"
       target="_blank"
       class="text-blue-700 dark:text-blue-300"
-    >VitePress Theme OpenAPI</a>
+    >
+      VitePress Theme OpenAPI
+    </a>
   </span>
 </template>
diff --git a/src/components/Common/OAHeading.vue b/src/components/Common/OAHeading.vue
index 879ab4df..9b3efdac 100644
--- a/src/components/Common/OAHeading.vue
+++ b/src/components/Common/OAHeading.vue
@@ -32,6 +32,8 @@ function getSlotChildrenText(children) {
     } else if (node.children.default) {
       return getSlotChildrenText(node.children.default())
     }
+
+    return ''
   }).join('')
 }
 
diff --git a/src/components/Common/OAOperation.vue b/src/components/Common/OAOperation.vue
index 9a60b362..c325a6bd 100644
--- a/src/components/Common/OAOperation.vue
+++ b/src/components/Common/OAOperation.vue
@@ -320,7 +320,7 @@ function hasSlot(name) {
       v-else-if="!hideDefaultFooter"
       #footer="footer"
     >
-      <OAFooter />
+      <OAFooter v-bind="footer" />
     </template>
   </OAPath>
 </template>
diff --git a/src/components/Playground/OAPlaygroundResponse.vue b/src/components/Playground/OAPlaygroundResponse.vue
index cecb071e..a8aab713 100644
--- a/src/components/Playground/OAPlaygroundResponse.vue
+++ b/src/components/Playground/OAPlaygroundResponse.vue
@@ -73,7 +73,7 @@ const url = computed(() => {
   if (isAudio) {
     try {
       return window.URL ? URL.createObjectURL(response.body) : ''
-    } catch (error) {}
+    } catch { }
   }
 
   return ''
diff --git a/src/components/Sample/OACodeSamples.vue b/src/components/Sample/OACodeSamples.vue
index e6ed13a5..6999e6de 100644
--- a/src/components/Sample/OACodeSamples.vue
+++ b/src/components/Sample/OACodeSamples.vue
@@ -32,7 +32,7 @@ const samples = generateCodeSamples(url, props.method)
 <template>
   <div class="vp-code-group vp-adaptive-theme">
     <div class="tabs">
-      <template v-for="(sample, key) in samples">
+      <template v-for="(sample, key) in samples" :key="key">
         <input
           :id="`tab-${props.operationId}-${key}`"
           type="radio"
diff --git a/src/components/Schema/OASchemaPropertyAttributes.vue b/src/components/Schema/OASchemaPropertyAttributes.vue
index cb703e62..25b254c5 100644
--- a/src/components/Schema/OASchemaPropertyAttributes.vue
+++ b/src/components/Schema/OASchemaPropertyAttributes.vue
@@ -13,8 +13,8 @@ const keysToIgnore = ['type', 'description', 'properties', 'required', 'items',
 
 <template>
   <div
-    v-for="(key, idx) in Object.keys(props.property).filter(k => !keysToIgnore.includes(k))"
-    :key="idx"
+    v-for="(key, propertyIdx) in Object.keys(props.property).filter(k => !keysToIgnore.includes(k))"
+    :key="propertyIdx"
     class="flex flex-row flex-wrap items-center gap-2"
   >
     <span class="text-xs text-gray-600 dark:text-gray-300">
@@ -23,8 +23,8 @@ const keysToIgnore = ['type', 'description', 'properties', 'required', 'items',
 
     <template v-if="Array.isArray(props.property[key])">
       <code
-        v-for="(value, idx) in props.property[key]"
-        :key="idx"
+        v-for="(value, attributeIdx) in props.property[key]"
+        :key="attributeIdx"
         class="!text-xs"
       >
         {{ value }}
diff --git a/src/components/Try/OATryItButton.vue b/src/components/Try/OATryItButton.vue
index fc1b0cbc..bb9422e2 100644
--- a/src/components/Try/OATryItButton.vue
+++ b/src/components/Try/OATryItButton.vue
@@ -114,8 +114,7 @@ function trackTryIt() {
       event_category: 'api',
       event_label: props.operationId,
     })
-  }
- catch (error) { }
+  } catch { }
 }
 
 function setLoading(value) {
diff --git a/src/env.d.ts b/src/env.d.ts
index ed9dac3a..272a0ab0 100644
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -2,7 +2,7 @@
 
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-empty-object-type
+  // eslint-disable-next-line ts/no-empty-object-type
   const component: DefineComponent<{}, {}, any>
   export default component
 }
diff --git a/src/json.css b/src/json.css
index f7dcb59b..6bd3b968 100644
--- a/src/json.css
+++ b/src/json.css
@@ -81,7 +81,8 @@
   --jse-theme: light;
 
   /* Over all fonts, sizes, and colors */
-  --jse-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+  --jse-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
+    'Helvetica Neue', sans-serif;
   --jse-font-family-mono: consolas, menlo, monaco, 'Ubuntu Mono', 'source-code-pro', monospace;
   --jse-font-size-mono: 14px;
   --jse-theme-color: var(--vp-c-bg-alt);
@@ -158,86 +159,87 @@
 }
 
 .oa-jse-theme-dark {
-    --jse-theme: dark;
-
-    /* Over all fonts, sizes, and colors */
-    --jse-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
-    --jse-font-family-mono: consolas, menlo, monaco, 'Ubuntu Mono', 'source-code-pro', monospace;
-    --jse-font-size-mono: 14px;
-    --jse-theme-color: var(--vp-c-bg-alt);
-    --jse-theme-color-highlight: var(--vp-c-bg);
-    --jse-background-color: var(--vp-code-block-bg);
-    --jse-text-color: var(--vp-c-text-1);
-    --jse-text-color-inverse: var(--vp-c-neutral-inverse);
-    --jse-text-readonly: var(--vp-c-text-3);
-    --jse-error-color: var(--vp-c-danger-1);
-    --jse-warning-color: var(--vp-c-warning-1);
-    --jse-info-color: var(--vp-c-brand-1);
-
-    /* Main, menu, modal */
-    --jse-main-border: 0 solid var(--vp-c-border);
-    --jse-menu-color: var(--vp-c-text-3);
-    --jse-modal-background: var(--vp-c-bg-alt);
-    --jse-modal-overlay-background: rgba(0, 0, 0, 0.3);
-    --jse-modal-code-background: var(--vp-c-bg-soft);
-
-    /* Tooltip in text mode */
-    --jse-tooltip-color: var(--vp-c-text-1);
-    --jse-tooltip-background: var(--vp-c-bg-alt);
-    --jse-tooltip-border: 1px solid var(--vp-c-border);
-    --jse-tooltip-action-button-color: var(--vp-c-neutral-inverse);
-    --jse-tooltip-action-button-background: var(--vp-c-text-1);
-
-    /* Panels: navigation bar, gutter, search box */
-    --jse-panel-background: var(--vp-c-bg-alt);
-    --jse-panel-color: var(--vp-c-text-1);
-    --jse-panel-color-readonly: var(--vp-c-text-3);
-    --jse-panel-border: 1px solid var(--vp-c-border);
-    --jse-panel-button-color-highlight: var(--vp-c-text-1);
-    --jse-panel-button-background-highlight: var(--vp-c-bg-soft);
-
-    /* Navigation bar */
-    --jse-navigation-bar-background: var(--vp-c-bg);
-    --jse-navigation-bar-background-highlight: var(--vp-c-bg-alt);
-    --jse-navigation-bar-dropdown-color: var(--vp-c-text-1);
-
-    /* Context menu */
-    --jse-context-menu-background: var(--vp-c-bg-alt);
-    --jse-context-menu-background-highlight: var(--vp-c-bg-soft);
-    --jse-context-menu-color: var(--vp-c-text-1);
-    --jse-context-menu-separator-color: var(--vp-c-border);
-    --jse-context-menu-pointer-background: var(--vp-c-bg-alt);
-    --jse-context-menu-pointer-background-highlight: var(--vp-c-bg-soft);
-    --jse-context-menu-pointer-color: var(--vp-c-text-1);
-
-    /* Contents: JSON key and values */
-    --jse-key-color: var(--vjs-key-color);
-    --jse-value-color: var(--vjs-value-string-color);
-    --jse-value-color-number: var(--vjs-value-number-color);
-    --jse-value-color-boolean: var(--vjs-value-boolean-color);
-    --jse-value-color-null: var(--vjs-value-null-color);
-    --jse-value-color-string: var(--vjs-value-string-color);
-    --jse-value-color-url: var(--vjs-value-string-color);
-    --jse-delimiter-color: var(--vjs-caret-color);
-    --jse-edit-outline: 2px solid var(--vjs-border-color);
-
-    /* Selected or hovered */
-    --jse-selection-background-color: var(--vjs-hover-background-color);
-    --jse-hover-background-color: var(--vjs-hover-background-color);
-
-    /* Controls in modals: inputs, buttons, and `a` */
-    --jse-input-background: var(--vp-c-bg);
-    --jse-input-color: var(--vp-c-text-1);
-    --jse-input-border: 1px solid var(--vp-c-border);
-    --jse-button-background: var(--vp-c-default-3);
-    --jse-button-primary-background: var(--vp-c-brand-3);
-    --jse-button-primary-color: var(--vp-c-white);
-    --jse-button-secondary-background: var(--vp-c-default-3);
-    --jse-a-color: var(--vp-c-brand-1);
-    --jse-a-color-highlight: var(--vp-c-brand-2);
-  }
-
-.oa-jse .jse-main   {
+  --jse-theme: dark;
+
+  /* Over all fonts, sizes, and colors */
+  --jse-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
+    'Helvetica Neue', sans-serif;
+  --jse-font-family-mono: consolas, menlo, monaco, 'Ubuntu Mono', 'source-code-pro', monospace;
+  --jse-font-size-mono: 14px;
+  --jse-theme-color: var(--vp-c-bg-alt);
+  --jse-theme-color-highlight: var(--vp-c-bg);
+  --jse-background-color: var(--vp-code-block-bg);
+  --jse-text-color: var(--vp-c-text-1);
+  --jse-text-color-inverse: var(--vp-c-neutral-inverse);
+  --jse-text-readonly: var(--vp-c-text-3);
+  --jse-error-color: var(--vp-c-danger-1);
+  --jse-warning-color: var(--vp-c-warning-1);
+  --jse-info-color: var(--vp-c-brand-1);
+
+  /* Main, menu, modal */
+  --jse-main-border: 0 solid var(--vp-c-border);
+  --jse-menu-color: var(--vp-c-text-3);
+  --jse-modal-background: var(--vp-c-bg-alt);
+  --jse-modal-overlay-background: rgba(0, 0, 0, 0.3);
+  --jse-modal-code-background: var(--vp-c-bg-soft);
+
+  /* Tooltip in text mode */
+  --jse-tooltip-color: var(--vp-c-text-1);
+  --jse-tooltip-background: var(--vp-c-bg-alt);
+  --jse-tooltip-border: 1px solid var(--vp-c-border);
+  --jse-tooltip-action-button-color: var(--vp-c-neutral-inverse);
+  --jse-tooltip-action-button-background: var(--vp-c-text-1);
+
+  /* Panels: navigation bar, gutter, search box */
+  --jse-panel-background: var(--vp-c-bg-alt);
+  --jse-panel-color: var(--vp-c-text-1);
+  --jse-panel-color-readonly: var(--vp-c-text-3);
+  --jse-panel-border: 1px solid var(--vp-c-border);
+  --jse-panel-button-color-highlight: var(--vp-c-text-1);
+  --jse-panel-button-background-highlight: var(--vp-c-bg-soft);
+
+  /* Navigation bar */
+  --jse-navigation-bar-background: var(--vp-c-bg);
+  --jse-navigation-bar-background-highlight: var(--vp-c-bg-alt);
+  --jse-navigation-bar-dropdown-color: var(--vp-c-text-1);
+
+  /* Context menu */
+  --jse-context-menu-background: var(--vp-c-bg-alt);
+  --jse-context-menu-background-highlight: var(--vp-c-bg-soft);
+  --jse-context-menu-color: var(--vp-c-text-1);
+  --jse-context-menu-separator-color: var(--vp-c-border);
+  --jse-context-menu-pointer-background: var(--vp-c-bg-alt);
+  --jse-context-menu-pointer-background-highlight: var(--vp-c-bg-soft);
+  --jse-context-menu-pointer-color: var(--vp-c-text-1);
+
+  /* Contents: JSON key and values */
+  --jse-key-color: var(--vjs-key-color);
+  --jse-value-color: var(--vjs-value-string-color);
+  --jse-value-color-number: var(--vjs-value-number-color);
+  --jse-value-color-boolean: var(--vjs-value-boolean-color);
+  --jse-value-color-null: var(--vjs-value-null-color);
+  --jse-value-color-string: var(--vjs-value-string-color);
+  --jse-value-color-url: var(--vjs-value-string-color);
+  --jse-delimiter-color: var(--vjs-caret-color);
+  --jse-edit-outline: 2px solid var(--vjs-border-color);
+
+  /* Selected or hovered */
+  --jse-selection-background-color: var(--vjs-hover-background-color);
+  --jse-hover-background-color: var(--vjs-hover-background-color);
+
+  /* Controls in modals: inputs, buttons, and `a` */
+  --jse-input-background: var(--vp-c-bg);
+  --jse-input-color: var(--vp-c-text-1);
+  --jse-input-border: 1px solid var(--vp-c-border);
+  --jse-button-background: var(--vp-c-default-3);
+  --jse-button-primary-background: var(--vp-c-brand-3);
+  --jse-button-primary-color: var(--vp-c-white);
+  --jse-button-secondary-background: var(--vp-c-default-3);
+  --jse-a-color: var(--vp-c-brand-1);
+  --jse-a-color-highlight: var(--vp-c-brand-2);
+}
+
+.oa-jse .jse-main {
   @apply rounded p-2;
   background-color: var(--vp-code-block-bg);
 }
diff --git a/src/lib/OpenApi.ts b/src/lib/OpenApi.ts
index 1a39071e..76ca4f19 100644
--- a/src/lib/OpenApi.ts
+++ b/src/lib/OpenApi.ts
@@ -53,7 +53,12 @@ export function OpenApi({ spec }: { spec: any } = { spec: null }) {
         if (pathServers && pathServers.length > 0) {
           try {
             const firstUrl = pathServers[0].url
-            new URL(firstUrl)
+
+            const isValid = new URL(firstUrl)
+            if (!isValid) {
+              throw new Error('Invalid URL')
+            }
+
             return firstUrl
           } catch {
             console.warn('Invalid server URL in path servers:', pathServers)
@@ -69,7 +74,10 @@ export function OpenApi({ spec }: { spec: any } = { spec: null }) {
     try {
       const firstUrl = spec.servers[0].url
 
-      new URL(firstUrl)
+      const isValid = new URL(firstUrl)
+      if (!isValid) {
+        throw new Error('Invalid URL')
+      }
 
       return firstUrl
     } catch {
@@ -136,7 +144,7 @@ export function OpenApi({ spec }: { spec: any } = { spec: null }) {
 
       Object.entries(securitySchemes)
         .filter(([key]) => operation.security.some(security => security[key]))
-        .map(([key, value]) => {
+        .forEach(([key, value]) => {
           output[key] = value
         })
 
diff --git a/src/lib/fetchToCurl.ts b/src/lib/fetchToCurl.ts
index e587afd4..84ed8164 100644
--- a/src/lib/fetchToCurl.ts
+++ b/src/lib/fetchToCurl.ts
@@ -64,7 +64,7 @@ export const generateHeadersArgument = (headers?: any): HeaderParams => {
       }
     })
   } else if (headers) {
-    Object.keys(headers).map((name) => {
+    Object.keys(headers).forEach((name) => {
       if (name.toLocaleLowerCase() !== 'content-length') {
         headerParam += `${getHeaderString(name, headers[name])} \\\n`
       }