refactor: check spelling (#2200)

Co-authored-by: Josh Soref <jsoref@users.noreply.github.com>

packages/hoppscotch-app/components/app/Fuse.vue

@@ -53,17 +53,17 @@ const searchResultsItems = computed(() =>
 
 const emitSearchAction = (action: HoppAction) => emit("action", action)
 
-const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
+const { bindArrowKeysListeners, unbindArrowKeysListeners, selectedEntry } =
   useArrowKeysNavigation(searchResultsItems, {
     onEnter: emitSearchAction,
     stopPropagation: true,
   })
 
 onMounted(() => {
-  bindArrowKeysListerners()
+  bindArrowKeysListeners()
 })
 
 onUnmounted(() => {
-  unbindArrowKeysListerners()
+  unbindArrowKeysListeners()
 })
 </script>

packages/hoppscotch-app/components/app/Header.vue

@@ -145,7 +145,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from "@nuxtjs/composition-api"
 import { useNetwork } from "@vueuse/core"
-import intializePwa from "~/helpers/pwa"
+import initializePwa from "~/helpers/pwa"
 import { probableUser$ } from "~/helpers/fb/auth"
 import { getLocalConfig, setLocalConfig } from "~/newstore/localpersistence"
 import {
@@ -181,7 +181,7 @@ defineActionHandler("modals.support.toggle", () => {
 onMounted(() => {
   // Initializes the PWA code - checks if the app is installed,
   // etc.
-  showInstallPrompt.value = intializePwa()
+  showInstallPrompt.value = initializePwa()
 
   const cookiesAllowed = getLocalConfig("cookiesAllowed") === "yes"
   if (!cookiesAllowed) {

packages/hoppscotch-app/components/app/PowerSearch.vue

@@ -107,7 +107,7 @@ const shortcutsItems = computed(() =>
   )
 )
 
-const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
+const { bindArrowKeysListeners, unbindArrowKeysListeners, selectedEntry } =
   useArrowKeysNavigation(shortcutsItems, {
     onEnter: runAction,
   })
@@ -115,8 +115,8 @@ const { bindArrowKeysListerners, unbindArrowKeysListerners, selectedEntry } =
 watch(
   () => props.show,
   (show) => {
-    if (show) bindArrowKeysListerners()
-    else unbindArrowKeysListerners()
+    if (show) bindArrowKeysListeners()
+    else unbindArrowKeysListeners()
   }
 )
 </script>

packages/hoppscotch-app/components/http/PreRequestScript.vue

@@ -31,7 +31,7 @@
     </div>
     <div class="flex flex-1 border-b border-dividerLight">
       <div class="w-2/3 border-r border-dividerLight">
-        <div ref="preRrequestEditor" class="h-full"></div>
+        <div ref="preRequestEditor" class="h-full"></div>
       </div>
       <div
         class="sticky h-full p-4 overflow-auto bg-primary top-upperTertiaryStickyFold min-w-46 max-w-1/3 z-9"
@@ -74,11 +74,11 @@ const t = useI18n()
 
 const preRequestScript = usePreRequestScript()
 
-const preRrequestEditor = ref<any | null>(null)
+const preRequestEditor = ref<any | null>(null)
 const linewrapEnabled = ref(true)
 
 useCodemirror(
-  preRrequestEditor,
+  preRequestEditor,
   preRequestScript,
   reactive({
     extendedEditorConfig: {

packages/hoppscotch-app/components/realtime/Log.vue

@@ -38,7 +38,7 @@ const props = defineProps({
 })
 
 const logsRef = ref<any | null>(null)
-const BOTTOM_SCROLL_DIST_INNACURACY = 5
+const BOTTOM_SCROLL_DIST_INACCURACY = 5
 
 watch(
   () => props.log,
@@ -48,7 +48,7 @@ watch(
       logsRef.value.scrollHeight -
       logsRef.value.scrollTop -
       logsRef.value.clientHeight
-    if (distToBottom < BOTTOM_SCROLL_DIST_INNACURACY) {
+    if (distToBottom < BOTTOM_SCROLL_DIST_INACCURACY) {
       nextTick(() => (logsRef.value.scrollTop = logsRef.value.scrollHeight))
     }
   }

packages/hoppscotch-app/components/smart/Intersection.vue

@@ -7,7 +7,7 @@
 <script lang="ts">
 /*
   Implements a wrapper listening to viewport intersections via
-  IntesectionObserver API
+  IntersectionObserver API
 
   Events
   ------

packages/hoppscotch-app/helpers/curl/curlparser.ts

@@ -383,7 +383,7 @@ function getQueries(
  * Joins dangling params to origin
  * @param origin origin value from the URL Object
  * @param params params without values
- * @returns origin string concatenated with dngling paramas
+ * @returns origin string concatenated with dangling paramas
  */
 function concatParams(urlObject: URL | undefined, params: string[]) {
   return pipe(

packages/hoppscotch-app/helpers/import-export/export/index.ts

@@ -3,12 +3,12 @@ import { HoppRESTRequest, HoppCollection } from "@hoppscotch/data"
 
 export type HoppExporter<T> = (content: T) => TE.TaskEither<string, string>
 
-export type HoppExporterDefintion<T> = {
+export type HoppExporterDefinition<T> = {
   name: string
   exporter: () => Promise<HoppExporter<T>>
 }
 
-export const RESTCollectionExporters: HoppExporterDefintion<
+export const RESTCollectionExporters: HoppExporterDefinition<
   HoppCollection<HoppRESTRequest>
 >[] = [
   {

packages/hoppscotch-app/helpers/import-export/import/index.ts

@@ -16,7 +16,7 @@ type HoppImporter<T, StepsType, Errors> = (
 /**
  * Definition for importers
  */
-type HoppImporterDefintion<T, Y, E> = {
+type HoppImporterDefinition<T, Y, E> = {
   /**
    * Name of the importer, shown on the Select Importer dropdown
    */
@@ -53,7 +53,7 @@ export const defineImporter = <ReturnType, StepType, Errors>(input: {
   applicableTo?: Array<"team-collections" | "my-collections">
   steps: StepType
 }) => {
-  return <HoppImporterDefintion<ReturnType, StepType, Errors>>{
+  return <HoppImporterDefinition<ReturnType, StepType, Errors>>{
     ...input,
   }
 }

packages/hoppscotch-app/helpers/powerSearchNavigation.ts

@@ -37,19 +37,19 @@ export function useArrowKeysNavigation(searchItems: any, options: any = {}) {
     handleArrowKeysNavigation(event, selectedEntry, preventPropagation)
   }
 
-  function bindArrowKeysListerners() {
+  function bindArrowKeysListeners() {
     window.addEventListener("keydown", onKeyUp, { capture: preventPropagation })
   }
 
-  function unbindArrowKeysListerners() {
+  function unbindArrowKeysListeners() {
     window.removeEventListener("keydown", onKeyUp, {
       capture: preventPropagation,
     })
   }
 
   return {
-    bindArrowKeysListerners,
-    unbindArrowKeysListerners,
+    bindArrowKeysListeners,
+    unbindArrowKeysListeners,
     selectedEntry,
   }
 }

packages/hoppscotch-app/helpers/teams/TeamCollectionAdapter.ts

@@ -27,7 +27,7 @@ const TEAMS_BACKEND_PAGE_SIZE = 10
  * @param {string} collID - ID of the collection to find the parent of
  * @param {TeamCollection} currentParent - (used for recursion, do not set) The parent in the current iteration (undefined if root)
  *
- * @returns REFERENCE to the collecton or null if not found or the collection is in root
+ * @returns REFERENCE to the collection or null if not found or the collection is in root
  */
 function findParentOfColl(
   tree: TeamCollection[],

packages/hoppscotch-app/helpers/ternlint.js

@@ -314,7 +314,7 @@ function makeVisitors(server, query, file, messages) {
     }
   }
 
-  function validateAssignement(nodeLeft, nodeRight, rule, state) {
+  function validateAssignment(nodeLeft, nodeRight, rule, state) {
     if (!nodeLeft || !nodeRight) return
     if (!rule) return
     var leftType = infer.expressionType({ node: nodeLeft, state: state }),
@@ -387,7 +387,7 @@ function makeVisitors(server, query, file, messages) {
               )
             // type mismatch?
             if (mismatchRule)
-              validateAssignement(varNode, decl.init, mismatchRule, state)
+              validateAssignment(varNode, decl.init, mismatchRule, state)
           }
         }
         break
@@ -525,7 +525,7 @@ function makeVisitors(server, query, file, messages) {
     CallExpression: validateCallExpression,
     AssignmentExpression: function (node, state, c) {
       var rule = getRule("TypeMismatch")
-      validateAssignement(node.left, node.right, rule, state)
+      validateAssignment(node.left, node.right, rule, state)
     },
     ObjectExpression: function (node, state, c) {
       // validate properties of the object literal
@@ -551,7 +551,7 @@ function makeVisitors(server, query, file, messages) {
       }
     },
     ArrayExpression: function (node, state, c) {
-      // validate elements of the Arrray
+      // validate elements of the Array
       var rule = getRule("Array")
       if (!rule) return
       //var actualType = infer.expressionType({node: node, state: state});

packages/hoppscotch-app/pages/index.vue

@@ -113,7 +113,7 @@ function setupRequestSync(
     sub = startRequestSync()
   })
 
-  // Stop subscripton to stop syncing
+  // Stop subscription to stop syncing
   onBeforeUnmount(() => {
     sub?.unsubscribe()
   })

packages/hoppscotch-app/plugins/README.md

@@ -1,5 +1,5 @@
 # PLUGINS
 
-This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
+This directory contains JavaScript plugins that you want to run before mounting the root Vue.js application.
 
 More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).

packages/hoppscotch-js-sandbox/README.md

@@ -17,7 +17,7 @@ This package deals with providing a JavaScript sandbox for executing various sec
 
 ## How does this work?
 
-This package makes use of [quickjs-empscripten](https://www.npmjs.com/package/quickjs-emscripten) for building sandboxes for running external code on Hoppscotch.
+This package makes use of [quickjs-emscripten](https://www.npmjs.com/package/quickjs-emscripten) for building sandboxes for running external code on Hoppscotch.
 
 Currently implemented sandboxes:
 - Hoppscotch Test Scripts

packages/hoppscotch-js-sandbox/src/index.ts

@@ -34,7 +34,7 @@ export const runTestScript = (
 /**
  * Executes a given pre-request script on the sandbox
  * @param preRequestScript The script to run
- * @param env The envirionment variables active
+ * @param env The environment variables active
  * @returns A TaskEither with an error message or an array of the final environments with the all the script values applied
  */
 export const runPreRequestScript = execPreRequestScript