refactor: monorepo+pnpm (removed husky)

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

@@ -0,0 +1,100 @@
+<template>
+  <AppSection id="script" :label="$t('test.script')">
+    <div
+      class="
+        bg-primary
+        border-b border-dividerLight
+        flex flex-1
+        top-upperSecondaryStickyFold
+        pl-4
+        z-10
+        sticky
+        items-center
+        justify-between
+      "
+    >
+      <label class="font-semibold text-secondaryLight">
+        {{ $t("test.javascript_code") }}
+      </label>
+      <div class="flex">
+        <ButtonSecondary
+          v-tippy="{ theme: 'tooltip' }"
+          to="https://docs.hoppscotch.io/features/tests"
+          blank
+          :title="$t('app.wiki')"
+          svg="help-circle"
+        />
+        <ButtonSecondary
+          v-tippy="{ theme: 'tooltip' }"
+          :title="$t('action.clear')"
+          svg="trash-2"
+          @click.native="clearContent"
+        />
+      </div>
+    </div>
+    <div class="border-b border-dividerLight flex">
+      <div class="border-r border-dividerLight w-2/3">
+        <SmartJsEditor
+          v-model="testScript"
+          :options="{
+            maxLines: Infinity,
+            minLines: 16,
+            autoScrollEditorIntoView: true,
+            showPrintMargin: false,
+            useWorker: false,
+          }"
+          complete-mode="test"
+        />
+      </div>
+      <div
+        class="
+          bg-primary
+          h-full
+          top-upperTertiaryStickyFold
+          min-w-46
+          max-w-1/3
+          p-4
+          z-9
+          sticky
+          overflow-auto
+        "
+      >
+        <div class="text-secondaryLight pb-2">
+          {{ $t("helpers.post_request_tests") }}
+        </div>
+        <SmartAnchor
+          :label="$t('test.learn')"
+          to="https://docs.hoppscotch.io/features/tests"
+          blank
+        />
+        <h4 class="font-bold text-secondaryLight pt-6">
+          {{ $t("test.snippets") }}
+        </h4>
+        <div class="flex flex-col pt-4">
+          <TabSecondary
+            v-for="(snippet, index) in testSnippets"
+            :key="`snippet-${index}`"
+            :label="snippet.name"
+            active
+            @click.native="useSnippet(snippet.script)"
+          />
+        </div>
+      </div>
+    </div>
+  </AppSection>
+</template>
+
+<script setup lang="ts">
+import { useTestScript } from "~/newstore/RESTSession"
+import testSnippets from "~/helpers/testSnippets"
+
+const testScript = useTestScript()
+
+const useSnippet = (script: string) => {
+  testScript.value += script
+}
+
+const clearContent = () => {
+  testScript.value = ""
+}
+</script>