[PR #3627] [MERGED] feat: embeds #4456

New issue

Closed

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

kerem commented

2026-03-17 01:59:35 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3627
Author: @nivedin
Created: 12/5/2023
Status: ✅ Merged
Merged: 12/7/2023
Merged by: @AndrewBastin

Base: release/2023.12.0 ← Head: feat/shared-request-embeds

📝 Commits (10+)

5a35c09 feat: mutations and small refactor in share req
bb0bf35 feat: added embeds components wip
fbca9b0 chore: add open app link
9d8fdb4 chore: add doc button if response is null
aa18249 chore: use shared request properties for embed
67cfef8 chore: cleanup
fd4a5c6 chore: disable method and input
09e9601 chore: add save option to modify sahred request
4bd3e89 refactor: update embed customize flow
f2777a9 chore: cleanup

📊 Changes

23 files changed (+782 additions, -144 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+18 -15)
📝 packages/hoppscotch-common/src/components.d.ts (+1 -0)
➕ packages/hoppscotch-common/src/components/embeds/index.vue (+212 -0)
📝 packages/hoppscotch-common/src/components/http/RequestOptions.vue (+15 -2)
📝 packages/hoppscotch-common/src/components/http/Response.vue (+2 -1)
📝 packages/hoppscotch-common/src/components/http/ResponseMeta.vue (+16 -2)
📝 packages/hoppscotch-common/src/components/share/CreateModal.vue (+12 -8)
📝 packages/hoppscotch-common/src/components/share/CustomizeModal.vue (+69 -52)
📝 packages/hoppscotch-common/src/components/share/Modal.vue (+55 -8)
📝 packages/hoppscotch-common/src/components/share/Request.vue (+22 -10)
📝 packages/hoppscotch-common/src/components/share/index.vue (+164 -9)
📝 packages/hoppscotch-common/src/components/share/templates/Button.vue (+2 -6)
📝 packages/hoppscotch-common/src/components/share/templates/Embeds.vue (+19 -20)
📝 packages/hoppscotch-common/src/components/share/templates/Link.vue (+1 -3)
📝 packages/hoppscotch-common/src/helpers/backend/gql/mutations/CreateShortcode.graphql (+2 -2)
➕ packages/hoppscotch-common/src/helpers/backend/gql/mutations/UpdateEmbedProperties.graphql (+8 -0)
📝 packages/hoppscotch-common/src/helpers/backend/gql/queries/ResolveShortcode.graphql (+2 -1)
➕ packages/hoppscotch-common/src/helpers/backend/gql/subscriptions/ShortcodeUpdated.graphql (+8 -0)
📝 packages/hoppscotch-common/src/helpers/backend/mutations/Shortcode.ts (+18 -1)
📝 packages/hoppscotch-common/src/helpers/shortcode/Shortcode.ts (+1 -1)

...and 3 more files

📄 Description

Closes HFE-250

Description

This feature adds the ability to embed hoppscotch app as iframe on any place like blogs, personal websites etc, by creating a shared request as type embed.

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

_{🔄 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/3627 **Author:** [@nivedin](https://github.com/nivedin) **Created:** 12/5/2023 **Status:** ✅ Merged **Merged:** 12/7/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.0` ← **Head:** `feat/shared-request-embeds` --- ### 📝 Commits (10+) - [`5a35c09`](https://github.com/hoppscotch/hoppscotch/commit/5a35c098ec5e7e6722e292948f1d07d113954818) feat: mutations and small refactor in share req - [`bb0bf35`](https://github.com/hoppscotch/hoppscotch/commit/bb0bf3516417541491b88d3bdf9759f5489a8f5e) feat: added embeds components wip - [`fbca9b0`](https://github.com/hoppscotch/hoppscotch/commit/fbca9b06c35d448dc303e259d83981372a08bc8f) chore: add open app link - [`9d8fdb4`](https://github.com/hoppscotch/hoppscotch/commit/9d8fdb4d04a09816191bcb7b3940f4176b569e0b) chore: add doc button if response is null - [`aa18249`](https://github.com/hoppscotch/hoppscotch/commit/aa182497918f3ed236a3cc0dce9b6cb836f7889e) chore: use shared request properties for embed - [`67cfef8`](https://github.com/hoppscotch/hoppscotch/commit/67cfef82af28c27e664f76e755004b114b503cb7) chore: cleanup - [`fd4a5c6`](https://github.com/hoppscotch/hoppscotch/commit/fd4a5c626f5c0519c046dd7e081a57c5a0827fba) chore: disable method and input - [`09e9601`](https://github.com/hoppscotch/hoppscotch/commit/09e960194086f4925c02c1fa6eae69c000603c21) chore: add save option to modify sahred request - [`4bd3e89`](https://github.com/hoppscotch/hoppscotch/commit/4bd3e89f898b6485cea58d9c3e8b2c60e652580f) refactor: update embed customize flow - [`f2777a9`](https://github.com/hoppscotch/hoppscotch/commit/f2777a9a759c41db5ab1302c4a6af923a037eb7a) chore: cleanup ### 📊 Changes **23 files changed** (+782 additions, -144 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+18 -15) 📝 `packages/hoppscotch-common/src/components.d.ts` (+1 -0) ➕ `packages/hoppscotch-common/src/components/embeds/index.vue` (+212 -0) 📝 `packages/hoppscotch-common/src/components/http/RequestOptions.vue` (+15 -2) 📝 `packages/hoppscotch-common/src/components/http/Response.vue` (+2 -1) 📝 `packages/hoppscotch-common/src/components/http/ResponseMeta.vue` (+16 -2) 📝 `packages/hoppscotch-common/src/components/share/CreateModal.vue` (+12 -8) 📝 `packages/hoppscotch-common/src/components/share/CustomizeModal.vue` (+69 -52) 📝 `packages/hoppscotch-common/src/components/share/Modal.vue` (+55 -8) 📝 `packages/hoppscotch-common/src/components/share/Request.vue` (+22 -10) 📝 `packages/hoppscotch-common/src/components/share/index.vue` (+164 -9) 📝 `packages/hoppscotch-common/src/components/share/templates/Button.vue` (+2 -6) 📝 `packages/hoppscotch-common/src/components/share/templates/Embeds.vue` (+19 -20) 📝 `packages/hoppscotch-common/src/components/share/templates/Link.vue` (+1 -3) 📝 `packages/hoppscotch-common/src/helpers/backend/gql/mutations/CreateShortcode.graphql` (+2 -2) ➕ `packages/hoppscotch-common/src/helpers/backend/gql/mutations/UpdateEmbedProperties.graphql` (+8 -0) 📝 `packages/hoppscotch-common/src/helpers/backend/gql/queries/ResolveShortcode.graphql` (+2 -1) ➕ `packages/hoppscotch-common/src/helpers/backend/gql/subscriptions/ShortcodeUpdated.graphql` (+8 -0) 📝 `packages/hoppscotch-common/src/helpers/backend/mutations/Shortcode.ts` (+18 -1) 📝 `packages/hoppscotch-common/src/helpers/shortcode/Shortcode.ts` (+1 -1) _...and 3 more files_ </details> ### 📄 Description Closes HFE-250 ### Description This feature adds the ability to embed hoppscotch app as iframe on any place like blogs, personal websites etc, by creating a shared request as type embed. <img width="948" alt="image" src="https://github.com/hoppscotch/hoppscotch/assets/53208152/1ae0bf25-c19a-4be0-9962-1ea3d2cadbf7"> ### Checks - [x] My pull request adheres to the code style of this project - [x] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>