[PR #1528] [MERGED] [Feat: GraphQL sidebar] GraphQL History #3377

New issue

Closed

opened 2026-03-17 00:59:53 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 00:59:53 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/1528
Author: @oshhh
Created: 3/5/2021
Status: ✅ Merged
Merged: 3/11/2021
Merged by: @AndrewBastin

Base: main ← Head: graphql-sidebar

📝 Commits (10+)

0acd4de Create REQUIREMENTS.md
5496bd0 Merge branch 'main' of github.com:hoppscotch/hoppscotch
c211e8f graphql history UI
d205db0 rest history emit
1242472 removed requirements file
ce548da add, delete, clear, star history and sync with firstore
08cdc54 use history
34331ff empty schema
d9387ae remove other tabs
07b0c06 computed query, setting headers

📊 Changes

10 files changed (+1019 additions, -229 deletions)

View changed files

➕ components/history/__tests__/GraphqlCard.spec.js (+109 -0)
➕ components/history/__tests__/History.spec.js (+285 -0)
➕ components/history/__tests__/RestCard.spec.js (+58 -0)
➕ components/history/graphql/Card.vue (+147 -0)
📝 components/history/index.vue (+64 -157)
➕ components/history/rest/Card.vue (+160 -0)
📝 helpers/fb.js (+61 -0)
📝 package-lock.json (+8 -1)
📝 pages/graphql.vue (+126 -70)
📝 pages/index.vue (+1 -1)

📄 Description

Changes:

View graphQL history
Add, delete, clear history
Use history

tasks:

introduce history component in graphql page
separate history entry component for rest and graphql
expand / collapse graphql query on entry
sync with firebase and localstorage
tests

checks:

add / delete history entry
add / remove star from entry
clear all entries
sync with firebase and localstorage

deploy preview: https://deploy-preview-1528--hoppscotch.netlify.app

remarks: PR contains 20+ commits: squash and merge is preferred.

_{🔄 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/1528 **Author:** [@oshhh](https://github.com/oshhh) **Created:** 3/5/2021 **Status:** ✅ Merged **Merged:** 3/11/2021 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `main` ← **Head:** `graphql-sidebar` --- ### 📝 Commits (10+) - [`0acd4de`](https://github.com/hoppscotch/hoppscotch/commit/0acd4de1276a48ea3f79c6c5b5c8686c58f446b3) Create REQUIREMENTS.md - [`5496bd0`](https://github.com/hoppscotch/hoppscotch/commit/5496bd0f9d78f75e06666ca677b09c94cacc71b3) Merge branch 'main' of github.com:hoppscotch/hoppscotch - [`c211e8f`](https://github.com/hoppscotch/hoppscotch/commit/c211e8fb17f9710ec23ed585d1373d20ab01cb05) graphql history UI - [`d205db0`](https://github.com/hoppscotch/hoppscotch/commit/d205db023aab6602bd42b75d6fb12a72c3accbb8) rest history emit - [`1242472`](https://github.com/hoppscotch/hoppscotch/commit/12424723a7f2b2d9f67220a477f1a7dc77218d65) removed requirements file - [`ce548da`](https://github.com/hoppscotch/hoppscotch/commit/ce548dac3fbba77b1281c177061e79ab83ca4880) add, delete, clear, star history and sync with firstore - [`08cdc54`](https://github.com/hoppscotch/hoppscotch/commit/08cdc5455d3dc05e367157f0742e202687afc724) use history - [`34331ff`](https://github.com/hoppscotch/hoppscotch/commit/34331fff6b3355325476121aad61521fb0918437) empty schema - [`d9387ae`](https://github.com/hoppscotch/hoppscotch/commit/d9387ae393d604da0f5addffb7bf64f8218b7dac) remove other tabs - [`07b0c06`](https://github.com/hoppscotch/hoppscotch/commit/07b0c061e090933052adfdf3ba31712d7bedf9f6) computed query, setting headers ### 📊 Changes **10 files changed** (+1019 additions, -229 deletions) <details> <summary>View changed files</summary> ➕ `components/history/__tests__/GraphqlCard.spec.js` (+109 -0) ➕ `components/history/__tests__/History.spec.js` (+285 -0) ➕ `components/history/__tests__/RestCard.spec.js` (+58 -0) ➕ `components/history/graphql/Card.vue` (+147 -0) 📝 `components/history/index.vue` (+64 -157) ➕ `components/history/rest/Card.vue` (+160 -0) 📝 `helpers/fb.js` (+61 -0) 📝 `package-lock.json` (+8 -1) 📝 `pages/graphql.vue` (+126 -70) 📝 `pages/index.vue` (+1 -1) </details> ### 📄 Description **Changes:** * View graphQL history * Add, delete, clear history * Use history **UI** ![image](https://user-images.githubusercontent.com/10395817/110141519-3c7cb080-7dfb-11eb-8a1f-5198dacf62f6.png) **tasks:** - [x] introduce history component in graphql page - [x] separate history entry component for rest and graphql - [x] expand / collapse graphql query on entry - [x] sync with firebase and localstorage - [x] tests **checks:** - [x] add / delete history entry - [x] add / remove star from entry - [x] clear all entries - [x] sync with firebase and localstorage **deploy preview:** https://deploy-preview-1528--hoppscotch.netlify.app **remarks: PR contains 20+ commits: squash and merge is preferred.** --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>