benvp / phoenix-gitpod Goto Github PK

After loading this project in Gitpod, it seems that a live reload is not triggered in the Gitpod browser preview when I update code. Live reload seems to work when the preview is in a separate browser window, but it does not work when viewing the preview as an iframe panel in the all-in-one Gitpod.

Steps to replicate

1. Create a new Gitpod project based on this repo.
2. Make sure the preview panel is showing. If not showing by default, click Gitpod prompts to display it, or click the ports button in the bottom right of the window and click the "Open Preview" icon (looks like two rectangles with a magnifying glass) next to port 4000.
3. Edit the HTML in lib/gitpod_web/templates/page/index.html.heex

• Expected behavior: Browser preview will automatically refresh to reflect the update.
• Observed behavior:
  • No automatic refresh. However, the terminal output suggests Live reload is running:

  [debug] Live reload: lib/gitpod_web/templates/page/index.html.heex
  [debug] Live reload: lib/gitpod_web/templates/page/index.html.heex
  [debug] Live reload: lib/gitpod_web/templates/page/index.html.heex
  

  • A manual reload will correctly reflect the updates.
  • If you load the preview in a separate browser window instead of the iframe panel, live reload works as expected.
    • In this case, in addition to the lines above, this is added to the terminal output on save:

  [debug] Live reload: lib/gitpod_web/templates/page/index.html.heex
  [debug] Live reload: lib/gitpod_web/templates/page/index.html.heex
  [debug] Live reload: lib/gitpod_web/templates/page/index.html.heex
  Compiling 1 file (.ex)
  [info] GET /
  [debug] Processing with GitpodWeb.PageController.index/2
    Parameters: %{}
    Pipelines: [:browser]
  [info] Sent 200 in 2ms
  

I am running VS Code in the browser.

Being new to Elixir, I'm not sure if this is a bug or something specific to the Gitpod environment. In any case, thanks for building this fantastic template and documenting it on your blog!