[PR #5847] [CLOSED] feature: Update Hoppscotch UI and fix Docker deployment issues #5378

New issue

Closed

opened 2026-03-17 02:49:52 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:49:52 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5847
Author: @shastryrbs
Created: 2/6/2026
Status: ❌ Closed

Base: main ← Head: feature/Shastry-HoppScotchDeployment

📝 Commits (1)

73ed6e9 fix: improve backend port handling and update styles

📊 Changes

12 files changed (+136 additions, -74 deletions)

View changed files

📝 aio-subpath-access.Caddyfile (+8 -5)
📝 aio_run.mjs (+8 -3)
📝 packages/hoppscotch-agent/index.html (+1 -1)
📝 packages/hoppscotch-backend/src/team-collection/team-collection.service.ts (+8 -5)
📝 packages/hoppscotch-common/assets/themes/base-themes.scss (+2 -2)
📝 packages/hoppscotch-common/src/helpers/import-export/import/openapi/index.ts (+89 -44)
📝 packages/hoppscotch-common/src/helpers/import-export/import/postman.ts (+13 -7)
📝 packages/hoppscotch-desktop/index.html (+1 -1)
📝 packages/hoppscotch-desktop/src/assets/scss/styles.scss (+2 -2)
📝 packages/hoppscotch-selfhost-web/index.html (+1 -1)
📝 packages/hoppscotch-sh-admin/assets/scss/styles.scss (+2 -2)
📝 packages/hoppscotch-sh-admin/index.html (+1 -1)

📄 Description

Summary

Enhanced admin dashboard user interface with updated styles and titles, and resolved Docker build and deployment issues.

Changes Made

UI/UX Improvements

Updated admin dashboard styles (packages/hoppscotch-sh-admin/assets/scss/styles.scss)
- Customized admin panel styling for improved visual appearance
- Modified color schemes and layout elements
Updated page titles and branding
- Improved admin dashboard title elements
- Enhanced user-facing text and labels

Docker Configuration Fixes

Fixed Dockerfile GitHub dependency handling (lines 118-126)
- Updated sed commands to match actual package.json dependency format (github:owner/repo#commit)
- Pre-download GitHub tarballs and replace with local file:/// paths
- Resolves build failures due to network issues when fetching Tauri plugin dependencies
Fixed port configuration in .env
- Set PORT=80 for Caddy inside container (mapped to host 3080)
- Set HOPP_BACKEND_PORT=3170 for backend service
- Resolves port conflict error EADDRINUSE: address already in use :::3170

Code Quality

Fixed linting errors blocking commits:
- Removed unused cloneDeep import from OpenAPI import helper
- Fixed prettier format

Deployment

Built custom Docker image: rbsdeveloper/hoppscotch-aio:latest
Successfully pushed to Docker Hub
Ready for production deployment

Summary by cubic

Updates app branding and font sizing, adds path-based folder grouping for OpenAPI imports, and fixes container port routing for reliable self-hosted runs on Render. Also hardens import behavior and prevents FK errors during team collection creation.

New Features
- OpenAPI import groups requests into nested folders by URL path within a single collection.
- Request naming prefers summary over operationId for OpenAPI; cleaner example names in Postman imports.
- Updated titles to “RBS PostMan” and increased base font sizes for better readability.
Bug Fixes
- Caddy now listens on PORT; backend binds to HOPP_BACKEND_PORT (default 3170) and reverse_proxy targets it.
- Backend is started with PORT=HOPP_BACKEND_PORT to avoid EADDRINUSE; Caddyfile and runner updated accordingly.
- Team collections are created sequentially to avoid foreign key violations with nested folders.
- Postman import handles missing status/url fields and unnamed examples gracefully.

^{Written for commit 73ed6e908e. Summary will update on new commits.}

_{🔄 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/5847 **Author:** [@shastryrbs](https://github.com/shastryrbs) **Created:** 2/6/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feature/Shastry-HoppScotchDeployment` --- ### 📝 Commits (1) - [`73ed6e9`](https://github.com/hoppscotch/hoppscotch/commit/73ed6e908e66a54ad4be3817826965accd504c6d) fix: improve backend port handling and update styles ### 📊 Changes **12 files changed** (+136 additions, -74 deletions) <details> <summary>View changed files</summary> 📝 `aio-subpath-access.Caddyfile` (+8 -5) 📝 `aio_run.mjs` (+8 -3) 📝 `packages/hoppscotch-agent/index.html` (+1 -1) 📝 `packages/hoppscotch-backend/src/team-collection/team-collection.service.ts` (+8 -5) 📝 `packages/hoppscotch-common/assets/themes/base-themes.scss` (+2 -2) 📝 `packages/hoppscotch-common/src/helpers/import-export/import/openapi/index.ts` (+89 -44) 📝 `packages/hoppscotch-common/src/helpers/import-export/import/postman.ts` (+13 -7) 📝 `packages/hoppscotch-desktop/index.html` (+1 -1) 📝 `packages/hoppscotch-desktop/src/assets/scss/styles.scss` (+2 -2) 📝 `packages/hoppscotch-selfhost-web/index.html` (+1 -1) 📝 `packages/hoppscotch-sh-admin/assets/scss/styles.scss` (+2 -2) 📝 `packages/hoppscotch-sh-admin/index.html` (+1 -1) </details> ### 📄 Description ## Summary Enhanced admin dashboard user interface with updated styles and titles, and resolved Docker build and deployment issues. ## Changes Made ### UI/UX Improvements - **Updated admin dashboard styles** (`packages/hoppscotch-sh-admin/assets/scss/styles.scss`) - Customized admin panel styling for improved visual appearance - Modified color schemes and layout elements - **Updated page titles and branding** - Improved admin dashboard title elements - Enhanced user-facing text and labels ### Docker Configuration Fixes - **Fixed Dockerfile GitHub dependency handling** (lines 118-126) - Updated sed commands to match actual package.json dependency format (`github:owner/repo#commit`) - Pre-download GitHub tarballs and replace with local `file:///` paths - Resolves build failures due to network issues when fetching Tauri plugin dependencies - **Fixed port configuration in .env** - Set `PORT=80` for Caddy inside container (mapped to host 3080) - Set `HOPP_BACKEND_PORT=3170` for backend service - Resolves port conflict error `EADDRINUSE: address already in use :::3170` ### Code Quality - **Fixed linting errors blocking commits:** - Removed unused `cloneDeep` import from OpenAPI import helper - Fixed prettier format ## Deployment - Built custom Docker image: `rbsdeveloper/hoppscotch-aio:latest` - Successfully pushed to Docker Hub - Ready for production deployment  --- ## Summary by cubic Updates app branding and font sizing, adds path-based folder grouping for OpenAPI imports, and fixes container port routing for reliable self-hosted runs on Render. Also hardens import behavior and prevents FK errors during team collection creation. - **New Features** - OpenAPI import groups requests into nested folders by URL path within a single collection. - Request naming prefers summary over operationId for OpenAPI; cleaner example names in Postman imports. - Updated titles to “RBS PostMan” and increased base font sizes for better readability. - **Bug Fixes** - Caddy now listens on PORT; backend binds to HOPP_BACKEND_PORT (default 3170) and reverse_proxy targets it. - Backend is started with PORT=HOPP_BACKEND_PORT to avoid EADDRINUSE; Caddyfile and runner updated accordingly. - Team collections are created sequentially to avoid foreign key violations with nested folders. - Postman import handles missing status/url fields and unnamed examples gracefully. <sup>Written for commit 73ed6e908e66a54ad4be3817826965accd504c6d. Summary will update on new commits.</sup>  --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>