[PR #1625] [MERGED] FEAT: add syntax highlighting in Code Generator Modal #3436

New issue

Closed

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

kerem commented

2026-03-17 01:03:10 +03:00

Owner

📋 Pull Request Information

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

Base: main ← Head: issue-1507

📝 Commits (5)

3f743b4 FEAT: add syntax highlighting in Code Generator Modal
6c49e5c fix: race condition where no language is selected
efeec13 set default export language as cURL
63998f4 minor UI styling
aa65cad Merge branch 'main' into issue-1507

📊 Changes

24 files changed (+43 additions, -12 deletions)

View changed files

📝 components/http/CodegenModal.vue (+19 -11)
📝 helpers/codegen/codegen.js (+2 -0)
📝 helpers/codegen/generators/c-libcurl.js (+1 -0)
📝 helpers/codegen/generators/cs-restsharp.js (+1 -0)
📝 helpers/codegen/generators/curl.js (+1 -0)
📝 helpers/codegen/generators/go-native.js (+1 -0)
📝 helpers/codegen/generators/java-okhttp.js (+1 -0)
📝 helpers/codegen/generators/java-unirest.js (+1 -0)
📝 helpers/codegen/generators/javascript-fetch.js (+1 -0)
📝 helpers/codegen/generators/javascript-jquery.js (+1 -0)
📝 helpers/codegen/generators/javascript-xhr.js (+1 -0)
📝 helpers/codegen/generators/nodejs-axios.js (+1 -0)
📝 helpers/codegen/generators/nodejs-native.js (+1 -0)
📝 helpers/codegen/generators/nodejs-request.js (+1 -0)
📝 helpers/codegen/generators/nodejs-unirest.js (+1 -0)
📝 helpers/codegen/generators/php-curl.js (+1 -0)
📝 helpers/codegen/generators/powershell-restmethod.js (+1 -0)
📝 helpers/codegen/generators/python-http-client.js (+1 -0)
📝 helpers/codegen/generators/python-requests.js (+1 -0)
📝 helpers/codegen/generators/ruby-net-http.js (+1 -0)

...and 4 more files

📄 Description

Hi @liyasthomas, as discussed in #1507 issue I have added syntax highlighting in generated code modal.

I have used SmartAceEditor as you suggested.
Added a language property in codegen files based on what ace editor supports.

PS: I am new to vuejs.

_{🔄 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/1625 **Author:** [@iamtabrezkhan](https://github.com/iamtabrezkhan) **Created:** 5/3/2021 **Status:** ✅ Merged **Merged:** 5/5/2021 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `main` ← **Head:** `issue-1507` --- ### 📝 Commits (5) - [`3f743b4`](https://github.com/hoppscotch/hoppscotch/commit/3f743b4f61fb6a128721c6640ebb64f5e06f1477) FEAT: add syntax highlighting in Code Generator Modal - [`6c49e5c`](https://github.com/hoppscotch/hoppscotch/commit/6c49e5c86aefbb54690c58055497b11866198944) fix: race condition where no language is selected - [`efeec13`](https://github.com/hoppscotch/hoppscotch/commit/efeec137940cd712c1c6460c5fd1d4027910fb10) set default export language as cURL - [`63998f4`](https://github.com/hoppscotch/hoppscotch/commit/63998f4a234ba7c0e62da66d901580b7cdd4db0d) minor UI styling - [`aa65cad`](https://github.com/hoppscotch/hoppscotch/commit/aa65cada6f5141ca3be2929f7ca2df7e5fab1012) Merge branch 'main' into issue-1507 ### 📊 Changes **24 files changed** (+43 additions, -12 deletions) <details> <summary>View changed files</summary> 📝 `components/http/CodegenModal.vue` (+19 -11) 📝 `helpers/codegen/codegen.js` (+2 -0) 📝 `helpers/codegen/generators/c-libcurl.js` (+1 -0) 📝 `helpers/codegen/generators/cs-restsharp.js` (+1 -0) 📝 `helpers/codegen/generators/curl.js` (+1 -0) 📝 `helpers/codegen/generators/go-native.js` (+1 -0) 📝 `helpers/codegen/generators/java-okhttp.js` (+1 -0) 📝 `helpers/codegen/generators/java-unirest.js` (+1 -0) 📝 `helpers/codegen/generators/javascript-fetch.js` (+1 -0) 📝 `helpers/codegen/generators/javascript-jquery.js` (+1 -0) 📝 `helpers/codegen/generators/javascript-xhr.js` (+1 -0) 📝 `helpers/codegen/generators/nodejs-axios.js` (+1 -0) 📝 `helpers/codegen/generators/nodejs-native.js` (+1 -0) 📝 `helpers/codegen/generators/nodejs-request.js` (+1 -0) 📝 `helpers/codegen/generators/nodejs-unirest.js` (+1 -0) 📝 `helpers/codegen/generators/php-curl.js` (+1 -0) 📝 `helpers/codegen/generators/powershell-restmethod.js` (+1 -0) 📝 `helpers/codegen/generators/python-http-client.js` (+1 -0) 📝 `helpers/codegen/generators/python-requests.js` (+1 -0) 📝 `helpers/codegen/generators/ruby-net-http.js` (+1 -0) _...and 4 more files_ </details> ### 📄 Description Hi @liyasthomas, as discussed in #1507 issue I have added syntax highlighting in generated code modal. I have used SmartAceEditor as you suggested. Added a `language` property in codegen files based on what ace editor supports. ![syntax-highlighting](https://user-images.githubusercontent.com/22201739/116860931-f471e280-ac1f-11eb-901c-f9da9a12d1ac.gif) PS: I am new to vuejs. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>