Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

`/config` hardcodes `ws://` for the MQTT WebSocket URL, which breaks the UI when served over HTTPS (mixed content)

Open Beginner friendly
#58 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 2 days

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
javascript
Domain
frontend

Research direction

Start in src/frontend/server.js, where /config currently returns the MQTT WebSocket URL, and find the browser code that reads that configuration. Trace how the browser connects to /mqtt and publishes orders, then check the relevant frontend tests or run the project’s documented test command. Done means HTTPS pages use a secure WebSocket and HTTP pages still connect successfully.

Written by the indexing model from the issue text.

Description

Summary

src/frontend/server.js returns the browser's MQTT WebSocket URL with a fixed scheme:

mqttWsUrl: `ws://${req.headers.host}/mqtt`,

When the frontend is served over HTTPS (an ingress or reverse proxy with TLS, which is the normal production setup and typically required for OIDC), browsers block ws:// from an https:// page as mixed content. The browser publishes orders to orders/new over this connection, so order placement fails. Depending on the browser, the connection error can also stop the rest of the page initialisation.

Suggested fix

Return only the path from /config (e.g. mqttWsPath: '/mqtt'), and build the URL in the browser:

const wsUrl = `${location.protocol === 'https:' ? 'wss' : 'ws'}://${location.host}${config.mqttWsPath}`;

This works behind any TLS-terminating proxy without relying on forwarded headers or trust proxy settings.

Dominant language
Rust
Stars
5
Forks
3
Avg merge
3d 16h
Merged PRs (30d)
10

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from microsoft/adaptive-apps

All issues in microsoft/adaptive-apps

Similar issues

More Rust issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.