feat: duplicate request

packages/hoppscotch-app/components/collections/graphql/Collection.vue

@@ -126,6 +126,7 @@
           @add-folder="$emit('add-folder', $event)"
           @edit-folder="$emit('edit-folder', $event)"
           @edit-request="$emit('edit-request', $event)"
+          @duplicate-request="$emit('duplicate-request', $event)"
           @select="$emit('select', $event)"
         />
         <CollectionsGraphqlRequest
@@ -141,6 +142,7 @@
           :request-index="index"
           :doc="doc"
           @edit-request="$emit('edit-request', $event)"
+          @duplicate-request="$emit('duplicate-request', $event)"
           @select="$emit('select', $event)"
         />
         <div

packages/hoppscotch-app/components/collections/graphql/Folder.vue

@@ -122,6 +122,7 @@
           @add-folder="$emit('add-folder', $event)"
           @edit-folder="$emit('edit-folder', $event)"
           @edit-request="$emit('edit-request', $event)"
+          @duplicate-request="$emit('duplicate-request', $event)"
           @select="$emit('select', $event)"
         />
         <CollectionsGraphqlRequest
@@ -137,6 +138,7 @@
           :request-index="index"
           :doc="doc"
           @edit-request="$emit('edit-request', $event)"
+          @duplicate-request="$emit('duplicate-request', $event)"
           @select="$emit('select', $event)"
         />
         <div

packages/hoppscotch-app/components/collections/graphql/Request.vue

@@ -78,6 +78,20 @@
                 }
               "
             />
+            <SmartItem
+              svg="copy"
+              :label="`${$t('action.duplicate')}`"
+              @click.native="
+                () => {
+                  $emit('duplicate-request', {
+                    request,
+                    requestIndex,
+                    folderPath,
+                  })
+                  $refs.options.tippy().hide()
+                }
+              "
+            />
             <SmartItem
               svg="trash-2"
               color="red"

packages/hoppscotch-app/components/collections/graphql/index.vue

@@ -62,6 +62,7 @@
         @add-folder="addFolder($event)"
         @edit-folder="editFolder($event)"
         @edit-request="editRequest($event)"
+        @duplicate-request="duplicateRequest($event)"
         @select-collection="$emit('use-collection', collection)"
         @select="$emit('select', $event)"
       />
@@ -136,7 +137,11 @@
 import { defineComponent } from "@nuxtjs/composition-api"
 import clone from "lodash/clone"
 import { useReadonlyStream } from "~/helpers/utils/composables"
-import { graphqlCollections$, addGraphqlFolder } from "~/newstore/collections"
+import {
+  graphqlCollections$,
+  addGraphqlFolder,
+  saveGraphqlRequestAs,
+} from "~/newstore/collections"
 
 export default defineComponent({
   props: {
@@ -283,6 +288,9 @@ export default defineComponent({
       this.$data.editingRequest = undefined
       this.$data.editingRequestIndex = undefined
     },
+    duplicateRequest({ folderPath, request }) {
+      saveGraphqlRequestAs(folderPath, request)
+    },
   },
 })
 </script>