Document how to use GitHub Codespaces

Can forward port to localhost but cannot access OpenChallenges app

The app is running as shown in the terminal. I can also curl the app from inside the devcontainer.

vscode@codespaces-de652c:/workspaces/sage-monorepo$ curl http://localhost:4200 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>OpenChallenges</title>
    <base href="/"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="icon" type="image/x-icon" href="favicon.ico"/>
    <link rel="preconnect" href="https://fonts.gstatic.com"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&amp;display=swap" rel="stylesheet"/>
  <link rel="stylesheet" href="styles.css"></head>
  <body>
    <openchallenges-root></openchallenges-root>
  <script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="styles.js" defer></script><script src="vendor.js" type="module"></script><script src="main.js" type="module"></script></body>
</html>

Something weird is that VS Code does not show the port has having a processed listening to it. See grey status icon below:

I can not curl the app from my local host (Windows, but not Debian because port forwarding probably doesn't reach it).

>curl http://localhost:4200

# Hanging...

But I can fetch the Swagger UI page of a service, e.g.:

>curl http://localhost:8085/swagger-ui/index.html
<!-- HTML for static distribution bundle build -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Swagger UI</title>
    <link rel="stylesheet" type="text/css" href="./swagger-ui.css" />
    <link rel="stylesheet" type="text/css" href="index.css" />
    <link rel="icon" type="image/png" href="./favicon-32x32.png" sizes="32x32" />
    <link rel="icon" type="image/png" href="./favicon-16x16.png" sizes="16x16" />
  </head>

  <body>
    <div id="swagger-ui"></div>
    <script src="./swagger-ui-bundle.js" charset="UTF-8"> </script>
    <script src="./swagger-ui-standalone-preset.js" charset="UTF-8"> </script>
    <script src="./swagger-initializer.js" charset="UTF-8"> </script>
  </body>
</html>

Solution

See this comment and the upcoming PR.

Sage-Bionetworks / sage-monorepo

Document how to use GitHub Codespaces #1240

Can forward port to localhost but cannot access OpenChallenges app

Solution

Cost