[PR #2404] [MERGED] feat: filter json body response #3786

New issue

Closed

opened 2026-03-17 01:22:19 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:22:19 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/2404
Author: @nivedin
Created: 6/6/2022
Status: ✅ Merged
Merged: 6/10/2022
Merged by: @liyasthomas

Base: main ← Head: feat/filter-JSON-response

📝 Commits (10+)

a9160a4 feat: implemented ability to filter JSON response
5ca59c7 feat: installed JSONPath package
b3e276f fix: added i18n for filter search button
1341cc5 fix: filtering response moved to trycatch block
5d58b05 refactor: added sticky value as variable, used computed value for filtering
d2031bb chore: improve ui consistency
5798de4 refactor: used fp/ts to parse response, defined errors
12aebba refactor: response filter error handeling and display to user
60eacdd fix: jsonParse error text fix
0f5284b refactor: filterResponseError rewrite using match

📊 Changes

8 files changed (+174 additions, -13 deletions)

View changed files

➕ packages/hoppscotch-app/assets/icons/filter.svg (+13 -0)
📝 packages/hoppscotch-app/assets/scss/themes.scss (+3 -0)
📝 packages/hoppscotch-app/components/lenses/renderers/JSONLensRenderer.vue (+130 -4)
📝 packages/hoppscotch-app/locales/en.json (+4 -0)
📝 packages/hoppscotch-app/package.json (+1 -0)
➕ packages/hoppscotch-app/types/jsonpath-plus.d.ts (+6 -0)
📝 packages/hoppscotch-app/windi.config.js (+1 -0)
📝 pnpm-lock.yaml (+16 -9)

📄 Description

Closes #2334

Description

This PR introduces a feature that helps users selectively extract data from the body responses using keywords.

Checks

My pull request adheres to the code style of this project
My code requires changes to the documentation
I have updated the documentation as required
All the tests have passed

Additional Information

Added jsonPath as a new dependency for filtering response data.

Make the filter method more user-friendly and easy to use.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/2404 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 6/6/2022 **Status:** ✅ Merged **Merged:** 6/10/2022 **Merged by:** [@liyasthomas](https://github.com/liyasthomas) **Base:** `main` ← **Head:** `feat/filter-JSON-response` --- ### 📝 Commits (10+) - [`a9160a4`](https://github.com/hoppscotch/hoppscotch/commit/a9160a499ac42a38909339bde9bcc9bb31f55837) feat: implemented ability to filter JSON response - [`5ca59c7`](https://github.com/hoppscotch/hoppscotch/commit/5ca59c7cf23896307f849765ea7f91ee844ce9c3) feat: installed JSONPath package - [`b3e276f`](https://github.com/hoppscotch/hoppscotch/commit/b3e276fb0c417d86a480e93dc64fe39cf0c0719f) fix: added i18n for filter search button - [`1341cc5`](https://github.com/hoppscotch/hoppscotch/commit/1341cc533c8a161e992fcb801500e47bded0e1cf) fix: filtering response moved to trycatch block - [`5d58b05`](https://github.com/hoppscotch/hoppscotch/commit/5d58b05c93eab2bac670c2a345742c2b021ae45c) refactor: added sticky value as variable, used computed value for filtering - [`d2031bb`](https://github.com/hoppscotch/hoppscotch/commit/d2031bb6c34c810242885a37719228eec8871fd0) chore: improve ui consistency - [`5798de4`](https://github.com/hoppscotch/hoppscotch/commit/5798de4985a8c8aa3ca9bfcd10c686acc394be01) refactor: used fp/ts to parse response, defined errors - [`12aebba`](https://github.com/hoppscotch/hoppscotch/commit/12aebba388ef8628661ae930acca5ae28d49780f) refactor: response filter error handeling and display to user - [`60eacdd`](https://github.com/hoppscotch/hoppscotch/commit/60eacdd597663340b5f4da350c23afa5a0fa8c68) fix: jsonParse error text fix - [`0f5284b`](https://github.com/hoppscotch/hoppscotch/commit/0f5284b464aa085c86e808b73ab00f7568a4057d) refactor: filterResponseError rewrite using match ### 📊 Changes **8 files changed** (+174 additions, -13 deletions) <details> <summary>View changed files</summary> ➕ `packages/hoppscotch-app/assets/icons/filter.svg` (+13 -0) 📝 `packages/hoppscotch-app/assets/scss/themes.scss` (+3 -0) 📝 `packages/hoppscotch-app/components/lenses/renderers/JSONLensRenderer.vue` (+130 -4) 📝 `packages/hoppscotch-app/locales/en.json` (+4 -0) 📝 `packages/hoppscotch-app/package.json` (+1 -0) ➕ `packages/hoppscotch-app/types/jsonpath-plus.d.ts` (+6 -0) 📝 `packages/hoppscotch-app/windi.config.js` (+1 -0) 📝 `pnpm-lock.yaml` (+16 -9) </details> ### 📄 Description Closes #2334 ### Description This PR introduces a feature that helps users selectively extract data from the body responses using keywords. ### Checks - [x] My pull request adheres to the code style of this project - [ ] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed ### Additional Information Added [ jsonPath](https://github.com/JSONPath-Plus/JSONPath) as a new dependency for filtering response data. - [x] Make the filter method more user-friendly and easy to use. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>