TypeScript live reload doesn't work with js.Build when loaded with .Page.Resources

[sppmacd]

When you change a js.Build-ed file, it is not live reloaded; you need to restart the server for the changes to be applied. This seems to be because of caching in resources/transform.go - if you remove line 371 from that file, everything works.

This is not reproducible with plain JS files.

Reproduce

• create a new site (hugo new site repro)
• add a shortcode js.html:

{{ $path := .Get 0 }}
{{ $js := .Page.Resources.GetMatch $path | js.Build (dict "minify" true "targetPath" (printf "%s.js" (path.BaseName $path))) }}
<script src="{{ $js.RelPermalink }}" defer></script>

• create content/_index.md:

---
date: 2023-02-15T18:04:00+01:00
---

{{< js "test.ts" >}}

• create content/test.ts with some TypeScript
• start a server hugo server
• change the TypeScript file in some way, change will be detected (and page reloaded) but new code is not used until restart.

What version of Hugo are you using (hugo version)?

$ hugo version
hugo v0.111.0-DEV-9af78d11003ed22b6281e47e1ac19568cf1cca81 linux/amd64 BuildDate=2023-02-08T09:22:20Z

Does this issue reproduce with the latest release?

Yes.

[jmooring]

Findings

I can reproduce this, but only when:

1. Using a .ts file, AND
2. Passing the .ts file through js.Build within a shortcode

If you place a .ts file in the assets directory and pass it through js.Build in the head of your baseof.html template, everthing works as expected.

Example

git clone --single-branch -b hugo-github-issue-10726 https://github.com/jmooring/hugo-testing hugo-github-issue-10726
cd hugo-github-issue-10726
hugo server

Visit http://localhost:1313/tests/test-1/, then open the browser console:

• If you change assets/main.ts a couple of times, the updates are immediately visible in the browser console.
• If you change content/tests/test-1/test.ts a couple of times, the first or second update is not visible until you restart hugo server.

To Do

If you concur with my findings, please update the title of this issue.

[sppmacd]

It seems that live reload works properly only with resources.Get. If you use .Page.Resources.Get within a template, but without a shortcode, this bug is also reproducible.

[jmooring]

If you use .Page.Resources.Get within a template

Is that true for both .js and .ts, or is the problem limited to .ts files?

[sppmacd]

Is that true for both .js and .ts, or is the problem limited to .ts files?

Only TypeScript.

[jmooring]

Thank you for clarifying the issue title.

[bep]

I have a branch that fixes most of these issues that I'm going to complete soonish. I suspect that it will also fix this issue, but I'll keep this issue open until then.