dynamically specifying output location

[lydell]

dynamically specifying output location

[lydell]

Hi! I have read through your issue a couple of times now and … I must be missing something, because I just don’t get, like, much at all 😅 I don’t really get your setup, what it would look like with elm make, what you would like to be dynamic, and what is a hack.

Not sure if it makes sense for your case, but at work we generate elm-watch.json, and I’ve seen some other folks do that too when they’ve had complicated requirements.

[BrianHicks]

Oh no! Sorry it wasn’t clear. Let me try to clarify.

When I run turbo build, I want a JS file to show up in the Elm output package under build. When I run turbo package, I want the same package but under dist to match the convention.

When I run the hot server, I need the output to end up in a totally different package so the hot reloads work properly.

So what I’d like to be dynamic: only the output location. What feels like a hack: the combination of duplicating target definitions and hardcoding a cross-package path.

I suppose we could generate an elm-watch file but that’s adding a lot of machinery to do something like this!

Regardless, I’m not blocked from using elm-watch and I super appreciate you making and releasing it! The DX is so great in the browser! I just wanted to raise this as something I had to work around.

[lydell]

Does this mean that you call elm-watch make from turbo somehow? Btw, is it turborepo or turbopack? (I have never used those, just heard about them.)

[BrianHicks]

yes, that's exactly it. Under the covers it's doing the equivalent of npm run build, but with caching and a build graph on top.

[lydell]

I think I have a good idea now: The beta version already supports import:ing elm-watch (https://lydell.github.io/elm-watch/server/#custom-server). We could then support passing in the stuff from elm-watch.json as an argument instead of having elm-watch read it as a file.

You’d replace elm-watch make with node my-elm-watch.mjs:

// my-elm-watch.mjs
import elmWatch from "elm-watch";

elmWatch(["make"], {
    "elm-watch.json": {
        postprocess: ["elm-watch-node", "postprocess.js"],
        port: 9876,
        targets: {
            "My target name": {
                inputs: [
                    "src/Main.elm"
                ],
                output: "build/main.js"
            }
        }
    }
})
  .then((exitCode) => {
    process.exit(exitCode);
  })
  .catch((error) => {
    console.error("Unexpected elm-watch error:", error);
  });

[BrianHicks]

ah, yeah, that'd work! Then output could be like process.argv[3] or use whatever arg parsing framework. 👍