feat(filename): added filename in download functional (#4329)

Co-authored-by: Dmitry Mukovkin <d.mukovkin@cft.ru>
Co-authored-by: nivedin <nivedinp@gmail.com>

packages/hoppscotch-common/src/components/lenses/renderers/AudioLensRenderer.vue

@@ -72,7 +72,10 @@ const responseType = computed(() =>
 
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   responseType.value,
-  computed(() => props.response.body)
+  computed(() => props.response.body),
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 defineActionHandler("response.file.download", () => downloadResponse())

packages/hoppscotch-common/src/components/lenses/renderers/HTMLLensRenderer.vue

@@ -93,7 +93,10 @@ const WRAP_LINES = useNestedSetting("WRAP_LINES", "httpResponseBody")
 const { responseBodyText } = useResponseBody(props.response)
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   "text/html",
-  responseBodyText
+  responseBodyText,
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 const defaultPreview =
   persistenceService.getLocalConfig("lens_html_preview") === "true"

packages/hoppscotch-common/src/components/lenses/renderers/ImageLensRenderer.vue

@@ -67,7 +67,10 @@ const responseType = computed(() =>
 
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   responseType.value,
-  computed(() => props.response.body)
+  computed(() => props.response.body),
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 watch(props.response, () => {

packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue

@@ -354,7 +354,10 @@ const filterResponseError = computed(() =>
 const { copyIcon, copyResponse } = useCopyResponse(jsonBodyText)
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   "application/json",
-  jsonBodyText
+  jsonBodyText,
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 // Template refs

packages/hoppscotch-common/src/components/lenses/renderers/PDFLensRenderer.vue

@@ -53,7 +53,10 @@ const pdfsrc = computed(() =>
 
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   "application/pdf",
-  computed(() => props.response.body)
+  computed(() => props.response.body),
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 defineActionHandler("response.file.download", () => downloadResponse())

packages/hoppscotch-common/src/components/lenses/renderers/RawLensRenderer.vue

@@ -95,7 +95,10 @@ const responseType = computed(() =>
 
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   responseType.value,
-  rawResponseBody
+  rawResponseBody,
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 const { copyIcon, copyResponse } = useCopyResponse(responseBodyText)

packages/hoppscotch-common/src/components/lenses/renderers/VideoLensRenderer.vue

@@ -72,7 +72,10 @@ const responseType = computed(() =>
 
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   responseType.value,
-  computed(() => props.response.body)
+  computed(() => props.response.body),
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 defineActionHandler("response.file.download", () => downloadResponse())

packages/hoppscotch-common/src/components/lenses/renderers/XMLLensRenderer.vue

@@ -89,7 +89,10 @@ const responseType = computed(() =>
 
 const { downloadIcon, downloadResponse } = useDownloadResponse(
   responseType.value,
-  responseBodyText
+  responseBodyText,
+  t("filename.lens", {
+    request_name: props.response.req.name,
+  })
 )
 
 const { copyIcon, copyResponse } = useCopyResponse(responseBodyText)